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


/* スライド */
.kvis_photo{ width: 100%; margin-left: auto; margin-right: auto; overflow: hidden; height: 500px; }
.kvis_photo li{ height: 500px; background-size: cover; background-position: center center; }
.kvis_photo li.slick-slide{  }
.kvis_photo li.slick-slide img{ height: auto; width: 100%; }
	/*slick変更*/
	.slick-dots{ /*position: absolute; bottom: 0px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; left: 0px;*/ display: none; }
	.kvis_photo button.slick-next{ /*border-style: none; display: none; cursor: pointer; text-indent: -9999px; background-image: url(http://www.narashino-cc.com/com/img/arr01.svg); background-repeat: no-repeat; background-size: auto auto; background-position: center center; position: absolute; right: 0px; z-index: 1000; height: 65px; background-color: transparent; ; width: 30px; top: 0px; margin-top: auto; margin-bottom: auto; margin-left: auto; margin-right: auto; bottom: 0px; */ display: none; }
	.kvis_photo button.slick-prev{ /*border-style: none; width: 30px; display: none; cursor: pointer; text-indent: -9999px; background-repeat: no-repeat; background-size: auto auto; background-position: center center; background-image: url(http://www.narashino-cc.com/com/img/arr01.svg); background-color: transparent; ; position: absolute; left: 0px; -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); z-index: 1000; height: 65px; top: 0px; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto; bottom: 0px;*/ display: none; }

.kvis_board{ width: 1000px; height: 500px; position: relative; margin-top: -500px; margin-left: auto; margin-right: auto; }
.kvis_board ul#feature_box{ position: absolute; right: 30px; bottom: 30px; width: 250px; display: block; }
.kvis_board ul#feature_box li{ padding-top: 12px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; width: 100%; background-repeat: no-repeat; background-size: 100% 100%; background-image: url(../../img/comm_label01.png); margin-bottom: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
.kvis_board ul#feature_box li:nth-child(2n){ background-image: url(../../img/comm_label02.png); }
.kvis_board ul#feature_box li a.btn_comm01{ background-color: #373737; }
.kvis_board ul#feature_box li:nth-child(2n)  a.btn_comm01{ background-color: #736e5b; }
.kvis_board ul#feature_box li p{ display: block; padding-bottom: 12px; color: #FFFFFF; }


section#top_main{ padding-top: 36px; padding-bottom: 50px; }
section#top_main dl{ width: 470px;  }
section#top_main dl#top_news{ float: left; margin-right: 20px; }
section#top_main dl#top_recom{float: right;}
section#top_main dl dt{ font-size: 18px; letter-spacing: 0.1em; padding-bottom: 24px; }
section#top_main dl dd{}
section#top_main dl dd ul#news_list{ padding-top: 24px; padding-bottom: 30px; }
section#top_main dl dd ul#news_list li{ padding-bottom: 16px; font-size: 14px; line-height: 1.2em; }
section#top_main dl dd ul#news_list li:last-child{ padding-bottom: 0px;}
section#top_main dl dd ul#news_list li .yymmdd{ color: #00a850; display: inline-block; width: 110px; }
section#top_main dl dd ul#news_list li .info_txt{ display: inline-block;}
section#top_main dl dd ul#news_list li a{ display: inline-block; color: #fff; font-size: 14px; }
section#top_main dl dd a.btn_more{ background-color: #4a4a4a; display: block; text-align: center; padding-top: 6px; padding-bottom: 6px; }
section#top_main dl dd a.btn_more:after{ content: " "; background-repeat: no-repeat; background-image: url(../../img/WHarr_01.svg); display: inline-block; width: 12px; height: 1em; background-position: center center; vertical-align: text-top; margin-top: 2px; margin-left: 5px; }
section#top_main dl dd ul#infobtn_box{ overflow: hidden; padding-top: 40px; }
section#top_main dl dd ul#infobtn_box li{ width: 48%; float: left; }
section#top_main dl dd ul#infobtn_box li:first-child{ margin-right: 4%; }
section#top_main dl dd ul#infobtn_box li a{ display: block; border: 1px solid #888888; text-align: center; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; }
section#top_main dl dd ul#infobtn_box li a:after{ content: " "; background-repeat: no-repeat; background-image: url(../../img/BLarr_01.svg); display: inline-block; width: 12px; height: 1em; background-position: center center; vertical-align: text-top; margin-top: 2px; margin-left: 5px; }

section#top_main dl dd ul#recom_list{ padding-bottom: 30px; overflow: hidden; }
section#top_main dl dd ul#recom_list li{ width: 48.5%; float: left; padding-bottom: 16px; }
section#top_main dl dd ul#recom_list li:first-child{ /*margin-left: 0 !important; width:100%;*/}
section#top_main dl dd ul#recom_list li:nth-child(odd){ margin-right: 3%; }
section#top_main dl dd ul#recom_list li a{ background-color: #909090; display: block; text-align: center; padding-bottom: 8px; color: #FFFFFF; }
section#top_main dl dd ul#recom_list li a img{ width: 100%; margin-bottom: 6px; }

section#top_main .basic_box.basic_box_over dl{ width: 49%;  }
section#top_main .basic_box.basic_box_over dl#top_news{margin-right: 2%; }
section#top_main .basic_box.basic_box_over dl dd ul#recom_list li{width:32%;padding-bottom: 2%;  margin-right:2%;}
section#top_main .basic_box.basic_box_over dl dd ul#recom_list li:nth-child(3n){ margin-right:0; }

section#top_main dl#top_news_02{ margin: 20px 0; padding-bottom: 20px; width:100%;border-bottom: 1px dashed #FFF;}
section#top_main dl#top_news_02 dd ul#news_list{ padding:0;height: 180px;overflow-y: scroll;}
#top_news_02 dt{display: flex;align-items: center;}
#top_news_02 dt:after{ border-top: 1px dashed #FFF;content: "";display: inline; /* for IE */flex-grow: 1;margin-left: 0.5em;}


section#top_courseinfo{ background-color: #ebebeb; padding-top: 36px; padding-bottom: 70px; }
section#top_courseinfo h3{ text-align: center; font-weight: normal; font-size: 28px; line-height: 1.4em; padding-bottom: 34px; color: #1f1f1f;}
section#top_courseinfo #course_info{ padding-left: 20px; padding-right: 20px; }
section#top_courseinfo #course_info img.clhouse{ float: left; }
section#top_courseinfo #course_info ul{ background-color: #909090; float: right; width: 470px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 18px; padding-right: 18px; padding-bottom: 18px; padding-left: 18px; }
section#top_courseinfo #course_info ul li{ padding-bottom: 8px; color: #FFFFFF; }
section#top_courseinfo #course_info ul li:nth-child(n+2):nth-child(-n+3){ width: 45%; float: left; }
section#top_courseinfo #course_info ul li:last-child{ padding-bottom: 0px; }
section#top_courseinfo #course_info ul li a{ color: #FFFFFF; }

#emerg{ width: 100%; min-width: 1000px; background-image:url(../../img/emerge.png); background-repeat: no-repeat; background-position: center top; position: absolute; top: 89px; left: 0px; height: 402px; z-index: 1010; }
#emerg .detail_btn{ height: 402px; width: 1000px; margin-right: auto; margin-left: auto; position: relative; z-index: 1011; display: block; }
#emerg .detail_btn a{
	position: absolute;
	height: 16px;
	width: 92px;
	left: 851px;
	top: 92px;
	text-indent: -9999px;
	display: block;
}

#news_frame{width: 100%;margin-top: 15px;text-align: center;padding: 30px 0;}
#news_frame a{color: #00a850; font-size: 1.5em; text-decoration: underline;}

/* TOPページボタン */
#btn_box{width: 100%;height: 500px;margin-top: -500px;}
#btn_box_inner{width: 1000px; margin: 0 auto;position: relative;height: 500px;}
.btn{display: block;font-size: 14px;position: absolute;border: 1px solid #888; color: #1f1f1f;background:rgba(255,255,255,1); text-align:center;}
#btn_top_l_top{top:30px; left:0; padding: 18px;}
#btn_top_l_top span:after{ content: " "; background-repeat: no-repeat; background-image: url(../../img/BLarr_01.svg); display: inline-block; width: 12px; height: 1em; background-position: center center; vertical-align: text-top; margin-top: 2px; margin-left: 5px;}
#btn_top_l_top img:nth-of-type(1){display: block; width:70px; margin: 0 auto 10px;}
#btn_top_l_top img:nth-of-type(2){display: block; width:110px; margin: 7px auto 0;}
#btn_top_l_top span,#btn_top_l_top b{color: #1f1f1f;}
#btn_top_l_top span{font-size:1.3em;}
#btn_top_l_top2{top:258px; left:0; padding: 10px; font-size: 17px;}

#btn_top_center_bottom{font-size: 17px; padding: 8px;bottom: 15px;right: 0;left: 0;margin: 0 auto; width: 250px;}
/*#btn_top_center_bottom span:after{ content: " "; background-repeat: no-repeat; background-image: url(../../img/BLarr_01.svg); display: inline-block; width: 12px; height: 1em; background-position: center center; vertical-align: text-top; margin-top: 2px; margin-left: 5px;}*/
#btn_top_center_bottom img:nth-of-type(1){display: block; width:40px; margin: 0 auto 10px;}
#btn_top_center_bottom img:nth-of-type(2){display: block; width:70px; margin: 7px auto 0;}
#btn_top_center_bottom span{color: #1f1f1f;}
#btn_top_center_bottom span b{font-size:1.3em; color: #1f1f1f;}
#btn_top_r_top{ padding: 11px;top: 30px;right: 0;width: 277px;}
#btn_top_r_top span{color: #1f1f1f; font-size: 15px;}
#btn_top_r_top span b{font-size:1.3em; color: #1f1f1f;}
#btn_top_r_top2{top:110px; right:0; padding: 10px; font-size: 15px;width:279px;}


/* TOPバナーエリア */
#ban_area{margin-bottom: 20px;}
#ban_area .inner{border: 3px solid #bdbdbd;background-color: #fff;box-shadow: 2px 2px 2px rgba(0,0,0,0.3);margin-bottom: 15px;padding: 8px;}
#ban_area .inner:last-of-type{margin-bottom: 0;}
#ban_area a{transition:ease 0.3s;} 
#ban_area a:hover{opacity: 0.5;} 
#ban_area .inner_txt01,#ban_area .inner_txt02{/*font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/}
#ban_area .inner_txt01{color: #003068;float:left;font-size: 20px;line-height: 44px;}
#ban_area .inner_txt02{color: #444;float:right;font-size: 18px;}
#ban_area .link01{color: #ffffff;font-weight: bold;font-size: 20px;text-decoration: underline;display: inline-block;background-color: #00a850;padding: 8px 15px;margin-left: 5px;font-weight: bold;font-size: 18px;font-family: inherit;}


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

/* スライド */
.kvis_photo{ height: 30vh; }
.kvis_photo li{ height: 30vh; }

section#top_main { padding-top: 22px; padding-bottom: 12px; }
section#top_main dl{ width: 100%;  }
section#top_main dl dt{ padding-bottom: 12px; }

section#top_main dl#top_news{ float: none; margin-left: 0px; margin-right: 0px; }
section#top_main dl#top_news dd img{ width: 100%; height: auto; }
section#top_main dl#top_news dd ul#news_list li .yymmdd{ display: block; }

section#top_main dl#top_news_02{ float: none; margin-left: 0px; margin-right: 0px; }
section#top_main dl#top_news_02 dd img{ width: 100%; height: auto; }
section#top_main dl#top_news_02 dd ul#news_list li .yymmdd{ display: block; }

section#top_main dl#top_recom{ float: none; margin-left: 0px; margin-right: 0px; padding-top: 50px; }

section#top_main dl dd ul#infobtn_box{ padding-top: 0px; }
section#top_main dl dd ul#infobtn_box li a{ padding-right: 4px; padding-left: 4px; }

section#top_main dl dd ul#recom_list{ }
section#top_main dl dd ul#recom_list li{ width: 49%; padding-bottom: 2vw; }
section#top_main dl dd ul#recom_list li:nth-child(odd){ margin-right: 2%; }
section#top_main dl dd ul#recom_list li a{ font-size: 11.5px; }
section#top_main dl dd ul#recom_list li a img{  }

section#top_main .basic_box.basic_box_over dl{ width: 100%;  }
section#top_main .basic_box.basic_box_over dl#top_news{margin-right: 0; }
section#top_main .basic_box.basic_box_over dl dd ul#recom_list li{width: 49%; padding-bottom: 2vw;  margin-right:0;}
section#top_main .basic_box.basic_box_over dl dd ul#recom_list li:nth-child(odd){ margin-right: 2%; }

section#top_courseinfo{ padding-top: 30px; padding-bottom: 30px; }
section#top_courseinfo h3{ font-size: 15px; padding-bottom: 20px; }
section#top_courseinfo #course_info{ padding-left: 0px; padding-right: 0px; }
section#top_courseinfo #course_info img.clhouse{ float: none; width: 100%; }
section#top_courseinfo #course_info ul{ float: none; width: 100%; }
section#top_courseinfo #course_info ul li{ padding-bottom: 6px; font-size: 13px; }
section#top_courseinfo #course_info ul li:nth-child(n+2):nth-child(-n+3){ width: auto; float: none; }
section#top_courseinfo #course_info ul li:last-child{  }

/* TOPページボタン */
#btn_box{height: unset; margin-top: unset;}
#btn_box_inner{width: 100%; margin: 3vh auto 0; position: unset;height: auto;}
#btn_top01{position: unset;width: 32vh; margin: 0 auto;}
#btn_top01 span{font-size: 18px;}
.btn{position: unset;width:25vh !important; margin: 1vh auto;}
#btn_top_l_top img:nth-of-type(1){display: block; width:10vh; margin: 0 auto 10px;}
#btn_top_l_top img:nth-of-type(2){display: block; width:15vh; margin: 7px auto 0;}
#btn_top_center_bottom img:nth-of-type(1){display: block; width:10vh; margin: 0 auto 10px;}
#btn_top_center_bottom img:nth-of-type(2){display: block; width:12vh; margin: 7px auto 0;}
#btn_top_center_bottom{padding:5px 18px;margin-bottom: 4%;}


@media only screen and (max-width: 321px) {
section#top_main dl dd ul#recom_list li a{ font-size: 10px; }
}