@charset "UTF-8";

/*==================================
Styles for Chinese simplified
==================================*/

/* フォント */
body {
	font-family: "Segoe UI","Microsoft Yahei",Simhei,sans-serif!important;
}

/* プランと料金 */
@media screen and (min-width:767px){
	.price .price-fee dl {
		padding: 15px 17px;
	}
	.price .price-plan-all .price-area .plan-yen span {
		font-size: 22px;
	}

}

/* サンプルデータの「静止画」 */
.sample-img .stop:before {
	content: '静止图像';
}

/* お役立ち情報のタブ */
@media screen and (max-width:767px){
	.media-list #tag-tab {
		width: 44vw;
	}
	.media-list #tag-tab a {
		width: 22vw;
	}
}
@media screen and (min-width:767px){
	.media-list #tag-tab {
		width: 240px;
	}
	.media-list #tag-tab a {
		width: 120px;
		font-size: 15px;
	}
}

/* インタビュー */
@media screen and (min-width:767px){
	#page-title.interviews .com {
		font-size: 26px;
	}
	.interview-box .quote {
		padding: 0 46px;
	}
	#page-title.interviews .interviews-txt {
		width: 42%;
	}
}

/* トップページの動画を静止画に */
.index-top-img {
	background: url(/wp/wp-content/themes/cubism_wpml/img/cubism_top_image.jpg) no-repeat;
	background-position: center;
	background-size: cover;
	width: 100%;
    min-height: calc(100% - 37.33vw);
    height: 56.25vw;
    z-index: 1;
}
@media screen and (min-width:767px){
	.index-top-img {
		background-position: center -6vw;
		background-size: auto 111%;
    	min-height: 100%;
	}
}

/* トップページのひより */
.index-about .about-chara {
	top: -110px;
	right: -300px;
	width: 930px;
}
@media screen and (max-width:767px){
	.index-about .about-chara {
		top: -4vw;
		right: -90px;
	    width: 330px;
	}
}

/* フッターサイトマップ */
footer .footer-top .menu-list > ul {
	display: table-cell;
	vertical-align: top;
	padding: 0 2% 0 0;
}