@charset "utf-8";

/*--common--*/
.inner{width:1080px;max-width:100%;margin:0 auto;padding:0 15px;}
.img_center{display:block;margin:0 auto;}
.txt_center{text-align:center;}
.color_red{color:#c42a2e;}
.marker{background: linear-gradient(transparent 50%, #ffff96 50%);font-style:normal;font-size:24px;}
figure{margin:0;padding:0;}
.half_column{display:flex;flex-flow:row wrap;}
.half_column .row{width:50%;padding:15px;}
.half_column .row-8{padding:15px;width:80%;}
.half_column .row-2{padding:15px;width:20%;}
.half_column .row-7{padding:15px;width:70%;}
.half_column .row-3{padding:15px;width:30%;}
.half_column .row-6{padding:15px;width:60%;}
.half_column .row-4{padding:15px;width:40%;}


.page_ttl{background:#2a2a2a;background-size:cover;margin-bottom:60px;border-bottom:5px solid #c82b2f;}
.page_ttl .inner{height:300px;display:flex;align-items:center;background-size:contain;}
.page_ttl .inner h1{color:#fff;font-size:30px;letter-spacing:3px;line-height:1.5;}
.page_ttl .inner h1 small{display:block;font-size:14px;font-weight:normal;font-family: 'Oswald', sans-serif;letter-spacing:0;padding:0 10px;border-left:5px solid #fff;}

.ttl_a{font-size:34px;text-align:center;letter-spacing:2px;margin-bottom:60px;}
.ttl_a:after{content:"";width:50px;height:8px;background:#ddd;display:block;margin:15px auto;}
.ttl_b{font-size:22px;border-bottom:5px solid #ddd;padding:15px 0;font-style:italic;margin-bottom:15px;}

.btn_pdf a{display:block;font-size:12px;background:#333;color:#fff;text-decoration:none;text-align:center;padding:5px;letter-spacing:2px;}
.btn_pdf a:hover{opacity:0.8;}

.table_col2 th,
.table_col2 td{width:50%;}
.table_col3 th,
.table_col3 td{width:33%;}
.table_col4 th,
.table_col4 td{width:25%;}
.table_col5 th,
.table_col5 td{width:20%;}

article{margin-bottom:60px;}

/*--game--*/
.page_game .page_ttl .inner{background:url(../img/common/ttl_background.png) no-repeat center center,url(../img/game/ttl_background.jpg) no-repeat bottom center;background-size:contain,cover;}
.page_game .highgame{margin-bottom:120px;}
.page_game .highgame .inner{padding:0;}
.page_game .highgame ul{display:flex;flex-flow:row wrap;}
.page_game .highgame ul li{width:25%;padding:15px;}
.page_game .highgame ul li img{display:block;margin:0 auto 15px;}
.page_game .highgame ul li dl{margin-bottom:15px;line-height:1.5;}
.page_game .highgame ul li dl dt{font-size:12px;background:#248173;color:#fff;padding:2px 5px;}
.page_game .highgame ul li dl dd{text-align:center;padding:5px;border:1px solid #ddd;}
.page_game .highgame ul li p{line-height:1.5;}

.page_game .report .img_center{margin-bottom:15px;}
.page_game .report_item{margin-bottom:40px;}
.page_game .report_item h4{margin-bottom:15px;font-size:18px;color:#248173;}
.page_game .report_item h4:before{content:"\f138";font-family:FontAwesome;margin-right:10px;}
.page_game .report table.event{width:100%;margin:0 auto 30px;}
.page_game .report table.event th,
.page_game .report table.event td{padding:10px 15px;border:1px solid #ddd;vertical-align:top;}
.page_game .report table.event td img{float:right;}
.page_game .report table.event td p{margin-top:15px;line-height:1.5;}
.page_game .report table.event th{background:#eee;}
.page_game .report .scroll_box table.event tr:nth-child(-n+4){background-color: #ffe8e8;}
.page_game .report .scroll_box table.event tr:nth-child(5n+1){background-color:#f0f0f6;}
.page_game .report .half_img{display:flex;flex-flow:row wrap;}
.page_game .report .half_img .row{width:50%;padding:15px;}


/*--event--*/
.page_event .page_ttl .inner{background:url(../img/common/ttl_background.png) no-repeat center center,url(../img/classroom/ttl_background.jpg) no-repeat center center;background-size:contain,cover;}
.page_event .calendar{margin-bottom:120px;}
.page_event .calendar iframe{width:100%;height:1000px;}
.page_event .about .contents{margin-bottom:30px;}
.page_event .about .schedule{line-height:1.5;}
.page_event .about .schedule dt{display:inline-block;width:100px;background:#248173;padding:2px 10px;color:#fff;text-align:center;}
.page_event .about .schedule dd{padding:10px 0;}
.page_event .about .schedule dd span{display:inline-block;background:#5773ae;padding:2px 10px;color:#fff;}
.page_event .about .row img{margin-bottom:15px;}
.page_event .about .row p{line-height:1.5;font-size:14px;}
.page_event .about h4{font-size:18px;margin-bottom:15px;color:#ff4800;}
.page_event .about h4:before{content:"\f005";font-family:FontAwesome;margin-right:10px;}
.page_event .about .row-7 p{line-height:1.5;margin-bottom:30px;font-size:14px;}


/*--faq--*/
.page_faq .page_ttl .inner{background:url(../img/common/ttl_background.png) no-repeat center center,url(../img/faq/ttl_background.jpg) no-repeat right center;background-size:contain,cover;}
.page_faq .about{margin-bottom:60px;}
.page_faq .about p{line-height:1.8;text-align:center;}
.page_faq .faq_item dl{margin-bottom:30px;}
.page_faq .faq_item dl dt{display:flex;align-items:baseline;margin-bottom:15px;font-weight:bold;font-size:24px;letter-spacing:1px;}
.page_faq .faq_item dl dt:before{content:"Q.";font-family: 'Oswald', sans-serif;font-size:36px;margin-right:10px;color:#c82b2f;}
.page_faq .faq_item dl dd{line-height:1.8;border:5px solid #eee;padding:15px;}
.page_faq .btn_phone a{display:inline-block;background:#248173;color:#fff;font-family: 'Oswald', sans-serif;font-size:24px;text-decoration:none;padding:0 30px;line-height:1;text-align:center;height:30px;line-height:30px;}
.page_faq .btn_reserve a{display:inline-block;background:#248173;color:#fff;font-size:18px;text-decoration:none;padding:0 30px;line-height:1;text-align:center;height:30px;line-height:30px;}
.page_faq .btn_phone a:hover,
.page_faq .btn_reserve a:hover{opacity:0.8;}


/*--info--*/
.page_info .page_ttl .inner{background:url(../img/common/ttl_background.png) no-repeat center center,url(../img/information/ttl_background.jpg) no-repeat top center;background-size:contain,cover;}
.page_info .about,
.page_info .pro,
.page_info .member{margin-bottom:120px;}
.page_info .price em{font-size:24px;font-family: 'Oswald', sans-serif;font-style:normal;}
.page_info table.price{width:100%;margin-bottom:15px;}
.page_info table.price th,
.page_info table.price td{border:1px solid #ccc;padding:5px;text-align:center;vertical-align:middle;}
.page_info table.price th{font-size:12px;background:#0b1728;color:#fff;}
.page_info .supplement{font-size:14px;line-height:1.6;}
.page_info dl.price{display:flex;flex-flow:row wrap;align-items:baseline;margin-bottom:20px;}
.page_info dl.price dt{width:30%;background:#eee;padding:5px 10px;text-align:center;}
.page_info dl.price dd{width:70%;padding:0 10px;}
.page_info .about h4{margin-bottom:15px;font-size:18px;color:#248173;display:flex;}
.page_info .about h4:before{content:"\f138";font-family:FontAwesome;margin-right:10px;}
.page_info .about h4 span{background:#ff5a19;color:#fff;font-weight:normal;font-size:12px;padding:0 10px;margin-left:1em;display:flex;align-items:center;justify-content:center;}
.page_info .about p{margin-bottom:1.3em;}
.page_info .about h5{letter-spacing:2px;margin-bottom:10px;background:#32aac6;padding:5px 15px;color:#fff;}
.page_info .pro ul{display:flex;flex-flow:row wrap;}
.page_info .pro ul li{width:33%;padding:15px 30px;}
.page_info .pro ul li h3{font-size:22px;margin-bottom:15px;}
.page_info .pro ul li img{display:block;width:100%;margin:0 auto 15px;border:8px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,0.3);}
.page_info .pro ul li dl{display:flex;flex-flow:row wrap;font-size:14px;}
.page_info .pro ul li dl dt{width:40%;padding:5px 10px;background:#eee;text-align:center;margin-bottom:5px;}
.page_info .pro ul li dl dd{width:60%;padding:5px 10px;margin-bottom:5px;}
.page_info .member ol{counter-reset:number;display:flex;flex-flow:row wrap;}
.page_info .member ol li{display:flex;align-items:baseline;margin-bottom:30px;width:50%;}
.page_info .member ol li:before{counter-increment:number;content:"特典"counter(number);background:#c82b2f;color:#fff;padding:5px 15px;margin-right:15px;white-space:nowrap;}
.page_info .member p{margin-bottom:1.3em;}
.page_info .member dl.price{width:100%;align-items:center;margin-bottom:0;}
.page_info .member ol li div dl.price{margin-bottom:10px;}
.page_info .member dl.price dt{width:40%;}
.page_info .member dl.price dt small{display:block;font-size:12px;}
.page_info .member dl.price dd{width:60%;}
.page_info .manners ul{display:flex;flex-flow:row wrap;}
.page_info .manners ul li{width:50%;padding:15px;display:flex;flex-flow:row wrap;}
.page_info .manners ul li div{width:200px;padding:0 15px;}
.page_info .manners ul li dl{flex:1;}
.page_info .manners ul li dl dt{padding:5px 10px;border-left:8px solid #c82b2f;margin-bottom:15px;line-height:1.3;}
.page_info .manners ul li dl dd{font-size:14px;line-height:1.5;}



@media screen and (max-width: 1024px){

}

@media screen and (max-width: 768px){
	#contents .page_ttl .inner{background-size:cover,cover;}
	.page_ttl .inner h1{font-size:26px;}
	.ttl_a{font-size:30px;}
	.ttl_b{font-size:20px;line-height:1.3;}
	.half_column .row-8{width:70%;}
	.half_column .row-2{width:30%;}
	.half_column .row-7{width:60%;}
	.half_column .row-3{width:40%;}
	.half_column .row-6,
	.half_column .row-4{width:50%;}


	.scroll_box{width:100%;overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:15px;}
	.scroll_box table{margin-bottom:0 !important;}
	.scroll_box table th,
	.scroll_box table td{white-space:nowrap;}

	.page_game .highgame ul li{width:33%;}
	.page_game .report table.event td img{float:none;display:block;margin:0 auto 15px;}

	.page_event .calendar .sp a{display:block;background:#c82b2f;color:#fff;padding:10px;text-align:center;text-decoration:none;}
	.page_event .calendar .sp a:before{content:"\f073";font-family:FontAwesome;margin-right:10px;}
	.page_event .calendar .sp a:hover{opacity:0.8;}
	.page_event .about .schedule span{display:inline-block;}

	.page_info .about .half_column .row{width:100%;padding:15px 0;}
	.page_info .pro ul li{width:50%;}
	.page_info .member ol li{width:100%;}
	.page_info .manners ul li{width:100%;padding:15px 0;}

}

@media screen and (max-width: 667px){
	.page_ttl .inner{height:230px;background:rgba(0,0,0,0.6) !important;}

	.page_game .page_ttl{background:url(../img/game/ttl_background.jpg) no-repeat bottom center;background-size:cover;}
	.page_event .page_ttl{background:url(../img/classroom/ttl_background.jpg) no-repeat bottom center;background-size:cover;}
	.page_faq .page_ttl{background:url(../img/faq/ttl_background.jpg) no-repeat bottom center;background-size:cover;}
	.page_info .page_ttl{background:url(../img/information/ttl_background.jpg) no-repeat top center;background-size:cover;}

	.page_faq .about p{text-align:left;}


}

@media screen and (max-width: 480px){
	.marker{font-size:20px;}
	.page_ttl .inner h1{font-size:20px;}
	.ttl_a{font-size:24px;}
	.ttl_b{font-size:16px;}
	.half_column .row,
	.half_column .row-8,
	.half_column .row-2,
	.half_column .row-7,
	.half_column .row-3,
	.half_column .row-6,
	.half_column .row-4{width:100%;padding:15px 0;}

	.page_game .highgame ul li{width:50%;}
	.page_game .highgame ul li dl dd{font-size:13px;}
	.page_game .report .half_img .row{width:100%;}
	.page_game .report .half_column .row-8 img,
	.page_game .report .half_column .row-2 img{display:block;margin:0 auto 15px;}

	.page_faq .faq_item dl dt{font-size:18px;}
	.page_faq .faq_item dl dt:before{font-size:30px;}
	.page_faq .btn_phone a,
	.page_faq .btn_reserve a{width:100%;}

	.page_info .about h4{flex-flow:row wrap;font-size:16px;}
	.page_info .about h4 span{width:100%;margin:10px 0;padding:5px;}
	.page_info dl.price dt{width:100%;}
	.page_info dl.price dd{width:100%;padding:5px;text-align:center;}
	.page_info .pro ul li{width:100%;}
	.page_info .manners ul li{flex-flow:column-reverse wrap;}
	.page_info .manners ul li div{width:100%;padding:15px 0;text-align:center;}
	.page_info .member ol li{flex-flow:row wrap;}
	.page_info .member ol li:before{width:100%;margin:0 0 10px;}
	.page_info .member dl.price dt{width:100%;}
	.page_info .member dl.price dd{width:100%;padding:5px;text-align:center;}

}

@media screen and (max-width: 375px){
	.page_ttl .inner{height:200px;}

	.page_game .highgame ul li{width:100%;}
	.page_game .highgame ul li dl dd{font-size:16px;}



}