@charset "utf-8";

/* ===================================================
   1. 共通リセット ＆ 変数 (全デバイス共通)
=================================================== */
*{margin:0;padding:0;}
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
html,body{margin:0;padding:0;width:100%;height:100%;vertical-align:baseline;background:transparent;}
body{font-size: 12px;line-height:1.8em;word-wrap: break-word;}
img{border: 0;vertical-align: top;margin:0;padding:0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix { display: inline-table;overflow:hidden;}
* html .clearfix { height: 1%; }
.clearfix { display: block; }
ul,li{list-style:none;margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;width: 100%;}
input, select {vertical-align:middle;}
*:focus {outline: none;}

:root {
	--color_01: #797164; --color_02: #A0988B; --color_03: #93793D; --color_04: #F8F4F4;
	--color_05: #E3DBCD; --color_06: #8E726A; --color_07: #5F4037; --color_08: #BC8080;
	--color_09: #B9DDDE; --color_10: #55ADB4; --color_11: #137E86; --color_12: #F2F8F8;
	--color_13: #FFFFFF; --color_14: #000000; --color_15: #1A1311;
}

@font-face {src: url("/fonts/ZenKakuGothicNew-Medium.woff2") format("woff2");font-family: "Zen Kaku Gothic New";font-style: normal;font-display: swap;}
body{font-family:'Noto Serif JP',BIZ UDPGothic,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",Meiryo,Helvetica,Arial,sans-serif; line-height:1.4em;background:#161310;color:#fff;word-wrap: break-word;}
a{color: #aaa;text-decoration:none;outline:none;transition: color 200ms 0s ease;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
a:hover{filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
::selection {background: #b28e12;color: #fff;}
::-moz-selection {background: #87d5d1;color: #777777;}
a:hover img {filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
img{width:100%;height:auto;}
ol{counter-reset: item;list-style-type: none;padding-left: 0;}
ol li{text-indent: -1.5em;padding-left: 1.5em;}
ol li:before {counter-increment: item;content: counter(item)'.';}
.longurl{word-break: break-all;}
.eng{display:block;font-family:BIZ UDPGothic,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",Meiryo,Helvetica,Arial,sans-serif;font-size:12px;opacity:0.5;}
.slide-max-3 .slick-track{transform: none!important;}
.inline{display: none;}
.p30lr{padding: 0 30px;}
.description{margin-bottom:10px;line-height: 1.8em;}
.txt-center{text-align: center;}
a[href^="tel:"] {pointer-events: none;}


/* ===================================================
   2. スマホ・タブレット専用スタイル (元 mobile.css)
   ※ PCレイアウトには一切干渉しません
=================================================== */
@media screen and (max-width: 1023px) {
    .sp{display: block;}
    .pc{display: none!important;}
    .description{margin:10px;}
    
    .fadeUp{animation-name:fadeUpAnime;animation-duration:0.5s;animation-fill-mode:forwards;opacity: 0;}
    .fade-box{opacity: 0;}
    @keyframes fadeUpAnime{ from {opacity: 0;transform: translateY(30px);} to {opacity: 1;transform: translateY(0);} }
    .button{display:block;margin:0 auto 20px auto;padding:12px 6px;text-align:center;border:1px solid #fff;border-radius:6px;color:#fff;font-size:16px;transition: all 200ms 0s ease;}
    .button.primary{background:#b28e12;border:none;}
    .button.primary:hover{background:#ac8810;}
    .button.secondary{color:#161310;background:#fff;border:none;}
    .button.small{padding:10px 15px;font-size:12px;width:80%;}
    ul.bannerwrap{margin-bottom:30px;}
    ul.bannerwrap a{display:block; margin-bottom:15px;}
    ul.bannerwrap li:last-child a{margin-bottom:0;}
    h1{margin-bottom: 30px;font-weight:normal;font-size:20px;text-align:center;line-height: 1.2em;}
    h1 span{display: block;font-size:18px;}
    h2{position:relative;font-weight:normal;text-align:center;font-size:24px;line-height: 1.6em;}
    h2 span{font-size:14px;}
    h2::after{position:absolute;content:"";left:50%;-webkit-transform: translateX(-50%);bottom:-40px;width:30px;height:1px;background:#fff;}
    h3{position:relative;margin-bottom:20px;padding-left: 30px;line-height: 1.6em;font-weight:normal;font-size:20px;}
    h3 span{font-size:14px;}
    h4{position: relative;margin-bottom:20px;padding-bottom:20px;font-size:14px;font-weight: normal;border-bottom:1px solid rgba(256,256,256,0.3);line-height: 1.6em;}
    h4 span{display:block;font-size:12px;}
    h5{font-size:16px;font-weight:normal;margin-bottom:20px;}
    h5 span{margin-left:10px;font-size:12px;opacity: 0.75;}
    div.bg{width:100%;height: inherit;}
    div.bg picture img{height:100%;width:100%;opacity:0.2;object-fit: cover;transform: translate(0px, 60px);}
    div.bg ul.fade-in-out li{height:110vh;}
    
    #recommend h2{margin: 0;}
    #recommend h4{border-bottom:none;}
    #recommend .contents{background: #fff;}
    #recommend .point-it{padding: 40px 30px;}
    #recommend .point-it dt{font-size: 24px;text-align: center;line-height: 1.4em;}
    #recommend .point-it .description{margin: 30px 0;line-height: 1.4em;}
    #recommend .point-it .button{margin-bottom: 20px;}
    #recommend li:nth-child(1){background: url(/images/point-it01.webp) no-repeat;background-size: cover;}
    #recommend li:nth-child(2){background: url(/images/point-it02.webp) no-repeat;background-size: cover;}
    #recommend li:nth-child(3){background: url(/images/point-it03.webp) no-repeat;background-size: cover;}
    #recommend li:nth-child(2n+1){color: #fff;}
    #recommend .point-it-ico-box{display:flex;flex-direction: column;justify-content: center;align-items:center;width: 100%;height: 70px;font-size: 14px;letter-spacing:.48px}
    #recommend li:nth-child(1) .point-it-ico{width: 100%;height: inherit;background: url(/images/point-it01_ico.svg) no-repeat center;}
    #recommend li:nth-child(2) .point-it-ico{width: 100%;height: inherit;background: url(/images/point-it02_ico.svg) no-repeat center;}
    #recommend li:nth-child(3) .point-it-ico{width: 100%;height: inherit;background: url(/images/point-it03_ico.svg) no-repeat center;}
    
    .modal{display: none;height: 100vh;position: fixed;bottom:0;right: 0;height: calc(100vh - 60px);width:100%;z-index: 8;}
    a.serviceModalOpen, a.serviceModalClose, a.chanticModalOpen, a.chanticModalClose{cursor:pointer;}
    table{font-size:12px;font-family:"Zen Kaku Gothic New",BIZ UDPGothic,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",Meiryo,Helvetica,Arial,sans-serif;}
    tr{display: block;margin-bottom:10px;}
    th{padding-right:1em;vertical-align: top; text-align: right; font-weight:normal;}
    td{vertical-align: top;line-height: 1.6em;}
    td:nth-of-type(n+2){font-family:BIZ UDPGothic,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",Meiryo,Helvetica,Arial,sans-serif;}
    td > span {border-bottom: 1px solid #fff; display: block; padding-bottom: 5px; margin-bottom: 5px;}
    .box02 table{width: 100%;}
    
    header#Gnav{position:fixed;display: block;top: 0;padding:0;background:rgba(22,19,16,0.8);width:100%;height:60px;z-index: 10;}
    header#Gnav a#logo{position:absolute;display: block;padding:10px 15px 0 15px;width:calc( 100% - 240px );height: 100%;}
    header#Gnav a#logo img{height:40px;}
    header#Gnav #logo { display: flex; align-items: center; height: 60px; padding-left: 15px; }
    header#Gnav #logo img { width: auto; height: 35px; max-width: 200px; }
    header#Gnav ul{position:absolute;right:60px;}
    header#Gnav li{float:left;text-align:center;}
    header#Gnav li a{display:block;border-left:1px solid rgba(256,256,256,0.2);font-size:10px;color:#fff;height:60px;min-width:60px;}
    header#Gnav li span{display:block;padding-top:12px;font-size:20px;}
    header#Gnav p#drawerOpen {position:absolute;top:0;right:0;width:60px;height:60px;cursor:pointer;z-index:9999;}
    header#Gnav p#drawerOpen::after{display:grid;place-items:center;color:#fff;font-family:"icomoon";font-size:28px;content:"\e91f";background:#b28e12;width:100%;height:100%;}
    div#sideColumn.open {transform: translateX(0);}
    header#Gnav p#drawerOpen.active::after{content: "\e912";}
    body.open{overflow:hidden;}
    
    div#sideColumn{overflow-y:auto;position:fixed;top:60px;right: 0;background:#161310;width:300px;height: calc(100vh - 60px);z-index: 10;transform: translateX(100vw);transition: all .5s;}
    div#sideColumn a{color:#fff;transition: all 200ms 0s ease;}
    div#sideColumn a:hover{opacity:0.8;}
    div#sideColumn header{overflow: hidden;padding:30px 20px 0 20px;background: #b28e12;}
    .drawerClose {position: fixed;top: 0;left: 0;content: "";display: block;width: 0;height: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 5;opacity: 0;transition: opacity 0.5s;}
    .drawerClose.open{width: 100%;height: 100%;opacity: 1;}
    
    main{overflow: hidden;font-size:16px;}
    section.container{overflow:hidden;position:relative;}
    .contents{position:relative;margin-bottom:60px;}
    section#KV{overflow: hidden;text-align:center;}
    section#KV h1{margin-bottom: 40px;font-size:30px;animation-name:fadeUpAnime;animation-duration:0.8s;animation-fill-mode:forwards;animation-delay: 0s;}
    
    section#recommend{background:rgba(256,256,256,0.9);color:#161310;}
    section#recommend h2::after{background:#161310;}
    
    div#breadcrumbs ol{overflow-x: scroll;display:flex;align-items: center; padding: 10px 30px;}
    div#breadcrumbs li{font-family:BIZ UDPGothic,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",Meiryo,Helvetica,Arial,sans-serif;font-size:10px;white-space: nowrap;}
    div#breadcrumbs a::after{padding-left: 10px;font-size: 10px;font-family: "icomoon";padding-right:10px;content: "\e90b";vertical-align: middle;color: var(--color_10);}
    div#breadcrumbs li:last-child a{pointer-events:none;opacity:0.75;}
    div#breadcrumbs li:last-child a::after{display:none;}
    div#breadcrumbs li::before{display:none;}
    div#breadcrumbs span{font-size: 10px;color: var(--color_10);}
    
    footer{padding:50px;background-image:url("/images/footer-bg.webp");background-repeat: no-repeat;background-size: cover;background-position: center center;}
    footer header{padding:0;}
    footer a{color:#fff;}
    footer ul.sns{display: flex;justify-content: center;align-items: center;margin:0 auto 30px auto;}
    footer ul.sns a{display:block;margin-right:20px;font-size:24px;color:#fff;}
    footer ul.sns li:last-child a{margin-right:0;}
    footer a{transition: all 200ms 0s ease;}
    footer a:hover{opacity:0.8;}
    footer nav{padding:0;}
    footer nav a::after {right: 30px;}
    footer ul.group{display:flex;flex-wrap: wrap;justify-content:center;margin-bottom:30px;color:#fff;font-size:12px;font-family:BIZ UDPGothic,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",Meiryo,Helvetica,Arial,sans-serif;line-height: 1.8em;}
    footer ul.group li::after{content:"｜";margin-left: 5px;margin-right: 5px;}
    footer ul.group li:last-child::after{display:none;}
    
    body.chantic{font-family:'Zen Kaku Gothic New',BIZ UDPGothic,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",Meiryo,Helvetica,Arial,sans-serif; line-height:1.4em;background:var(--color_12);color:#755547;word-wrap: break-word;}
    body.chantic h2{font-size:22px;line-height: 1.4em;padding: 40px 0;}
    body.chantic h2::after{display:none;}
    body.chantic h2 span{display: block;color:var(--color_10);}
    body.chantic .contents{padding-top:0;}
    #chanticTop .benefits ul, #chanticTop .benefits ol, #chanticTop .access-box dl, #chanticTop .trv-access-wrapper {padding: 0 10px;}
    
    .chantic a.button{border:1px solid #755547;color:#755547;opacity:1;}
    .chantic a.button:hover{opacity:0.8;}
    .chantic a.button.primary, .chantic div#sideColumn header a.button.secondary{background:var(--color_10);color:#fff;border:none;}
    .chantic nav{margin-bottom:20px;}
    .chantic header#Gnav {background:var(--color_10);}
    .chantic header#Gnav li a {margin: 5px 0;color:#fff;height: 50px;}
    .chantic header#Gnav li span {padding-top: 7px;}
    .chantic header#Gnav p#drawerOpen::after {background: none;}
    .chantic div#sideColumn{background:#fff;color:#55ADB4;}
    .chantic div#sideColumn a{color:#55ADB4;}
    .chantic div#sideColumn header {background:none;}
    .chantic div.share{padding:20px 0;background:#fff;border-bottom:1px solid #d3bebd;}
    .chantic div.share ul{display:flex;flex-wrap: wrap;justify-content:center;margin:0 auto;}
    .chantic div.share ul::before{content:"SHARE";margin-right:15px;padding-top: 5px;font-size:12px;color: var(--color_06);}
    .chantic div.share li{font-size:30px;margin-left:15px;}
    
    .chantic section#KV{position:relative;}
    .chantic section#KV h1{color:#fff;font-size:20px;margin-bottom: 0;}
    .chantic section#KV a.button{border:1px solid #fff;color:#fff;}
    .chantic section#KV div.bg{background:var(--color_02);}
    .chantic section#KV div.bg picture img{opacity:0.7;filter: brightness(.8);}
    .chantic section#KV div.bg picture{filter: brightness(0.6);}
    .chantic section#KV p.logo{margin:0px auto 10px auto;max-width: 240px;}
    .chantic section#KV p.description{color:#fff;}
    .chantic ul.attention a, .chantic .txt_emergency > a{color: var(--color_10)!important;border: 2px solid var(--color_10);background:none!important;font-family:'Zen Maru Gothic',BIZ UDPGothic,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",Meiryo,Helvetica,Arial,sans-serif; line-height:1.4em;background:#eadbdd;color:#755547;word-wrap: break-word;}
    .chantic section#recommend{background:none;color:#755547;padding: 30px 0 0;}
    #price .option{margin: 0 auto 20px;text-align:center;}
    .chantic div#breadcrumbs ol{background:#fff;border-top:1px solid #eee;}
    .chantic div#breadcrumbs li{font-family:BIZ UDPGothic,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",Meiryo,Helvetica,Arial,sans-serif;font-size:12px;white-space: nowrap;}
    .chantic div#breadcrumbs a::after{padding-left: 10px;font-size: 10px;font-family: "icomoon";padding-right:10px;content: "\e90b";vertical-align: middle;}
    .chantic div#breadcrumbs li:last-child a::after{display:none;}
    
    #chanticTop ul.choicewrap{display:grid;width:100%;grid-template: repeat(2, 100px) / repeat(2, 1fr);}
    #chanticTop ul.choicewrap li{position:relative;padding:10px;background-repeat: no-repeat;background-size: cover;background-position: center center;z-index:0;}
    #chanticTop ul.choicewrap li::before{content:"";position:absolute;top: 0;left: 0;width:100%;height:100%;z-index:-1;opacity: 0.5;}
    #chanticTop ul.choicewrap li a::after{font-family: "icomoon";margin-left:3px;font-size:20px;vertical-align: middle;}
    #chanticTop ul.choicewrap li.day{color:#63bbc1;background-image:url("../images/chantic/image_chantic_day-visual.jpg");}
    #chanticTop ul.choicewrap li.stay{grid-column: 1 / 3;background-image:url("../images/chantic/image_chantic_stay-visual.jpg");}
    #chanticTop ul.choicewrap li.day::before{background:#ff2134;}
    #chanticTop ul.choicewrap li.stay::before{background:#0e929b;}
    #chanticTop ul.choicewrap li.day a{color:#ea8c95;}
    #chanticTop ul.choicewrap li.stay a{color:#63bbc1;}
    #chanticTop ul.choicewrap li a{display:block;padding-top:14px;background:#fff;border-radius:6px;text-align: center;height:80px;transition: all 200ms 0s ease;}
    #chanticTop ul.choicewrap li a:hover{opacity:0.9;}
    #chanticTop ul.choicewrap li a span{font-size:16px;}
    #chanticTop ul.choicewrap li a span.fukidashi{display:block;margin-bottom:10px;color:#755547;}
    #chanticTop ul.choicewrap li a span.fukidashi::before{content:"＼";margin-right:3px;font-size:12px;}
    #chanticTop ul.choicewrap li a span.fukidashi::after{content:"／";margin-left:3px;font-size:12px;}
    #chanticTop ul.choicewrap li .choice-rsv-txt{display: flex;flex-direction: row;justify-content: center;align-items: center;}
    #chanticTop ul.choicewrap li .choice-rsv-txt span{font-size: 20px;margin-top: 3px;margin-left: 5px;}
    @media (width <= 1450px) { #chanticTop ul.choicewrap li a{font-size:20px;} }
    
    .mv-img{margin-top: 60px;}
    a.button span.icon-calendar{display: inline-block;margin-right: 5px;}
    p.txt_emergency{margin: 10px 0;}
    #sideColumn{padding: 30px;}
    #sideColumn nav{font-size: 16px;}
    #sideColumn nav .linkwrap > li{margin-bottom: 20px;}
    #sideColumn nav .linkwrap > li > a{display: flex;justify-content: space-between;align-items: center;}
    #sideColumn nav .linkwrap > li .icon-arrow-right{font-size: 10px;color: var(--color_09);}
    #sideColumn nav .linkwrap .subwrap{font-size: 14px;}
    #sideColumn nav .linkwrap .subwrap li{margin: 15px 0;}
    #sideColumn .button.primary{color: #fff;margin-bottom: 10px;}
    #sideColumn a{display: block;}
    #sideColumn a.button{border: 1px solid var(--color_10);}
    #sideColumn a.balian{font-size: 12px;}
    #sideColumn a span{display: inline-block;margin-right: 5px;}
    #KV.container{padding: 0;}
    #KV .contents{position: absolute;content: "";top: 0;width: 100%;height: 100%;margin-bottom: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;padding-top: 60px;}
    .icon-line_clear,.icon-facebook_clear,.icon-instagram_clear{color: var(--color_06);}
    #recommend .contents{margin-bottom: 0;}
    #recommend li:nth-of-type(2n+1) .button:nth-of-type(1){color: #fff;border: 1px solid #fff;}
    #price.container{background: var(--color_04);}
    #price h2{background: var(--color_04);margin-bottom: 0;margin-top: 0;}
    #price .box01{color: #fff;padding: 20px;border-radius: 6px 6px 0 0;}
    #price .price-box .box02{padding: 20px;border-radius: 0 0 6px 6px;background: #fff;margin-bottom: 20px;}
    #price .box01{background: var(--color_10);}
    #price .block_ttl{font-size: 20px;text-align: center;margin: 15px auto 10px;}
    #price .description{font-size: 12px;margin-bottom: 15px;}
    #price .price-box-aside{display: inline-flex;width: 100%;justify-content: center;align-items: center; background: var(--color_10);text-align: center;border-radius: 6px;padding: 6px 12px;margin-bottom: 10px;font-size: 12px;font-weight: bold;}
    #price .price-box-aside.aside02{background: #fff;color: var(--color_03);}
    #price th{height: 40px;justify-content: center;padding-right: 0;text-align: center;vertical-align: middle;font-size: 10px;background: var(--color_04);border-bottom: 1px solid var(--color_07);font-weight: bold;}
    #price tr{display: flex;margin-bottom: 0;}
    #price td{vertical-align: middle;border-bottom: 1px solid var(--color_07);padding: 5px 0;}
    #price .col-1{display: flex;align-items: center; width: 70%; font-size: 14px;}
    #price .col-3{font-size: 14px;}
    #price .box02 .col-1 > span {font-size: 16px;}
    #price .col-2{font-weight: bold;}
    #price .col-2,#price .col-3{display: flex;justify-content: center;align-items: center;width: 30%;text-align: right;}
    #price th:nth-of-type(2){text-align: center;}
    #price .price-box-aside.aside02{color: var(--color_08);}
    #price .price-box-aside.aside02,#price .price-box-aside.aside02{color: var(--color_06);}
    #price .option{background-color: #fff;padding: 20px;}
    #price h3{padding: 0;}
    #price .option tr{justify-content: center;}
    #price .option .col-1{width: 70%;}
    #price .option .col-3{width: 30%;}
    #price .img_box img:first-of-type{padding-bottom: 20px;}
    #how-to-use.container{padding: 0;background: #fff;}
    #how-to-use h2{margin: 0;}
    #how-to-use .how-to-use-box{position: relative;background: var(--color_12);border-radius: 6px;padding: 15px;margin: 10px 10px 30px 10px;}
    #how-to-use .contents{margin-bottom: 0;}
    #how-to-use .how-to-use-box .box01{display: flex;flex-direction: column;justify-content: center;align-items: center;}
    #how-to-use .how-to-use-box .box01 span{color: var(--color_10);}
    #how-to-use .how-to-use-box .box02{display: flex;justify-content: space-between;align-items: center;}
    #how-to-use .how-to-use-box h3{padding-left: 0;text-align: center;line-height: 1.4;margin-top: 10px;}
    #how-to-use .box02-it01{width: 40%;align-self: flex-start;}
    #how-to-use .box02-it02{width: 55%;align-self: flex-start;}
    #how-to-use .box02-it02 .description{font-size: 12px;font-weight: bold;}
    #how-to-use .how-to-use-box::after{display: flex;justify-content: center;align-items: center;position: absolute;content:"";left: calc(50% - 30px); width: 0;height: 0;border-left: 30px solid transparent;border-right: 30px solid transparent;border-top: 30px solid var(--color_12);}
    #how-to-use .how-to-use-box:last-child::after{content: none;}
    #how-to-use p.attention{margin-top: 20px;}
    #facility.container,#facility h2{background: var(--color_04);}
    #facility.container{padding-top: 0;}
    #facility h2{margin: 0;}
    #facility .box01{margin-bottom: 40px;}
    #facility .block_ttl{text-align: center;font-size: 16px;font-weight: bold;margin: 15px 0;}
    #facility #panorama-photo {position: relative;padding-top: 57%;}
    #facility #panorama-photo iframe{position: absolute;content: "";top: 0;width: 100%;height: 100%;}
    #facility .button{margin-top: 20px;border: 1px solid var(--color_10);color: var(--color_10);font-size: 16px;font-weight: bold;}
    #facility .facility-box.facility-box02{margin-bottom: 20px;}
    #facility-photo { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; padding-top: 40px; }
    #topics.container{padding-top: 0;background: #fff;}
    #topics .button{border: 1px solid var(--color_10);color: var(--color_10);font-size: 16px;font-weight: bold;}
    #topics .topics-box{display: flex;flex-direction: column;margin-bottom: 40px;}
    #topics .topics-box .arrowBox{display: flex; width:100%;border-bottom: 1px solid var(--color_07);padding: 20px 0;}
    #topics .topics-box .arrowBox img{width: 80px;height: 80px;}
    #topics .topics-box .arrowBox a{display: flex;}
    #topics .topics-box .infoBox h3{font-size: 14px;font-weight: bold;padding-left: 10px;color: var(--color_07);}
    #recommend .contents ul{padding: 0;}
    #access.container{padding-top: 0;background: var(--color_04);}
    #access h2{background: var(--color_04);margin: 0;}
    #access dl{padding: 10px 0;}
    #access .access-dl-it{display: flex;justify-content: space-between;align-items: flex-start;padding: 10px 0;}
    #access .access-dl-it dt{width: 28%;font-size: 12px;font-weight: bold;}
    #access .access-dl-it dd{width: 72%;font-size: 12px;font-weight: bold;}
    #access iframe{width: 100%;}
    #access .access-dl-it02{border-top:1px solid var(--color_05);font-size: 12px;padding: 10px 0;font-weight: bold;}
    #access .access-dl-it02:last-child{border-bottom: 1px solid var(--color_05);}
    #access a.button{font-weight: bold;margin: 30px auto 20px auto;}
    footer .logo-box{display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;color: #fff;}
    footer .logo{width: 60%;}
    footer .logo img{max-width: 240px;}
    footer .copy-right{font-size: 10px;}
    footer .ttl{font-size: 12px;margin: 10px 0;}
    footer .name{font-size: 16px;line-height: 1.5;}
    footer nav .linkwrap{margin-top: 50px;display: flex;justify-content: space-between;flex-wrap: wrap;}
    footer nav .linkwrap > li{width: 48%;font-size: 16px;margin-bottom: 20px;color: #fff;}
    footer nav .subwrap li{position: relative;font-size: 14px;text-indent: 15px;margin: 10px 0;}
    footer nav .subwrap li::before{position: absolute;content: "";left: -15px;content: "・";}
    footer .copy-right{color: #fff;text-align: center;}
    #bedrock-bath-price .col-1, #herbal_steam-price .col-1{padding-left: 10px;}
    
    @media only screen and (max-width: 360px) {
    	#chanticTop ul.choicewrap li a span.fukidashi{font-size: 12px;}
    }
    body#notfound { background: var(--color_12); }
    #notfound main { display: flex; flex-direction: column; min-height: 100vh; background: var(--color_04); margin-left: 0; width: 100%; padding-top: 60px; }
    #notfound .section-top { background: var(--color_12); text-align: center; padding: 20px;}
    #notfound .section-top .title { font-size: 28px; color: #755547; margin-bottom: 20px; font-weight: normal; }
    #notfound .section-top .desc { max-width: 700px; margin: 0 auto; font-size: 12px; line-height: 1.8; color: #755547; }
    #notfound .section-bottom { flex: 1; background: var(--color_04); padding: 40px 20px; }
    #notfound .store-list { max-width: 550px; margin: 0 auto; display: flex; flex-direction: column; gap: 25px; }
    #notfound .store-item a { display: flex; align-items: center; justify-content: space-between; text-decoration: none; color: #755547; transition: opacity 0.2s; }
    #notfound .store-item a:hover { opacity: 0.7; }
    #notfound .store-info { text-align: center; width: 100%; padding-left: 20px; }
    #notfound .store-name { display: block; font-size: 16px; margin-bottom: 8px; color: #755547; }
    #notfound .store-access { display: block; font-size: 12px; line-height: 1.6; color: #755547; }
    #notfound .store-arrow { font-size: 18px; color: var(--color_10); font-weight: bold; margin-left: 15px; flex-shrink: 0; }
    #notfound footer{padding-bottom: 10px; background-image: none;}
    #notfound .copy-right{color: #755547;}
    header#Gnav #logo { display: flex; align-items: center; height: 60px; padding-left: 15px; }
    header#Gnav #logo img { width: auto; height: 35px; max-width: 200px; }
}

/* ===================================================
   3. PC専用スタイル (元 responsive.css)
   ※ スマホレイアウトには一切干渉しません
=================================================== */
@media screen and (min-width: 1024px) {
    .sp{display: none!important;}
    .pc{display: block;}
    .description{margin-bottom:10px;line-height: 1.8em;}
    .txt-center{text-align: center;}
    .button{display:block;margin:0 auto 20px auto;padding:12px 6px;text-align:center;border:1px solid #fff;border-radius:6px;color:#fff;font-size:16px;transition: all 200ms 0s ease;}
    .button.primary{background:#b28e12;border:none;}
    .button.primary:hover{background:#ac8810;}
    .button.secondary{color:#161310;background:#fff;border:none;}
    .button.small{padding:10px 15px;font-size:12px;width:80%;}
    ul.bannerwrap{margin-bottom:30px;}
    ul.bannerwrap a{display:block;}
    ul.bannerwrap li:last-child a{margin-bottom:0;}
    h1{margin-bottom: 30px;font-weight:normal;font-size:20px;text-align:center;line-height: 1.2em;}
    h1 span{display: block;font-size:18px;}
    h2{position:relative;margin: 30px 0 80px 0;font-weight:normal;text-align:center;font-size:24px;line-height: 1.6em;}
    h2 span{font-size:14px;}
    h2::after{position:absolute;content:"";left:50%;-webkit-transform: translateX(-50%);bottom:-40px;width:30px;height:1px;background:#fff;}
    h3{position:relative;margin-bottom:20px;padding-left: 30px;line-height: 1.6em;font-weight:normal;font-size:20px;}
    h3 span{font-size:14px;}
    h4{position: relative;margin-bottom:20px;padding-bottom:20px;font-size:14px;font-weight: normal;border-bottom:1px solid rgba(256,256,256,0.3);line-height: 1.6em;}
    h4 span{display:block;font-size:12px;}
    h5{font-size:16px;font-weight:normal;margin-bottom:20px;}
    h5 span{margin-left:10px;font-size:12px;opacity: 0.75;}
    
    #recommend h2{margin: 0;}
    #recommend h4{border-bottom:none;}
    #recommend .contents{background: #fff;}
    #recommend .point-it{padding: 40px 30px;}
    #recommend .point-it dt{font-size: 24px;text-align: center;line-height: 1.4em;}
    #recommend .point-it .description{margin: 30px 0;}
    #recommend .point-it .button{margin-bottom: 10px;}
    #recommend li:nth-child(1){background: url(/images/point-it01.webp) no-repeat;background-size: cover;}
    #recommend li:nth-child(2){background: url(/images/point-it02.webp) no-repeat;background-size: cover;}
    #recommend li:nth-child(3){background: url(/images/point-it03.webp) no-repeat;background-size: cover;}
    #recommend li:nth-child(2n+1){color: #fff;}
    #recommend .point-it-ico-box{display:flex;flex-direction: column;justify-content: center;align-items:center;width: 100%;height: 70px;font-size: 14px;letter-spacing:.48px}
    #recommend li:nth-child(1) .point-it-ico{width: 100%;height: inherit;background: url(/images/point-it01_ico.svg) no-repeat center;}
    #recommend li:nth-child(2) .point-it-ico{width: 100%;height: inherit;background: url(/images/point-it02_ico.svg) no-repeat center;}
    #recommend li:nth-child(3) .point-it-ico{width: 100%;height: inherit;background: url(/images/point-it03_ico.svg) no-repeat center;}
    
    .modal{display: none;height: 100vh;position: fixed;bottom:0;right: 0;height: calc(100vh - 60px);width:100%;z-index: 8;}
    a.serviceModalOpen, a.serviceModalClose, a.chanticModalOpen, a.chanticModalClose{cursor:pointer;}
    table{margin-bottom: 30px;font-size:12px;font-family:"Zen Kaku Gothic New",BIZ UDPGothic,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",Meiryo,Helvetica,Arial,sans-serif;}
    tr{display: block;margin-bottom:10px;}
    th{padding-right:1em;vertical-align: top; text-align: right; font-weight:normal;}
    td{vertical-align: top;line-height: 1.6em;}
    td:nth-of-type(n+2){font-family:BIZ UDPGothic,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",Meiryo,Helvetica,Arial,sans-serif;}
    td > span {border-bottom: 1px solid #fff; display: block; padding-bottom: 5px; margin-bottom: 5px;}
    
    header#Gnav{display:none;}
    div#sideColumn{overflow-y:auto;position:fixed;top:60px;right: 0;background:#161310;width:300px;height: calc(100vh - 60px);z-index: 10;transform: translateX(100vw);transition: all .5s;}
    div#sideColumn.open {transform: translateX(0);}
    div#sideColumn a{color:#fff;transition: all 200ms 0s ease;}
    div#sideColumn a:hover{opacity:0.8;}
    div#sideColumn header{overflow: hidden;background: #b28e12;}
    #sideColumn a.logo{text-align: center;}
    #sideColumn img.logo{width: 160px;}
    .drawerClose {position: fixed;top: 0;left: 0;content: "";display: block;width: 0;height: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 5;opacity: 0;transition: opacity 0.5s;}
    .drawerClose.open{width: 100%;height: 100%;opacity: 1;}
    
    main{overflow: hidden;font-size:16px;}
    .contents{position:relative;margin-bottom:60px;}
    section#KV{overflow: hidden;text-align:center;}
    section#KV h1{margin-bottom: 40px;font-size:30px;animation-name:fadeUpAnime;animation-duration:0.8s;animation-fill-mode:forwards;animation-delay: 0s;}
    section#recommend{background:rgba(256,256,256,0.9);color:#161310;}
    section#recommend h2::after{background:#161310;}
    
    div#breadcrumbs ol{overflow-x: scroll;display:flex;align-items: center; padding: 30px;}
    div#breadcrumbs li{font-family:BIZ UDPGothic,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",Meiryo,Helvetica,Arial,sans-serif;font-size:10px;white-space: nowrap;}
    div#breadcrumbs a::after{padding-left: 10px;font-size: 10px;font-family: "icomoon";padding-right:10px;content: "\e90b";vertical-align: middle;color: var(--color_10);}
    div#breadcrumbs li:last-child a{pointer-events:none;opacity:0.75;}
    div#breadcrumbs li:last-child a::after{display:none;}
    div#breadcrumbs li::before{display:none;}
    div#breadcrumbs span{font-size: 12px;color: var(--color_10);}
    div#breadcrumbs ol{overflow-x:auto;}
    
    footer{padding:50px;background-image:url("/images/footer-bg_pc.webp");background-repeat: no-repeat;background-size: cover;background-position: center center;}
    footer header{padding:0;}
    footer a{color:#fff;}
    footer a{transition: all 200ms 0s ease;}
    footer a:hover{opacity:0.8;}
    footer nav{padding:0;}
    footer nav a::after {right: 30px;}
    footer ul.group{display:flex;flex-wrap: wrap;justify-content:center;margin-bottom:30px;color:#fff;font-size:12px;font-family:BIZ UDPGothic,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",Meiryo,Helvetica,Arial,sans-serif;line-height: 1.8em;}
    footer ul.group li::after{content:"｜";margin-left: 5px;margin-right: 5px;}
    footer ul.group li:last-child::after{display:none;}
    
    body.chantic{font-family:'Zen Kaku Gothic New',BIZ UDPGothic,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",Meiryo,Helvetica,Arial,sans-serif; line-height:1.4em;background:var(--color_12);color:#755547;word-wrap: break-word;}
    body.chantic h2{font-size:22px;line-height: 1.4em;background: #fff;padding: 40px 0;}
    body.chantic h2::after{display:none;}
    body.chantic h2 span{display: block;color:var(--color_10);}
    body.chantic .contents{padding-top:0;}
    
    .chantic a.button{border:1px solid #755547;color:#755547;opacity:1;}
    .chantic a.button:hover{opacity:0.8;}
    .chantic a.button.primary,
    .chantic div#sideColumn header a.button.secondary{background:var(--color_10);color:#fff;border:none;}
    .chantic nav{margin-bottom:20px;}
    .chantic div#sideColumn{width: 300px;background:var(--color_10);color:#FFF;}
    .chantic div#sideColumn a{color:#FFF;}
    .chantic div#sideColumn header {background:none;}
    .chantic div.share{padding:20px 0;background:#fff;}
    .chantic div.share ul{display:flex;flex-wrap: wrap;justify-content:center;margin:0 auto;}
    .chantic div.share ul::before{content:"SHARE";margin-right:15px;padding-top: 5px;font-size:12px;color: var(--color_06);}
    .chantic div.share li{font-size:30px;margin-left:15px;}
    .chantic section#KV{position:relative;}
    .chantic section#KV h1{color:#fff;font-size:24px;margin-bottom: 0;}
    .chantic section#KV a.button{border:1px solid #fff;color:#fff;}
    .chantic section#KV div.bg{background:var(--color_02);}
    .chantic section#KV div.bg picture img{height: 100%;object-fit: cover;filter: brightness(.8);}
    .chantic section#KV p.logo{margin:0px auto 20px auto;width: 360px;height: 184px;}
    .chantic section#KV p.description{color:#fff;font-size: 16px;}
    .chantic ul.attention a,
    .chantic .txt_emergency > a{padding: 10px;font-size: 16px;color: var(--color_10)!important;border: 2px solid var(--color_10);background:none!important;font-family:'Zen Maru Gothic',BIZ UDPGothic,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",Meiryo,Helvetica,Arial,sans-serif; line-height:1.4em;background:#eadbdd;color:#755547;word-wrap: break-word;}
    .chantic .txt_emergency > a::before {font-family: "icomoon";padding-right: 5px;font-size: 20px;content: "\e915";vertical-align: bottom;}
    .chantic section#recommend{background:none;color:#755547;padding: 30px 0 0;}
    .chantic div#breadcrumbs ol{background:#fff;border-top:1px solid #eee;}
    .chantic div#breadcrumbs li{font-family:BIZ UDPGothic,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",Meiryo,Helvetica,Arial,sans-serif;white-space: nowrap;}
    .chantic div#breadcrumbs a::after{padding-left: 10px;font-size: 10px;font-family: "icomoon";padding-right:10px;content: "\e90b";vertical-align: middle;}
    .chantic div#breadcrumbs li:last-child a::after{display:none;}
    
    #chanticTop ul.choicewrap{display:flex;width:100%;height: 120px;}
    #chanticTop ul.choicewrap li{position:relative;padding:10px;width:50%;background-repeat: no-repeat;background-size: cover;background-position: center center;z-index:0;}
    #chanticTop ul.choicewrap li::before{content:"";position:absolute;top: 0;left: 0;width:100%;height:100%;z-index:-1;opacity: 0.5;}
    #chanticTop ul.choicewrap li.day{color:#63bbc1;background-image:url("../images/chantic/image_chantic_day-visual.jpg");}
    #chanticTop ul.choicewrap li.stay{background-image:url("../images/chantic/image_chantic_stay-visual.jpg");}
    #chanticTop ul.choicewrap li.day::before{background:#ff2134;}
    #chanticTop ul.choicewrap li.stay::before{background:#0e929b;}
    #chanticTop ul.choicewrap li.day a{color:#ea8c95;}
    #chanticTop ul.choicewrap li.stay a{color:#63bbc1;}
    #chanticTop ul.choicewrap li a{font-size: 22px; display:flex;justify-content: center;flex-direction: column;align-items: center;background:#fff;border-radius:6px;text-align: center; height:100px;transition: all 200ms 0s ease;line-height: 1.4;}
    #chanticTop ul.choicewrap li a:hover{opacity:0.9;}
    #chanticTop ul.choicewrap li a span{font-size:16px;}
    #chanticTop ul.choicewrap li a span.fukidashi{display:block;margin-bottom:5px;color:#755547;}
    #chanticTop ul.choicewrap li a span.fukidashi::before{content:"＼";margin-right:3px;font-size:12px;}
    #chanticTop ul.choicewrap li a span.fukidashi::after{content:"／";margin-left:3px;font-size:12px;}
    #chanticTop ul.choicewrap li a .icon-arrow-circle-right-clear{position: absolute;right: 4%;}
    #chanticTop ul.choicewrap li .choice-rsv-txt{display: flex;flex-direction: row;justify-content: center;align-items: center;}
    #chanticTop ul.choicewrap li .choice-rsv-txt span{font-size: 20px;margin-top: 3px;margin-left: 5px;}
    
    .slick-slide img{height: 100%;object-fit: cover;}
    .chantic section#KV{height: 520px;}
    a.button span.icon-calendar{display: inline-block;margin-right: 5px;}
    p.txt_emergency{margin: 10px 0;}
    #sideColumn{padding: 40px 20px;}
    #sideColumn nav{font-size: 16px;}
    #sideColumn nav .linkwrap > li{margin-bottom: 15px;}
    #sideColumn nav .linkwrap > li > a{display: flex;justify-content: space-between;align-items: center;}
    #sideColumn nav .linkwrap > li .icon-arrow-right{font-size: 10px;color: var(--color_09);}
    #sideColumn nav .linkwrap .subwrap{font-size: 14px;}
    #sideColumn nav .linkwrap .subwrap li{position: relative;margin: 15px 0;}
    #sideColumn nav .linkwrap .subwrap li::before{position: absolute;content: "・";left: 0;}
    #sideColumn nav .linkwrap .subwrap li a{padding-left: 1em;}
    #sideColumn .button.primary{color: #fff;margin-bottom: 10px;}
    #sideColumn a{display: block;}
    #sideColumn a.button{border: 1px solid var(--color_10);}
    #sideColumn a.balian{font-size: 12px;}
    #sideColumn a span{display: inline-block;margin-right: 5px;}
    .icon-line_clear,.icon-facebook_clear,.icon-instagram_clear{color: var(--color_06);}
    .bx_image{width: 100%; margin: 0 auto; padding: 30px 50px; background: #fff; text-align: center;}
    .bx_image img{max-width: 700px;}
    #recommend .contents{margin-bottom: 0;}
    #recommend li:nth-of-type(2n+1) .button:nth-of-type(1){color: #fff;border: 1px solid #fff;}
    #price.container{padding: 0 50px;background: var(--color_04);}
    #price h2{background: var(--color_04);margin-bottom: 0;margin-top: 0;}
    #price table{margin-bottom: 0;}
    #price .box01{background: var(--color_10);padding: 30px;border-radius: 6px 6px 0 0;}
    #price .price-box .box02{padding: 30px;border-radius: 0 0 6px 6px;background: #fff;margin-bottom: 20px;}
    #price .price-box .box02 img{width: 29%;object-fit: cover;}
    #price .price-box .box02 table{width: 71%;}
    #price .box01{background: var(--color_10);}
    #price .block_ttl{font-size: 24px;text-align: left;margin: 15px auto 10px;}
    #price .description{font-size: 12px;}
    #price .price-box-aside{display: inline-flex;width: 100%;justify-content: center;align-items: center; background: var(--color_10);text-align: center;border-radius: 6px;padding: 6px 12px;margin-bottom: 10px;font-size: 12px;font-weight: bold;}
    #price .price-box-aside.aside02{background: #fff;color: var(--color_03);}
    #price th{height: 40px;justify-content: center;padding-right: 0;text-align: center;vertical-align: middle;border-bottom: 1px solid var(--color_07);font-weight: bold;}
    #price tr{display: flex;margin-bottom: 0;}
    #price td{vertical-align: middle;border-bottom: 1px solid var(--color_07);padding: 16px 0;}
    #price .col-1{display: flex;align-items: center; width: 50%;}
    #price .col-2{font-weight: bold;}
    #price .col-2,#price .col-3{display: flex;justify-content: center;align-items: center;width: 50%;text-align: right;}
    #price th:nth-of-type(2){width: 50%; text-align: center;}
    #price .price-box-aside.aside02{color: var(--color_08);}
    #price .price-box-aside.aside02,#price .price-box-aside.aside02{color: var(--color_06);}
    #how-to-use.container{padding: 0;background: #fff;}
    #how-to-use h2{margin: 0;}
    #how-to-use .how-to-use-box{position: relative;background: var(--color_12);border-radius: 6px;padding: 15px;}
    #how-to-use .contents{margin-bottom: 0;padding: 0 50px 20px;}
    #how-to-use .how-to-use-box .box01{display: flex;flex-direction: column;justify-content: center;align-items: center;}
    #how-to-use .how-to-use-box .box01 span{color: var(--color_10);font-size: 16px;}
    #how-to-use .how-to-use-box .box02{display: flex;justify-content: space-between;align-items: center;}
    #how-to-use .how-to-use-box h3{padding-left: 0;text-align: center;line-height: 1.4;margin-top: 10px;}
    #how-to-use .how-to-use-box::after{display: flex;justify-content: center;align-items: center;position: absolute;content:"";left: calc(50% - 10px); width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid var(--color_12);}
    #how-to-use .how-to-use-box:last-child::after{content: none;}
    #how-to-use p.attention{margin-top: 20px;}
    #facility.container,#facility h2{background: var(--color_04);}
    #facility.container{padding-top: 0;}
    #facility h2{margin: 0;}
    #facility .box01{margin-bottom: 40px;}
    #facility .box01 img{border-radius: 8px;}
    #facility .block_ttl{text-align: center;font-size: 16px;font-weight: bold;margin: 24px 0;}
    #facility #panorama-photo {position: relative;padding-top: 57%;}
    #facility #panorama-photo iframe{position: absolute;content: "";top: 0;width: 100%;height: 100%;}
    #facility .button{margin-top: 20px;border: 1px solid var(--color_10);color: var(--color_10);font-size: 16px;font-weight: bold;}
    #topics.container{padding-top: 0;background: #fff;}
    #topics .button{border: 1px solid var(--color_10);color: var(--color_10);font-size: 16px;font-weight: bold;}
    #access.container{padding-top: 0;background: var(--color_04);}
    #access h2{background: var(--color_04);margin: 0;}
    #access dl{padding: 20px 0;}
    #access .access-dl-it{display: flex;justify-content: space-between;align-items: flex-start;padding: 10px 0;line-height: 1.5;}
    #access .access-dl-it dt{width: 28%;font-size: 14px;font-weight: bold;}
    #access .access-dl-it dd{width: 72%;font-size: 14px;font-weight: bold;}
    #access iframe{width: 100%;}
    #access .access-dl-it02{border-top:1px solid var(--color_05);font-size: 14px;padding: 20px 0;font-weight: bold;line-height: 2;}
    #access .access-dl-it02:last-child{border-bottom: 1px solid var(--color_05);}
    #access a.button{font-weight: bold;margin: 30px auto 20px auto;font-size: 20px;}
    footer .logo-box{display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;color: #fff;}
    footer .logo{width: 60%;}
    footer .copy-right{font-size: 10px;}
    footer .ttl{font-size: 12px;margin: 10px 0;}
    footer .name{font-size: 16px;line-height: 1.5;}
    footer nav .linkwrap{display: flex;justify-content: space-between;flex-wrap: wrap;padding-left: 50px;}
    footer nav .linkwrap > li{width: 48%;font-size: 16px;margin-bottom: 20px;color: #fff;}
    footer nav .subwrap li{position: relative;font-size: 14px;text-indent: 15px;margin: 10px 0;}
    footer nav .subwrap li::before{position: absolute;content: "";left: -15px;content: "・";}
    footer .copy-right{color: #fff;text-align: center;}
    .slider,.slick-list,.slick-slide,.slick-track{height: 100%;}
    main{margin-left: 300px;width: calc(100% - 300px);}
    .logo-txt{text-align: center;font-size: 10px;margin-top: 5px;}
    .addresswrap{display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;margin: 20px 0;line-height: 1.5;}
    .addresswrap .ttl{font-size: 16px;}
    .addresswrap .tel{font-size: 24px;letter-spacing: 2px;}
    .addresswrap .time{font-size: 10px;}
    #sideColumn .button.primary{background: #fff;color: var(--color_10);font-size: 14px;width: 100%;margin-top: 20px;}
    #sideColumn a.balian{border: 1px solid #fff;margin: 40px 0 0;}
    div#sideColumn {overflow: hidden;top: 0;left: 0;transform: translateX(0);height: 100%;}
    #KV .bg{position: relative;height: 100%;}
    #KV .bg::after{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;flex-direction: column; justify-content: center;align-items: center;}
    #KV .contents{position: absolute;content: "";top: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;margin-bottom: 0;}
    #recommend h2{font-size: 24px;font-weight: bold;}
    body.chantic h2 span{font-size:14px;font-weight: bold;}
    #recommend li{min-height: 460px;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;line-height: 2;}
    #recommend li:nth-child(1){background: url(/images/point-it01_pc.webp) no-repeat;background-size: cover;}
    #recommend li:nth-child(2){background: url(/images/point-it02_pc.webp) no-repeat;background-size: cover;}
    #recommend li:nth-child(3){background: url(/images/point-it03_pc.webp) no-repeat;background-size: cover;}
    #recommend li .buttonwrap{display: flex;justify-content:center;}
    #recommend li .buttonwrap a.button{display: flex; justify-content: center;align-items: center;width: 280px;height: 45px;margin: 0;margin: 0 10px;}
    #recommend li dl{margin-top: 10px;}
    #recommend .point-it dt{line-height: 1.5;}
    #recommend li dd{font-size: 16px;}
    #price .box01{display: flex;}
    #price .box02{display: flex;}
    #price .box02 table{margin-left: 30px;}
    #price .box-it{color: #fff; display: flex;width: 100%;justify-content: space-between;align-items: center;}
    #price .price-box-aside{width: 240px; height: 35px;}
    #price .box-it .box-it02{display: flex;flex-direction: column;}
    #price th{font-size: 12px;}
    #price td{font-size: 14px;}
    #price .button{margin-bottom: 0;max-width: 800px;}
    #price.container{padding: 0 50px 20px;}
    #price .contents{margin-bottom: 0;}
    #price .option{text-align:center;background-color:#FFFFFF; margin-bottom: 20px;padding: 40px;}
    #price .option h3{padding: 0;text-align: center;}
    #price .option table{width: 70%;margin-left: 30px;}
    #price .img_box{width: 30%;display: flex;flex-direction: column;}
    #price .price-box .box02 .img_box img{width: auto; height: 100%;}
    #price .price-box .box02 .img_box img:first-of-type{padding-bottom: 30px;}
    #how-to-use .how-to-use-box{padding: 0;margin-bottom: 20px;}
    #how-to-use .how-to-use-box .box01{display: flex;flex-direction: row;justify-content: flex-start;}
    #how-to-use .how-to-use-box .box02{display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
    #how-to-use .how-to-use-box h3{text-align: left;font-size: 24px;}
    #how-to-use .how-to-use-box .box01-it01 img{width: 200px;border-top-left-radius: 6px;border-bottom-left-radius: 6px;}
    #how-to-use .how-to-use-box .box01-it02{padding: 30px;align-self: flex-start;font-size: 14px;}
    #facility.container{display: flex;flex-direction: column;align-items: center;justify-content: center;}
    #facility .contents{display: flex;flex-wrap: wrap;justify-content: space-evenly;max-width: 900px;}
    #facility .facility-box01{width: 100%;}
    #facility-photo{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;padding-top: 40px;}
    #topics.container{padding-bottom: 20px;}
    #topics h2{margin-top: 0;margin-bottom: 0;}
    #topics .button{width: 30%;}
    #topics .topics-box{display: flex;flex-wrap: wrap;justify-content: center;max-width: 900px;margin: 0 auto;margin-bottom: 40px;}
    #topics .topics-box .arrowBox{display: flex; width:32%;border-right: 1px solid var(--color_07);margin: 0 10px 20px 0;padding-right: 10px;}
    #topics .topics-box .arrowBox:nth-of-type(3n){border-right: none;}
    #topics .topics-box .arrowBox img{width: 80px;height: 80px;}
    #topics .topics-box .arrowBox a{display: flex;}
    #topics .topics-box .infoBox h3{font-size: 14px;font-weight: bold;padding-left: 10px;color: var(--color_07);margin-bottom: 0;}
    #chanticCommonBanner{display: flex;justify-content: center;align-items: center;height: 260px;padding: 0 50px;}
    #chanticCommonBanner ul{display: flex;justify-content: space-between;align-items: center;}
    #chanticCommonBanner ul li:nth-of-type(1){margin-right: 10px;}
    #chanticCommonBanner ul li:nth-of-type(2){margin-left: 10px;}
    #chanticCommonBanner ul.bannerwrap{margin-bottom: 0;}
    #access.container, #herbal_steam.container{display: flex;flex-direction: column;justify-content: center;align-items: center;}
    #access .contents, #herbal_steam .contents{max-width: 800px;padding: 0 50px;}
    footer .logo img{width: 240px;}
    footer nav{width: 400px;margin: 50px auto 0;}
    footer .multiple_lines{flex-wrap: wrap;}
    footer .multiple_lines dd:nth-of-type(4){margin-left: 178px;}
    footer .multiple_lines dd:nth-of-type(n+4){margin-top: 30px;}
    body#notfound { background: var(--color_12); }
    #notfound main { display: flex; flex-direction: column; min-height: 100vh; background: var(--color_04); }
    #notfound .section-top { background: var(--color_12); padding: 60px 20px 80px; text-align: center; }
    #notfound .section-top .title { font-size: 28px; color: #755547; margin-bottom: 30px; font-weight: normal; }
    #notfound .section-top .desc { max-width: 700px; margin: 0 auto; font-size: 16px; line-height: 1.8; color: #755547; }
    #notfound .section-bottom { flex: 1; background: var(--color_04); padding: 60px 20px 80px; }
    #notfound .store-list { max-width: 550px; margin: 0 auto; display: flex; flex-direction: column; gap: 40px; }
    #notfound .store-item a { display: flex; align-items: center; justify-content: space-between; text-decoration: none; color: #755547; transition: opacity 0.2s; }
    #notfound .store-item a:hover { opacity: 0.7; }
    #notfound .store-info { text-align: center; width: 100%; padding-left: 20px; }
    #notfound .store-name { display: block; font-size: 20px; margin-bottom: 8px; color: #755547; }
    #notfound .store-access { display: block; font-size: 12px; line-height: 1.6; color: #755547; }
    #notfound .store-arrow { font-size: 18px; color: var(--color_10); font-weight: bold; margin-left: 15px; flex-shrink: 0; }
    #notfound footer{padding-bottom: 10px; background-image: none;}
    #notfound .copy-right{color: #755547;}
    #notfound .logo{text-align: center;}
}

/* ===================================================
   3. 特殊サイズ調整
=================================================== */
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
	#chanticTop ul.choicewrap li a { font-size: 16px; }
	#chanticTop ul.choicewrap li a span, #chanticTop ul.choicewrap li a::after { font-size: 16px; }
	#chanticTop ul.choicewrap li a span.fukidashi { font-size: 12px; }
	#facility .contents, #topics .topics-box { padding: 0 50px; }
}

@media only screen and (max-width: 360px) {
	#chanticTop ul.choicewrap li a span.fukidashi { font-size: 12px; }
	#chanticTop ul.choicewrap li a { font-size: 20px; }
}