.maindesign{
	font-family: "Noto Sans JP","ＭＳ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
}
.maindesign img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.maindesign .feature-center-hdg2{
    text-align: center;
    padding-bottom: 1.25rem;
    font-size: 1.75rem;
    margin-top: calc(80px - 0.6rem);
    margin-bottom: calc(40px - 0.75rem);
}
.maindesign .feature-hdg3{
	border-left: 4px solid #E5002D;
	padding: 0.3rem 1rem;
}
.maindesign .feature-hdg4{
	font-size: 1.4rem;
	font-weight: bold;
    margin-bottom: 20px;
	line-height: 1.3;
}
.modal_close{
    width: 40px;
}

@media screen and (max-width: 767px) {
.maindesign .feature-center-hdg2{
    font-size: 1.5rem;
    margin-top: calc(60px - 0.6rem);
    margin-bottom: calc(45px - 0.75rem);
    line-height: 1.2;
}
.maindesign .feature-hdg4{
	font-size: 1.2rem;
}
.modal_close{
    width: 30px;
}

}

.maindesign .link-bnr{
	display: block;
	margin-bottom: 30px;
}

/*  movie  */
.maindesign .frames{
	width:100%;
	max-width:900px;
	margin:auto;
	/*background-color: #c0c0c0;
	border: 1px solid #c0c0c0;*/
	}
.maindesign .videos{
    width: 100%;
	height:100%;	
	}




@media screen and (max-width:767px) {
.pc-only#html2{
	display: block!important;
}
.sp-only#html5{
	display: none!important;
}
}

/*
.global-main .maindesignBnrArea{
	display: none;
}
*/

/*表示出し分け*/
#html2 .kokoro-product-block,#html5 .kokoro-product-block{
    display: none !important;
}
#store-device-html2 .front-product-block{
    display:none !important;
}
#store-device-html2 .kokoro-product-block{
    display:block !important;
}


	.videos{
	position:relative;
	cursor:pointer;
	border: 1px solid #ccc;
	box-sizing: border-box;
	}
	.videos img{
	display: block;
	}
	.maindesign .videos--overmaker{
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
	width: 20%;
	height: auto;
	opacity:0.7;
	}
	#modalwindow{
	display:none;
	background:rgba(0,0,0,0.7);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 10000;
	}
	#bamiri{
	width: 65%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	background-color: #fff;
	}
	#subwindow{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:0;
	}
	.modal_close{
		position: absolute;
		top: 0;
		right: 0;
		width: 15%;
		height: 15%;
		max-width: 80px;
		max-height: 80px;
		transform: translate(50%, -100%);
	}
	/* -- 動画（YouTube・MP4　共通） end --  */


	@media screen and (max-width:767px) {
		#bamiri{
			width: 80%;
		}
		.modal_close{
			top: -40px;
			right: -20px;
			width: 40px;
			height: 40px;
			transform: translate(0,0);
		}
	}