@charset "UTF-8";

/*======*/
.box{width:100%;height:auto;margin:0px auto;padding:0px 0px;}
.box_in{width:100%;height:auto;margin:0px auto;padding-top:10px;}
	@media all and (min-width: 1025px) {
	}
	@media all and (max-width: 1024px) {
		.box{padding:0px;}
		.box_in{width:96%;}
	}

/*======*/
.concept {width:100%;height:auto;padding:60px 0px;}
.concept_in{width:100%;height:auto;padding-top:20px;}
.concept p.ja{width:100%;height:auto;font-size:15px;line-height:180%;letter-spacing:1px;}
.concept p.ja span{color:#801d22;}
.concept p.logo{width:auto;height:auto;padding-top:35px;}
	@media all and (min-width: 1025px) {
		.concept p.logo{width:320px;}
	}
	@media all and (max-width: 1024px) {
		.concept {width:95%;}
		.concept p.ja{font-size:13px;line-height:170%;}
		.concept p.logo{width:80%;}
	}

/*======*/
div.today{width:100%;margin:0px auto;padding-bottom:40px;padding-top:40px;}
.today_overflow{width:100%;height:auto;}
	@media all and (min-width: 1025px) {
		div.today .box_in{width:100%;max-width:1200px;}
	}
	@media all and (max-width: 1024px) {
		div.today .box_in{width:95%;}
	}
/*======*/
.today_overflow .cast_box{display:inline-block;width:17.6%;height:auto;margin:10px 1% 10px 1%;padding-top:8px;padding-bottom:4px;background:#a282c1;}
.today_overflow .cast_box div.img{width:100%;height:auto;margin:0px auto;padding:0px;position:relative;}
.today_overflow .cast_box p.img{width:100%;height:auto;margin:0px auto;padding:0px;position:relative;}
.today_overflow .cast_box p.img span.type{display:inline-block;width:100%;height:auto;margin:0px auto;padding:3px 0px;position:absolute;bottom:0px;left:0px;background:rgb(128,29,34,0.4);color:#ffefd8;line-height:20px;}
.today_overflow .cast_box p.img span.txt_limit{display:inline-block;width:95%;height:auto;}
.today_overflow .cast_box .name{display:block;width:100%;height:auto;margin:0px auto;padding-top:0px;}
.today_overflow .cast_box .name h3{width:100%;height:auto;margin:0px auto;padding-top:4px;color:#ffefd8;}
.today_overflow .cast_box .name .size{width:100%;height:auto;margin:0px auto;padding-bottom:6px;color:#ffefd8;}
.today_overflow .cast_box .name h3 span , .today_overflow .cast_box .name .size span{font-size:10px;color:#801d22;}
.today_overflow .cast_box .today{width:calc(100% - 16px);height:auto;margin:0px auto;padding:0px;background:#ffffff;text-align:center;font-size:12px;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden;}
.today_overflow .cast_box p.today span:nth-of-type(1){width:20%;height:auto;margin:0px auto;padding:0px;background:#801d22;color:#ffffff;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;line-height:220%;position:relative;}
.today_overflow .cast_box p.today span:nth-of-type(1):after{content:" ";display:inline-block;position:absolute;top:calc(50% - 5.5px);right:-5px;width: 0;height: 0;border-style: solid;border-width: 5.5px 0 5.5px 5px;border-color: transparent transparent transparent #801d22;}
.today_overflow .cast_box p.today span:nth-of-type(2){width:80%;height:auto;margin:0px auto;padding:0px;color:#801d22;font-weight:bold;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;line-height:220%;}
	@media all and (min-width: 1025px) {
	}
	@media all and (max-width: 1024px) {
		.today_overflow .cast_box{width:47%;}
	}
	@media all and (max-width: 776px) {
	}
	@media all and (max-width: 667px) {
	}
	@media all and (max-width: 480px) {
	}
	@media all and (max-width: 320px) {
	}


/*======*/
.news_pickup{max-width:1200px;width:100%;height:auto;padding-bottom:30px;}
.news_pickup .news{width:100%;height:auto;background:#ffffff;box-shadow: 0 0 0 3px #610027 inset,0 0 0 5px #ffffff inset,0 0 0 6px #610027 inset;padding-top:20px;}
.news_pickup .pickup{width:100%;height:auto;background:url(../img/common/bg_pickup.webp) no-repeat top center;background-size:auto 100%;padding-top:20px;padding-bottom:10px;}
	@media all and (min-width: 1025px) {
		.news_pickup{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;}
		.news_pickup .news{width:830px;margin-left:0px;}
		.news_pickup .pickup{width:319px;min-height:526px;margin-right:0px;}
	}
	@media all and (max-width: 1024px) {
		.news_pickup .news{width:95%;margin:0px auto;padding-bottom:10px;}
		.news_pickup .news_in{padding-bottom:10px;}
		.news_pickup .pickup{width:95%;padding-top:10px;margin-top:15px;}
		.news_pickup .pickup{background:url(../img/common/bg_pickup.webp) no-repeat top center;background-size:cover;}
	}

/*======*/
.news_overflow{width:calc(100% - 40px);height:455px;margin:10px auto;padding:0px;overflow:auto;}
.info_main_box{width:100%;margin:0px auto;padding:5px 0px;border-bottom:1px dashed rgba(255,255,255,0.1);}
.info_main_box h3{text-align:left;width:100%;height:auto;margin:0px auto;padding:0px;font-size:13px;font-weight:bold;display: -ms-flexbox;display: flex;-ms-flex-pack: center;justify-content: center;-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;    align-items: center;}
.info_main_box h3 span:nth-of-type(1){width:75px;height:auto;margin:0px 10px 0px 0px;padding:0px;line-height:189%;text-align:center;}
.info_main_box h3 span:nth-of-type(2){width:calc(100% - 85px);height:auto;margin:0px 0px 0px 0px;padding:0px;line-height:189%;text-align:left;}
.info_main_box h3.info span:nth-of-type(1){background:#340015;color:#ffffff;}
.info_main_box h3.event span:nth-of-type(1){background:#169e8c;color:#ffffff;}
.info_main_box h3.info span:nth-of-type(2){color:#340015;}
.info_main_box h3.event span:nth-of-type(2){color:#37760c;}
.info_main_box .date{width:100%;height:auto;margin:0px auto;padding-top:2px;font-size:11px;text-align:left;color:#666666;}
.info_main_box .info.date{color:#340015;}
.info_main_box .event.date{color:#37760c;}
.info_main_box_contents{width:100%;margin:0px auto;padding-top:8px;padding-bottom:18px;}
.info_main_box_contents p{width:100%;text-align:left;line-height:170%;}
.info_main_box_contents_r{width:76%;margin:0px auto;}
.info_main_box_contents_l{width:100%;margin:0px auto;}
	@media all and (min-width: 1025px) {
		.info_main_box.event_flag p.event_img{width:70%;margin:0px auto;padding-bottom:15px;}
		.info_main_box_contents_r{padding-bottom:8px;}
	}
	@media all and (max-width: 1024px) {
		.info_main_box.event_flag p.event_img{width:80%;margin:0px auto;padding-bottom:12px;}
		.news_overflow{width:calc(100% - 30px);overflow:auto;}
	}
	@media all and (max-width: 480px) {
		.info_main_box_contents_r{width:86%;}
		.info_main_box_contents_l{width:100%;padding-top:10px;}
	}

/*======*/
h2.h2_pick{width:auto;height:auto;margin:0px auto;padding-bottom:0px;}
h2.h2_pick span.en:nth-of-type(1){display:block;width:auto;height:auto;padding:0px;font-size:21px;letter-spacing:1px;line-height:100%;color:#ffffff;}
h2.h2_pick span.ja{display:block;width:auto;height:auto;padding:0px;font-size:12px;letter-spacing:0px;line-height:100%;color:#ffffff;vertical-align:1px;}
	@media all and (max-width: 1024px) {
		h2.h2_pick span.en{font-size:21px;}
	}
/*======*/
.pickup ul{width:91%;height:auto;margin:0px auto;padding-top:7px;}
.pickup ul li{width:100%;height:auto;padding-bottom:4px;}
.pickup ul li div.img{width:100%;height:auto;padding:0px;}
.pickup ul li p.img{width:100%;height:auto;padding:0px;position:relative;}
.pickup ul li p.img:after{content:" ";display:inline-block;position:absolute;top:0;left:0px;width:100%;height:100%;background:url(../img/common/pickup_waku.webp) no-repeat;background-size:100% 100%;background-position:top center;}
.pickup ul li p.img span.type{display:inline-block;width:100%;height:auto;padding:3px 0px;position:absolute;bottom:23px;left:0px;background:rgb(128,29,34,0.4);color:#ffefd8;line-height:20px;}
.pickup ul li p.img span.txt_limit{display:inline-block;width:95%;height:auto;}
.pickup ul li .txt{display:block;width:100%;height:auto;padding:0px;}
.pickup ul li .txt h3{width:85%;height:auto;padding-top:4px;color:#ffefd8;}
.pickup ul li .txt .size{width:85%;height:auto;padding-bottom:0px;color:#ffefd8;}
.pickup ul li .txt h3 span , .pickup ul li .txt .size span{font-size:10px;color:#801d22;}
.pickup ul li .comment{width:100%;height:auto;padding-top:6px;text-align:left;font-size:11px;line-height:16px;color:#801d22;}
	@media all and (max-width: 1024px) {
		.pickup ul{width:95%;}
		.pickup .owl-buttons{display:none;}
		.pickup ul li p.img span.type{position:absolute;bottom:26px;left:0px;}
	}
	@media all and (max-width: 776px) {
	}
	@media all and (max-width: 667px) {
	}
	@media all and (max-width: 480px) {
	}
	@media all and (max-width: 320px) {
	}


/*======*/
div.newface{width:100%;margin:0px auto;padding:30px 0px;background:url(../img/common/bg_newface.webp) no-repeat;background-size:auto 100%;background-position:top center;}
.newface .box_in{max-width:1200px;width:97%;height:auto;padding-top:20px;}
	@media all and (min-width: 1025px) {
		div.newface .box_in{width:95%;}
		div.newface{background:url(../img/common/bg_newface.webp) no-repeat;background-size:2000px 554px;background-position:top center;}
	}
	@media all and (max-width: 1024px) {
	}
/*======*/
.newface_overflow .cast_box{display:inline-block;width:17.6%;height:auto;margin:0px 1% 15px 1%;padding-top:8px;padding-bottom:6px;background:#ffefd8;}
.newface_overflow .cast_box div.img_new{width:100%;height:auto;}
.newface_overflow .cast_box p.img{width:100%;height:auto;position:relative;}
.newface_overflow .cast_box p.img a{display:block;}
.newface_overflow .cast_box p.img span.type{display:inline-block;width:100%;height:auto;padding:3px 0px;position:absolute;bottom:0px;left:0px;background:rgb(55,118,12,0.4);color:#ffefd8;line-height:20px;}
.newface_overflow .cast_box p.img span.txt_limit{display:inline-block;width:95%;height:auto;}
.newface_overflow .cast_box ul{width:calc(100% - 16px);height:auto;display: -ms-flexbox;display: flex;-ms-flex-pack: center;justify-content:center;-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.newface_overflow .cast_box ul li:nth-of-type(1){width:30%;height:auto;padding:5px 0px;line-height:100%;background:#37760c;}
.newface_overflow .cast_box ul li:nth-of-type(1) span{display:inline-block;width:auto;height:auto;color:#ffffff;font-size:11px;}
.newface_overflow .cast_box ul li:nth-of-type(2){width:70%;height:auto;padding:5px 0px;line-height:100%;background:#ffffff;box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;border-top:1px solid #37760c;border-right:1px solid #37760c;border-bottom:1px solid #37760c;font-size:11px;color:#37760c;}
.newface_overflow .cast_box .name{display:block;width:100%;height:auto;padding-top:2px;}
.newface_overflow .cast_box .name h3{width:100%;height:auto;margin:0px auto;padding-top:5px;padding-bottom:0px;}
.newface_overflow .cast_box .name .size{width:100%;height:auto;margin:0px auto;padding-top:1px;padding-bottom:5px;}
.newface_overflow .cast_box .name h3 span , .newface_overflow .cast_box .name .size span{font-size:10px;color:#37760c;}
.newface_overflow .cast_box .comment{width:calc(100% - 16px);height:auto;padding-top:5px;font-size:11px;line-height:150%;text-align:left;}
	@media all and (min-width: 1025px) {
	}
	@media all and (max-width: 1024px) {
		.newface_overflow .cast_box{width:46.3%;margin:0px 1.5% 20px 1.5%;}
		.newface_overflow .cast_box .name .size{font-size:11px;}
		.newface_overflow .cast_box .comment{font-size:11px;}
		.newface_overflow .owl-buttons{display:none;}
	}
	@media all and (max-width: 320px) {
	}

/*======*/
ul.bottom_banner{max-width:1200px;width:100%;height:auto;padding:30px 0px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
ul.bottom_banner li{width:auto;height:auto;}
	@media all and (min-width: 1025px) {
		ul.bottom_banner li:nth-of-type(1){margin-left:0px;}
		ul.bottom_banner li:nth-of-type(2){margin-right:0px;}
		ul.bottom_banner li{width:580px;}
	}
	@media all and (max-width: 1024px) {
		ul.bottom_banner{width:95%;-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
		ul.bottom_banner li{width:100%;}
		ul.bottom_banner li:nth-of-type(2){padding-top:10px;}
	}

/*======*/
.topimage_banner {width:100%;height:auto;margin:0px auto;padding-top:0px;max-width:1200px;}
.topimage_banner .topimage{width:100%;height:auto;margin:0px auto;padding:5px 0px;box-shadow: 0 0 0 1px #1a1a1a inset,0 0 0 2px #323232 inset;background: linear-gradient(to bottom,  #1a1a1a 0%,#323232 48%,#1a1a1a 100%);}
.topimage_banner .topimage_in{width: calc(100% - 10px);height:auto;margin:0px auto;padding:5px 0px;position:relative;
    --x-gradient: linear-gradient(90deg, #ac8941 0 10px, transparent 0 calc(100% - 10px), #ac8941 calc(100% - 10px));
    --y-gradient: linear-gradient(#ac8941 0 10px, transparent 0 calc(100% - 10px), #ac8941 calc(100% - 10px));
	background-image: var(--x-gradient), var(--y-gradient), var(--x-gradient), var(--y-gradient);
    background-repeat: no-repeat;
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
    background-position: top, right, bottom, left;}
.topimage_banner .topimage_in ul{width:100%;height:auto;margin:0px auto;padding:0px;}
	@media all and (min-width: 1025px) {
		.topimage_banner{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
		.owl-pagination{height:15px !important;padding-top:4px !important;}
		.topimage{height:auto;}
	}
	@media all and (max-width: 1024px) {
	.topimage_banner .topimage{width:95%;}
		.topimage_banner .topimage_in{padding:5px 0px 2px 0px;}
		.topimage_banner .topimage_in ul{width:97%;}
	}