.disnon { display: none !important; }

/* main_visual
----------------------------------- */
#sub_visual.kv{padding: 0;padding-top:80px;}
#sub_visual {width: 100%; overflow: hidden; position: relative;height: 200px;background: url(../images/sub_visual.png) no-repeat center center; background-size: cover;}
#sub_visual .b{position: relative; z-index: 2; max-width:1280px; width:94%; margin:0 auto; padding-left:0;}
#sub_visual h1{position:absolute;display: block;width:100%;font-size: 30px; text-align: center; font-weight: 600;letter-spacing: .1em; line-height: 200%; z-index: 2; color: #252525; font-family: "Shippori Mincho", sans-serif; text-transform: capitalize;}
#sub_visual p{position:absolute;display: block;width:100%;font-size: 18px; text-align: center; font-weight: bold;letter-spacing: .12em; line-height: 200%; margin: 50px 0 0 0; color: #252525; z-index: 2; }
#sub_visual h1::first-letter{color:#9E0000;}

/* bread_crumb_list
----------------------------------- */
#sub_contents .bread_crumb_list{background:none;position:absolute;width:100%; top:-53px;line-height:100%;padding:0px;}
#sub_contents .bread_crumb {background:none; text-align:left; max-width:94% ;margin:0 auto;margin-bottom:30px;}
#sub_contents .bread_crumb div { display:inline;color:#fff;}
#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 div a {text-decoration:underline;color:#fff;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; z-index:0;}
#sub_contents section{max-width: 94%; margin: 50px auto 50px; position: relative;}
#sub_contents .section{max-width: 94%; margin: 50px auto 50px; position: relative; padding: 0;}
#sub_contents h2{font-family: "Shippori Mincho", sans-serif; text-align: center;font-size:29px; font-weight: bold; margin-bottom:10px; position: relative; line-height: 150%; padding-top: 20px;letter-spacing: 0.1em;}
#sub_contents h2 span{font-weight: bold;font-size:19px; display: block;margin-bottom:0px;}
#sub_contents h3{margin: 50px auto 30px; padding: 5px 15px;font-size: 19px;font-weight: bold;line-height: 1.4; border-left: 5px solid #C70B08;}
#sub_contents .txt_cen{font-family: "Shippori Mincho", sans-serif; text-align: center; font-size:18px; line-height: 180%;font-weight: bold;}
#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: 80px;}
#sub_contents .sp_br{display:block;}
#sub_contents .h2-small{font-family: "Shippori Mincho", sans-serif; letter-spacing: 0.1em;}
#sub_contents .bold{font-weight:bold;}
#sub_contents .sub_bg{background: url(../images/sub_bg.png) no-repeat top center / cover ; background-size: cover; padding: 30px 0px;}
#sub_contents .sub_bg02{background: #faf7cf; padding: 30px 0px;}
#sub_contents #link01, #sub_contents #link02, #sub_contents #link03, #sub_contents #link04, #sub_contents #link05, #sub_contents #link06{scroll-margin-top: 70px;}

/* 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 #fff; margin-bottom: 10px;}
#sub_contents .tab p {font-size: 16px;display: inline; font-weight: normal;}
#sub_contents .tab.is-active {padding: 10px 0; background: rgb(255 255 255 / 10%); color: #fff; border: none; 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:15px;}
#sub_contents .anker__item a{background: #fff; display: block;text-align: center;line-height: 30px; transition: all .5s; padding: 14px 0; border: 2px solid #C70B08;}
#sub_contents .anker__item a:hover{opacity:.8;}
#sub_contents .anker__item a p{font-weight:bold; letter-spacing: .08em;}

/* concept
-----------------------------*/
#sub_contents .sub_bg_concept{background: url(../images/sub_bg_concept.png) no-repeat top center / cover ; padding: 30px 0px; background-size: cover;}
#sub_contents .concept_bg{background: rgb(0 0 0 / 55%); padding: 20px; margin: 50px 0;}
#sub_contents .concept_bg p{text-align:left;font-size:16px;line-height: 200%;font-weight:normal; color:#fff;}
#sub_contents .con_g_area{align-items: center;}
#sub_contents .con_g_area .txt_area {width: 100%;} 
#sub_contents .con_g_area .txt_area .num{font-family: "Shippori Mincho", sans-serif; font-size:30px; font-weight:500; color: #9E0000;} 
#sub_contents .con_g_area .txt_area .ttl{font-family: "Shippori Mincho", sans-serif; font-size:20px;font-weight:bold;}
#sub_contents .con_g_area .img img, #sub_contents .comm_g_area .img02 img{width: 100%;}
#sub_contents .con_g_area .img, #sub_contents .comm_g_area .img02{position: relative; margin-bottom: 10px;}

/* menu
-----------------------------*/
#sub_contents .menu_g_area {padding: 0; position: relative;}
#sub_contents .menu_g_area .txt_area .ttl{font-size:20px; font-weight:bold;}
#sub_contents .menu_g_area .txt_area .name{font-size:17px; font-weight:bold; border-bottom:1px solid #333333; padding-bottom: 5px;}
#sub_contents .menu_g_area .img {width: 100%; margin-bottom:20px;}
#sub_contents .menu_g_area .img img{width: 100%; }
#sub_contents .menu_g_area .txt_area {width: 100%;}
#sub_contents .menu__items{width:100%;}
#sub_contents .menu_img{text-align: center;margin-bottom: 20px;}
#sub_contents .menu_ttl{margin-top:5px; padding-bottom:10px; font-size: 20px; font-weight:bold; border-bottom: 1px solid #262524; line-height: 1.5;position: relative;}
#sub_contents .menu__item{width: 100%;max-width: 480px;margin-bottom: 5px;}
#sub_contents .menu__name{display: inline-block;width: calc(100% - 100px);font-size: 15px;font-weight: bold;}
#sub_contents .menu__price{display: inline-block;width: 100px;text-align: right;font-size: 15px;font-weight: bold;}
#sub_contents .menu__item.w100{width: 100%;}
#sub_contents .flex-btw .w50{width: 100%;}

/* commitment
-----------------------------*/
#sub_contents .comm_g_area .img {flex: auto;margin-left: 0;margin-right: 0;margin-bottom: 20px;}
#sub_contents .comm_g_area .right {flex: auto;margin-right: 0;margin-left: 0;margin-bottom: 20px;}
#sub_contents .comm_g_area .txt_area {width: 100%;}
#sub_contents .comm_g_area .ttl {font-family: "Shippori Mincho", sans-serif; font-size: 20px; font-weight:bold; margin-bottom: 20px;padding-bottom: 10px;position: relative;border-bottom: 1px solid #462200;}
#sub_contents .comm_g_area {background: url(../images/bg_comm_g_area.png) no-repeat top center / cover ; background-size: cover; padding: 20px;}

/* drink
-----------------------------*/
#sub_contents .point_area{column-gap: 6%;row-gap: 40px;}
#sub_contents .point_area .li .img img{width:100%;}
#sub_contents .point_area .li .ttl{font-size:18px;}
#sub_contents .point_area .li .ttl .num{font-family: "Shippori Mincho", sans-serif; font-size:35px; text-transform:uppercase; color: #9E0000; margin-bottom:6px;display: inline-block;}
#sub_contents .point_area .li .ttl .txt{font-family: "Shippori Mincho", sans-serif; font-size:20px;font-weight:bold;}
#sub_contents .commit_bg .span{font-family: "Shippori Mincho", sans-serif; font-size: 18px; font-weight: bold; padding-left: 18px; position: relative;}
#sub_contents .commit_bg .span::before{content: "";width: 8px;height: 8px;background: #C70B08;border-radius: 50%;position: absolute;left: 0;top: 50%;transform: translateY(-50%); }

/* about
-----------------------------*/
#sub_contents .flexbox_conc{padding: 0;}
#sub_contents .flexbox_conc .img{flex: auto; margin-left: 0; margin-right: 0; margin-bottom: 20px; position: relative; max-width: 800px;}
#sub_contents .flexbox_conc .right {flex: auto; margin-right: 0; margin-left: 0; margin-bottom: 20px;}
#sub_contents .flexbox_conc .txt{width: 100%;}
#sub_contents .flexbox_conc .ttl{font-family: "Shippori Mincho", sans-serif; font-size: 20px; margin-bottom: 20px; padding-bottom: 10px; position: relative; border-bottom: 1px solid #C70B08; font-weight: bold;}
#sub_contents .flexbox_conc .span{font-family: "Shippori Mincho", sans-serif; font-size: 18px; font-weight: bold;}
#sub_contents .sub_img_box{padding:0px;}
#sub_contents .sub_img_box img{width:100%;}
#sub_contents .commit_bg{background: #fff; padding:25px; position: relative;}
#sub_contents .commit_bg.c_shadow{box-shadow: 0px 0px 15px 0px rgba(174, 166, 154, 0.08);}
#sub_contents .commit_bg.bg_img01{background: url(../images/sub_bg03.png) no-repeat top center / cover ; background-size: cover;}
#sub_contents .tbl_info .tr{width:100%; background:rgba(255,255,255,0.85); margin-bottom:0px; box-shadow: 0px 0px 15px 0px rgba(174, 166, 154, 0.08);}
#sub_contents .tbl_info .th{width:100%;padding:10px 10px; background: #A80909; 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 .access_area{column-gap: 4%;row-gap: 10px;}
#sub_contents .access_list:not(:last-child){margin-bottom: 0px;}
#sub_contents .access_list{width:100%;}
#sub_contents .access_list img{width:100%;}

/* reserve
-----------------------------*/
#sub_contents .contact_area{display:block;}
#sub_contents .contact_list{width:85%;margin-inline: auto;}
#sub_contents .contact_list:not(:last-child){margin-bottom: 20px;}
#sub_contents .check_area{background: #fff; padding:25px 20px;display:block;box-shadow: 0px 5px 25px 0px rgba(174, 166, 154, 0.15); }
#sub_contents .check_list{font-size:16px; font-weight:600; padding-bottom:5px; border-bottom: 1px solid #262524; position:relative;padding-left:30px;margin-bottom:10px;}
#sub_contents .check_list:last-child{margin-bottom: 0;}
#sub_contents .check_list::before{position:absolute;content:"";background: url(../images/sub_check.png) no-repeat top center / cover ;width:18px;height:18px;top: 50%;left: 0%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
#sub_contents form .container{box-shadow: 0px 0px 15px 0px rgba(174, 166, 154, 0.15);}
#sub_contents .contact_list.c_shadow{box-shadow: 0px 0px 15px 0px rgb(138 138 138 / 20%); -webkit-box-shadow: 0px 0px 15px 0px rgb(138 138 138 / 20%);}
#sub_contents .sub_illust_cen{text-align:center;width:50%; margin-left: auto; margin-right: auto;}

/* news
-----------------------------*/
#sub_contents .webgene-item{width: 100%;}
#sub_contents .webgene-blog:has(.categorylist){margin-bottom: 30px;}
#sub_contents .webgene-item.categorylist {width: 100%;margin-bottom: 10px;}
#sub_contents .webgene-item figure img{width: 100%;aspect-ratio: 1/1;object-fit: cover; margin-bottom: 0px;}
#sub_contents .news_list {margin-top:-50px;}
#sub_contents .webgene-blog .webgene-item.news_area {padding:20px 0;}
#sub_contents .webgene-blog .news__date{margin-top: 10px; display:inline-block;font-size:16px;}
#sub_contents .webgene-blog .news__cate{margin-left: 10px; display:inline-block; border: 1px solid #c9bda6; color: #c9bda6; padding:3px 10px;font-size:14px;}
#sub_contents .webgene-blog .news_ttl{font-family: "Shippori Mincho", sans-serif; display:block; margin:10px 0 20px 0; overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3; font-size:16px;}

/* detail_news
-----------------------------*/
#sub_contents .webgene-blog{display:flex;justify-content: start;column-gap: 1%;row-gap: 20px;flex-wrap: wrap;}
#sub_contents .webgene-item{width: 100%;}
#sub_contents .webgene-item figure{margin-bottom: 10px;}
#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: 3px double #cc0000; font-weight:600;}
#sub_contents .blog_h2::before{display:none;}
#sub_contents .cmn-blog-cate{font-size: 16px;}
#sub_contents .cmn-blog-date{font-family: "Shippori Mincho", sans-serif; font-size: 16px;font-weight:500; text-align:center;display:block;}
#sub_contents .webgene-detail{width: 100%;}
#sub_contents .area_blog{width: 100%; background: #fff; padding: 30px 20px;margin: 20px 0;box-sizing: border-box;overflow: hidden;}
#sub_contents .area_blog figure{max-width: 760px; margin-left: auto; margin-right: auto; text-align: center;}
#sub_contents .area_blog figure img{width: 100%;}
#sub_contents .area_blog img{margin: 10px 0;}
#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: #333;display: block;width: 100%;color: #fff;font-size: 15px;padding: 12px 0;border: 1px solid #0181CB;transition: 0.5s;}
#sub_contents .webgene-pagination ul li a:hover{background: #fff;color: #333; text-decoration: none;}
#sub_contents .btn_clear{margin: 50px auto;text-align: center;}
#sub_contents .btn_clear a{background:#fff; position: relative; display: inline-block;padding: 12px 25px; border: 2px solid #C70B08;}
#sub_contents .btn_clear a::after {content: "";position: absolute;top:25px; left: -35px;width: 45px;height: 2px;background: #C70B08;transition: width 0.3s ease;}
#sub_contents .btn_clear p{font-weight:bold; letter-spacing: .08em;}

/* PC  */
@media screen and (min-width: 768px) {
/* main_visual
-----------------------------*/
#sub_visual.kv{padding: 0;padding-top:120px;}
#sub_visual {padding-top: 140px;position: relative;height: 400px;background: url(../images/sub_visual.png) no-repeat center center; background-size: cover;}
#sub_visual .b{position: relative; z-index: 2; max-width:1280px; width:94%; margin:0 auto; padding-left:0;}
#sub_visual h1{position:absolute;display: block;width:100%;font-size: 70px; text-align: center; font-weight: 600;letter-spacing: .1em; line-height: 200%; z-index: 2; text-transform: capitalize;}
#sub_visual p{position:absolute;display: block;width:100%;font-size: 25px; text-align: center; font-weight: bold;letter-spacing: .12em; line-height: 200%; margin: 130px 0 0 0; z-index: 2;}

/* bread_crumb_list
-----------------------------*/
#sub_contents .bread_crumb_list{background:rgba(0,0,0,.6);position:absolute;width:100%; top:-45px;line-height:100%;padding:0px;}
#sub_contents .bread_crumb{text-align:left;padding:0px;max-width:1280px;margin:0 auto;margin-bottom:30px;}
#sub_contents .bread_crumb div { display:inline;color:#fff;}
#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 div a {text-decoration:underline;color:#fff;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; position: relative;}
#sub_contents .section{max-width: 1280px; position: relative; margin: 50px auto 50px;width:94%;}
#sub_contents h2{font-family: "Shippori Mincho", sans-serif; text-align: center;font-size:50px; margin-bottom:10px; position: relative; line-height: 150%; padding-top: 25px; letter-spacing: 0.1em;}
#sub_contents h2 span{font-weight: bold;font-size:24px; display: block;margin-bottom:0px;}
#sub_contents h3{margin: 50px auto 30px; padding: 5px 15px;font-size: 22px;font-weight: bold;line-height: 1.4; border-left: 6px solid #C70B08;}
#sub_contents .txt_cen{ text-align: center; font-size:22px; line-height: 200%;font-weight: bold;}
#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_bg.png) no-repeat top center / cover ; background-size: cover; padding: 30px 0px;}
#sub_contents .sub_bg02{background: #faf7cf; padding: 30px 0px;}
#sub_contents .h2-small{letter-spacing: 0.1em;}
#sub_contents .bold{font-weight: bold;}
#sub_contents #link01, #sub_contents #link02, #sub_contents #link03, #sub_contents #link04, #sub_contents #link05, #sub_contents #link06{scroll-margin-top: 120px;}
 
/* 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 #fff; margin-bottom: 0px;}
#sub_contents .tab p {font-size: 18px;display: inline; font-weight: normal;}
#sub_contents .tab.is-active {padding: 15px 0; background: rgb(255 255 255 / 10%); color: #fff; 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: 32%;height: 45px;position: relative;display: block; margin-bottom:20px;}
#sub_contents .anker__item a{display: block;text-align: center;line-height: 30px; transition: all .5s; padding: 14px 0; border: 2px solid #C70B08;}
#sub_contents .anker__item a:hover{opacity:.8;}

/* concept
-----------------------------*/
#sub_contents .concept_bg{padding: 50px 20px; margin: 100px 0;}
#sub_contents .sub_bg_concept{background: url(../images/sub_bg_concept.png) no-repeat top center / cover; padding: 30px 0px; background-position: center center;}
#sub_contents .concept_bg p{text-align:center;font-size:16px;line-height: 200%;font-weight:normal;}
#sub_contents .con_g_area .txt_area {width: 49%;}
#sub_contents .con_g_area .txt_area .ttl{font-size:21px;}
#sub_contents .con_g_area .txt_area .num{font-size:40px;} 
#sub_contents .con_g_area .img{width: 50%;margin-left: calc(50% - 47vw);flex: 1;margin-right: 6%;margin-bottom: 0px; position: relative;}
#sub_contents .con_g_area .img02{width: 50%;margin-right: calc(50% - 47vw);flex: 1;margin-left: 6%;margin-bottom: 0px; position: relative;}
#sub_contents .con_g_area .img img, #sub_contents .comm_g_area .img02 img{width: 100%; }

/* menu
-----------------------------*/
#sub_contents .menu_g_area {position: relative; padding: 0;}
#sub_contents .menu_g_area .img {width: 40%; margin-bottom:0px;}
#sub_contents .menu_g_area .txt_area {width: 57%;}
#sub_contents .menu_g_area .txt_area .ttl{font-size:24px;}
#sub_contents .menu_g_area .txt_area .name{font-size:20px;}
#sub_contents .menu__items{width:94%;}
#sub_contents .menu_img img{max-width: 900px;width: 100%;}
#sub_contents .menu_ttl {font-size: 24px;}
#sub_contents .menu__item{width: 48%;max-width: 480px;}
#sub_contents .menu__name{display: inline-block;width: calc(100% - 100px);font-size:15px;}
#sub_contents .menu__price{display: inline-block;width: 100px;text-align: right;font-size:15px;}
#sub_contents .menu__items .img{width:48%;}
#sub_contents .menu__item.w100{width: 100%;max-width: 1024px;}

/* commitment
-----------------------------*/
#sub_contents .comm_g_area{padding: 30px;}
#sub_contents .comm_g_area .img {flex: auto;margin-left: 0;margin-right: 0;margin-bottom: 20px;}
#sub_contents .comm_g_area .img img{width:100%;}
#sub_contents .comm_g_area .ttl {font-size: 24px;}
  
/* drink
-----------------------------*/
#sub_contents .point_area .li{width:29.3%;}
#sub_contents .point_area .li .ttl .txt{font-size:18px;}
#sub_contents .commit_bg .span{font-size: 20px; font-weight: bold;}

/* about
-----------------------------*/
#sub_contents .flexbox_conc{padding: 0;}
#sub_contents .flexbox_conc .img{flex: 1; margin-left: calc(50% - 50vw); margin-right: 2%; position: relative; max-width: 800px;}
#sub_contents .flexbox_conc .right{flex: 1; margin-right: calc(50% - 50vw); margin-left: 2%; position: relative; max-width: 800px;}
#sub_contents .flexbox_conc .txt{width: 50%;}
#sub_contents .flexbox_conc .ttl{font-size: 26px; margin-bottom: 20px; padding-bottom: 10px; position: relative; border-bottom: 1px solid #C70B08; padding-left: 1.5rem;}
#sub_contents .flexbox_conc .ttl::before {position: absolute; content: ""; width: 1px; height: 2.5rem; background: #C70B08; left: 10px; bottom: -10px;}
#sub_contents .flexbox_conc .span{font-size: 22px; font-weight: bold;}
#sub_contents .commit_bg{background: #fff; padding:30px; position: relative;}
#sub_contents .commit_bg.c_shadow{box-shadow: 0px 0px 15px 0px rgba(174, 166, 154, 0.08);}
#sub_contents .tbl_info .tr{width:100%; background:rgba(255,255,255,0.85); margin-bottom:15px;}
#sub_contents .tbl_info .th{width:22%;padding:15px 30px;text-align:center;}
#sub_contents .tbl_info .td{width:76%;padding:15px 0px;}
#sub_contents .access_area{column-gap: 2%; row-gap: 20px;}
#sub_contents .access_list:not(:last-child){margin-bottom: 0px;}
#sub_contents .access_list{width:46%;}

/* reserve
-----------------------------*/
#sub_contents .contact_area{display:flex;column-gap: 4%;align-items: center;}
#sub_contents .contact_list{width:280px;margin-inline: 0;}
#sub_contents .contact_list{margin-bottom: 20px;}
#sub_contents .contact_list:last-child{margin-bottom: 20px;}
#sub_contents .check_area{padding:20px 20px 20px 40px;display:flex; font-size:18px;}
#sub_contents .check_list{font-size:18px; width:100%; margin-bottom: 15px;}
#sub_contents .sub_illust_cen{text-align:center;width:24%; margin-left: auto; margin-right: auto;}

/* news
-----------------------------*/
#sub_contents .webgene-blog:has(.categorylist){justify-content: flex-cnt;margin-bottom: 50px;}
#sub_contents .webgene-item.categorylist {display: inline-block;width: 32.8%;margin-bottom: 10px;}
#sub_contents .webgene-item.categorylist a{display: block;width: 100%; text-align: center;padding: 14px 10px;transition: .5s; border: 1px solid #c9bda6; color: #c9bda6; font-weight: 500;}
#sub_contents .news_list {margin-top:-100px;}
#sub_contents .webgene-blog .webgene-item.news_area {padding:20px 0;border-bottom:1px dotted #c9bda6;}
#sub_contents .webgene-blog .news__date{display:inline-block;font-size:15px;}
#sub_contents .webgene-blog .news__cate{margin-left: 10px; display:inline-block; border: 1px solid #c9bda6; color: #c9bda6; padding:3px 10px;font-size:14px;}
#sub_contents .webgene-blog .news_ttl{font-weight:normal; display:block; margin:10px 0; overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3; font-size:16px;}

/* detail_news
-----------------------------*/
#sub_contents .webgene-blog{display:flex;justify-content: start;column-gap: 1%;row-gap: 20px;flex-wrap: wrap;}
#sub_contents .webgene-item{width: 32.5%;}
#sub_contents .webgene-item figure{margin-bottom: 10px;}
#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: 20px; border-bottom: 4px double #cc0000; font-weight:600;}
#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;}
#sub_contents .webgene-detail{width: 100%;}
#sub_contents .area_blog{width: 100%; background: #fff; padding: 35px;margin: 20px 0;box-sizing: border-box;overflow: hidden;}
#sub_contents .area_blog figure{max-width: 760px; margin-left: auto; margin-right: auto; text-align: center;}
#sub_contents .area_blog figure img{width: 100%;}
#sub_contents .area_blog .cmn-blog-txt{font-size:15px;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: #333;display: block;width: 100%;color: #fff;font-size: 15px;padding: 12px 0;border: 1px solid #0181CB;transition: 0.5s;}
#sub_contents .webgene-pagination ul li a:hover{background: #fff;color: #333; text-decoration: none;}
#sub_contents .btn_clear{margin: 30px auto;}
#sub_contents .area_blog figure{width: 45%;}
}

@media screen and (min-width:1024px) {
/* concept
-----------------------------*/
#sub_contents .con_g_area .txt_area .ttl{font-size:26px;}

/* menu
-----------------------------*/
#sub_contents .menu__item.w100{width: 100%; max-width: 480px;}
#sub_contents .flex-btw .w50{width: 49%;} 
 
/* commitment
-----------------------------*/
#sub_contents .comm_g_area .img {flex: 1;margin-left: calc(50% - 50vw);margin-right: 2%;position: relative;max-width: 800px;}
#sub_contents .comm_g_area .right {flex: 1;margin-right: calc(50% - 50vw);margin-left: 2%;position: relative;max-width: 800px;}
#sub_contents .comm_g_area .txt_area {width: 60%;}
#sub_contents .comm_g_area .ttl {font-size: 25px;}
#sub_contents .comm_g_area {padding: 30px 50px;}

/* about
-----------------------------*/
#sub_contents .access_area{column-gap: 1%; row-gap: 10px;}
#sub_contents .access_list{width:23%;}
#sub_contents .access_list img{width:100%;}
  
/* drink
-----------------------------*/
#sub_contents .point_area .li .ttl .txt{font-size:22px;}
  
/* reserve
-----------------------------*/
#sub_contents .check_area{padding: 50px 50px 50px 80px;display:flex;}

}