/* main_visual
----------------------------------- */
#sub_visual.kv{padding: 0;padding-top:123px;background: url(../images/sub_visual.jpg) no-repeat center center;background-size: cover;height: 300px;}
#sub_visual .b{position: relative; z-index: 2; max-width:1280px;padding-left:0;margin: 0 auto;}
#sub_visual .span{position:absolute;display: block;width:100%;font-size: 29px;text-align: center;letter-spacing: .1em;line-height: 200%; z-index: 2;color: #fff;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);}
#sub_visual p{position:absolute;display: block;width:100%;font-size: 18px; text-align: center; font-weight: 600;letter-spacing: .1em; line-height: 200%; margin: 46px 0 0 0; z-index: 2;color: #fff;text-transform: lowercase;}

/* bread_crumb_list
----------------------------------- */
#sub_contents .bread_crumb {background:none;text-align:left;padding:0px;width:94%;max-width: 1280px;margin:0 auto;margin-bottom:30px;padding-top:15px;}
#sub_contents .bread_crumb div { display:inline;color:#fdfcf8;}
#sub_contents .bread_crumb div:after {content : '＞';padding-left:10px; font-family: inherit; font-size:13px;}
#sub_contents .bread_crumb div:last-child:after { content : '';}
#sub_contents .bread_crumb a {text-decoration:underline;font-size:12px;}
#sub_contents .bread_crumb p{margin-bottom:0px; font-size:12px;}

/* sub_contents
----------------------------------- */
#sub_contents {font-size: 15px; position: relative;padding:0px;}
#sub_contents .section{max-width: 1280px;width: 94%;margin: 50px auto 50px;position: relative; padding: 0;}
#sub_contents h2{text-align: center;font-size:20px;font-weight: bold;margin-bottom:10px;position: relative;line-height: 150%;padding-top: 15px;letter-spacing: 0.1em;text-transform:capitalize;}
#sub_contents h2 span{font-weight: bold;font-size:19px; display: block;margin-bottom:0px;font-family: 'EB Garamond', serif;}
#sub_contents h2:before {content: '';position: absolute;top:0px;display: inline-block;width:35px;height:2px;background:#381e03;right:0; left: 0; margin: 0 auto;}
#sub_contents .sub_bg h2:before {content: '';position: absolute;top:0px;display: inline-block;width:35px;height:2px;background:#fff;right:0; left: 0; margin: 0 auto;}
#sub_contents h3{ text-align: center;font-size:17px; font-weight: bold; position: relative; line-height: 100%; padding-top: 20px;}
#sub_contents .txt_cen{ text-align: center; font-size:18px; line-height: 180%;font-weight: bold;}
#sub_contents .txt_cen .span{font-weight: bold; font-size:18px}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 15px;}
#sub_contents .mb30{margin-bottom: 20px;}
#sub_contents .mb40{margin-bottom: 30px;}
#sub_contents .mb50{margin-bottom: 30px;}
#sub_contents .mb80{margin-bottom: 60px;}
#sub_contents .mb100{margin-bottom: 50px;}
#sub_contents .mb150{margin-bottom: 100px;}
#sub_contents .sp_br{display:block;}
#sub_contents .h2-small{letter-spacing: 0.1em;text-transform: uppercase;font-family: 'Montserrat', sans-serif;}
#sub_contents .bold{font-weight:bold;}
#sub_contents .sub_bg{background: url(../images/sub_bg02.png) no-repeat top center / cover ; background-size: cover; padding: 30px 0px;color: #fff;}
/*#sub_contents .sub_bg02{background: #ECE6D7; padding: 30px 0px;}*/
#link01 {margin-top:-55px;padding-top:55px;}
#link02 {margin-top:-55px;padding-top:55px;}
#link03 {margin-top:-55px;padding-top:55px;}
#link04 {margin-top:-55px;padding-top:55px;}
#link05 {margin-top:-55px;padding-top:55px;}
#link06 {margin-top:-55px;padding-top:55px;}
#link07 {margin-top:-55px;padding-top:55px;}
#link08 {margin-top:-55px;padding-top:55px;}
#link09 {margin-top:-55px;padding-top:55px;}
#link10 {margin-top:-55px;padding-top:55px;}
#link11 {margin-top:-55px;padding-top:55px;}
#link12 {margin-top:-55px;padding-top:55px;}
#link13 {margin-top:-55px;padding-top:55px;}

/* tab
-----------------------------*/
#sub_contents .tab_area {display: block; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));column-gap: 10px;row-gap: 10px;}
#sub_contents .tab {padding: 10px 0; font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s; position: relative; border: 1px solid #381e03; margin-bottom: 10px;}
#sub_contents .tab p {font-size: 16px;display: inline; font-weight: bold;}
#sub_contents .tab.is-active {padding: 10px 0; background: #381e03;color: #fdfcf8; margin-bottom: 10px;}
#sub_contents .panel {display: none;}
#sub_contents .panel.is-active {display: block;background-size: cover;padding: 30px 0 0;}

/* btn
-----------------------------*/
#sub_contents .anker__items{column-gap: 1%;row-gap: 10px;}
#sub_contents .anker__item{width: 100%;height: 45px;position: relative;display: block; margin-bottom:10px;}
#sub_contents .anker__item a{display: block;text-align: center;line-height: 30px; transition: all .5s; padding: 14px 0;background: #381e03;color: #fff;border: 1px solid #381e03;}
#sub_contents .anker__item a:hover{background: #fff;color: #381e03;border: 1px solid #381e03;}
#sub_contents .anker__item p{font-size: 14px;}

/* commitment
-----------------------------*/
#sub_contents .commitment_area01 .img img{aspect-ratio: 2/1; object-fit: cover;}
#sub_contents .commitment_area01 .txt_area .b{font-size:40px;font-weight:bold;display: block;color: #381e03;margin-right: 15px;}
#sub_contents .commitment_area01 .txt_area .span{display: block;font-size: 18px;color: #381e03;margin-bottom: 10px;font-weight: bold;}
#sub_contents .commitment_area01 .txt_area .p{border-top: 1px solid #271401;padding-top: 20px;}
#sub_contents .commitment_area02{text-align: center;}
#sub_contents .commitment_area02 .img{width: 100%;text-align: center;margin: 0 auto;}
#sub_contents .commitment_area02 .img img{width: 100%;height: 200px;object-fit: cover;margin-bottom: 10px;}
#sub_contents .gal_list02{display: flex;justify-content: center;}
#sub_contents .gal_list02 video{width:100%; height:200px; object-fit:cover;}

/* concept
-----------------------------*/
#sub_contents .concept_area01 .txt_area .span{display: inline-block;font-size: 20px;color: #381e03;margin-bottom: 0;font-weight: bold;margin: 20px 0;}
#sub_contents .concept_area01 .txt_area .p{border-top: 1px solid #271401;padding-top: 20px;}
#sub_contents .concept_area02{text-align: center;}
#sub_contents .concept_area02 .img{width: 100%;text-align: center;margin: 0 auto; margin-bottom: 10px;}
#sub_contents .concept_area02 .img img{width: 100%;height: 200px;object-fit: cover;}
#sub_contents .concept_area02 p{text-align-last: left; font-size: 15px;}
#sub_contents .tbl_info {margin-bottom:60px;}
#sub_contents .tbl_info .tr{width:100%;background:#fff;margin-bottom:0px;color: #271401;}
#sub_contents .tbl_info .th{width:100%;padding:10px 10px; background: #381e03; color: #fff; text-align:center;}
#sub_contents .tbl_info .th p{font-weight: bold;}
#sub_contents .tbl_info .td{width:100%;padding:10px 10px;}
#sub_contents .tbl_info .td p{font-size: 15px;}
#sub_contents .tbl_info .td a{text-decoration: underline;}

/* menu01
-----------------------------*/
#sub_contents .menu01_area{align-items: center;}
#sub_contents .menu01_area .img{width: 100%;order: 1;margin-bottom: 10px;}
#sub_contents .menu01_area .img img{aspect-ratio: 2/1;object-fit: contain;}
#sub_contents .menu01_area .txt_area {width: 100%;order: 2;}
#sub_contents .menu01_area .txt_area .strong{background: #381e03;color: #fff;padding: 5px 10px;display: inline-block;margin-bottom: 10px;}
#sub_contents .menu01_area .txt_area .b{border-bottom: 1px solid #271401;margin-bottom: 10px;padding: 10px 0;font-weight: bold;font-size: 16px;text-align: right;color: #381e03;}
#sub_contents .menu01_area .txt_area .span{font-weight: bold;font-size: 20px;color: #381e03;}
#sub_contents .menu01_area .txt_area .p{font-size: 14px;}
#sub_contents .menu01_bg_area{align-items: center;}
#sub_contents .menu01_bg_area .img{width: 100%;order: 1;margin-bottom: 10px;}
#sub_contents .menu01_bg_area .img img{aspect-ratio: 2/1;object-fit: contain;}
#sub_contents .menu01_bg_area .txt_area {width: 100%;order: 2;}
#sub_contents .menu01_bg_area .txt_area .strong{background: #fff;color: #271401;padding: 5px 10px;display: inline-block;margin-bottom: 10px;}
#sub_contents .menu01_bg_area .txt_area .b{border-bottom: 1px solid #fff;margin-bottom: 10px;padding: 10px 0;font-weight: bold;font-size: 16px;text-align: right;}
#sub_contents .menu01_bg_area .txt_area .span{font-weight: bold;font-size: 16px;}
#sub_contents .menu01_bg_area .txt_area .p{font-size: 14px;}
#sub_contents .menu01_bg_area .txt_area .i{font-size: 14px;color: #f63c22;margin-top: 10px;font-weight: bold;}
#sub_contents .ticket_area .txt_cen .b{font-size: 18px;}
#sub_contents .menu01_bg_area .gal_list.w25 img{width:100%;}

/* menu02
-----------------------------*/
#sub_contents .menu02_area{align-items: center;}
#sub_contents .menu02_area .img{width: 100%;margin-bottom: 10px;}
#sub_contents .menu02_area .img img{aspect-ratio: 2 / 1; object-fit: cover;}
#sub_contents .menu02_area .txt_area01 {width: 100%;order: 2;text-align: left;}
#sub_contents .menu02_area .txt_area01 .strong{background: #381e03;color: #fff;padding: 5px 10px;display: inline-block;margin-bottom: 5px;margin-top: 20px;}
#sub_contents .menu02_area .txt_area01 .b{border-bottom: 1px solid #271401;margin-bottom: 10px;padding: 10px 0;font-weight: bold;font-size: 16px;text-align: right;color: #381e03;}
#sub_contents .menu02_area .txt_area01 .span{font-weight: bold;font-size: 20px;color: #381e03;}
#sub_contents .menu02_area .txt_area01 .p{font-size: 15px;}
#sub_contents .menu02_area .alcohol_area {width: 100%;order: 2;text-align: center;padding: 20px 50px;background: #381e0312;}
#sub_contents .menu02_area .alcohol_area .img{width: 100%;text-align: center;}
#sub_contents .menu02_area .alcohol_area .img img{width: 147px;height: 96px;}
#sub_contents .menu02_area .alcohol_area .b{border-bottom: 1px solid #271401;margin-bottom: 10px;padding: 10px 0;font-weight: bold;font-size: 16px;text-align: right;color: #381e03;}
#sub_contents .menu02_area .alcohol_area .span{font-weight: bold;font-size: 20px;color: #381e03;}
#sub_contents .menu02_area .alcohol_area .p{font-size: 16px;}
#sub_contents .menu02_area .txt_area02 {width: 100%;order: 2;text-align: left;}
#sub_contents .menu02_area .txt_area02 .strong{background: #381e03;color: #fff;padding: 5px 10px;display: inline-block;margin-bottom: 10px;}
#sub_contents .menu02_area .txt_area02 .b{border-bottom: 1px solid #271401;margin-bottom: 10px;padding: 10px 0;font-weight: bold;font-size: 16px;text-align: right;color: #381e03;}
#sub_contents .menu02_area .txt_area02 .span{font-weight: bold;font-size: 20px;color: #381e03;}
#sub_contents .menu02_area .txt_area02 .p{font-size: 15px;}
#sub_contents .menu_area .txt_area02 {width: 100%;order: 2;}
#sub_contents .menu_area .txt_area02 .span{font-weight: bold;font-size: 20px;color: #381e03;border-bottom: 1px solid #271401;padding-bottom: 10px;}
#sub_contents .menu_area .txt_area02 .p{font-size: 14px;}
#sub_contents .menu02_area .img02 img{width: 49%;height: 100px;object-fit: cover;margin-bottom: 10px;}

/* menu03
-----------------------------*/
#sub_contents .menu_area{align-items: center;}
#sub_contents .menu_area .img{width: 100%;order: 1;margin-bottom: 10px;}
#sub_contents .menu_area .img img{aspect-ratio: 2/1;object-fit: cover;}
#sub_contents .menu_area .txt_area {width: 100%;order: 2;}
#sub_contents .menu_area .txt_area .b{border-bottom: 1px solid #271401;margin-bottom: 10px;padding: 10px 0;font-weight: bold;font-size: 18px;text-align: right;color: #381e03;}
#sub_contents .menu_area .txt_area .span{font-weight: bold;font-size: 20px;color: #381e03;}
#sub_contents .menu_area .txt_area .p{font-size: 14px;}
#sub_contents .menu_bg_area{align-items: center;}
#sub_contents .menu_bg_area .img{width: 100%;order: 1;margin-bottom: 10px;}
#sub_contents .menu_bg_area .img img{aspect-ratio: 2/1;object-fit: cover;}
#sub_contents .menu_bg_area .txt_area {width: 100%;order: 2;}
#sub_contents .menu_bg_area .txt_area .b{border-bottom: 1px solid #fff;margin-bottom: 10px;padding: 10px 0;font-weight: bold;font-size: 18px;text-align: right;}
#sub_contents .menu_bg_area .txt_area .span{font-weight: bold;font-size: 20px;}
#sub_contents .menu_bg_area .txt_area .p{font-size: 14px;}

/* online
-----------------------------*/
#sub_contents .online_area .img img{aspect-ratio: 2/1; object-fit: cover;}
#sub_contents .online_area .txt_area .span{display: block;font-size: 20px;color: #381e03;margin-bottom: 10px;font-weight: bold;margin: 10px 0;}
#sub_contents .online_area .txt_area .p{border-top: 1px solid #271401;padding-top: 20px;}
#sub_contents .g_area_txt{font-size: 15px;text-align: left;}
#sub_contents .g_area{align-items: center;}
#sub_contents .g_area .txt_area {width: 100%;}
#sub_contents .g_area .txt_area .span{border-bottom: 1px solid #271401;margin-bottom: 10px;padding: 10px 0;font-weight: bold;color: #381e03;font-size: 18px;}
#sub_contents .g_area .txt_area .num{font-size:30px;}
#sub_contents .g_area .txt_area .ttl{font-size:18px;font-weight:bold;width: 60%;}
#sub_contents .g_area .img img, #sub_contents .ranking_g_area .img02 img{width: 100%; margin-bottom: 10px;}
#sub_contents .online_area02{text-align: left;background: #fff;color: #271401;padding: 30px 10px;display: flex;flex-direction: column;gap: 30px;}
#sub_contents .online_area02 .img{width: 100%;text-align: center;}
#sub_contents .online_area02 .img img{width: 100px;height: 100px;}
#sub_contents .online_area02 a{margin: 0 auto;line-height: 30px; transition: all .5s; padding: 14px 20px;background: #381e03;color: #fff;border: 1px solid #381e03;}
#sub_contents .online_area02 a:hover{background: #fff;color: #381e03;border: 1px solid #381e03;}
#sub_contents .online_area02 p{font-size: 14px;}
#sub_contents .sub_slider{width:70%; margin:30px auto;}
#sub_contents .sub_slider img{width:100%; height:400px; object-fit:contain;}

/* scene
-----------------------------*/
#sub_contents .scene_area .img img{aspect-ratio: 2/1; object-fit: cover;}
#sub_contents .scene_area .txt_area .b{font-size:40px;font-weight:bold;display: block;color: #381e03;margin-right: 15px;}
#sub_contents .scene_area .txt_area .span{display: block;font-size: 20px;color: #381e03;margin-bottom: 10px;font-weight: bold;}
#sub_contents .scene_area .txt_area .p{border-top: 1px solid #271401;padding-top: 20px;}

/* news
-----------------------------*/
#sub_contents .webgene-blog:has(.categorylist){justify-content: flex-cnt;margin-bottom: 30px;}
#sub_contents .webgene-item.categorylist {display: inline-block;/*margin-right: 1%;*/width: 48%;margin-bottom: 10px;margin-left: 3px;}
#sub_contents .webgene-item.categorylist a{display: block;width: 100%; text-align: center;padding: 14px 10px;transition: .5s;background:#381e03; color:#fff;font-weight:bold;border: 1px solid #381e03;}
#sub_contents .webgene-item.categorylist a:hover{background:#fff; color:#381e03;border: 1px solid #381e03;}
#sub_contents .news_list {margin-top:-50px;}
#sub_contents .webgene-blog .webgene-item.news_area {padding:20px 0;border-bottom:1px solid #381e03;}
#sub_contents .webgene-blog .news__date{/* margin-right: 15px; */display:inline-block;font-size:14px; font-weight:600;color: #381e03;}
#sub_contents .webgene-blog .news__cate{/* margin-right: 15px; */display:inline-block; background:#381e03; padding:2px 10px;font-size:13px; font-weight:bold;color:#fff;margin-left: 5px;}

/* detail_news
-----------------------------*/
#sub_contents .webgene-blog .cnt-news-li-sub{width:100%;padding: 1% 0;box-sizing: border-box;}
#sub_contents .webgene-blog .cnt-news-li-sub figure{width: 100%;overflow: hidden;box-sizing: border-box;}
#sub_contents .webgene-blog .cnt-news-li-sub figure img{width: 100%;height: 240px;object-fit: cover;}
#sub_contents .webgene-blog .cnt-news-li-sub a{display: block;width: 100%;margin: auto;box-sizing: border-box;}
#sub_contents .webgene-blog .cnt-news-li-sub h2{font-size: 16px; display: inline;}
#sub_contents .blog_h2{padding-bottom: 20px;margin-bottom: 30px;padding-top: 20px;font-size: 18px;border-bottom: 1px solid #381e03;font-weight:bold;}
#sub_contents .blog_h2::before{display:none;}
#sub_contents .cmn-blog-cate{font-size: 16px;}
#sub_contents .cmn-blog-date{font-size: 16px;font-weight:500; text-align:center;display:block;font-weight: bold;}
#sub_contents .area_blog{/*border: 1px solid #ede9e6;*/margin: 20px 0;box-sizing: border-box;overflow: hidden; border-radius:10px;}
#sub_contents .area_blog figure{max-width: 760px; margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto; text-align: center;}
#sub_contents .area_blog .cmn-blog-txt{font-size:14px;margin-top: 30px;box-sizing: border-box;letter-spacing: 0.075em;line-height: 1.6;font-weight: 500;}
#sub_contents .webgene-pagination{display: block;width: 100%;text-align: center;}
#sub_contents .webgene-pagination ul{display: inline-block;overflow: hidden;}
#sub_contents .webgene-pagination ul li{list-style: none;float: left; width: 100px; margin: 10px;}
#sub_contents .webgene-pagination ul li a{background: #381e03;display: block;width: 100%;color: #fff;font-size: 15px;padding: 12px 0;border:1px solid #381e03;transition: 0.5s;font-weight: bold;}
#sub_contents .webgene-pagination ul li a:hover{background: #fff;text-decoration: none;color: #381e03;border:1px solid #381e03;}
#sub_contents .btn_clear{margin: 50px auto;text-align: center;}
#sub_contents .btn_clear a{position: relative; display: inline-block;padding: 12px 15px;border:1px solid #381e03;}
#sub_contents .btn_clear a::after {content: "";position: absolute;top:25px; left: -35px;width: 45px;height: 1px;background: #381e03;transition: width 0.3s ease;}

/* PC  */

@media screen and (min-width: 768px) {
/* main_visual
-----------------------------*/
#sub_visual.kv{padding: 0;padding-top:180px; background: url(../images/sub_visual.jpg) no-repeat center center; background-size: cover; height: 500px;}
#sub_visual .b{position: relative; z-index: 2; max-width:1280px;padding-left:0;margin: 0 auto;}
#sub_visual .span{position:absolute;display: block;width:100%;font-size: 55px;text-align: center;letter-spacing: .15em; line-height: 200%; z-index: 2;color: #fff;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);}
#sub_visual p{position:absolute;display: block;width:100%;font-size: 30px; text-align: center; font-weight: 600;letter-spacing: .15em; line-height: 200%; margin: 90px 0 0 0;z-index: 2;color: #fff;text-transform: lowercase;}

/* bread_crumb_list
-----------------------------*/
#sub_contents .bread_crumb{text-align:left;padding:0px;max-width:1280px;width:94%;margin:0 auto;margin-bottom:30px; padding-top:15px;}
#sub_contents .bread_crumb div { display:inline;color:#fdfcf8;}
#sub_contents .bread_crumb div:after {content : '＞';padding-left:10px; font-family: inherit; font-size:13px;}
#sub_contents .bread_crumb div:last-child:after { content : '';}
#sub_contents .bread_crumb a {text-decoration:underline;font-size:13px;}
#sub_contents .bread_crumb p{margin-bottom:0px; font-size:13px;}

/* sub_contents
-----------------------------*/
#sub_contents {font-size: 16px; position: relative;padding:0;}
#sub_contents .section{max-width: 1280px;width: 94%;position: relative;margin: 50px auto 50px;}
#sub_contents h2{text-align: center;font-size:30px; margin-bottom:10px; position: relative; line-height: 150%; padding-top: 25px; text-transform: capitalize; letter-spacing: 0.1em;font-weight: bold;}
#sub_contents h2 span{font-weight: bold;font-size:24px; display: block;margin-bottom:0px;font-family: 'EB Garamond', serif;}
#sub_contents h2:before {content: '';position: absolute;top:0px;display: inline-block;width:35px;height:2px;background:#381e03;right:0; left: 0; margin: 0 auto;}
#sub_contents .sub_bg h2:before {content: '';position: absolute;top:0px;display: inline-block;width:35px;height:2px;background:#fff;right:0; left: 0; margin: 0 auto;}
#sub_contents h3{ text-align: center;font-size:22px; font-weight: bold; position: relative; line-height: 100%; padding-top: 20px;}
#sub_contents .txt_cen{ text-align: center; font-size:22px; line-height: 200%;font-weight: bold;}
#sub_contents .txt_cen .span{font-weight: bold; font-size:20px}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 20px;}
#sub_contents .mb30{margin-bottom: 30px;}
#sub_contents .mb40{margin-bottom: 40px;}
#sub_contents .mb50{margin-bottom: 50px;}
#sub_contents .mb80{margin-bottom: 80px;}
#sub_contents .mb100{margin-bottom: 100px;}
#sub_contents .mb150{margin-bottom: 150px;}
#sub_contents .sp_br{display:inline-block;}
#sub_contents .sub_bg{background: url(../images/sub_bg02.png) no-repeat top center / cover ; background-size: cover; padding: 30px 0px;color: #fff;}
/*#sub_contents .sub_bg02{background: #ECE6D7; padding: 30px 0px;}*/
#sub_contents .h2-small{letter-spacing: 0.1em;text-transform: uppercase;font-family: 'Montserrat', sans-serif;}
#sub_contents .bold{font-weight: bold;}
#link02 {margin-top:-70px;padding-top:70px;}
#link03 {margin-top:-70px;padding-top:70px;}
#link04 {margin-top:-70px;padding-top:70px;}
#link01 {margin-top:-70px;padding-top:70px;}
#link05 {margin-top:-70px;padding-top:70px;}
#link06 {margin-top:-70px;padding-top:70px;}
#link07 {margin-top:-70px;padding-top:70px;}
#link08 {margin-top:-70px;padding-top:70px;}
#link09 {margin-top:-70px;padding-top:70px;}
#link10 {margin-top:-70px;padding-top:70px;}
#link11 {margin-top:-70px;padding-top:70px;}
#link12 {margin-top:-70px;padding-top:70px;}
#link13 {margin-top:-70px;padding-top:70px;}

/* tab
-----------------------------*/
#sub_contents .tab_area {display: grid;grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));column-gap: 10px;row-gap: 10px;}
#sub_contents .tab {padding: 15px 0; font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s; position: relative; border: 1px solid #381e03; margin-bottom: 0px;}
#sub_contents .tab p {font-size: 18px;display: inline; font-weight: bold;}
#sub_contents .tab.is-active {padding: 15px 0; background: #381e03;color: #fdfcf8; margin-bottom: 0px;}
#sub_contents .panel {display: none;}
#sub_contents .panel.is-active {display: block;background-size: cover;padding: 30px 0 0;}

/* btn
-----------------------------*/
#sub_contents .anker__items{column-gap: 1%;row-gap: 10px;}
#sub_contents .anker__item{width: 24%;height: 45px;position: relative;display: block; margin-bottom:10px;}
#sub_contents .anker__item a{display: block;text-align: center;line-height: 30px; transition: all .5s; padding: 14px 0;background: #381e03;color: #fff;border: 1px solid #381e03;}
#sub_contents .anker__item a:hover{background: #fff;color: #381e03;border: 1px solid #381e03;}

/* commitment
-----------------------------*/
#sub_contents .commitment_area01 .img img{aspect-ratio: auto; object-fit: cover;}
#sub_contents .commitment_area01 .txt_area .b{font-size:80px;font-weight:bold;display: block;color: #381e03;margin-right: 15px;}
#sub_contents .commitment_area01 .txt_area .span{display: inline-block;font-size: 29px;color: #381e03;margin-bottom: 0;font-weight: bold;}
#sub_contents .commitment_area01 .txt_area .p{border-top: 1px solid #271401;padding-top: 20px;}
#sub_contents .commitment_area02{text-align: center;}
#sub_contents .commitment_area02 .img{width: 100%;text-align: center;margin: 0 auto;}
#sub_contents .commitment_area02 .img img{width: 33%;height: 300px;object-fit: cover;margin-bottom: 0px;}
#sub_contents .commitment_area02 p{text-align-last: center; font-size: 16px;}
#sub_contents .gal_list video{width:31%; height:400px; object-fit:cover;}
#sub_contents .gal_list.w25 img{width:32%;margin-right: 5px;margin-bottom: 5px;}
#sub_contents .gal_list img{width:31%; height:400px; object-fit:cover;}
#sub_contents .gal_list img:hover{opacity:0.5;cursor:pointer;}
#sub_contents .gal_list02 video{width:80%; height:400px; object-fit:cover;}

/* concept
-----------------------------*/
#sub_contents .concept_area01 .txt_area .span{display: inline-block;font-size: 30px;color: #381e03;margin-bottom: 0;font-weight: bold;margin: 20px 0;}
#sub_contents .concept_area01 .txt_area .p{border-top: 1px solid #271401;padding-top: 20px;}
#sub_contents .concept_area02{text-align: center;}
#sub_contents .concept_area02 .img{width: 70%;text-align: center;margin: 0 auto; margin-bottom: 10px;}
#sub_contents .concept_area02 .img img{width: 100%;height: 300px;object-fit: cover;}
#sub_contents .concept_area02 p{text-align-last: center; font-size: 16px;}
#sub_contents .tbl_info .tr{width:100%;background:#fff;margin-bottom:15px;color: #271401;}
#sub_contents .tbl_info .th{width:22%;padding:15px 10px;text-align:center;}
#sub_contents .tbl_info .td{width:77%;padding:15px 0px;}
#sub_contents .tbl_info .td p{font-size: 16px;}
#sub_contents .tbl_info .td a{text-decoration: underline;}

/* menu01
-----------------------------*/
#sub_contents .menu01_area{align-items: center;}
#sub_contents .menu01_area .img{width: 100%;order: 1;margin-bottom: 10px;}
#sub_contents .menu01_area .img img{aspect-ratio: 2/1;object-fit: cover;}
#sub_contents .menu01_area .txt_area {width: 100%;order: 2;}
#sub_contents .menu01_area .txt_area .b{border-bottom: 1px solid #271401;margin-bottom: 10px;padding: 10px 0;font-weight: bold;font-size: 18px;text-align: right;color: #381e03;}
#sub_contents .menu01_area .txt_area .span{font-weight: bold;font-size: 20px;color: #381e03;}
#sub_contents .menu01_area .txt_area .p{font-size: 14px;}
#sub_contents .menu01_bg_area{align-items: center;}
#sub_contents .menu01_bg_area .img{width: 100%;order: 1;margin-bottom: 10px;}
#sub_contents .menu01_bg_area .img img{aspect-ratio: 2/1;object-fit: cover;}
#sub_contents .menu01_bg_area .txt_area {width: 100%;order: 2;}
#sub_contents .menu01_bg_area .txt_area .b{border-bottom: 1px solid #fff;margin-bottom: 10px;padding: 10px 0;font-weight: bold;font-size: 18px;text-align: right;}
#sub_contents .menu01_bg_area .txt_area .span{font-weight: bold;font-size: 20px;}
#sub_contents .menu01_bg_area .txt_area .p{font-size: 14px;}
#sub_contents .menu01_bg_area .txt_area .i{font-size: 14px;color: #f63c22;margin-top: 10px;}
#sub_contents .ticket_area .txt_cen .b{font-size: 18px;}
#sub_contents .gal_list02 .w25 img{width: 100%;}

/* menu02
-----------------------------*/
#sub_contents .menu02_area{align-items: center;}
#sub_contents .menu02_area .img{width: 100%;margin-bottom: 10px;}
#sub_contents .menu02_area .img img{width: 100%;aspect-ratio: auto;}
#sub_contents .menu02_area .txt_area01 {width: 100%;order: 2;text-align: center;}
#sub_contents .menu02_area .txt_area01 .strong{background: #381e03;color: #fff;padding: 5px 10px;display: inline-block;margin-bottom: 10px;}
#sub_contents .menu02_area .txt_area01 .b{border-bottom: 1px solid #271401;margin-bottom: 10px;padding: 10px 0;font-weight: bold;font-size: 16px;text-align: right;color: #381e03;}
#sub_contents .menu02_area .txt_area01 .span{font-weight: bold;font-size: 26px;color: #381e03;}
#sub_contents .menu02_area .txt_area01 .p{font-size: 16px;}
#sub_contents .menu02_area .alcohol_area {width: 100%;order: 2;text-align: center;padding: 60px 50px;background: #381e0312;}
#sub_contents .menu02_area .alcohol_area .img{width: 100%;text-align: center;}
#sub_contents .menu02_area .alcohol_area .img img{width: 147px;height: 96px;}
#sub_contents .menu02_area .alcohol_area .b{border-bottom: 1px solid #271401;margin-bottom: 10px;padding: 10px 0;font-weight: bold;font-size: 16px;text-align: right;color: #381e03;}
#sub_contents .menu02_area .alcohol_area .span{font-weight: bold;font-size: 26px;color: #381e03;}
#sub_contents .menu02_area .alcohol_area .p{font-size: 18px;}
#sub_contents .menu02_area .txt_area02 {width: 100%;order: 2;text-align: left;}
#sub_contents .menu02_area .txt_area02 .strong{background: #381e03;color: #fff;padding: 5px 10px;display: inline-block;margin-bottom: 10px;}
#sub_contents .menu02_area .txt_area02 .b{border-bottom: 1px solid #271401;margin-bottom: 10px;padding: 10px 0;font-weight: bold;font-size: 16px;text-align: right;color: #381e03;}
#sub_contents .menu02_area .txt_area02 .span{font-weight: bold;font-size: 20px;color: #381e03;}
#sub_contents .menu02_area .txt_area02 .p{font-size: 16px;}
#sub_contents .menu_area .txt_area02 {width: 48%;order: 1;}
#sub_contents .menu_area .txt_area02 .span{font-weight: bold;font-size: 20px;border-bottom: 1px solid #271401;padding-bottom: 10px;}
#sub_contents .menu_area .txt_area02 .p{font-size: 16px;}
#sub_contents .menu02_area .img02{width: 100%;}
#sub_contents .menu02_area .img02 img{width: 24%;height: 200px;object-fit: cover;margin-bottom: 10px;}

/* menu03
-----------------------------*/
#sub_contents .menu_area{align-items: center;}
#sub_contents .menu_area .img{width: 48%;order: 1;margin-bottom: 0;}
#sub_contents .menu_area .txt_area {width: 48%;order: 1;}
#sub_contents .menu_area .txt_area .b{border-bottom: 1px solid #271401;margin-bottom: 10px;padding: 10px 0;font-weight: bold;font-size: 18px;text-align: right;}
#sub_contents .menu_area .txt_area .span{font-weight: bold;font-size: 20px;}
#sub_contents .menu_area .txt_area .p{font-size: 16px;}
#sub_contents .menu_bg_area{align-items: center;}
#sub_contents .menu_bg_area .img{width: 48%;order: 1;margin-bottom: 0;}
#sub_contents .menu_bg_area .txt_area {width: 48%;order: 1;}
#sub_contents .menu_bg_area .txt_area .b{border-bottom: 1px solid #fff;margin-bottom: 10px;padding: 10px 0;font-weight: bold;font-size: 18px;text-align: right;}
#sub_contents .menu_bg_area .txt_area .span{font-weight: bold;font-size: 20px;}
#sub_contents .menu_bg_area .img img, #sub_contents .menu_area .img02 img{width: 100%;}
#sub_contents .menu_bg_area .txt_area .p{font-size: 16px;}

/* online
-----------------------------*/
#sub_contents .online_area .img img{aspect-ratio: auto; object-fit: cover;}
#sub_contents .online_area .txt_area .span{display: inline-block;font-size: 29px;color: #381e03;margin-bottom: 0;font-weight: bold;margin: 20px 0;}
#sub_contents .online_area .txt_area .p{border-top: 1px solid #271401;padding-top: 20px;}
#sub_contents .g_area_txt{font-size: 15px;text-align: left;}
#sub_contents .g_area{align-items: center;}
#sub_contents .g_area .txt_area {width: 100%;}
#sub_contents .g_area .txt_area .span{border-bottom: 1px solid #271401;margin-bottom: 10px;padding: 10px 0;font-weight: bold;color: #381e03;font-size: 20px;}
#sub_contents .g_area .txt_area .num{font-size:30px;}
#sub_contents .g_area .txt_area .ttl{font-size:18px;font-weight:bold;width: 60%;}
#sub_contents .g_area .img img, #sub_contents .ranking_g_area .img02 img{width: 100%;}
#sub_contents .online_area02{text-align: center;padding: 60px 50px;}
#sub_contents .online_area02 .img{width: 100%;}

/* scene
-----------------------------*/
#sub_contents .scene_area .img img{aspect-ratio: auto; object-fit: cover;}
#sub_contents .scene_area .txt_area .b{font-size:90px;font-weight:bold;display: inline-block;color: #381e03;margin-right: 15px;}
#sub_contents .scene_area .txt_area .span{display: inline-block;font-size: 35px;color: #381e03;margin-bottom: 0;font-weight: bold;}
#sub_contents .scene_area .txt_area .p{border-top: 1px solid #271401;padding-top: 20px;}

/* news
-----------------------------*/
#sub_contents .webgene-blog:has(.categorylist){margin-bottom: 50px;}
#sub_contents .webgene-item.categorylist {width: 48%; margin: 0 3px; margin-bottom: 10px;}
#sub_contents .news_list {margin-top:-100px;}
#sub_contents .webgene-blog .webgene-item.news_area {padding:20px 0;}
#sub_contents .webgene-blog .news__date{display:inline-block;font-size:16px;}
#sub_contents .webgene-blog .news__cate{display:inline-block; font-weight:bold;padding:2px 10px;font-size:14px;margin-bottom:0;;margin-left: 5px;}

/* detail_news
-----------------------------*/
#sub_contents .webgene-blog .cnt-news-li h1, #sub_contents .webgene-blog .cnt-news-li h2, #sub_contents .webgene-blog .cnt-news-li h3, #sub_contents .webgene-blog .cnt-news-li h4 {font-size: 16px;}
#sub_contents .blog_h2{font-size: 20px;}
#sub_contents .cmn-blog-date{text-align:center;}
#sub_contents .area_blog{width: 100%; padding: 60px;} 
#sub_contents .area_blog .cmn-blog-txt{font-size:16px;}
#sub_contents .btn_clear{margin: 30px auto;}
#sub_contents .area_blog figure{width: 62%;}


}

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

/* menu01
-----------------------------*/
#sub_contents .menu01_area{align-items: center;}
#sub_contents .menu01_area .img{width: 48%;order: 1;margin-bottom: 0;}
#sub_contents .menu01_area .txt_area {width: 48%;order: 1;}
#sub_contents .menu01_area .txt_area .b{border-bottom: 1px solid #271401;margin-bottom: 10px;padding: 10px 0;font-weight: bold;font-size: 18px;text-align: right;}
#sub_contents .menu01_area .txt_area .span{font-weight: bold;font-size: 20px;}
#sub_contents .menu01_area .txt_area .p{font-size: 16px;}
#sub_contents .menu01_bg_area{align-items: center;}
#sub_contents .menu01_bg_area .img{width: 48%;order: 1;margin-bottom: 0;}
#sub_contents .menu01_bg_area .txt_area {width: 48%;order: 1;}
#sub_contents .menu01_bg_area .txt_area .b{border-bottom: 1px solid #fff;margin-bottom: 10px;padding: 10px 0;font-weight: bold;font-size: 18px;text-align: right;}
#sub_contents .menu01_bg_area .txt_area .span{font-weight: bold;font-size: 20px;}
#sub_contents .menu01_bg_area .img img, #sub_contents .menu_area .img02 img{width: 100%;}
#sub_contents .menu01_bg_area .txt_area .p{font-size: 16px;}
#sub_contents .menu01_bg_area .txt_area .i{font-size: 16px;color: #f63c22;margin-top: 10px;}
#sub_contents .ticket_area .txt_cen .b{font-size: 18px;}
#sub_contents .ticket_area .txt_cen .span{font-weight: bold;font-size: 20px;}

/* online
-----------------------------*/
#sub_contents .g_area .txt_area {width: 48%;}
#sub_contents .g_area .txt_area .span{border-bottom: 1px solid #271401;margin-bottom: 10px;padding: 10px 5px;font-weight: bold;font-size: 20px;color: #381e03;}
#sub_contents .g_area .txt_area .ttl{font-size:24px;width: 61%;}
#sub_contents .g_area .txt_area .num{font-size:30px;}
#sub_contents .g_area .img{width: 48%;}
#sub_contents .g_area .img02{width: 48%;}  
}

@media screen and (min-width: 1025px) {

/* sub_contents
-----------------------------*/
#sub_visual.kv{padding: 0;padding-top:220px; background: url(../images/sub_visual.jpg) no-repeat center center; background-size: cover; height: 500px;}
#link02 {margin-top:-160px;padding-top:160px;}
#link03 {margin-top:-160px;padding-top:160px;}
#link04 {margin-top:-160px;padding-top:160px;}
#link01 {margin-top:-160px;padding-top:160px;}
#link05 {margin-top:-160px;padding-top:160px;}
#link06 {margin-top:-160px;padding-top:160px;}
#link07 {margin-top:-160px;padding-top:160px;}
#link08 {margin-top:-160px;padding-top:160px;}
#link09 {margin-top:-160px;padding-top:160px;}
#link10 {margin-top:-160px;padding-top:160px;}
#link11 {margin-top:-160px;padding-top:160px;}
#link12 {margin-top:-160px;padding-top:160px;}
#link13 {margin-top:-160px;padding-top:160px;}

}