@charset "utf-8";

/* mvp010 */
.mvp010 {width:100%; height:100%; padding:15px; background:#fff; box-sizing:border-box; position:relative; overflow:hidden;}
.mvp010 h3.tit {width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.mvp010 ul {}
.mvp010 ul li {}
.mvp010 ul li .mvp10_box {width:100%; height:100%; padding-bottom:56.25%; box-sizing:border-box; overflow:hidden; position:relative;}
.mvp010 ul li .mvp10_box iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.mvp010 ul li .txtbox {width:100%; float:left;}
.mvp010 ul li .txtbox p.tit {font-size:16px; letter-spacing:-1px; font-weight:600;}
.mvp010 ul li .txtbox span.co {font-size:13px;}
.mvp010 ul li .txtbox p, .mvp010 ul li .txtbox span {width:100%; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}


	.layout_01 ul li .mvp10_box {padding-bottom:56.25%;}
	.layout_height_H ul li .mvp10_box {height:235px;}
	.layout_height_M ul li .mvp10_box {height:145px;}
	.layout_height_L ul li .mvp10_box {height:95px;}
	.layout_height_L .mvp010 ul li .txtbox {display:none;}


/* no_data */
.mvp010 ul li.no_data {}
.mvp010 ul li.no_data .txtbox {display:inline !important;}
.mvp010 ul li.no_data .txtbox p.tit {font-size:14px; font-weight:400; padding:20px 0 !important;}


	@media (min-width:600px) {
		.mvp010 h3.tit {font-size:18px; line-height:25px;}

		.layout_01 .mvp010 ul li .txtbox p.tit {padding:15px 0 10px;}
		.layout_height_H .mvp010 ul li .txtbox p.tit {padding:10px 0;}
		.layout_height_M .mvp010 ul li .txtbox p.tit {padding:7px 0 5px;}
	}

	@media (min-width:800px) {
		.layout_height_H .mvp010 ul li .mvp10_box {padding-bottom:27%;}
		.layout_height_M .mvp010 ul li .mvp10_box {padding-bottom:23%;}
		.layout_height_L .mvp010 ul li .mvp10_box {padding-bottom:13%;}
	}
	@media (min-width:1050px) {
		.layout_06.layout_height_M .mvp010 ul li .mvp10_box {padding-bottom:18%;}
		.layout_06.layout_height_L .mvp010 ul li .mvp10_box {padding-bottom:11%;}
	}

	@media (max-width:799px) {
	  /*.layout_01 ul li .mvp10_box, 
		.layout_height_H .mvp010 ul li .mvp10_box, 
		.layout_height_M .mvp010 ul li .mvp10_box, 
		.layout_height_L .mvp010 ul li .mvp10_box {height:50vmin;} */
	}

	@media (min-width:600px) and (max-width:799px){
		.layout_block4 .layout_height_H .mvp010 ul li .mvp10_box {padding-bottom:27%;}
		.layout_block4 .layout_height_M .mvp010 ul li .mvp10_box {padding-bottom:23%;}
		.layout_block4 .layout_height_L .mvp010 ul li .mvp10_box {padding-bottom:13%;}
	}

	@media (max-width:599px) {
		.mvp010 h3.tit {font-size:17px; padding-bottom:5px;}
		.mvp010 ul li .txtbox p.tit {font-size:15px; padding:15px 0 10px;}
		.mvp010 ul li .txtbox span.co {padding-bottom:10px;}
	}