/* main_visual
----------------------------------- */
#sub_visual.hisoka {padding-top:100px;background:url(../images/sub_visual_hisoka.png) no-repeat bottom right;height:250px;position:relative;z-index:0;background-size:cover; text-align:center}
#sub_visual.commitment {padding-top:100px;background:url(../images/sub_visual_commitment.png) no-repeat bottom right;height:250px;position:relative;z-index:0;background-size:cover; text-align:center}
#sub_visual.ice {padding-top:100px;background:url(../images/sub_visual_ice.png) no-repeat bottom right;height:250px;position:relative;z-index:0;background-size:cover; text-align:center}
#sub_visual.sweets {padding-top:100px;background:url(../images/sub_visual_sweets.png) no-repeat bottom right;height:250px;position:relative;z-index:0;background-size:cover; text-align:center}
#sub_visual.takeout {padding-top:100px;background:url(../images/sub_visual_takeout.png) no-repeat bottom right;height:250px;position:relative;z-index:0;background-size:cover; text-align:center}
#sub_visual.shop {padding-top:100px;background:url(../images/sub_visual_shop.png) no-repeat bottom right;height:250px;position:relative;z-index:0;background-size:cover; text-align:center}
#sub_visual.faq {padding-top:100px;background:url(../images/sub_visual_faq.png) no-repeat bottom right;height:250px;position:relative;z-index:0;background-size:cover; text-align:center}
#sub_visual.news {padding-top:100px;background:url(../images/sub_visual_news.png) no-repeat bottom right;height:250px;position:relative;z-index:0;background-size:cover; text-align:center}
#sub_visual::before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.1);z-index:1;}
#sub_visual .ttl{max-width:100%;margin:0 auto;width:94%;position:relative;z-index:2;}
#sub_visual .ttl h1{ font-family: "Cormorant", serif;color:#fff;font-size:50px;font-weight:400; line-height: 100%;position: relative;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);}
#sub_visual .ttl .span{margin-top:10px;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);font-size:22px; line-height: 150%;color:#fff;}

/* bread_crumb_list
----------------------------------- */
#sub_contents .breadcrumb{font-size: 12px; text-align:right; display:block;padding-right:20px;background:none;}
.breadcrumb{font-size: 12px; text-align:right; display:block;padding-right:20px;background:none;}

/* sub_contents 
----------------------------------- */
#sub_contents {font-size: 14px; position: relative;padding:0px 0px 0px 0;z-index:0;font-weight:400;}
#sub_contents .section{max-width: 100%;width:94%; margin: 60px auto 60px;position: relative;padding-left:0px;padding-bottom:30px;}
#sub_contents .sub_ttl {text-align:center;margin-bottom:30px;scroll-margin-top:120px;}
#sub_contents .sub_ttl .en{ position: relative;font-size:30px; font-family: "Cormorant", serif;text-align: center;display:inline-block;}
#sub_contents .sub_ttl h2{font-size:16px;text-transform: uppercase;line-height:160%;}
#sub_contents .txt_cen{ text-align: center;line-height: 200%;}
#sub_contents .txt_cen p{display:inline-block;}
#sub_contents .tcen{ text-align: center;line-height: 200%;font-size: 18px;}
#sub_contents .tcen p{display:inline-block;}
#sub_contents .f13 {font-size:14px;}
#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:#eae5e1;padding: 20px 0;}
#sub_contents .dis-none{display:none;}
#sub_contents .sub_inner{padding:40px;background: rgba(0, 0, 0, 0.5);} 
#sub_contents .txt_red{text-align: center; color:#ca0000;}
#sub_contents .pc {display:block;}
#sub_contents .sp {display:none;}
  
/* commitment
----------------------------------- */
#sub_contents .concept_area.sub_policy {background:url(../images/sub_commitment_bg.png) repeat center center; background-size:cover; padding:50px 20px;color: #fff; height:auto;
background-attachment: scroll; background-position: center top; background-size: auto 100%;}
#sub_contents .concept_area .box {background: rgba(60, 55, 50, 0.68);padding:40px 20px;text-align: center;}
#sub_contents .concept_area .box .ttl {font-size:18px;font-weight:500;line-height:2;display:inline-block;margin-top:0;}
#sub_contents .concept_area .box p {line-height:2;font-size: 13px;}
#sub_contents .concept_area .cont_box{display: block;}
#sub_contents .concept_area .cont_box .content{display: inline-block;line-height: 220%;}

/* btn
----------------------------------- */
#sub_contents .anker__items{column-gap: 2%;row-gap: 10px;}
#sub_contents .anker__item{width: 80%;height: 60px;position: relative;display: block;}
#sub_contents .anker__item a {display: flex;justify-content: center;align-items: center;gap: 8px;text-align: center;border-bottom: 1px solid #262626;position: relative;padding: 0 16px; height: 60px;}
#sub_contents .anker__item a::after {content: "";display: inline-block;width: 7px;height: 7px;border-left: 1px solid #262626;border-bottom: 1px solid #262626;transform: rotate(-45deg);margin-left: 15px;top: 1px;}
#sub_contents .anker__item a:hover{opacity:.8;background: #eae5e1;}
#sub_contents .anker__item p {line-height: 50px;font-size:14px;}

/* takeout
----------------------------------- */
#sub_contents .sub_menu_box {width:100%;}
#sub_contents .sub_menu_img {width:100%;margin-top:30px;}
#sub_contents .sub_menu_img {display:grid; grid-template-columns:repeat(2,1fr); gap:20px;}
#sub_contents .sub_menu_img.w100 {display:grid; grid-template-columns:1fr; gap:20px;}
#sub_contents .sub_menu_img .img {overflow:hidden;}
#sub_contents .sub_menu_img .img img {width:100%; height:100%; object-fit:cover; display:block;}
#sub_contents .sub_menu_img .img:hover img {transform:scale(1.05);}
#sub_contents .menu__ul {width:100%;margin:0 auto 20px;background:none;padding:0;}
#sub_contents .menu__ul .li {padding: 20px 5px;border-bottom: 1px dashed #262626;}
#sub_contents .menu__ul .li .menu__text {width: 100%;margin-bottom: 0px;}
#sub_contents .menu__ul .li .menu__title {margin:0;position: relative;padding-left: 20px;line-height: 1.6;letter-spacing: 0.075em;display:block;font-weight:normal;}
#sub_contents .menu__ul .li .menu__title::before {content: "";position: absolute;width: 7px;height: 7px;background: #262626;border-radius: 50%;top: 10px;left: 0;}
#sub_contents .menu__ul .li .menu__small {padding-left: 20px;font-size: 13px;margin:5px 0 10px 0;}
#sub_contents .menu__ul .li .menu__price {width: 100%;text-align: right;font-size: 14px;}

/* hisoka
----------------------------------- */
#sub_contents .con_area {padding:70px 0;}
#sub_contents .con_area .tategaki {width:20%;display: flex;justify-content: center;padding:50px 0 0 0;border-top:1px solid #000;}
#sub_contents .con_area .tategaki .ja {font-size:35px;writing-mode: vertical-rl;}
#sub_contents .con_area .tategaki .en {font-size:13px;writing-mode: vertical-rl;}
#sub_contents .con_area .box {width:75%;}
#sub_contents .con_area .box .img {margin-bottom:30px;}
#sub_contents .con_area .box .img img {width:100%;}
#sub_contents .con_area .box .txt_area {width:100%;}
  
/* shop
----------------------------------- */
#sub_contents .salon_tbl .tr {border-bottom: 1px dashed #262626;display:flex;padding:10px 0;}
#sub_contents .salon_tbl .tr:last-of-type {margin-bottom: 20px;}
#sub_contents .salon_tbl .tr .th {display:block;width:25%;padding:20px 0px;}
#sub_contents .salon_tbl .tr .td {display:block;width:75%;padding:20px 0px;line-height:1.6;}
#sub_contents .shop_img {display: grid;grid-template-columns: repeat(1, 1fr);gap: 6px;margin-bottom: 20px;}
#sub_contents .c_policy {margin-bottom:50px; background:rgba(255,255,255,.4); padding:30px ;}
#sub_contents .c_policy img{display:inline-block; width:50px; margin-right:15px;margin-bottom: 10px;}
#sub_contents .c_policy .ttl {display:inline-block;font-size:18px;padding:10px 0;background:none;border-top:none;}
#sub_contents .c_policy p {border-top:1px dashed #262626; padding-top:20px; margin-top:5px;line-height: 180%;}

/* faq
----------------------------------- */
#sub_contents .faq__item {padding:20px;width:100%;margin:0 auto;background:#eae5e1;}
#sub_contents .faq__item:not(:last-of-type) {margin-bottom: 30px;}
#sub_contents .faq__item .dt {padding: 15px 0px 15px 40px;position: relative;border-bottom:1px dashed #262626;}
#sub_contents .faq__item .dd {padding: 15px 0px 15px 40px;position: relative;}
#sub_contents .faq__item .dt::before,#sub_contents .faq__item .dd::before {position: absolute;left: 10px;top: 8px;}
#sub_contents .faq__item .dt::before {content: "Q.";font-size: 20px; font-family: "Cormorant", serif;}
#sub_contents .faq__item .dd::before {content: "A.";font-size: 20px; font-family: "Cormorant", serif;}

/* news
----------------------------------- */
#sub_contents .news_list {margin-top: -30px;}
#sub_contents .webgene-blog .webgene-item.news_area {padding: 15px;border-bottom: 1px dashed #262626;}
#sub_contents .webgene-blog .news__date {margin-right: 10px;display: inline-block;padding-right: 10px; font-family: "Cormorant", serif;}
#sub_contents .webgene-blog .news__cate {margin-right: 8px;display: inline-block;padding: 3px 8px;}
#sub_contents .webgene-blog .news_ttl {display: block;margin-top: 8px;}
#sub_contents .webgene-blog .news_ttl:hover {color: #301102;}
/* カテゴリー */
#sub_contents .pageWrap__inner {max-width: 100%;margin: 0 auto;}
#sub_contents .cateList {padding-bottom: 20px;margin-bottom: 20px;}
#sub_contents .cateList .webgene-blog {grid-gap: 10px;display: grid;grid-template-columns: repeat(1, 1fr);justify-content: center;}
#sub_contents .cateList .webgene-item {width: 100%;margin-bottom: 10px;}
#sub_contents .cateList__item a {display: flex;justify-content: center;align-items: center;text-align: center;height: 80px;color: #fff;font-weight: 500;}
#sub_contents .webgene-item:nth-child(1) .cateList__item a {background: url(../images/sub_news_01.jpg) no-repeat;background-size: cover;}
#sub_contents .webgene-item:nth-child(2) .cateList__item a {background: url(../images/sub_news_02.jpg) no-repeat;background-size: cover;}
#sub_contents .webgene-item:nth-child(3) .cateList__item a {background: url(../images/sub_news_03.jpg) no-repeat;background-size: cover;}
/* pager */
#sub_contents .webgene-pagination{margin-top: 50px;text-align: center;display: block;width: 100%;}
#sub_contents .webgene-pagination ul{margin-top:0px;text-align: center;display: flex;justify-content: center;column-gap: 20px;}
#sub_contents .webgene-pagination ul li a{display: inline-block;padding: 5px 15px;background: #252525;color:#fff;border-radius:20px;}
  
/* detail_news
----------------------------------- */
#sub_contents .news_detail .news_img {text-align: center;margin: 0 auto;}
#sub_contents .news_detail .news_img img{width: 50%; text-align: center; margin: 0 auto 50px;}
#sub_contents .news_detail .news_date{text-align: center; display: block;margin: 0 auto 20px; font-family: "Cormorant", serif;}
#sub_contents .news_text{background:#eae5e1;background-size:cover; padding: 40px 30px;border-radius:0px;}
#sub_contents .news_detail .news_datail_ttl {font-size:22px;margin-bottom:20px;text-align:center;}

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

/* main_visual
----------------------------------- */
#sub_visual.hisoka {padding-top:360px;background:url(../images/sub_visual_hisoka.png) no-repeat bottom right;height:700px;position:relative;z-index:0;background-size:cover; text-align:center}
#sub_visual.commitment {padding-top:360px;background:url(../images/sub_visual_commitment.png) no-repeat bottom right;height:700px;position:relative;z-index:0;background-size:cover; text-align:center}
#sub_visual.ice {padding-top:360px;background:url(../images/sub_visual_ice.png) no-repeat bottom right;height:700px;position:relative;z-index:0;background-size:cover; text-align:center}
#sub_visual.sweets {padding-top:360px;background:url(../images/sub_visual_sweets.png) no-repeat bottom right;height:700px;position:relative;z-index:0;background-size:cover; text-align:center}
#sub_visual.takeout {padding-top:360px;background:url(../images/sub_visual_takeout.png) no-repeat bottom right;height:700px;position:relative;z-index:0;background-size:cover; text-align:center}
#sub_visual.shop {padding-top:360px;background:url(../images/sub_visual_shop.png) no-repeat bottom right;height:700px;position:relative;z-index:0;background-size:cover; text-align:center}
#sub_visual.faq {padding-top:360px;background:url(../images/sub_visual_faq.png) no-repeat bottom right;height:700px;position:relative;z-index:0;background-size:cover; text-align:center}
#sub_visual.news {padding-top:360px;background:url(../images/sub_visual_news.png) no-repeat bottom right;height:700px;position:relative;z-index:0;background-size:cover; text-align:center}

#sub_visual::before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.1);z-index:1;}
#sub_visual .ttl{max-width:1200px;margin:0 auto;width:94%;position:relative;z-index:2;}
#sub_visual .ttl h1{ font-family: "Cormorant", serif;color:#fff;font-size:80px;font-weight:400; line-height: 100%;position: relative;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);}
#sub_visual .ttl .span{margin-top:10px;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);font-size:22px; line-height: 150%;color:#fff;}

/* bread_crumb_list
----------------------------------- */
#sub_contents .breadcrumb{font-size: 12px; text-align:right; display:block;padding-right:20px;background:none;}
.breadcrumb{font-size: 12px; text-align:right; display:block;padding-right:20px;background:none;}

/* sub_contents 
----------------------------------- */
#sub_contents {font-size: 14px; position: relative;padding:0px 0px 0px 0;z-index:0;font-weight:400;}
#sub_contents .section{max-width: 1200px;width:94%; margin: 80px auto 80px;position: relative;padding-left:0px;padding-bottom:30px;}
#sub_contents .sub_ttl {text-align:center;margin-bottom:50px;scroll-margin-top:120px;}
#sub_contents .sub_ttl .en{ position: relative;font-size:40px; font-family: "Cormorant", serif;text-align: center;display:inline-block;}
#sub_contents .sub_ttl h2{font-size:16px;text-transform: uppercase;line-height:160%;}
#sub_contents .txt_cen{ text-align: center;line-height: 200%;}
#sub_contents .txt_cen p{display:inline-block;}
#sub_contents .f13 {font-size:14px;}
#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:#eae5e1;padding: 20px 0;}
#sub_contents .dis-none{display:none;}
#sub_contents .sub_inner{padding:40px;background: rgba(0, 0, 0, 0.5);} 
#sub_contents .pc {display:block;}
#sub_contents .sp {display:none;}
  
/* commitment
----------------------------------- */
#sub_contents .concept_area.sub_policy {background:url(../images/sub_commitment_bg.png) repeat center center; background-size:cover; padding:60px;color: #fff;background-attachment: fixed; height:auto;}
#sub_contents .concept_area .box {background: rgba(60, 55, 50, 0.68);padding:40px;text-align: center;}
#sub_contents .concept_area .box .ttl {font-size:18px;font-weight:500;line-height:2;display:inline-block;margin-top:0;}
#sub_contents .concept_area .box p {line-height:2;font-size: 16px;}
#sub_contents .concept_area .cont_box{display: block;}
#sub_contents .concept_area .cont_box .content{display: inline-block;line-height: 250%;}

/* btn
----------------------------------- */
#sub_contents .anker__items{column-gap: 2%;row-gap: 10px;}
#sub_contents .anker__item{width: 25%;height: 60px;position: relative;display: block;}
#sub_contents .anker__item a {display: flex;justify-content: center;align-items: center;gap: 8px;text-align: center;border-bottom: 1px solid #262626;position: relative;padding: 0 16px; height: 60px;}
#sub_contents .anker__item a::after {content: "";display: inline-block;width: 7px;height: 7px;border-left: 1px solid #262626;border-bottom: 1px solid #262626;transform: rotate(-45deg);margin-left: 15px;top: 1px;}
#sub_contents .anker__item a:hover{opacity:.8;background: #eae5e1;}
#sub_contents .anker__item p {line-height: 50px;font-size:14px;}

/* takeout
----------------------------------- */
#sub_contents .sub_menu_box {width:45%;}
#sub_contents .sub_menu_img {width:50%;}
#sub_contents .sub_menu_img {display:grid; grid-template-columns:repeat(2,1fr); gap:20px;}
#sub_contents .sub_menu_img.w100 {display:grid; grid-template-columns:1fr; gap:20px;}
#sub_contents .sub_menu_img .img {overflow:hidden;}
#sub_contents .sub_menu_img .img img {width:100%; height:100%; object-fit:cover; display:block;}
#sub_contents .sub_menu_img .img:hover img {transform:scale(1.05);}
#sub_contents .menu__ul {width:100%;margin:0 auto 20px;background:none;padding:0;}
#sub_contents .menu__ul .li {padding: 20px 5px;border-bottom: 1px dashed #262626;}
#sub_contents .menu__ul .li .menu__text {width: 100%;margin-bottom: 0px;}
#sub_contents .menu__ul .li .menu__title {margin:0;position: relative;padding-left: 20px;line-height: 1.6;letter-spacing: 0.075em;display:block;font-weight:normal;}
#sub_contents .menu__ul .li .menu__title::before {content: "";position: absolute;width: 7px;height: 7px;background: #262626;border-radius: 50%;top: 10px;left: 0;}
#sub_contents .menu__ul .li .menu__small {padding-left: 20px;font-size: 13px;margin:5px 0 10px 0;}
#sub_contents .menu__ul .li .menu__price {width: 100%;text-align: right;font-size: 14px;}

/* hisoka
----------------------------------- */
#sub_contents .con_area {padding:70px 0;}
#sub_contents .con_area .tategaki {width:20%;display: flex;justify-content: center;padding:50px 0 0 0;border-top:1px solid #000;}
#sub_contents .con_area .tategaki .ja {font-size:36px;writing-mode: vertical-rl;}
#sub_contents .con_area .tategaki .en {font-size:13px;writing-mode: vertical-rl;}
#sub_contents .con_area .box {width:75%;}
#sub_contents .con_area .box .img {margin-bottom:30px;}
#sub_contents .con_area .box .img img {width:100%;}
#sub_contents .con_area .box .txt_area {width:100%;}
  
/* shop
----------------------------------- */
#sub_contents .salon_tbl .tr {border-bottom: 1px dashed #262626;display:flex;padding:10px 0;}
#sub_contents .salon_tbl .tr:last-of-type {margin-bottom: 20px;}
#sub_contents .salon_tbl .tr .th {display:block;width:20%;padding:20px;}
#sub_contents .salon_tbl .tr .td {display:block;width:80%;padding:20px 20px;line-height:1.6;}
#sub_contents .shop_img {display:grid;grid-template-columns: repeat(3,1fr);gap: 10px;margin-bottom: 20px;}
#sub_contents .c_policy {margin-bottom:50px; background:rgba(255,255,255,.4); padding:30px 60px 50px;}
#sub_contents .c_policy img{display:inline-block; width:50px; margin-right:15px;margin-bottom: 10px;}
#sub_contents .c_policy .ttl {display:inline-block;font-size:18px;padding:10px 0;background:none;border-top:none;}
#sub_contents .c_policy p {border-top:1px dashed #262626; padding-top:20px; margin-top:5px;line-height: 150%;}

/* faq
----------------------------------- */
#sub_contents .faq__item {padding:20px;width:100%;margin:0 auto;background:#eae5e1;}
#sub_contents .faq__item:not(:last-of-type) {margin-bottom: 30px;}
#sub_contents .faq__item .dt {padding: 15px 10px 15px 50px;position: relative;border-bottom:1px dashed #262626;}
#sub_contents .faq__item .dd {padding: 15px 10px 15px 50px;position: relative;}
#sub_contents .faq__item .dt::before,#sub_contents .faq__item .dd::before {position: absolute;left: 15px;top: 8px;}
#sub_contents .faq__item .dt::before {content: "Q.";font-size: 20px; font-family: "Cormorant", serif;}
#sub_contents .faq__item .dd::before {content: "A.";font-size: 20px; font-family: "Cormorant", serif;}

/* news
----------------------------------- */
#sub_contents .news_list {margin-top:-100px;}
#sub_contents .webgene-blog .webgene-item.news_area {padding:20px;border-bottom:1px dashed #262626;}
#sub_contents .webgene-blog .news__date{margin-right: 20px;display:inline-block;padding-right:30px; font-family: "Cormorant", serif;}
#sub_contents .webgene-blog .news__cate{margin-right: 15px;display:inline-block;padding:3px 10px;}
#sub_contents .webgene-blog .news_ttl{display:inline-block;margin-top:0px;}
#sub_contents .webgene-blog .news_ttl:hover{color: #301102;}
/* カテゴリー */
#sub_contents .pageWrap__inner {max-width: 100%; margin: 0 auto;}
#sub_contents .cateList{padding-bottom: 30px;margin-bottom:30px;}
#sub_contents .cateList .webgene-blog{grid-gap: 30px; display: grid; grid-template-columns: repeat(auto-fit, 200px); justify-content: center;}
#sub_contents .cateList .webgene-item {width: 200px;margin-bottom:20px;}
#sub_contents .cateList__item a{display: flex;justify-content: center;align-items: center; text-align: center;height:80px;color:#fff;font-weight:500;}
#sub_contents .webgene-item:nth-child(1) .cateList__item a {background:url(../images/sub_news_01.jpg) no-repeat;background-size:cover;}
#sub_contents .webgene-item:nth-child(2) .cateList__item a {background:url(../images/sub_news_02.jpg) no-repeat;background-size:cover;}
#sub_contents .webgene-item:nth-child(3) .cateList__item a {background:url(../images/sub_news_03.jpg) no-repeat;background-size:cover;}
/* pager */
#sub_contents .webgene-pagination{margin-top: 50px;text-align: center;display: block;width: 100%;}
#sub_contents .webgene-pagination ul{margin-top:0px;text-align: center;display: flex;justify-content: center;column-gap: 20px;}
#sub_contents .webgene-pagination ul li a{display: inline-block;padding: 5px 15px;background: #252525;color:#fff;border-radius:20px;}
  
/* detail_news
----------------------------------- */
#sub_contents .news_detail .news_img {text-align: center;margin: 0 auto;}
#sub_contents .news_detail .news_img img{width: 50%; text-align: center; margin: 0 auto 50px;}
#sub_contents .news_detail .news_date{text-align: center; display: block;margin: 0 auto 20px; font-family: "Cormorant", serif;}
#sub_contents .news_text{background:#eae5e1;background-size:cover; padding: 50px;border-radius:0px;}
#sub_contents .news_detail .news_datail_ttl {font-size:22px;margin-bottom:20px;text-align:center;}
}
.bnr_insta{margin:100px auto 0; text-align:center;}
.bnr_insta img{width:80%;}
@media screen and (min-width:768px) {
.bnr_insta{margin:100px auto 0; text-align:center;}
.bnr_insta img{width:50%;}
}