@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css');
body:not(.home) .header{background:#fff;}
body:not(.home) .header.active{background:#fff;box-shadow:10px 10px 15px rgba(0,0,0,.1);}

/* main_visual
----------------------------------- */
#sub_visual {padding-top:120px; height:250px;position:relative;z-index:0;margin-top:0px;overflow: hidden;text-align: center;}
#sub_visual .img { height:250px; position: absolute; top: 0; width:100%;z-index:-1;margin: 0 auto;text-align: center;align-items: center;overflow: hidden;}
#sub_visual .img img{width:100%;height:100%;object-fit: cover;object-position: center;margin: 0 auto;filter: blur(4px); transform: scale(1.05);}
#sub_visual .h1_container{max-width:94%;width:94%;margin:0 auto;text-align: center;}
#sub_visual .h1_container h1.span {font-weight: 500;font-size:26px; line-height: 180%;text-align: center;position: relative;text-shadow: 2px 2px 4px #491b0080;color:#fff;text-transform:uppercase;font-family: "Josefin Sans", sans-serif;}
#sub_visual .h1_container p.small{font-size:20px;line-height:100%;font-weight: normal;text-align: center;margin-bottom: 0px;color:#fff;text-shadow: 2px 2px 4px #491b0080;}

/* sub_contents
----------------------------------- */
#sub_contents {font-size: 16px; position: relative;}
#sub_contents.col_black {background-color: #000;color: #fff;}
#sub_contents.col_mint {background-color: #fff;}
#sub_contents.col_black .td .info a{color:#fff !important;}
#sub_contents p{font-size: 16px;line-height: 1.8em;}
#sub_contents p.colwhite{color: #fff;}
#sub_contents .section{max-width: 94%; margin: 70px auto 0px;position: relative;width: 94%;padding-bottom: 80px;}
#sub_contents .h2_container h2{ text-align: center;font-size:20px;  position: relative; line-height: 180%; padding:15px auto 15px;scroll-margin-top:110px;}
#sub_contents .h2_container { position:relative;}
#sub_contents .h2_container .span{font-weight:bold;text-transform:uppercase;}
#sub_contents .h2_container .span::before{content:""; background:#a47f3b; position:absolute; left:0; right:0; top:-10px; width:50px; height:3px; margin:0 auto;}
#sub_contents .h2_container .small{color:#a47f3b;text-align:center; font-family: "Josefin Sans", sans-serif;}

#sub_contents .h2_container.tsuji .span{color:#fff;}
#sub_contents .h2_container.tsuji .span::before{content:""; background:#a47f3b; position:absolute; left:0; right:0; top:-10px; width:50px; height:3px; margin:0 auto;}
#sub_contents .h2_container.tsuji .small{color:#a47f3b;}

#sub_contents .h2_container.cafe .span::before{content:""; background:#670e00; position:absolute; left:0; right:0; top:-10px; width:50px; height:3px; margin:0 auto;}
#sub_contents .h2_container.cafe .small{color:#670e00;}

#sub_contents .h2_container.salon .span::before{content:""; background:#000; position:absolute; left:0; right:0; top:-10px; width:50px; height:3px; margin:0 auto;}
#sub_contents .h2_container.salon .small{color:#000;}

#sub_contents h3{ text-align: center;font-size:30px; margin-bottom:15px; position: relative;margin-top: 40px;}
#sub_contents .mb20{margin-bottom: 15px !important;}
#sub_contents .mb30{margin-bottom: 20px !important;}
#sub_contents .mb50{margin-bottom: 30px !important;}
#sub_contents .mb80{margin-bottom: 50px !important;}
#sub_contents .mb100{margin-bottom: 70px !important;}
#sub_contents .mb150{margin-bottom: 100px !important;}
#sub_contents .txt_cen{ text-align: center;  line-height: 200%;font-size: 17px;font-weight: bold;}
#sub_contents .txt_st{ text-align: center;  line-height: 200%;}
#sub_contents .sub_bg{background-color: #f0f0f0;padding: 10px 0px;}

/* bread_crumb_list
----------------------------------- */
#sub_contents .bread_crumb{text-align:left;padding:10px 0 0 0;margin:0 auto;margin-bottom:30px;}
#sub_contents .bread_crumb .bread{ max-width:94%; margin:0 auto;}
#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;font-size:13px;}
#sub_contents.col_black .bread_crumb p a {color: #fff;}
#sub_contents .bread_crumb p{margin-bottom:0px; font-size:13px;padding:0 0;}

/* btn
----------------------------------- */
#sub_contents .anker__items{column-gap: 30px;row-gap: 10px;}
#sub_contents .anker__item{width: 100%;height: 35px;position: relative;display: block;}
#sub_contents .anker__item a {display: flex;justify-content: center;align-items: center;gap: 8px;text-align: center;border: 2px solid #000000;border-top: 2px solid #000000;position: relative;padding: 0 16px;height: 35px;font-size: 13px;}
#sub_contents .anker__item a::after {content: "";display: inline-block;width: 7px;height: 7px;border-left: 2px solid #000000;border-bottom: 2px solid #000000;transform: rotate(-45deg);margin-left: 15px;top: 1px;transition: transform 0.2s ease;}
#sub_contents .anker__item a:hover::after {transform: translateY(3px) rotate(-45deg);}
#sub_contents .anker__item p {line-height: 50px;font-size: 12px;font-weight:700;margin-bottom: 0px;}
#sub_contents.col_black .anker__item,
#sub_contents.col_black .anker__item a,
#sub_contents.col_black .anker__item p,
#sub_contents.col_black .anker__item .btn_ttl{color:#fff !important;}
#sub_contents.col_black .anker__item a{border-color:#fff !important;}
#sub_contents.col_black .anker__item a::after{border-left:2px solid #fff !important;border-bottom:2px solid #fff !important;}

/* cafe
----------------------------------- */
#sub_contents .box_greeting{padding: 10px 10px 10px;background:url("../images/sub_cafe_img01_01.png")repeat center center; background-attachment: fixed;}
#sub_contents .box_greeting .inner{background:rgba(222,228,229,.9);padding:10px 10px;position:relative;text-align:center;margin:0 auto;width:100%;max-width:100%;}
#sub_contents .box_greeting.drm .inner,
#sub_contents .box_greeting.kmtk .inner{background:rgba(222,228,229,.9);}
#sub_contents .box_greeting .inner .txt_box{width:100%;}
#sub_contents .box_greeting .inner p.span{font-size:13px;font-weight:normal;line-height:220%;color:#141414;display:block;}
#sub_contents .box_greeting .inner p.ttl{font-size:15px;font-weight:bold;line-height:200%;color:#141414;display:block;}
#sub_contents .box_greeting.drm .inner p.span,#sub_contents .box_greeting.kmtk .inner p.span{color:#111}
#sub_contents .salon .box_greeting{background:url("../images/sub_salon_img01_01.png") repeat center center;background-attachment:fixed;}
#sub_contents .salon .box_greeting .inner{background:rgba(0,0,0,.8);}
#sub_contents .salon .box_greeting .inner,
#sub_contents .salon .box_greeting .inner p,
#sub_contents .salon .box_greeting .inner .ttl,
#sub_contents .salon .box_greeting .inner .span{color:#fff;}

/* menu
----------------------------------- */
#sub_contents .sub_menu_img {width: 100%;}
#sub_contents .sub_menu_img img {width: 49%;object-fit: cover;height: 140px;}
#sub_contents .menu__items .menu__item{width: 100%;}
#sub_contents .menu__items .menu__item .menu_h3{position: relative;font-size:24px;font-weight:bold;color:#d20000;padding-left:40px;margin-bottom:10px;}
#sub_contents .menu__items .menu__item .menu_h3:before{content: '';position: absolute;top: 0;display: inline-block;width: 30px;height: 30px;background: url(../images/sub_menu_ttl_icon.png)no-repeat;left: 0;background-size:contain;}
#sub_contents .menu__items .menu__item .menu {border-bottom:1px solid #ddd;padding:20px 0;display:flex;}
#sub_contents .menu__items .menu__item .menu .menu_name{display: block; width: 75%;}
#sub_contents .menu__items .menu__item .menu .menu_name .menu_txt {font-size:13px; margin:10px 0;text-align: right;margin-left:auto; }
#sub_contents .menu__items .menu__item .menu .menu_name p.menu_p {font-size:16px; font-weight:bold;}
#sub_contents .menu__items .menu__item .menu .menu__price{display: block;width:25%; text-align: right;font-size:15px;}
#sub_contents .menu_name p{width:100%;margin:0 auto;font-size:15px;line-height:2.4;}
#sub_contents .menu_name strong{display:block;font-size:18px;font-weight:700;margin:40px 0 15px;letter-spacing:.06em;}
#sub_contents .menu_name strong::after{content:"";display:block;width:36px;height:2px;background:#a47f3b;margin-top:10px}
#sub_contents .menu_name.cafe strong::after{content:"";display:block;width:36px;height:2px;background:#670e00;margin-top:10px}
#sub_contents .menu_name.salon strong::after{content:"";display:block;width:36px;height:2px;background:#a47f3a;margin-top:10px}
#sub_contents .menu_name em{float:right;font-style:normal;font-weight:700;padding-left:10px;}
#sub_contents .menu_name br{clear:both;}
#sub_contents .menu_name p{background:none;}
#sub_contents .wh_bg {padding:30px 10px;margin-bottom:50px;background:#a47f3b20;border: solid 1px #a47f3b;}
#sub_contents .wh_bg.cafe {background:#ffffff50;border: solid 1px #0c555c;}
#sub_contents .wh_bg.salon {background:#fff;border: double 4px #a47f3a;}
#sub_contents .comm_textBox {position: relative;}
#sub_contents .comm_textBox .img{width: 100%;margin-bottom: 10px;position:relative;}
#sub_contents .comm_textBox .textarea {width: 100%;margin-bottom:0px;}
#sub_contents .comm_textBox .textarea p.ex {line-height:2;}
#sub_contents .comm_textBox .textarea p.ttl,#sub_contents .comm_textBox .textarea h2.ttl {border-bottom: solid 1px #111;margin-bottom: 10px;font-weight: normal;font-size: 16px;padding-bottom:5px;letter-spacing: 0.2em;}
#sub_contents.col_black .comm_textBox .textarea p.ttl {border-bottom: solid 1px #fff;}
#sub_contents .comm_textBox .textarea p.ttl.colwhite {border-bottom: solid 1px #fff;}
#sub_contents .comm_textBox .textarea p.number {font-size: 12px;text-transform: capitalize;font-weight: normal;}
#sub_contents.col_black .comm_textBox .textarea p.number {color: #cb543e;}
#sub_contents img.sub_shadow{box-shadow: 10px 10px 0px #000000;}

/* info
----------------------------------- */
#sub_contents .bg_slider{background: rgba(35,35,35,.9);padding: 30px 10px;}
#sub_contents .bg_slider .txt_cen{color:#fff;}
#sub_contents .cafe .bg_slider{background:rgba(222,228,229,.9);}
#sub_contents .cafe .bg_slider,
#sub_contents .cafe .bg_slider .txt_cen{color:#141414;}
#sub_contents .img_gallery{width:100%;margin:0 auto 30px;}
#sub_contents .img_gallery .li{overflow:hidden;position: relative;}
#sub_contents .img_gallery .li img{width:100%;height:250px;object-fit:cover;display:block;}
#sub_contents .img_gallery .figurecaption{position:absolute;left:10px;bottom:20px;z-index:2;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:8px 12px;border-left:3px solid #dd1d0f;bottom:60px;}
#sub_contents .img_gallery .figurecaption p{color:#fff;font-size:15px;font-weight:700;letter-spacing:.05em;line-height:1.4;}
#sub_contents .img_gallery .li::after{content:"";width:100%;height:50%;background:linear-gradient(to top,rgba(0,0,0,.5),transparent);position:absolute;left:0;bottom:0;z-index:1;}
#sub_contents .img_gallery .p{position:absolute;left:15px;bottom:15px;z-index:2;max-width:90%;}
#sub_contents .img_gallery .p p{color:#fff;font-size:15px;line-height:1.8;text-shadow:0 2px 8px rgba(0,0,0,.3);}
#sub_contents .thumb_gallery{width:100%;margin:10px auto 20px;}
#sub_contents .thumb_gallery .swiper-slide{opacity:.4;cursor:pointer;overflow:hidden;transition:.3s;}
#sub_contents .thumb_gallery .swiper-slide-thumb-active{opacity:1;}
#sub_contents .thumb_gallery img{width:100%;height:60px;object-fit:cover;display:block;}
#sub_contents .swiper-button-next,#sub_contents .swiper-button-prev{color:#fff;width:36px;height:36px;background:rgba(0,0,0,.5);border-radius:100%;backdrop-filter:blur(5px);}
#sub_contents .swiper-button-next:after,#sub_contents .swiper-button-prev:after{font-size:15px;font-weight:700;}

/* company
----------------------------------- */
#sub_contents .sub_3img_box{width: 100%;gap: 14px;row-gap: 14px;}
#sub_contents .sub_3img_box img{width: auto;height: 100px;object-fit: cover;}
#sub_contents .salon_tbl .tr {border-bottom: 1px solid #c8c1b0;display:block;padding:10px 0;}
#sub_contents .salon_tbl .tr:last-of-type {margin-bottom: 20px;}
#sub_contents .salon_tbl .tr .th {display:block;width:100%;padding: 10px 0;}
#sub_contents .salon_tbl .tr .th p{font-weight:700;}
#sub_contents .salon_tbl .tr .td {display:block;width:100%;padding: 10px 5px;line-height:1.6;}
#sub_contents .sub_map {width:100%;}
#sub_contents .sub_sh_img {width: 100%;text-align: center;position: relative;max-width: 800px;}
#sub_contents .sub_sh_img::after {position: absolute;content: '';top: 0;bottom: 0;left: 0;right: 0;box-shadow: inset 0 0 15px 15px #fff;/*background: linear-gradient(to bottom, #fff, transparent 20%, transparent 80%, #fff),linear-gradient(to right, #fff, transparent 20%, transparent 80%, #fff);*/}
#sub_contents .sub_sh_img img {object-fit: cover;width: 100%;max-width: 800px;height: 100%;}
#sub_contents.col_mint .salon_tbl .tr{border-bottom:1px solid #670e00;}

/* contact
----------------------------------- */
#sub_contents .icon_boxes{width: 100%;position: relative;}
#sub_contents .icon_boxes .icon_box{padding: 40px 20px 30px;border: solid 1px #c8c1b0; width: 100%;margin-bottom: 15px;position: relative;}
#sub_contents .icon_boxes .icon_box p.ttl{font-size: 15px;color: #a47f3b;text-align: center;font-weight: bold;margin-bottom: 20px;}
#sub_contents .icon_boxes .icon_box .caption{position: absolute; left: 0; top: 0px; color: #a47f3b; padding: 5px 10px;}
#sub_contents .icon_boxes .icon_box .caption p{font-size: 20px;font-weight: bold;}
#sub_contents .icon_boxes .icon_box p.catch{font-size: 14px;color: #a47f3b;text-align: left;}
#sub_contents .icon_boxes .icon_box .img {width: 100%;text-align: center;margin-bottom: 20px;}
#sub_contents .icon_boxes .icon_box .img img{width: 100%;height: auto;object-fit: cover;margin: 0 auto 0px;max-width: 200px;}
#sub_contents .icon_boxes .icon_box p.ex{text-align: center;}

@media screen and (min-width: 767px) {
/* main_visual
----------------------------------- */
#sub_visual {padding-top:120px; height:300px;position:relative;z-index:0;margin-top:0px;overflow: hidden;text-align: center;}
#sub_visual .img { height:300px; position: absolute; top: 0; width:100%;z-index:-1;margin: 0 auto;text-align: center;align-items: center}
#sub_visual .img img{width:100%;height:100%;object-fit: cover;object-position: center;margin: 0 auto;}

/* menu
-----------------------------*/
#sub_contents .sub_menu_img img {width: 49%;object-fit: cover;height: 250px;}
#sub_contents .menu__items .menu__item{width: 48%;}
#sub_contents .menu__items .menu__item .menu_h3{position: relative;font-size:24px;font-weight:bold;color:#d20000;padding-left:40px;margin-bottom:10px;}
#sub_contents .menu__items .menu__item .menu_h3:before{content: '';position: absolute;top: 0;display: inline-block;width: 30px;height: 30px;background: url(../images/sub_menu_ttl_icon.png)no-repeat;left: 0;background-size:contain;}
#sub_contents .menu__items .menu__item .menu {border-bottom:1px solid #ddd;padding:20px 0;display:flex;}
#sub_contents .menu__items .menu__item .menu .menu_name{display: block; width: 75%;}
#sub_contents .menu__items .menu__item .menu .menu_name .menu_txt {font-size:13px; margin:10px 0;text-align: right;margin-left:auto; }
#sub_contents .menu__items .menu__item .menu .menu_name p.menu_p {font-size:16px; font-weight:bold;}
#sub_contents .menu__items .menu__item .menu .menu__price{display: block;width:25%; text-align: right;font-size:15px;}

#sub_contents .menu_name p{max-width:720px;margin:0 auto;font-size:15px;line-height:2.4;}
#sub_contents .menu_name strong{display:block;font-size:24px;font-weight:700;margin:40px 0 10px;letter-spacing:.06em}
#sub_contents .menu_name strong::after{content:"";display:block;width:36px;height:2px;margin-top:5px}

#sub_contents .menu_name em{float:right;font-style:normal;font-weight:700;padding-left:10px;}
#sub_contents .menu_name br{clear:both;}

#sub_contents .comm_textBox {position: relative;}
#sub_contents .comm_textBox .img{width: 100%;margin-bottom: 10px;position:relative;}
#sub_contents .comm_textBox .textarea {width: 100%;margin-bottom:0px;}
#sub_contents .comm_textBox .textarea p.ex {line-height:2;}
#sub_contents .comm_textBox .textarea p.ttl,#sub_contents .comm_textBox .textarea h2.ttl {border-bottom: solid 1px #000;margin-bottom: 10px;font-weight: normal;font-size: 20px;padding-bottom:5px;letter-spacing: 0.2em;}
#sub_contents .comm_textBox .textarea p.number {font-size: 24px;text-transform: capitalize;font-weight: normal;}
#sub_contents img.sub_shadow{box-shadow: 15px 15px 0px #000000;}

/* contact
----------------------------------- */
#sub_contents .icon_boxes{width: 100%;position: relative;}
#sub_contents .icon_boxes .icon_box{padding: 40px 20px 30px; width:49%;margin-bottom: 20px;position: relative;}
#sub_contents .icon_boxes .icon_box p.ttl{font-size: 18px;text-align: center;font-weight: bold;margin-bottom: 15px;}
#sub_contents .icon_boxes .icon_box .caption{position: absolute; left: 0; top: 0px;padding: 5px 10px;}
#sub_contents .icon_boxes .icon_box .caption p{font-size: 28px;font-weight: bold;}
#sub_contents .icon_boxes .icon_box p.catch{font-size: 16px;text-align: left;}
#sub_contents .icon_boxes .icon_box .img {width: 100%;text-align: center;margin-bottom: 20px;}
#sub_contents .icon_boxes .icon_box .img img{width: 100%;height: auto;object-fit: cover;margin: 0 auto;}
}

@media screen and (min-width: 1024px) {
/* main_visual
----------------------------------- */
#sub_visual {padding-top:90px; height:350px;position:relative;z-index:0;margin-top:0px;overflow: hidden;text-align: center;background:#000;}
#sub_visual .img { height:500px; position: absolute; top: 0; width:100%;z-index:-1;margin: 0 auto;text-align: center;align-items: center; opacity:0.6;}
#sub_visual .img img{width:100%;height:100%;object-fit: cover;object-position: center;margin: 0 auto;}
#sub_visual .h1_container{max-width:1200px;width:94%;margin:0 auto;text-align: center;}
#sub_visual .h1_container h1.span{font-weight: 500;font-size:58px; line-height: 180%;text-align: center;position: relative;text-shadow:3px 3px 30px #000; color:#fff;}
#sub_visual .h1_container p.small{font-size:28px;line-height:100%;font-weight: normal;text-align: center;margin-bottom: 0px;text-shadow:3px 3px 30px #000; }

/* sub_contents
----------------------------------- */
#sub_contents {font-size: 16px; position: relative;}
#sub_contents p{font-size: 16px;line-height: 1.8em;}
#sub_contents .section{max-width: 1200px; margin: 100px auto 0px;position: relative;width: 94%;padding-bottom: 80px;}

#sub_contents .h2_container h2{ text-align: center;font-size:32px;  position: relative; line-height: 180%; padding:15px auto 15px;}
#sub_contents .h2_container { position:relative;}
#sub_contents .h2_container h2{scroll-margin-top:110px;}
#sub_contents .h2_container .span{margin:0 auto; font-weight:bold;}
#sub_contents .h2_container .span::before{content:""; background:#a47f3b; position:absolute; left:0; right:0; top:-10px; width:50px; height:3px; margin:0 auto;}
#sub_contents .h2_container .small{color:#a47f3b;text-align:center; text-transform:uppercase;font-family: "Josefin Sans", sans-serif;}

#sub_contents .h2_container.tsuji .span{color:#fff;}
#sub_contents .h2_container.tsuji .span::before{content:""; background:#a47f3b; position:absolute; left:0; right:0; top:-10px; width:50px; height:3px; margin:0 auto;}
#sub_contents .h2_container.tsuji .small{color:#a47f3b;}

#sub_contents .h2_container.cafe .span::before{content:""; background:#670e00; position:absolute; left:0; right:0; top:-10px; width:50px; height:3px; margin:0 auto;}
#sub_contents .h2_container.cafe .small{color:#670e00;}

#sub_contents .h2_container.salon .span::before{content:""; background:#000; position:absolute; left:0; right:0; top:-10px; width:50px; height:3px; margin:0 auto;}
#sub_contents .h2_container.salon .small{color:#000;}

#sub_contents h3{ text-align: center;font-size:30px; margin-bottom:15px; position: relative;margin-top: 40px;}
#sub_contents .mb20{margin-bottom: 20px !important;}
#sub_contents .mb30{margin-bottom: 30px !important;}
#sub_contents .mb50{margin-bottom: 50px !important;}
#sub_contents .mb80{margin-bottom: 80px !important;}
#sub_contents .mb100{margin-bottom: 100px !important;}
#sub_contents .mb150{margin-bottom: 150px !important;}
#sub_contents .txt_cen{ text-align: center;  line-height: 200%;font-size: 17px;}
#sub_contents .sub_bg{ background-attachment:fixed;background-color: #f0f0f0;}

/* bread_crumb_list
----------------------------------- */
#sub_contents .bread_crumb{text-align:left;padding:10px 10px 0 0;margin:0 auto;margin-bottom:30px;}
#sub_contents .bread_crumb .bread{ max-width:1200px; margin:0 auto;}
#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;font-size:13px;}
#sub_contents .bread_crumb p{margin:0 0 0 20px; font-size:13px;padding:0 0;}

/* btn
----------------------------------- */
#sub_contents .anker__items{column-gap: 30px;row-gap: 20px;}
#sub_contents .anker__item {width:30%;position:relative;display:block;height:auto;}
#sub_contents .anker__item.w50 {width:46%;}
#sub_contents .anker__item a {display:flex;justify-content:center;align-items:center;gap:8px;text-align:center;border-bottom:2px solid #000000;border-top:2px solid #000000;border-left:0;border-right:0;border-radius:0;position:relative;padding:0 16px;min-height:60px;}
#sub_contents .anker__item p {line-height:1.5;font-size:14px;font-weight:700;}
#sub_contents .anker__item a::after {content: "";display: inline-block;width: 7px;height: 7px;border-left: 2px solid #000000;border-bottom: 2px solid #000000;transform: rotate(-45deg);margin-left: 15px;top: 1px;transition: transform 0.2s ease;}
#sub_contents .anker__item a:hover::after {transform: translateY(3px) rotate(-45deg);}
#sub_contents .col_black .anker__item a{color:#fff;border-color:#fff;}
#sub_contents .col_black .anker__item a::after{border-left:2px solid #fff;border-bottom:2px solid #fff;}
#sub_contents .col_black .anker__item p{color:#fff;}

/* cafe
----------------------------------- */
#sub_contents .box_greeting{padding: 30px;background:url("../images/sub_cafe_img01_01.png")repeat center center; background-attachment: fixed;}
#sub_contents .box_greeting .inner{background:rgba(222,228,229,.9); position: relative;text-align: center; margin:0 auto; width:100%; max-width:100%;padding: 50px 0;}
#sub_contents .box_greeting .inner .txt_box{width: 100%;}
#sub_contents .box_greeting .inner p.span{font-size:15px; font-weight: normal;color: #141414;display: inline-block;}
#sub_contents .box_greeting .inner p.ttl{font-size:18px; font-weight: normal;color: #141414;font-weight: bold;display: inline-block;}

/* menu
----------------------------------- */
#sub_contents .sub_menu_img img {width: 49%;object-fit: cover;height: 350px;}
#sub_contents .menu__items .img{width:48%;}
#sub_contents .menu__items .img img{margin-bottom:50px;padding:40px;}
#sub_contents .menu__items .menu__item{width: 48%;}
#sub_contents .menu__items .menu__item .menu_h3{position: relative;font-size:24px;font-weight:bold;padding-left:40px;margin-bottom:10px;}
#sub_contents .menu__items .menu__item .menu_h3:before{content: '';position: absolute;top: 0;display: inline-block;width: 30px;height: 30px;background: url(../images/sub_menu_ttl_icon.png)no-repeat;left: 0;background-size:contain;}
#sub_contents .menu__items .menu__item .menu {border-bottom:1px solid #ddd;padding:20px 0;display:flex;}
#sub_contents .menu__items .menu__item .menu .menu_name{display: block; width: 75%;}
#sub_contents .menu__items .menu__item .menu .menu_name .menu_txt {font-size:13px; margin:10px 0;text-align: right;margin-left:auto; }
#sub_contents .menu__items .menu__item .menu .menu_name p.menu_p {font-size:16px; font-weight:bold;}
#sub_contents .menu__items .menu__item .menu .menu__price{display: block;width:25%; text-align: right;font-size:15px;}
#sub_contents .menu_name p{max-width:720px;margin:0 auto;font-size:15px;line-height:2.4;}
#sub_contents .menu_name strong{display:block;font-size:24px;font-weight:700;margin:40px 0 10px;letter-spacing:.06em}
#sub_contents .menu_name strong::after{content:"";display:block;width:36px;height:2px;margin-top:5px}
#sub_contents .menu_name em{float:right;font-style:normal;font-weight:700;padding-left:10px;}
#sub_contents .menu_name br{clear:both;}
#sub_contents .menu_name p{background:none;}
#sub_contents .wh_bg {padding:40px;margin-bottom:50px;}
#sub_contents .comm_textBox {position: relative;}
#sub_contents .comm_textBox .img{width: 45%;margin-bottom: 10px;position:relative;}
#sub_contents .comm_textBox .textarea {width: 50%;margin-bottom:0px;}
#sub_contents .comm_textBox .textarea p.ex {line-height:2;}
#sub_contents .comm_textBox .textarea p.ttl,#sub_contents .comm_textBox .textarea h2.ttl {margin-bottom: 10px;font-weight: normal;font-size: 24px;padding-bottom:5px;letter-spacing: 0.2em;}
#sub_contents .comm_textBox .textarea p.number {font-size: 36px;text-transform: capitalize;font-weight: normal;}
#sub_contents .comm_textBox.rr .img{width: 30%;}
#sub_contents .comm_textBox.rr .textarea {width: 68%;}

/* info　
----------------------------------- */
#sub_contents .bg_slider{background: rgba(35,35,35,.9);padding: 50px 0 30px 0;}
#sub_contents .cafe .bg_slider{background:rgba(222,228,229,.9);}
#sub_contents .cafe .bg_slider,
#sub_contents .cafe .bg_slider .txt_cen{color:#141414;}

#sub_contents .bg_slider .txt_cen{color:#fff;}
#sub_contents .img_gallery{width:60%;margin:0 auto 50px;}
#sub_contents .img_gallery .li{overflow:hidden;position: relative;}
#sub_contents .img_gallery .li img{width:100%;height:500px;object-fit:cover;display:block;}
#sub_contents .img_gallery .figurecaption{position:absolute;left:20px;bottom:20px;z-index:2;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:12px 20px;border-left:3px solid #dd1d0f;bottom:90px;}
#sub_contents .img_gallery .figurecaption p{color:#fff;font-size:20px;font-weight:700;letter-spacing:.05em;line-height:1.4;}
#sub_contents .img_gallery .li::after{content:"";width:100%;height:50%;background:linear-gradient(to top,rgba(0,0,0,.5),transparent);position:absolute;left:0;bottom:0;z-index:1;}
#sub_contents .img_gallery .p{position:absolute;left:40px;bottom:40px;z-index:2;max-width:70%;}
#sub_contents .img_gallery .p p{color:#fff;font-size:16px;line-height:2;text-shadow:0 2px 8px rgba(0,0,0,.3);}
#sub_contents .thumb_gallery{width:80%;margin:10px auto 30px;}
#sub_contents .thumb_gallery .swiper-slide{opacity:.4;cursor:pointer;overflow:hidden;transition:.3s;}
#sub_contents .thumb_gallery .swiper-slide-thumb-active{opacity:1;}
#sub_contents .thumb_gallery img{width:100%;height:100px;object-fit:cover;display:block;}
#sub_contents .swiper-button-next,#sub_contents .swiper-button-prev{color:#fff;width:50px;height:50px;background:rgba(0,0,0,.5);border-radius:100%;backdrop-filter:blur(5px);}
#sub_contents .swiper-button-next:after,#sub_contents .swiper-button-prev:after{font-size:18px;font-weight:700;}

/* company
----------------------------------- */
#sub_contents .sub_3img_box{width: 100%;gap: 24px;row-gap: 24px;}
#sub_contents .sub_3img_box img{width: auto;height: 160px;object-fit: cover;}
#sub_contents .salon_tbl .tr {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 .th p{font-weight:700;}
#sub_contents .salon_tbl .tr .td {display:block;width:80%;padding:20px 20px;line-height:1.6;}

/* contact
-----------------------------*/
#sub_contents .icon_boxes{width: 100%;position: relative;}
#sub_contents .icon_boxes .icon_box{padding: 30px 20px 30px;width: 49%;margin-bottom: 15px;position: relative;}
#sub_contents .icon_boxes.w50 .icon_box{padding: 30px 30px 30px;width: 49%;margin-bottom: 15px;position: relative;}
#sub_contents .icon_boxes .icon_box p.ttl{font-size: 20px;text-align: center;font-weight: bold;}
#sub_contents .icon_boxes .icon_box .caption{position: absolute; left: 0; top: 0px;padding: 5px 10px; }
#sub_contents .icon_boxes .icon_box .caption p{font-size: 28px;font-weight: bold;}
#sub_contents .icon_boxes .icon_box p.catch{font-size: 16px;text-align: left;}
#sub_contents .icon_boxes .icon_box p.ex{font-size: 14px;}
#sub_contents .icon_boxes .icon_box .img {width: 100%;text-align: center;margin-bottom: 20px;}
#sub_contents .icon_boxes .icon_box .img img{width: 100%;height: auto;object-fit: cover;margin: 0 auto;max-width:240px;}
}

@media screen and (min-width: 1025px) {
/* main_visual
----------------------------------- */
#sub_visual {padding-top:170px; height:390px;position:relative;z-index:0;margin-top:0px;overflow: hidden;text-align: center;background:#000;}
}