@charset "UTF-8";
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video { margin: 0; padding: 0; font: inherit; word-wrap: break-word; border: 0; vertical-align: baseline; outline: none; }
body { padding: 0; margin: 0; color: #000; font-family:游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-weight:400;font-style:normal;font-size:3.6vw; -webkit-text-size-adjust: 100%; line-height: 1.6; }
_:-ms-lang(x)::-ms-backdrop, body {font-family: "メイリオ", Meiryo, sans-serif;}
article, aside, canvas, details, figcaption, figure, header, footer, hgroup, main, menu, nav, section, summary { display: block; }
blockquote, q { quotes: none; }
strong, b { font-weight: bold; }
ul, ol, li { list-style: none; }
table { border-spacing: 0; border-collapse: collapse; }
img, video, object { height: auto; border: none; display: block; max-width: 100%;}
ins { background: none; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
hr { height: 1px; padding: 0; margin: 1em 0; border: 0; border-top: 1px solid #ccc; display: block; }
*:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
a { color: #000; text-decoration: none; display: block; -moz-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
a:hover { opacity: 0.6; }
.clearfix:after { content: ''; display: block; clear: both; }
.pc { display: none; }
.sp { display: block; }

/* color */
:root { 
--gold: #82715a; /*ゴールド*/ 
--gold02: #af946f; /*ゴールド*/ 
}


/* common
----------------------------------------------- */
.mb10 { margin-bottom: 3% !important;}
.mb60 { margin-bottom: 10% !important;}
.mb100 { margin-bottom: 14% !important;}

.midashi01{margin: 0 auto 8vw;  text-align: center;}
.midashi01 img{margin:0 auto 1.4vw;width:65%;}
.midashi01 .jp{font-family:source-han-serif-japanese, serif;font-weight:400;font-style:normal;font-size:3.8vw;}
.midashi01 .en{font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;display: block;font-size: 4vw;letter-spacing: .04em;line-height: 1.4;}
.midashi02 {margin-bottom: 5%;color: var(--gold);border-left: 4px solid var(--gold02);padding-left: 10px;font-family:source-han-serif-japanese, serif;font-weight:400;font-style:normal;font-size: 5vw;font-feature-settings: "palt" 1;letter-spacing: .05em;line-height: 1.4;}
.midashi03 {text-align: center;background: url("../images/midashi03.png") no-repeat bottom center;font-size: 5.6vw;color:var(--gold);font-family:source-han-serif-japanese, serif;font-weight:400;font-style:normal;margin: 0 auto 9%;padding-bottom: 10%;line-height: 1.5;}
.midashi03 span { display: block; font-size: 70%; color: var(--gold);}
.midashi04 {margin-bottom: 5%;border-left: 4px solid var(--gold02);padding-left: 3%;line-height: 1.4;font-size: 4.8vw; letter-spacing:.05em;font-family: garamond-premier-pro, serif;font-weight: 400;font-style: normal;}
.midashi05 {margin: 0 auto 14%;text-align: center;position: relative;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-align-items: center;align-items: center;}
.midashi05:before, .midashi05:after {content: '';height: 1px;background: #ddd4c7;display: block;-webkit-flex-grow: 1;flex-grow: 1;}
.midashi05:before { margin-right: 30px; }
.midashi05:after { margin-left: 30px; }
.midashi05 .jp { font-size: 6vw;   display: block;  font-family: source-han-serif-japanese, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo; font-weight: 400; }
.midashi05 .en {font-size: 3.4vw;font-family: trajan-pro-3, serif;font-weight: 400;letter-spacing: .1em;position: absolute;bottom: -22px;left: 50%;-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);color: var(--gold);}
.midashi06 {font-size:3.6vw;background: #f3ece2;padding: 1.5% 0 2%;text-align: center;width: 72%;margin: 0 auto 4%;font-family: source-han-serif-japanese, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;font-weight: 400;}

.more01{width:5.6vw;height:5.6vw;border: 1px solid var(--gold02);border-radius:50%;position:relative;overflow:hidden;padding:5.6vw;}
.more01_item01{position:absolute;top:50%;left:50%;-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);display:inline-block;color:var(--gold02);vertical-align:middle;text-decoration:none;font-size:15px;padding:0 0 0 16px;}
.more01_item01::before,.more01_item01::after{position:absolute;top:0;bottom:0;left:0;content:"";vertical-align:middle;margin:auto;}
.more01_item02::before{left:-0.6vw;width:5vw;height:1px;background: var(--gold02);}
.more01_item02::after{left:1.3vw;width:2.8vw;height:2.8vw;border-top: 1px solid var(--gold02);border-right: 1px solid var(--gold02);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.more01:hover{color: #fff;}
.more01 .more01_bg {position: absolute;display: block;width: 0;height: 0;background-color: var(--gold02);transition: width 0.4s ease-in-out, height 0.4s ease-in-out;transform: translate(-50%, -50%);z-index: -1;}
.more01:hover .more01_bg {width: 225%;height: 562.5px;}
.more01:hover .more01_item02::before{background: #fff;}
.more01:hover .more01_item02::after {border-top: 1px solid #fff;border-right: 1px solid #fff;}

.more02 { background: var(--gold02); color: #fff; padding: 12px 0 14px; margin: 0 auto 3%; text-align: center; }
.more02 a { color:#fff; font-size: 3.8vw;}
.more02 span { margin-left: 5px;}

.more03 {background: #fff;color: var(--gold);padding: 12px 0 14px;margin: 0 auto 3%;text-align: center;font-family:source-han-sans-japanese, sans-serif;font-weight:300;font-style:normal;box-shadow: 0 0 6px #dcc8ab;}
.more03 a {color: var(--gold);font-size: 3.8vw;text-align: center;}
.more03 span { margin-left: 5px;}

.link a{position:relative;color: var(--gold);margin: 6% auto;width:90%;padding: 16px;text-align:center;border: 1px solid var(--gold02);transition: all 0.4s ease;font-size:4vw;font-feature-settings:"palt" 1;letter-spacing: .05em;border-radius: 50px; z-index: 0;  font-family:source-han-sans-japanese, sans-serif;font-weight:300;font-style:normal;}
.link a:hover{color:#fff;opacity:1;transition: all 0.4s ease;}
.link a:before{content:"";background: #ffffffab;width:100%;height:100%;position:absolute;z-index:-1;top: 5px;left: 5px;border-radius: 50px;mix-blend-mode: hue;}
.link a:hover:before{top:0;left:0;background: var(--gold02);transition: all 0.4s ease;}
.link a span { margin-left: 10px;}

.top_main{margin-top: 15.5vw;}
.inner90 { width: 90%; margin: auto; }
.inner80 {width: 86%;margin: auto;}

.container { width: 100%; z-index: 0; overflow: hidden; position: relative; }
.mincho {font-family:source-han-serif-japanese, serif;font-weight:400;font-style:normal;}

.ast {padding-left: 1em;text-indent: -1em; font-size: 3.2vw !important; text-align:justify; text-justify:auto; font-feature-settings: "palt"; letter-spacing: .05em;}
ul.ast li {padding-left: 1em;text-indent: -1em; font-size: 3.2vw; text-align:justify; text-justify:auto; font-feature-settings: "palt"; letter-spacing: .05em;}

.tab { width:90%;margin: 0 auto 10%; display:-webkit-box; display:-moz-box; display:box; display:-webkit-flex; display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;}
.tab li {width:48%;border: 1px solid var(--gold02);text-align: center;font-size:3.6vw;position: relative;}
.tab li a {color: var(--gold);padding: 6% 0 7%;}
.tab li a:hover { background:#fbf7eb;}
.tab li:after {content:"\f107";margin: 1px 11px;font-size: 20px;font-family:icon;display:inline;position:absolute;top: 5px;right: 5px;color: var(--gold02);}

.tbl {width:100%;margin: 0 auto;position:relative;font-size: 3.4vw; font-weight: 400;}
.tbl th,.tbl td {padding: 3% 0;vertical-align:middle;border-bottom:1px solid #eee;line-height: 1.5;letter-spacing: 0.01em;text-align: justify;}
.tbl th {text-align:center;width: 30%;color: #675153;border-bottom: 1px solid #675153;}
.tbl td {padding: 3%;}
.tbl td a { color: var(--gold); display: inline-block;}
.tbl td a.link { margin-bottom: 0;}
.tbl td a.link:after {content: "\f08e";margin: 0 4px;font-family:icon;display: inline-block; }

/* fade
----------------------------------------------- */
.fade { opacity: 0; -moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; transition: 1s; }
.fade-left { -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -webkit-transform: translateX(-10px); transform: translateX(-10px); }
.fade-right { -moz-transform: translateX(10px); -ms-transform: translateX(10px); -webkit-transform: translateX(10px); transform: translateX(10px); }
.fade-bottom { -moz-transform: translateY(10px); -ms-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); }
.fade-active { opacity: 1; -moz-transform: translate(0); -ms-transform: translate(0); -webkit-transform: translate(0); transform: translate(0); }
.fade-curtain { width: auto; overflow: hidden; display: block; }
.fade-curtain.fade-active span { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }
.fade-curtain.fade-active span:before { -moz-transform: translateX(101%); -ms-transform: translateX(101%); -webkit-transform: translateX(101%); transform: translateX(101%); -moz-transition-duration: 1.6s; -o-transition-duration: 1.6s; -webkit-transition-duration: 1.6s; transition-duration: 1.6s; -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }
.fade-curtain .fade-curtain-inner { padding: 0.5vw 0; z-index: 1; overflow: hidden; position: relative; display: inline-block; -moz-transform: translateX(-101%); -ms-transform: translateX(-101%); -webkit-transform: translateX(-101%); transform: translateX(-101%); }
.fade-curtain .fade-curtain-inner:before { content: ''; width: 100%; height: 100%; background: #000021; z-index: 1; position: absolute; top: 0; left: 0; }
.fade-curtain .fade-curtain-inner:after { content: ''; width: 100%; height: 100%; z-index: -1; position: absolute; top: 0; left: 0; }

.js-curtain { overflow: hidden; }
.js-curtain.first-anime .js-curtain-inner:after { transition-property: transform, opacity; transition-duration: 0.65s; transition-delay: 0s; transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transform: translate3d(0, 0, 0); }
.js-curtain.second-anime .js-curtain-inner:after { transition-property: transform; transition-duration: 0.65s; transition-delay: 0s; transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transform: translate3d(103%, 0, 0); }
.js-curtain.second-anime img {opacity: 1;left: 0; width: 100%; margin: 0 auto 6%;}
.js-curtain img { opacity: 0; position: relative; left: -4%; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
.js-curtain-inner {overflow: hidden;position: relative;display: inline-block;}
.js-curtain-inner:after { content: ''; position: absolute; opacity: 1; left: 0; top: 0; bottom: 0; width: 100%; background: #eee; transform: translate3d(-101%, 0, 0);}

/* header
----------------------------------------------- */
.header {width: 100%;z-index: 10;position: fixed;top: 0;left: 0;-moz-transition: all 0.2s cubic-bezier(0.05, 0.05, 0.31, 0.97);-o-transition: all 0.2s cubic-bezier(0.05, 0.05, 0.31, 0.97);-webkit-transition: all 0.2s cubic-bezier(0.05, 0.05, 0.31, 0.97);transition: all 0.2s cubic-bezier(0.05, 0.05, 0.31, 0.97);}
.header-inner {height: 15.5vw;padding: 0 0 0 2vw;position: relative;background: #a9ad97;}
.header-logo a{display: inline-block;color: #fff;font-family: garamond-premier-pro, serif;font-weight: 400;font-size: 6.5vw;letter-spacing: .02em;line-height: 1.1;margin-top: 2vw;font-feature-settings: "palt";}
.header-logo img {width: 100%;}
.header-logo span{font-size: 3.5vw;font-family:source-han-serif-japanese, serif;font-weight: 500;font-style:normal;display: block;}
.header-navi-button {width: 15.5vw;height: 15.5vw;cursor: pointer;z-index: 11;position: absolute;top: 0;right: 0;}
.header-navi-button-open {width: 100%;height: 100%;position: relative;top: 0;left: 0;background: #aca9a3;}
.header-navi-button-open .line{width:10vw;height:0.35vw;background:#fff;position:absolute;left: 0;  right: 0; margin: 0 auto;transition:color 0.8s ease-out;}
.header-navi-button-open .line-top {top: 3.2vw;}
.header-navi-button-open .line-middle {top: 5.6vw;}
.header-navi-button-open .line-bottom {top: 8vw;}
.header-navi-button-open .line_txt{color:#fff;font-size: 3.2vw;position: absolute;top: 75%;left: 50%;transform: translate3d(-50%,-50%,0);font-family: trajan-pro-3, serif;font-weight: 400;font-style: normal;}
.header-navi-button-close { width: 100%; height: 100%; opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; }
.header-navi-button-close:before {content: '';width: 5px;height: 5px;background: #c1b7a8;z-index: 1;position: absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.header-navi-button-close .line { height: 1px; background: #fff; position: absolute; top: 50%; left: 50%; }
.header-navi-button-close .line-top { width: 26px; -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }
.header-navi-button-close .line-bottom { width: 26px; -moz-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }
.header-navi {width: 86%;height: 100%;z-index: 10;background: rgba(243,243,243,0.9);opacity: 0;visibility: hidden;position: fixed;top: 0;right: -5vw;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;transition: 0.5s;}
.header-navi-inner { width: 100%; height: 100%; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.header-navi-inner::-webkit-scrollbar { display: none; }
.header-navi-scroll { width: 100%; height: 100%; padding-bottom: 120px; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; overflow-x: hidden;}
.header-navi-scroll::-webkit-scrollbar { display: none; }
.header-navi-heading {width: 100%;padding: 8vw 0;margin-bottom: 6vw;background: #a9ad97;}
.header-navi-logo {width: 60%;margin: 0 auto;font-family: source-han-serif-japanese, serif;font-weight: 400;font-size: 4.8vw;letter-spacing: .02em;line-height: 1.1;margin-top: 4.6vw;font-feature-settings: "palt";color: #fff;}
.header-navi-logo img {width: 70%;margin: auto;}
.header-navi-category-items {width: 76%;margin: 0 auto;}
.header-navi-category-items li {padding-left: 6vw;margin-bottom: 4vw;font-size: 5.95vw;letter-spacing: 2px;position: relative;font-family: garamond-premier-pro, serif;font-weight: 400;font-style: normal;}
.header-navi-category-items li:before {content: none;width: 4vw;height: 1px;background: #a7a7a7;position: absolute;top: 50%;left: 0;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.header-navi-category-items li.current:before { background: #000; }
.header-navi-category-items li.current a { color: #000; }
.header-navi-category-items a { color: #000; }
.header-navi-category-items .footer-navi-box .footer-navi-title{padding: 3vw 0 2.5vw 8vw;border-bottom: none;font-size: 3.7vw;}
.header-navi-category-items .footer-navi-title .arrow {top: 50%;right: 60.2vw;}
.header-navi-category-items .footer-navi-items { width: 100%; display: none; }
.header-navi-category-items .footer-navi-items li {position: relative;width: 100%;font-size: 3.4vw;margin-bottom: 0;border-bottom: 1px solid #eee;}
.header-navi-category-items .footer-navi-items li:after {content:">";position: absolute;top:30%;right:3%;}
.header-navi-category-items .footer-navi-items a {padding: 3vw 0 3.5vw 0;}
.header-navi-open { width: 100%; height: 100%; position: fixed; }
.header-navi-open .header-navi-button-open { opacity: 0; visibility: hidden; }
.header-navi-open .header-navi-button-open .line-top { width: 0; }
.header-navi-open .header-navi-button-open .line-bottom { width: 0; }
.header-navi-open .header-navi-button-close { opacity: 1; visibility: visible; }
.header-navi-open .header-navi-button-close .line-top { opacity: 0; animation-name: header-button-close; animation-duration: 0.6s; animation-delay: 0.4s; animation-fill-mode: forwards; }
.header-navi-open .header-navi-button-close .line-bottom { opacity: 0; animation-name: header-button-close; animation-duration: 0.6s; animation-delay: 0.8s; animation-fill-mode: forwards; }
.header-navi-open .header-navi { opacity: 1; visibility: visible; right: 0; }
.cv_wra{position: relative;}
.header-navi .cv{display:block;background: var(--gold02);color:#fff;font-size: 3vw;width: 76%;padding: 3% 0;margin: 7% auto 8%;text-align: center;position:relative;letter-spacing: 0px;font-family: source-han-serif-japanese, serif;font-weight: 300;font-style: normal;}
.header-navi .cv .en{display:block;font-size: 5vw;line-height: 1.2;}
.header-navi .cv:before{content:'';display:block;background:url(../images/nav-conact-arrown.png) center center / 46% no-repeat;width:22px;height:18px;position:absolute;top:36%;left:92%;-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);}
.header-navi .nav-conact{width:42%;display:block;margin:0 auto -1vw;}
@keyframes header-button-close { 0% { width: 0; opacity: 0; }
  100% { width: 26px; opacity: 1; } }

.header-navi-salon{width: 76%;margin: 6vw auto 6vw;padding: 3vw 4vw;line-height: 1.3;border: 1px solid #ccc;}
.header-navi-salon .ttl{font-weight: bold;color: #6a6868;}
.header-navi-salon .tel{font-size: 6vw;font-family: garamond-premier-pro, serif;font-weight: 400;font-style: normal;letter-spacing: 2px;color: var(--gold);}
.header-navi-salon .social-items {margin:  0 0;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;}
.header-navi-salon .social-items a{color:#9e9e9e;font-size: 6vw;}
.header-navi-salon .social-items li { width: 10vw; margin: 0 1.5vw; }


.header-tel-button,.header-mail-button{width:15.5vw;height:auto;position:absolute;top:0;}
.header-tel-button{right:15.5vw;}
.header-mail-button{right:31vw;}
.header-navi-filter{position:fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: rgba(255, 255, 255, 0);overflow: hidden;opacity: 0;display: none;z-index: 9;}
.header-navi-filter.active{display: block;}
.header-navi {width: 86%;height: 100%;background: rgba(255,255,255,0.95);z-index: 10;opacity: 0;visibility: hidden;position: fixed;top: 0;right: -5vw;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;transition: 0.5s;}



/* contact_common */
.contact_common_wra{background: url("../images/contact_common_bg.jpg") repeat;background-size: inherit;}
.contact_common{text-align:center;padding:10vw;}
.contact_common .midashi01{margin-bottom:6vw;}
.contact_common .midashi_img{width: 50%;margin:auto;display: block;}
.contact_common .midashi01 .en{width:100%;color: #fff;}
.contact_common .midashi01 .jp{color:#fff;}
.contact_common .sec_txt{text-align:center;color:#fff;margin-bottom: 5vw;}
.contact_common .contact_btn_wra{margin-bottom:4vw;}
.contact_common .contact_btn{position:relative;background:#fff;padding: 1.3vw;box-shadow: 0 0 8px var(--gold);border-radius: 8px;}
.contact_common .contact_btn:after{content:'';width:20px;height:30px;display:block;background:url(../images/brown_arrown.png) center center / 50% no-repeat;position:absolute;top:38%;left:88%;-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);}
.contact_common .contact_btn_inner{border:1px solid #f1e5c3;display:block;padding:4vw;border-radius: 6px;font-feature-settings: "palt";letter-spacing: .05em;}
.contact_btn .contact_icon{width:8%;position:absolute;top: 44%;left:13%;-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);}
.contact_btn .contact_icon.line{color: var(--gold02);font-size: 7vw;top: 30%;}
.contact_btn .txt01{font-family:garamond-premier-pro, serif;font-weight:400;font-style:normal;color: var(--gold);font-size:3.7vw;display:block;margin-bottom:0;}
.contact_btn .txt02{font-family:source-han-serif-japanese, serif;font-weight: 500;font-style:normal;color:#7e7b71;font-size:3.4vw;}

.contact_common .contact_btn.tel .contact_icon,.contact_common .contact_btn.hpb .contact_icon{top: 36%;}




/* footer
----------------------------------------------- */
.footer {padding: 8vw 0 20vw;background: #fff;position: relative;}
.footer-navi {width: 78vw;margin: 0 auto;padding: 0 0 2vw;}
.footer-navi-box { width: 100%; }
.footer-navi-box .footer-navi-title{border-bottom: 1px solid #000;}

.footer-navi-title {padding: 3vw 0 2.5vw;color: #000;font-size: 3.8vw;letter-spacing: .04em;border-bottom: none;cursor: pointer;position: relative;font-family: garamond-premier-pro, serif;font-weight: 400;font-style: normal;font-feature-settings: "palt";}
.footer-navi-title.open .arrow:after { -moz-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); }
.footer-navi-title .arrow { width: 2.5vw; height: 2.5vw; position: absolute; top: 50%; right: 2.2vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.footer-navi-title .arrow:before {content: '';width: 2.5vw;height: 1px;background: #000;position: absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.footer-navi-title .arrow:after {content: '';width: 1px;height: 2.5vw;background: #000;position: absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

.footer-navi-items { width: 100%; display: none; }
.footer-navi-items li {width: 100%;font-size: 3.2vw;border-bottom: 1px solid #eee;position: relative;}
.footer-navi-items li:after { position:absolute; content:">"; top:30%; right:3%;}
.footer-navi-items a {padding: 3vw 2vw 3.2vw;color: #545454;font-family: source-han-serif-japanese, serif;font-weight: 300;font-style: normal;}
.footer-navi-items i{color:#fff;font-size:5vw;margin-right:2vw;}
.footer-navi-items span{position:relative;top:-0.1vw;font-size:3.8vw;font-feature-settings:"palt";letter-spacing:0.1em;}
.footer-subnavi-items {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;}
.footer-subnavi-items li {color: #000;font-size: 3.68vw;letter-spacing: 0.5vw; font-style: normal;}
.footer-subnavi-items li:before { content: '|'; margin: 0 1vw 0 2vw; }
.footer-subnavi-items li:first-child:before { display: none; }
.footer-subnavi-items a {color: #000;display: inline-block;font-family: garamond-premier-pro, serif;font-weight: 400;font-style: normal;letter-spacing: 1px;}



.copyright {color: #818181;font-size: 3.34vw;text-align: center;letter-spacing: 0.2vw;font-family: 'garamond-premier-pro', serif;font-weight: 400;font-style: normal;display: block;background: #fff;padding: 2.6vw;}
.pagetop{width: 12vw;position:fixed;right: 6vw;bottom: 16vw;opacity:0;visibility:hidden;z-index: 10;}
.pagetop .pagetop_item{position:absolute;top: 50%;left: 240%;transform:translate3d(-50%,-50%,0);color:#fff;}
.footer-fixed{width:100%;position:fixed;left:0;bottom:0;opacity:0;visibility:hidden;}
.footer-fixed .mail_btn,.footer-fixed .tel_btn{width:50%;padding:4.5vw 4vw;}
.pagetop.active,.footer-fixed.active{opacity: 1;visibility:visible;transition:all 1s;}

.fixed_contact { width: 100%; background:#8a1613;margin: 0; position: fixed; bottom: 0; z-index: 200; padding: 5px 0;}
.fixed_contact img {display: block; width: 90%; margin: 10px auto;}
.fixed_contact a:hover img{opacity: 0.7;}

.footer-fixed{width:100vw;z-index:9;position:fixed;bottom:0;left: 0;}
.footer-fixed ul{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin: 0 auto;}
.footer-fixed a:hover { opacity: 0.9; }


/* modaal
----------------------------------------------- */
.modal-item{display:none;}
.modaal-content-container {padding: 8vw 4vw 2vw;}
.modaal-content-container .more01{margin-bottom: 4vw;border: 1px solid;padding: 4vw 4vw 3vw;display: block;}
.modaal-content-container .more01:before{ right:3.5vw;}
.modaal-content-container .more01:after{ right: 2vw;}
.modaal-content-container .midashi01{color:var(--gold);font-size: 7.4vw;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;margin-bottom: 7vw;}
.modaal-content-container .midashi01 .icon{margin-right: 2vw; color: var(--gold);}
.modaal-content-container .midashi01:after {background: var(--gold);}




/* breadcrumb
----------------------------------------------- */
.breadcrumb{position:relative;}
.breadcrumb-items{width:100%;margin:0 auto;padding:0 1vw;}
.breadcrumb-items li{font-size:3.16vw;position:relative;display:inline-block;font-family:source-han-serif-japanese, serif;font-weight:400;font-style:normal;padding: 3.5vw 4vw 3.5vw 3vw;color: #666;}
.breadcrumb-items li.current a{color: var(--gold);}
.breadcrumb-items li:after{background:url(../images/breadcrumb_item.svg) center center / 70% no-repeat;display:inline-block;content:'';width:4vw;height:100%;position:absolute;top:0;right:-2.9vw;margin:0 1.5vw;}
.breadcrumb-items li:last-child:after{display:none;}
.breadcrumb-items a{display:inline-block;color: #666;letter-spacing:1px;}