/* main_visual
----------------------------------- */
#sub_visual {padding-top:130px; height:250px;position:relative;z-index:0;overflow: hidden;background: url(../images/access_obj01.png) no-repeat left center/30.4%, url(../images/access_obj02.png) no-repeat right 60%/20%, #f5e6a7;}
#sub_visual .img { height:250px; position: absolute; top: 0; width:100%;z-index:-1;text-align: center; display:none;}
#sub_visual .img img{width:100%;height:100%;object-fit: cover;object-position: center;margin: 0 auto;position:relative;text-align: center;}
#sub_visual .h1_container{max-width:94%;width:94%;margin:0 auto;padding-left:0;position:relative;text-align: center;color:#be1e00;}
#sub_visual .h1_container h1{font-size:28px; line-height: 100%;letter-spacing: 0.1em;font-weight: 600;}
#sub_visual img.kv_line { position: absolute;width: 100%;bottom: 0;}

/* sub_contents
----------------------------------- */
#sub_contents {position: relative;padding:0px 0px 50px 0;z-index:0;}
#sub_contents p{font-size: 14px;}
#sub_contents p.colwhite{color: #fff;}
#sub_contents section{max-width: 94%; margin: 50px auto 50px;position: relative;}
#sub_contents .section{max-width: 94%; margin: 100px auto 80px;position: relative;}
#sub_contents .sub_ttl {text-align:center;margin-top:50px;scroll-margin-top: 70px;}
#sub_contents .sub_ttl h2{ text-align: center;font-size:20px; margin-bottom:10px; position: relative; line-height: 100%; padding-top: 25px;letter-spacing: 0.08em;font-weight: normal; scroll-margin-top: 150px;text-transform: capitalize;}
#sub_contents .sub_ttl h2:before{position: absolute;content: "";background: url(../images/sub_ill_03.png) no-repeat center center / contain ;width:50px;height:50px;top: -10%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index: 1;}
#sub_contents .sub_ttl.colyellow h2{color: #fff;}
#sub_contents .sub_ttl.colyellow h2:before{position: absolute;content: "";background: url(../images/sub_ill_05.png) no-repeat center center / contain ;}
#sub_contents .txt_cen{ text-align: center; font-size:15px; line-height: 200%;}
#sub_contents .tcen{text-align:center;font-size:16px;}
#sub_contents .txt_st{ text-align: center; line-height: 200%;}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 15px;}
#sub_contents .mb30{margin-bottom: 20px;}
#sub_contents .mb50{margin-bottom: 30px;}
#sub_contents .mb80{margin-bottom: 50px;}
#sub_contents .mb100{margin-bottom: 70px;}
#sub_contents .mb150{margin-bottom: 150px;}
#sub_contents .sub_bg{background:#be1e00 ;padding: 20px 0;}
#sub_contents #link_main{scroll-margin-top: 150px;background: url(../images/access_obj01.png) no-repeat left center/30.4%, url(../images/access_obj02.png) no-repeat right 60%/20%, #f5e6a7; padding:10px 10px; margin-bottom:100px;}

/* bread_crumb_list
----------------------------------- */
#sub_contents .bread_crumb_list{position:absolute;width:94%; top:-53px;line-height:100%;padding:0 2%;max-width:94%;}
#sub_contents .bread_crumb{text-align:right;padding:10px 0 0 0;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:10px;}
#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;padding:0 2%;}

/* btn
----------------------------------- */
#sub_contents .anker__items{column-gap: 10px;row-gap: 10px;}
#sub_contents .anker__item{width: 100%;position: relative;display: block;}
#sub_contents .anker__item a:hover{opacity:.8;}
#sub_contents .anker__item a {display: block;text-align: center;color: #be1e00;padding: 1em;font-weight: 400;border: solid 1px #be1e00;}
#sub_contents .anker__item a:hover {background-color: #be1e00;color:#fff;}
#sub_contents .anker__item p.btn_ttl{letter-spacing: 0.1em;}
#sub_contents .anker__items.con .anker__item a {color:#818a95;border:1px solid #818a95;color:#818a95; background:#fff;}
#sub_contents .anker__items.con .anker__item a:hover {color:#fff;background:#818a95;}
#sub_contents .anker__item p {line-height: 50px;font-size:16px;}
#sub_contents .anker__items.link_area a{display:block; border:1px solid #000; padding:6px 10px; font-size:20px; cursor:pointer; width:100%; margin:0 auto 10px;}
#sub_contents .anker__items.link_area a p{font-size:16px; text-align:center;}
#sub_contents .anker__items.link_area a:hover{background:#000; color:#fff; transform:1.0s;}

/* concept
-----------------------------*/
#sub_contents .sub_cen_img {width: 100%;text-align: right;}
#sub_contents .sub_cen_img img{max-width: 600px;}
#sub_contents .sub_con_box{width:100%;position: relative;}
#sub_contents .sub_con_ttl_box{width: 100%;}
#sub_contents .sub_con_ttl_box p.span{font-size: 17px;display: block;color: #be1e00;}
#sub_contents img.sub_ill {position: absolute;object-fit: cover;z-index: 0;}
#sub_contents img.sub_ill.con_right {position: absolute;width: 40%;bottom: -20px;right: 0;object-fit: cover;}
#sub_contents img.sub_ill.con_left {position: absolute;width: 40%;bottom: 20px;left: 0;object-fit: cover;}
#sub_contents .comm_textBox {scroll-margin-top:70px;}
#sub_contents .comm_textBox .img{width: 100%;margin-bottom: 10px;position:relative;}
#sub_contents .comm_textBox .textarea {width: 100%;margin-bottom:10px;}
#sub_contents .comm_textBox .textarea p.ex {line-height:1.8;}
#sub_contents .comm_textBox .textarea p.ttl {border-bottom: solid 1px #fff;margin-bottom: 10px;font-weight: bold;font-size: 17px;color: #f9d504;}
#sub_contents .comm_textBox .textarea p.ttl.colred {border-bottom: solid 1px #be1e00;color: #be1e00;}
#sub_contents .comm_textBox .textarea p.sub_large {font-size: 40px;color: #801704;text-align: right;}

/* drink
-----------------------------*/
#sub_contents .sub_cen_icon {position: relative;width: 100%;}
#sub_contents .sub_cen_icon img {width: auto;height: 50px;object-fit: cover;}
#sub_contents .sub_menu_box {position: relative;width: 100%;}
#sub_contents .sub_menu_box .sub_menu {width: 100%;padding: 20px;align-items: center;text-align: center;margin-bottom: 20px;}
#sub_contents .sub_menu_box .sub_menu.sub_works {background-color: #fff;}
#sub_contents .sub_menu_box .sub_menu img {width: 100%;object-fit: cover;}
#sub_contents .sub_menu_box .sub_menu p.name {color: #be1e00;font-size: 17px;font-weight: bold;text-shadow: 2px 2px 0px #fff;}
#sub_contents .sub_menu_box .sub_menu p.name.sub_works {text-shadow: none;}
#sub_contents .sub_menu_box .sub_menu p.price {width: fit-content;background-color: #be1e00;color: #f9d504;padding: 0.1em 1em;margin: 0 auto 10px;}
#sub_contents .line-diamond-both {position: relative;height: 1px;background: #be1e00;}
#sub_contents .line-diamond-both::before {content: "◇";position: absolute;top: 50%;color: #be1e00;font-size: 10px;transform: translateY(-50%);left: -10px;}
#sub_contents .line-diamond-both::after {content: "◇";position: absolute;top: 50%;color: #be1e00;font-size: 10px;transform: translateY(-50%);right: -10px;}
#sub_contents .tbl_menu {width: 100%;margin-inline: auto;display: inline-block;font-size:15px;display: block;}
#sub_contents .tbl_menu .tr {display: flex;align-items: flex-end;}
#sub_contents .tbl_menu .th {width: 75%;padding: 15px 0;line-height: 1.6;position: relative;}
#sub_contents .tbl_menu .th::before {content: '●';color: #be1e00;margin-right: 0.5em;font-size: 10px;  vertical-align: middle; top: 50%;transform: translateY(-50%);position: absolute;}
#sub_contents .tbl_menu .th .menu_name {font-weight: bold;padding-left: 20px;}
#sub_contents .tbl_menu .td {width: 24%;text-align: right;padding: 15px 0;line-height: 1.6;}
#sub_contents .tbl_menu .td .menu_price {font-weight: normal;}
#sub_contents .reccomend_ttl {font-size:50px;font-weight: bold; color: #f39800;-webkit-text-stroke: 3px #130900;text-shadow: 4px 4px 0 #4d1e00; paint-order: stroke fill;}


/* togo
-----------------------------*/
#sub_contents .c_policy {margin-bottom:50px;}
#sub_contents .c_policy .ttl {font-size:20px;padding:10px 0;border-bottom:1px solid #be1e00;margin-bottom:20px;background:none;}
#sub_contents .c_policy p {background:#fff;padding:30px;}
#sub_contents .c_policy .strong {color:#111;margin:70px 0 0 0;font-size:20px;text-align:center;background:none;}
#sub_contents .checkbox-label{font-size:12px;}
#sub_contents p a u{text-decoration:underline;color:#be1e00;}

/* faq
-----------------------------*/
#sub_contents .faq__item:not(:last-of-type) {margin-bottom: 20px;}
#sub_contents .faq__item .dt {padding: 15px 20px 15px 50px;background: #be1e00;position: relative;font-weight: bold;color: #fff;border: 1px solid #be1e00;}
#sub_contents .faq__item .dd {padding: 15px 20px 15px 50px;position: relative;background:#fff;border-right: 1px solid #be1e00;border-bottom: 1px solid #be1e00;border-left: 1px solid #be1e00;}
#sub_contents .faq__item .dt::before,
#sub_contents .faq__item .dd::before {position: absolute;left: 20px;top: 8px;}
#sub_contents .faq__item .dt::before {content: "Q.";font-size: 20px;color:#f9d504;font-family: "Cormorant Infant", serif;font-weight: bold;}
#sub_contents .faq__item .dd::before {content: "A.";font-size: 20px;color: #be1e00;font-family: "Cormorant Infant", serif;font-weight: bold;}

/* recruit
-----------------------------*/
#sub_contents .recruit_area{column-gap: 2%;row-gap: 40px;text-align:center;}
#sub_contents .recruit_li .ttl{font-size:19px;font-weight:bold;}
#sub_contents .recruit_li .txt{text-align:center;}
#sub_contents .recruit_li .img img{width:95%; /*border-radius:300px;*/}

/* access
-----------------------------*/
#sub_contents .con_img img{width: 100%;margin-bottom: 10px;}
#sub_contents .sub_map{width:100%;}
#sub_contents .tbl_info {width: 100%;margin-inline: auto;position: relative;}
#sub_contents .tbl_info .tr {display: block;align-items: center;position: relative;align-items: stretch;}
#sub_contents .tbl_info .th {width: 100%;padding: 1em;border-bottom: none;text-align: center;align-items: center;vertical-align: middle;}
#sub_contents .tbl_info .th p.ttl {font-weight: bold;line-height: 2em;}
#sub_contents .tbl_info .td {width: 100%;text-align: left;padding: 1em;border-bottom: 1px solid #be1e00;}
#sub_contents .tbl_info .td p.info {font-weight: normal;display: inline-block;line-height: 2em;}
#sub_contents .tbl_info .td p.info.block {display: block;}
#sub_contents .tbl_info .td a {color: #be1e00;border-bottom: solid 1px #be1e00;}
#sub_contents .tbl_info.colyellow .td {width: 100%;text-align: left;padding: 1em;border-bottom: 1px solid #f9d504;}
#sub_contents .tbl_info.colyellow .td a {color: #f9d504;border-bottom: solid 1px #f9d504;}

@media screen and (min-width: 767px) {
/* main_visual
----------------------------------- */
#sub_visual {padding-top:100px; height:350px;position:relative;z-index:0;overflow: hidden;}
#sub_visual .img { height:350px; position: absolute; top: 0; width:100%;z-index:-1;text-align: center;}
#sub_visual .img img{width:100%;height:100%;object-fit: cover;object-position: center;margin: 0 auto;position:relative;text-align: center;}
#sub_visual .h1_container{max-width:1140px;width:94%;margin:0 auto;padding-left:0;position:relative;text-align: left;color:#be1e00;}
#sub_visual .h1_container h1{font-size:50px; line-height: 100%;letter-spacing: 0.1em;font-weight: 600;}

/* sub_contents
----------------------------------- */
#sub_contents { position: relative;padding:0px 0px 50px 0;z-index:0;}
#sub_contents section{max-width: 94%; margin: 100px auto 80px;position: relative;}
#sub_contents p{font-size: 15px;}
#sub_contents .sub_ttl {text-align:center;margin-top:50px;scroll-margin-top: 100px;}
#sub_contents .sub_ttl h2{ text-align: center;font-size:20px; margin-bottom:10px; position: relative; line-height: 100%; padding-top: 25px;letter-spacing: 0.08em;font-weight: normal; scroll-margin-top: 150px;text-transform: capitalize;}
#sub_contents .sub_ttl h2:before{position: absolute;content: "";background: url(../images/sub_ill_03.png) no-repeat center center / contain ;width:100px;height:50px;top: -10%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index: 1;}
#sub_contents .sub_ttl .span{font-size:13px; display: block;margin-bottom:0px;}
#sub_contents .txt_cen{ text-align: center; font-size:20px; line-height: 200%;}
#sub_contents .tcen{text-align:center;font-size:16px;}
#sub_contents .txt_cen.white{ color: #fff;}
#sub_contents .txt_cen.strong{color: #a98465;}
#sub_contents .txt_st{ text-align: center; line-height: 200%;}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 20px;}
#sub_contents .mb30{margin-bottom: 30px;}
#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 .sub_bg{background:#be1e00 ;padding: 20px 0;z-index:0;}

/* bread_crumb_list
----------------------------------- */
#sub_contents .bread_crumb_list{position:absolute;width:94%; top:-53px;line-height:100%;padding:0 2%;max-width:1140px;}
#sub_contents .bread_crumb{text-align:right;padding:10px 0 0 0;max-width:1140px;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;padding:0 2%;}

/* btn
----------------------------------- */
#sub_contents .anker__items{column-gap: 10px;row-gap: 10px;}
#sub_contents .anker__item{width: 32%;position: relative;display: block;}
#sub_contents .anker__item a:hover{opacity:.8;}
#sub_contents .anker__item a {display: block;text-align: center;padding: 1em;font-weight: 500;}
#sub_contents .anker__items.con .anker__item a {color:#818a95;border:1px solid #818a95;color:#818a95; background:#fff;}
#sub_contents .anker__items.con .anker__item a:hover {color:#fff;background:#818a95;}
#sub_contents .anker__item p {line-height: 50px;font-size:16px;}

/* concept
-----------------------------*/
#sub_contents .sub_cen_img {width: 100%;}
#sub_contents .sub_cen_img img{max-width: 600px;}
#sub_contents .sub_con_box{width:100%;position: relative;}
#sub_contents .sub_con_ttl_box{width: 100%;}
#sub_contents .sub_con_ttl_box p.span{font-size: 24px;display: block;color: #be1e00;}
#sub_contents img.sub_ill.con_right {position: absolute;width: 40%;bottom: -20px;right: 0;object-fit: cover;}
#sub_contents img.sub_ill.con_left {position: absolute;width: 40%;bottom: 20px;left: 0;object-fit: cover;}
#sub_contents .comm_textBox .img{width: 100%;margin-bottom: 10px;position:relative;}
#sub_contents .comm_textBox .img img{object-fit: cover;}
#sub_contents .comm_textBox .textarea {width: 100%;margin-bottom:10px;}
#sub_contents .comm_textBox .textarea p.ex {line-height:1.8;}
#sub_contents .comm_textBox .textarea p.ttl {margin-bottom: 20px;font-weight: bold;font-size: 26px;padding-bottom: 10px;}
#sub_contents .comm_textBox .textarea p.sub_large {font-size: 60px;line-height: 1.2em;}

/* drink
-----------------------------*/
#sub_contents .sub_cen_icon {position: relative;width: 100%;}
#sub_contents .sub_cen_icon img {width: auto;height: 100px;object-fit: cover;}
#sub_contents .sub_menu_box {position: relative;width: 100%;}
#sub_contents .sub_menu_box .sub_menu {width: 48%;padding: 20px;}
#sub_contents .sub_menu_box .sub_menu img {width: 100%;object-fit: cover;}
#sub_contents .sub_menu_box .sub_menu p.name {color: #be1e00;font-size: 24px;}
#sub_contents .sub_menu_box .sub_menu p.price {width: fit-content;background-color: #be1e00;color: #f9d504;padding: 0.1em 1em;}
#sub_contents .line-diamond-both {position: relative;height: 1px;background: #be1e00;}
#sub_contents .line-diamond-both::before {content: "◇";position: absolute;top: 50%;color: #be1e00;font-size: 14px;transform: translateY(-50%);left: -14px;}
#sub_contents .line-diamond-both::after {content: "◇";position: absolute;top: 50%;color: #be1e00;font-size: 14px;transform: translateY(-50%);right: -14px;}

#sub_contents .tbl_menu {width: 45%;margin-inline: auto;display: inline-block;font-size:15px;}
#sub_contents .tbl_menu .tr {display: flex;align-items: flex-end;}
#sub_contents .tbl_menu .th {width: 75%;padding: 15px 0;line-height: 1.6;position: relative;}
#sub_contents .tbl_menu .th::before {content: '●';color: #be1e00;margin-right: 0.5em;font-size: 10px;  vertical-align: middle; top: 50%;transform: translateY(-50%);position: absolute;}
#sub_contents .tbl_menu .th .menu_name {font-weight: bold;padding-left: 20px;}
#sub_contents .tbl_menu .td {width: 24%;text-align: right;padding: 15px 0;line-height: 1.6;}
#sub_contents .tbl_menu .td .menu_price {font-weight: normal;}
#sub_contents .reccomend_ttl {font-size:50px;font-weight: bold; color: #f39800;-webkit-text-stroke: 3px #130900;text-shadow: 4px 4px 0 #4d1e00; paint-order: stroke fill;}

/* togo
-----------------------------*/
#sub_contents .c_policy {margin-bottom:50px;}
#sub_contents .c_policy .ttl {font-size:20px;padding:10px 0;border-bottom:1px solid #be1e00;margin-bottom:20px;background:none;}
#sub_contents .c_policy p {background:#fff;padding:30px;}
#sub_contents .c_policy .strong {color:#111;margin:70px 0 0 0;font-size:20px;text-align:center;background:none;}
#sub_contents .checkbox-label{font-size:12px;}
#sub_contents p a u{text-decoration:underline;color:#be1e00;}  
 
/* faq
-----------------------------*/
#sub_contents .faq__item:not(:last-of-type) {margin-bottom: 20px;}
#sub_contents .faq__item .dt {padding: 15px 20px 15px 50px;position: relative;font-weight: bold;}
#sub_contents .faq__item .dd {padding: 15px 20px 15px 50px;position: relative;}
#sub_contents .faq__item .dt::before,
#sub_contents .faq__item .dd::before {position: absolute;left: 20px;top: 8px;}
#sub_contents .faq__item .dt::before {content: "Q.";font-size: 20px;}
#sub_contents .faq__item .dd::before {content: "A.";font-size: 20px;}

/* recruit
-----------------------------*/
#sub_contents .recruit_li{width: 49%;}
#sub_contents .recruit_li .ttl{font-size:20px;font-weight:bold;}
#sub_contents .recruit_li .txt{text-align:center;}
#sub_contents .recruit_li .img img{width:80%; /*border-radius:300px;*/}  
  
/* access
-----------------------------*/
#sub_contents .con_img img{width: 49%;}
#sub_contents .center_icon {width: 100%;text-align: center;position: relative;}
#sub_contents .center_icon img{width: 100px;text-align: center;margin: 0 auto;}
#sub_contents .sub_map{width:100%;}
#sub_contents .tbl_info {width: 100%;margin-inline: auto;position: relative;}
#sub_contents .tbl_info .tr {display: flex;align-items: center;position: relative;align-items: stretch;}
#sub_contents .tbl_info .th {width: 20%;padding: 20px;border-bottom: 1px solid #be1e00;text-align: center;align-items: center;vertical-align: middle;}
#sub_contents .tbl_info.colyellow .th {border-bottom: 1px solid #f9d504;}
#sub_contents .tbl_info .th p.ttl {font-weight: normal;line-height: 2em;}
#sub_contents .tbl_info .td {width: 80%;text-align: left;padding: 20px;border-bottom: 1px solid #be1e00;}
#sub_contents .tbl_info .td p.info {font-weight: normal;display: inline-block;line-height: 2em;}
#sub_contents .tbl_info .td p.info.block {display: block;}
#sub_contents .tbl_info .td a {color: #be1e00;border-bottom: solid 1px #be1e00;}

}
@media screen and (min-width: 1024px) {
/* main_visual
----------------------------------- */
#sub_visual {padding-top:180px; height:440px;position:relative;z-index:0;overflow: hidden;background: url(../images/access_obj01.png) no-repeat left center/30.4%, url(../images/access_obj02.png) no-repeat right 60%/20%, #f5e6a7;}
#sub_visual .img { height:350px; position: absolute; top: 0; width:100%;z-index:-1;text-align: center; display:none;}
#sub_visual .img img{width:100%;height:100%;object-fit: cover;object-position: center;margin: 0 auto;position:relative;text-align: center;}
#sub_visual .h1_container{max-width:1140px;width:94%;margin:0 auto;padding-left:0;position:relative;text-align: left;color:#be1e00;}
#sub_visual .h1_container h1{font-size:60px; line-height: 100%;font-weight: 600;}

/* sub_contents
----------------------------------- */
#sub_contents {position: relative;padding:0px 0px 50px 0;z-index:0;}
#sub_contents p{font-size: 16px;}
#sub_contents .section{max-width: 1140px; margin: 70px auto 80px;position: relative;padding-bottom: 100px;width:94%;}
#sub_contents .sub_ttl {text-align:center;margin-top:50px;scroll-margin-top: 140px;}
#sub_contents .sub_ttl h2{ text-align: center;font-size:30px; margin-bottom:10px; position: relative; line-height: 100%; padding-top: 25px;letter-spacing: 0.08em;font-weight: normal; scroll-margin-top: 150px;text-transform: capitalize;}
#sub_contents .sub_ttl h2:before{position: absolute;content: "";background: url(../images/sub_ill_03.png) no-repeat center center / contain ;width:100px;height:50px;top: -10%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index: 1;}
#sub_contents .sub_ttl .span{font-size:15px; display: block;margin-bottom:0px;}
#sub_contents .txt_cen{ text-align: center; font-size:20px; line-height: 200%;}
#sub_contents .tcen{text-align:center;font-size:16px;}
#sub_contents .txt_cen.white{ color: #fff;}
#sub_contents .txt_cen.strong{color: #a98465;}
#sub_contents .txt_st{ text-align: center; line-height: 200%;}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 20px;}
#sub_contents .mb30{margin-bottom: 30px;}
#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 .sub_bg{padding: 20px 0;z-index:0;}
#sub_contents #link_main{scroll-margin-top: 150px;background: url(../images/access_obj01.png) no-repeat left center/30.4%, url(../images/access_obj02.png) no-repeat right 60%/20%, #f5e6a7; padding:20px 150px; margin-bottom:100px;}

/* bread_crumb_list
----------------------------------- */
#sub_contents .bread_crumb_list{position:absolute;width:94%; top:-53px;line-height:100%;padding:0 2%;max-width:1140px;}
#sub_contents .bread_crumb{text-align:right;padding:10px 0 0 0;max-width:1140px;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;padding:0 2%;}

/* btn
----------------------------------- */
#sub_contents .anker__items{column-gap: 10px;row-gap: 10px;}
#sub_contents .anker__item{width: 32%;position: relative;display: block;}
#sub_contents .anker__item.w50{width: 48%;}
#sub_contents .anker__item a:hover{opacity:.8;}
#sub_contents .anker__item a {display: block;text-align: center;padding: 1em;}
#sub_contents .anker__items.con .anker__item a {color:#818a95;border:1px solid #818a95;color:#818a95; background:#fff;}
#sub_contents .anker__items.con .anker__item a:hover {color:#fff;background:#818a95;}
#sub_contents .anker__item p {line-height: 50px;font-size:16px;}
#sub_contents .anker__item.link_area anker__items {width:48%;}
#sub_contents .anker__items.link_area a{display:block; border:1px solid #000; padding:10px 50px; font-size:20px; cursor:pointer; width:40%; margin:0 10px;}
#sub_contents .anker__items.link_area a p{font-size:18px; text-align:center;}
#sub_contents .anker__items.link_area a:hover{background:#000; color:#fff; transform:1.0s;}

/* concept
-----------------------------*/
#sub_contents .sub_cen_img {width: 100%;}
#sub_contents .sub_cen_img img{max-width: 600px;margin: 0 auto;}
#sub_contents .sub_con_box{width:100%;position: relative;}
#sub_contents .sub_con_ttl_box{width: 100%;}
#sub_contents .sub_con_ttl_box p.span{font-size: 26px;display: block;color: #be1e00;}
#sub_contents img.sub_ill.con_right {position: absolute;width: 40%;bottom: -40px;right: 0;object-fit: cover;}
#sub_contents img.sub_ill.con_left {position: absolute;width: 40%;bottom: 60px;left: 0;object-fit: cover;z-index: 0;}
#sub_contents img.sub_ill.comm_right {position: absolute;width: 40%;bottom: 0px;right: -10%;object-fit: cover;}
#sub_contents img.sub_ill.comm_left {position: absolute;width: 40%;bottom: 0px;left: -10%;object-fit: cover;z-index: 0;}
#sub_contents .comm_textBox {scroll-margin-top:130px;}
#sub_contents .comm_textBox .img{width: 40%;margin-bottom: 10px;position:relative;}
#sub_contents .comm_textBox .textarea {width: 56%;margin-bottom:10px;}
#sub_contents .comm_textBox .textarea p.ex {line-height:1.8;}
#sub_contents .comm_textBox .textarea p.ttl {margin-bottom: 10px;font-weight: bold;font-size: 24px;}
#sub_contents .comm_textBox .textarea p.sub_large {font-size: 80px;}

/* drink
-----------------------------*/
#sub_contents .sub_cen_icon {position: relative;width: 100%;}
#sub_contents .sub_cen_icon img {width: auto;height: 100px;object-fit: cover;}
#sub_contents .sub_menu_box {position: relative;width: 100%;}
#sub_contents .sub_menu_box .sub_menu {width: 48%;padding: 20px;}
#sub_contents .sub_menu_box .sub_menu.w100 {width: 100%;}
#sub_contents .sub_menu_box .sub_menu img {width: 100%;object-fit: cover;}
#sub_contents .sub_menu_box .sub_menu p.name {color: #be1e00;font-size: 28px;}
#sub_contents .sub_menu_box .sub_menu p.price {width: fit-content;background-color: #be1e00;color: #f9d504;padding: 0.1em 1em;}
#sub_contents .line-diamond-both {position: relative;height: 1px;background: #be1e00;}
#sub_contents .line-diamond-both::before {content: "◇";position: absolute;top: 50%;color: #be1e00;font-size: 14px;transform: translateY(-50%);left: -14px;}
#sub_contents .line-diamond-both::after {content: "◇";position: absolute;top: 50%;color: #be1e00;font-size: 14px;transform: translateY(-50%);right: -14px;}

#sub_contents .tbl_menu {width: 40%;margin-inline: auto;display: inline-block;font-size:15px;}
#sub_contents .tbl_menu .tr {display: flex;align-items: flex-end;}
#sub_contents .tbl_menu .th {width: 75%;padding: 15px 0;line-height: 1.6;position: relative;}
#sub_contents .tbl_menu .th::before {content: '●';color: #be1e00;margin-right: 0.5em;font-size: 10px;  vertical-align: middle; top: 50%;transform: translateY(-50%);position: absolute;}
#sub_contents .tbl_menu .th .menu_name {font-weight: bold;padding-left: 20px;}
#sub_contents .tbl_menu .td {width: 24%;text-align: right;padding: 15px 0;line-height: 1.6;}
#sub_contents .tbl_menu .td .menu_price {font-weight: normal;}
#sub_contents .reccomend_ttl {font-size:50px;font-weight: bold; color: #f39800;-webkit-text-stroke: 3px #130900;text-shadow: 4px 4px 0 #4d1e00; paint-order: stroke fill;}  
  
/* guide
----------------------------------- */
#sub_contents .faq__item:not(:last-of-type) {margin-bottom: 20px;}
#sub_contents .faq__item .dt {padding: 25px 20px 25px 60px;position: relative;font-weight: bold;}
#sub_contents .faq__item .dd {padding: 25px 20px 25px 60px;position: relative;}
#sub_contents .faq__item .dt::before,
#sub_contents .faq__item .dd::before {position: absolute;left: 20px;top: 8px;}
#sub_contents .faq__item .dt::before {content: "Q.";font-size: 30px;}
#sub_contents .faq__item .dd::before {content: "A.";font-size: 30px;}

/* recruit
-----------------------------*/
#sub_contents .recruit_li{width: 23%;}
#sub_contents .recruit_li .ttl{font-size:18px;font-weight:bold;}  
  
/* access
-----------------------------*/
#sub_contents .con_img img {width: 49%;border: solid 1px #be1e00;}
#sub_contents .sub_map{width:100%;}
#sub_contents .tbl_info {width: 100%;margin-inline: auto;position: relative;}
#sub_contents .tbl_info .tr {display: flex;align-items: center;position: relative;align-items: stretch;border-bottom: solid 1px #be1e00;}
#sub_contents .tbl_info .th {width: 20%;padding: 20px;text-align: center;align-items: center;vertical-align: middle;border: none;font-weight: bold;}
#sub_contents .tbl_info .th p.ttl {font-weight: bold;line-height: 2em;}
#sub_contents .tbl_info .td {width: 80%;text-align: left;padding: 20px;border: none;}
#sub_contents .tbl_info .td p.info {font-weight: normal;display: inline-block;line-height: 2em;}
#sub_contents .tbl_info .td p.info.block {display: block;}
#sub_contents .tbl_info .td a {color: #be1e00;}

}

@media screen and (min-width: 1025px) {
/* main_visual
----------------------------------- */
#sub_visual {padding-top:250px; height:460px;position:relative;z-index:0;overflow: hidden;background: url(../images/access_obj01.png) no-repeat left center/30.4%, url(../images/access_obj02.png) no-repeat right 60%/20%, #f5e6a7;}
#sub_visual .img { height:350px; position: absolute; top: 0; width:100%;z-index:-1;text-align: center; display:none;}
#sub_visual .img img{width:100%;height:100%;object-fit: cover;object-position: center;margin: 0 auto;position:relative;text-align: center;}
#sub_visual .h1_container{max-width:1140px;width:94%;margin:0 auto;padding-left:0;position:relative;text-align: center;color:#be1e00;}
#sub_visual .h1_container h1{font-size:60px; line-height: 100%;font-weight: 600;}
}

@media screen and (min-width: 1800px) {
/* main_visual
----------------------------------- */
#sub_visual {padding-top:180px; height:440px;position:relative;z-index:0;overflow: hidden;background: url(../images/access_obj01.png) no-repeat left center/30.4%, url(../images/access_obj02.png) no-repeat right 60%/20%, #f5e6a7;}
#sub_visual .img { height:350px; position: absolute; top: 0; width:100%;z-index:-1;text-align: center; display:none;}
#sub_visual .img img{width:100%;height:100%;object-fit: cover;object-position: center;margin: 0 auto;position:relative;text-align: center;}
#sub_visual .h1_container{max-width:1140px;width:94%;margin:0 auto;padding-left:0;position:relative;text-align: left;color:#be1e00;}
#sub_visual .h1_container h1{font-size:60px; line-height: 100%;font-weight: 600;}
}