@charset "UTF-8";/* CSS Document */

#jomovie{width:100%; max-width:1200px; margin:0 auto; text-align:center;}
img{width:100%;}
*{line-height:200%; margin-bottom:10%; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}
a:link{text-decoration:none; color:#000;}
a:visited{text-decoration:none; color:#000;}
a:hover{text-decoration:none;}
.movie_accordion p{background-color:#fff;}

/*******タイトル*******/
#main{width:100%; margin:0 auto;}

/*******ランディングページ*******/
#lp{width:100%; max-width:1200px; margin:0 auto;}
.info{font-size:90%; margin:8% auto; line-height:150%;}
.date{width:20%; border-bottom:1px solid #BC0B0E; padding-bottom:1%; margin:0 auto 5% auto; color:#BC0B0E;}
.request a{width:300px; padding:1%; background-color:#b6ff00; display:block; margin:0 auto 5% auto; font-weight:bold;}

/*******アコーディオン*******/
.movie_accordion {text-align:center;}
.movie_accordion .inner {display:none; padding:10px 0;}
.movie_accordion .inner.open {display:block;}

.box{overflow:hidden; clear:both; margin-bottom:2%;}
.title{width:80%; cursor:pointer; padding:10px; overflow:hidden; border-bottom:2px solid #000; margin:0 auto;}
.title img{width:8%; float:left; margin:0 2% 0 5%;}
.title h2{width:60%; float:left; text-align:left; margin-top:1%; font-weight:bold; line-height:150%;}
.title b{font-size:100%; margin-top:3%; display:block; font-weight:bold; text-align:right; margin-right:5%;}

.movie{margin:3% 0;}
.text{width:50%; margin:0 auto 2% auto; font-size:90%; line-height:150%; text-align: justify; text-justify: inter-ideograph;}
.color{width:80%; margin:0 auto; text-align:center;}
.color span{width:15%; display:inline-block; margin-left:1%; overflow:hidden;}
.more_view{width:25%; background-color:#000; padding:1.5%; margin:2% auto; display:block; color:#fff; font-size:90%;}
a.more_view{color:#fff;}
a.more_view:visited{color:#fff;}

@media screen and (max-width:768px) {
	
	.info{width:90%; font-size:80%; margin:15% auto;}
	.date{width:50%; padding-bottom:2%; margin-bottom:10%;}
	
	.title{width:100%; margin-bottom:5%; padding:15px;}
	.title img{width:18%; margin:0 3% 0 0;}
	.title h2{width:70%; font-size:80%; margin-top:3%;}
	.title b{display:none;}
	
	.movie{width:92%; margin:0 auto;}
	iframe{width:100%; height:210px;}
	.text{width:92%; margin:5% auto;}
	.color{width:92%;}
	.color span{width:45%;}
	.more_view{width:55%; padding:4%; margin:5% auto 9% auto; display:block; font-size:70%;}
	
	
	
}