@charset "utf-8";
html{overflow-y: auto;}
body{
	border: none;
}
#product .modal_frame{
	position: relative;
	/*max-width: 1260px;*/
	max-width: 920px;
	width: 90%;
	margin: 0 auto 0;
	/*padding-top: 35px;*/
	min-height: 100vh;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
}
#product .modal_frame > div{
	position: relative;
	border: solid 5px #be5000;
	background: url("../images/modal/product_bg.png") repeat 0 0;
	width: 100%;
}
#product h3{
	width: 55%;
	margin: -35px auto;
	max-width: 360px;
}
#product ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	padding: 30px 5%;
}
/*#product ul li{width: 20%;}*/
#product ul li{width: 30%;}

#profile{
	text-align: center;
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
	height: 100vh;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
}
#profile .modal_frame > div{
	width: 100%;
}


#movies .modal_frame{
	position: relative;
	max-width: 800px;
	width: 90%;
	margin: 0 auto 0;
	padding-top: 0;
	height: 100vh;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
}
#movies .modal_frame > div{
	width: 100%;
}
#movies .modal_frame > div h3{
		width: 55%;
		margin: 0 auto 20px;
		
}
#movies .youtube{
	position: relative;
	width: 100%;
	padding-top: 55.45%;
	box-sizing: border-box;
	border: solid 5px #be5000;
}
#movies .youtube iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: none;
}
#movies .movie_button{
	margin-top: 20px;
	text-align: center;
}


.pc_only_m{display: inline;}
/*----------------------------------------------------------------------------------
PCのみ
----------------------------------------------------------------------------------*/
@media screen and (min-width:980px){
	
}
/*----------------------------------------------------------------------------------
タブレット・SP
----------------------------------------------------------------------------------*/
@media screen and (max-width:979px){
	.pc_only_m{display: none;}
	
}
/*----------------------------------------------------------------------------------
タブレット
----------------------------------------------------------------------------------*/
@media screen and (max-width:979px) and (min-width:641px){
	
}
/*----------------------------------------------------------------------------------
SP
----------------------------------------------------------------------------------*/
@media screen and (max-width: 640px){
	#product .modal_frame{padding: 35px 0;}
	#product h3{
		width: 75%;
		margin: -25px auto;
	}
	#product ul{padding: 40px 5% 60px;}
	#product ul li{width: 50%;}
	#movies .modal_frame > div h3{
		margin-bottom: 15px;
		width: 75%;
	}
	#movies .movie_button{margin-top: 15px;}
	

	

}