/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  line-height: 1.5;
  margin: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
  vertical-align: top;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}




/* 20170214 update
   ========================================================================== */

/**
 * Frequently used
 */
h1,h2,h3,h4,h5,ul,li,dl,dt,dd,p {
	margin:0;
	padding:0;
	list-style:none;
	font-weight: normal;
}
a{
    -webkit-transition:0.8s;
    -moz-transition:0.8s;
    -ms-transition:0.8s;
    -o-transition:0.8s;
    transition:0.8s;
}
a:hover {
	opacity:0.6;
}

/**
 * box-sizing
 * If you want to return to the initial value, Direct designation of "box-sizing:content-box"
 */
*,
*:before,
*:after{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
 }

@charset "utf-8";
/* CSS Document */

/*==================================
	base
==================================*/
* {box-sizing: border-box;}
html { height: 100%; width: 100%;font-size: 62.5%;}
body {
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size:1.4rem;
	color:#2b170b;
	height: 100%;
	width: 100%;
	/*min-width: 1100px;*/
	line-height: 1.6;
	letter-spacing: 0.02em;
}
a { color: #2b170b; text-decoration: none;display: block;}
a:hover {text-decoration: none;}
.wrapper { position: relative; height: 100%; width: 100%;}

/* Responsive 768 */
@media screen and (min-width: 768px) {
.spOnly { display: none;}
.pageWrap {padding-top: 150px;}
}
/* Responsive 767 */
@media screen and (max-width: 767px) {
body {min-width: 100%;font-size: 1.2rem;}
img { width: 100%;}
.pcOnly { display: none!important;}
.side {padding: 0 7.8%;}
.pageWrap {padding-top: 20%;}
}


/* font */
.ffpf {font-family: playfair-display, serif;}
.ffmc {font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}

.secTit,
.contTit,
.blockTit,
.subTit {color: #3e342d;} 
.secTit .ja,
.contTit .ja, .blockTit .ja, .subTit .ja {display: block;}
.posC {text-align: center;}
.posR {text-align: right;}
.vrl {-ms-writing-mode: tb-rl;writing-mode: vertical-rl;}

.contImg {width: 83.33%;position: relative;overflow: hidden;}
.contImg.left {margin-right: auto;}
.contImg.right {margin-left: auto;}
.contImg img {width: 100%;top: 0;bottom: 0;left: 50%;height: 100%;width: auto;max-width: none;transform: translateX(-50%);-webkit-taransform: translateX(-50%);position: absolute;}

/* Responsive 767 */
@media screen and (max-width: 767px) {
.contInner {padding: 0 7.8%;}
}

/* Responsive 768 */
@media screen and (min-width: 768px) {
.secTit {font-size: 11rem;margin: 30px 0;} 
.contTit {font-size: 11rem;margin-bottom: 120px;}
.blockTit {font-size: 8rem;margin-bottom: 70px;}
.subTit {font-size: 4rem;margin-bottom: 70px;}
.secTit .ja, .contTit .ja, .blockTit .ja, .subTit .ja {font-size: 1.6rem;}
.conveyTit {font-size: 3.4rem;margin: 25px 0;} 
.conveyTxt {line-height: 2;}
.in880 {max-width: 880px;margin-left: auto;margin-right: auto;}
.in1000 {max-width: 1000px;margin-left: auto;margin-right: auto;}}
/* Responsive 767 */
@media screen and (max-width: 767px) {
.secTit {font-size: 4.5rem;margin: 3.9% 0;} 
.contTit {font-size: 4.5rem;margin-bottom: 7.625%;} 
.secTit .ja, .contTit .ja {font-size: 1.4rem;}
.conveyTit {font-size: 2.2rem;margin: 3.2% 0 4.2%;} 
.conveyTxt {line-height: 2;}
}

/* flex */
.flex {display: flex;align-items: center;}

/* readmore */
.readMore a {color: #b38d4e;padding: 2% 4%;display: inline-block;position: relative;}
@media screen and (min-width: 768px) {
.readMore {font-size: 2rem;margin-top: 60px;}
.readMore a::after {position: absolute;bottom: -4px;left: 0;content: '';width: 100%;height: 1px;background: #b38d4e;transform: scale(0, 1);transform-origin: left top;transition: transform .3s;}
.readMore a:hover::after {transform: scale(1, 1);}
}
@media screen and (max-width: 767px) {
.readMore {font-size: 1.7rem;margin-top: 7.8%;}
.readMore a {border-bottom: 1px solid #b38d4e;}
}

/* meun */
.menuList li {border-bottom: 1px solid #e5e5e5;text-align: left;}
.menuList li a {}
/* Responsive 768 */
@media screen and (min-width: 768px) {
.menuList {display: flex;flex-wrap: wrap;justify-content: space-between;}
.menuList li {width: 48%;margin-bottom: 2%;}
.menuList li a {padding: 20px;}
.menuList li a span {font-size: 2.6rem;margin-right: 1.4rem;}
}
/* Responsive 767 */
@media screen and (max-width: 767px) {
.menuList li a {padding: 4% 0;}
.menuList li a span {font-size: 1.8rem;margin-right: 1.4rem;}
}

/*==================================
	floating
==================================*/
.floatingBar {z-index: 2;position: fixed;}
.telBtnsp {background-color: #b38d4e;}
.telBtn {background: #b38d4e;}
.friendBtn {background: #00b900;}
.reserveBtn {background: #999;}

.telBtn a, .telBtnsp a, .friendBtn a, .reserveBtn a {color: #FFF;}
.requestBtn {background: #fcff00;color: #000;}
.telBtn .icon, .telBtnsp .icon {background-image: url("../img/common/icon_tel.svg");background-repeat: no-repeat;}
.friendBtn .icon {background-image: url("../img/common/icon_line.svg");background-repeat: no-repeat;}
.reserveBtn .icon {background-image: url("../img/common/icon_calendar_check.svg");background-repeat: no-repeat;}


/* Responsive 768 */
@media screen and (min-width: 768px) {
.floatingBar {}
.floatingBar .sideNav li {position: fixed;}
.floatingBar .sideNav li.telBtn {top: 170px;right: -161px;border-radius: 5px 0 0 5px;}
.floatingBar .sideNav li.friendBtn {right:0;top: 341px;border-radius: 5px 0 0 5px;}
.floatingBar .sideNav li.reserveBtn {right:0;top: 256px;border-radius: 5px 0 0 5px;}
.friendBtn .icon {padding-top: 25px;}
.telBtn .icon {background-size: 22px auto; padding-top: 25px;background-position: top center;}
.friendBtn .icon {background-size: 30px auto; padding-top: 30px;background-position: top center;}
.telBtn a {padding: 20px 23px 17px 17px;}
.friendBtn {margin-top: 3px;}
.friendBtn a {padding:40px 15px 17px 15px;}
.reserveBtn .icon {background-size: 20px auto; padding-top: 25px;background-position: top center;}
.reserveBtn {margin-top: 3px;}
.reserveBtn a {padding:40px 13px 17px 14px;}
.hiddenTxt {position: relative;display: inline-block;padding-left: 20px;font-size: 2rem;line-height: 1;overflow-x: hidden;}
.hiddenTxt .min {font-size: 1.1rem;}
}
/* Responsive 767 */
@media screen and (max-width: 767px) {
.floatingBar {position: fixed;bottom: 0;width: 100%;}
.floatingBar .sideNav {display: flex;width: 100%;justify-content: space-around;}
.floatingBar .sideNav li:nth-child(n + 3) {border-left: 1px solid #fff;}
.floatingBar .sideNav li {width: 100%;text-align: center;display: flex;justify-content: center;align-items: center;}
.floatingBar .sideNav li a {padding: 15px 5px;font-size: 1.2rem;width: 100%;}
.friendBtn .icon {padding-left: 20px;background-size: contain;}
.telBtnsp .icon {padding-left: 20px;background-size: contain;}
.reserveBtn .icon {padding-left: 20px;background-size: contain;}
}


/*==================================
	header
==================================*/
header {position: fixed;top: 0;z-index: 999;width: 100%;}
.logo {display: inline-block;}
.logo span {display: inline-block;font-size: 1.2rem;margin: 0 0 7px 20px;vertical-align: bottom;}
.onlineList li {width: 20px;}
.onlineList li img {width: 100%;}
/* Responsive 768 */
@media screen and (min-width: 768px) {
.logo {margin: 45px 0 0 60px;width: 20%;min-width: 257px;max-width: 360px;}
.logo img {width: 100%;}
.onlineList {display :flex;justify-content: space-between;float: right;margin: 60px 170px 0 0;}
.onlineList li {margin-left: 40px;}
.onlineList li:first-child {margin-left: 0;}
.onlineList li a span {display: block;font-size: 1rem;margin-top: 3px;}
}
/* Responsive 767 */
@media screen and (max-width: 767px) {
.logo {margin: 25px 0 15px 15px;max-width: 120px;}
}

/*　ハンバーガーボタン　*/
.hamburger {display : block;position: fixed;z-index : 3;width : 52px;height: 42px;cursor: pointer;text-align: center;}
.hamburger span {display : block;position: absolute;width: 40px;height: 1px;left: 6px;background : #555;-webkit-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;}
.hamburger span:nth-child(1) {top: 10px;}
.hamburger span:nth-child(2) {top: 20px;}
.hamburger span:nth-child(3) {top: 30px;}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {top : 16px;left: 6px;-webkit-transform: rotate(-45deg);-moz-transform   : rotate(-45deg);transform: rotate(-45deg);}
.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {top: 16px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}

.globalMenu {position: fixed;z-index: 2;top: 0;right: 0;color: #000;transform: translateX(100%);transition: all .8s;background: #FFF;overflow-y: scroll;height: 100vh;}
.globalMenu ul {width: 100%;}
.globalMenu .mainMenu {}
.globalMenu ul li a {display: block;color: #000;padding: 15px 0;text-decoration :none;}
.globalMenu ul li a .ffns {display: block;font-size: 2.6rem;}


/* このクラスを、jQueryで付与・削除する */
.globalMenu.active {transform: translateX(0%);}
.globalMenu .onlineMenu {margin: 30px 0;}
.globalMenu .onlineMenu .icon {background-repeat: no-repeat;background-position: left;}
.globalMenu .onlineMenu .cart {background-image: url("../img/common/icon_cart.svg");}
.globalMenu .onlineMenu .facebook {background-image: url("../img/common/icon_facebook.svg");}
.globalMenu .onlineMenu .blog {background-image: url("../img/common/icon_blog.svg");}
.globalMenu .reserveMenu {margin: 30px 0;}
.globalMenu .reserveMenu li {text-align: center;}
.globalMenu .reserveMenu li a {background: #b38d4e;color: #FFF;font-size: 1.6rem;}
.globalMenu .reserveMenu li:nth-child(2) a {background: #888;}
.globalMenu .reserveMenu li a .icon {background-repeat: no-repeat;background-position: left;}
.globalMenu .reserveMenu li a .tel {background-image: url("../img/common/icon_tel.svg")}
.globalMenu .reserveMenu li a .reserve {background-image: url("../img/common/icon_calendar_check.svg")}

/* Responsive 768 */
@media screen and (min-width: 768px) {
.hamburger {right: 62px;top: 50px;}
.globalMenu {width: 650px;padding: 100px 80px;}
.globalMenu .onlineMenu {display: flex;justify-content: space-between;}
.globalMenu .onlineMenu li a .icon {background-size: auto 100%;padding-left: 30px;}
.globalMenu .reserveMenu li:first-child a {pointer-events: none;}
.globalMenu .reserveMenu li a .icon {background-size: 25px auto;padding-left: 30px;}
.reserveMenu { display: flex;justify-content: space-between;}
.reserveMenu li {width: 48%;}
}
/* Responsive 767 */
@media screen and (max-width: 767px) {
.hamburger {right: 20px;top: 15px;}
.globalMenu {width: 70%;padding: 50px 4% 200px;}
.globalMenu .onlineMenu li a .icon {background-size: auto 15px;padding-left: 25px;}
.globalMenu .reserveMenu li a .icon {background-size: auto 20px;padding-left: 25px;}
.globalMenu .reserveMenu li {margin-bottom: 15px;}
.globalMenu ul li a {padding:4% 0;}
}

/*==================================
	pagetop
==================================*/
#pageTop img {width: auto;}
#pageTop {position: fixed;}
/* Responsive 768 */
@media screen and (min-width: 768px) {
#pageTop {right: 30px;bottom: 30px;width: 50px;}
}
/* Responsive 767 */
@media screen and (max-width: 767px) {
#pageTop {right: 1vw;bottom: 12vw;}
}

/*==================================
	footer
==================================*/
footer {background: url("../img/common/ft_bg.jpg") no-repeat center top;background-size: cover;color: #FFF;}
footer .inner .flex .ftBox .ftAdress {line-height: 2;}
footer .inner .flex .ftBox a {color: #fff;}
copy {letter-spacing: 0.4rem;font-size: 1.2rem;}
footer .inner .flex .ftBox .telLink,
footer .inner .flex .ftBox .osLink {border-bottom: 1px solid #d1c0a5;margin-bottom: 16%;}
footer .inner .flex .ftBox .telLink .icon{background: url("../img/common/icon_tel.svg") no-repeat center left;padding-left: 4.4rem;background-size: 3rem auto;}
footer .inner .flex .ftBox .osLink .icon{background: url("../img/common/icon_cart_whit.svg") no-repeat center left .3rem;padding-left: 4.4rem;background-size: 2.3rem auto;}

/* Responsive 768 */
@media screen and (min-width: 768px) {
footer {padding: 140px 0;}
footer .inner {max-width: 1000px;margin: 0 auto;}
footer .inner .flex {align-items: flex-start;justify-content: space-between;}
footer .inner .flex .ftBox.ftNav {display: flex;justify-content: space-between;width: 27%;}
footer .inner .flex .ftBox.ftNav li {margin-bottom: 20%;font-weight: 100;}
footer .inner .flex .ftBox.ftNav li a {font-size: 1.48rem;letter-spacing: 0.2rem;}
footer .inner .flex .ftBox .ftAdress {margin: 50% 0 20%;}
footer .inner .flex .ftBox .telLink a {font-size: 2.5rem;padding: 0 0 5%;pointer-events: none;}
footer .inner .flex .ftBox .osLink a {font-size: 2.5rem;padding: 0 0 5%;letter-spacing: 0.25rem;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
footer {padding-left: 40px;padding-right: 40px;}
footer .inner .flex .ftBox:first-of-type {width: 20%;}
footer .inner .flex .ftBox .ftLogo img {width: 100%;}
footer .inner .flex .ftBox.ftNav {width: 37%;}
}
/* Responsive 767 */
@media screen and (max-width: 767px) {
footer {padding: 15% 7.8% 20%;}
footer .inner .flex {display: block;}
footer .inner .flex .ftLogo {width: 40%;max-width: 240px;}
footer .inner .flex .ftBox .ftAdress {margin: 7% 0;}
footer .ftMain .ftMenu dl {margin-bottom: 4%;}
footer .ftMain .ftMenu dl dd img {width: auto;}
footer .ftMain .ftMenu dl dd span {min-width: 80px;}
footer .ftMain .ftMenu .copy {margin-top: 8%;text-align: right;font-size: .8rem;}
footer .ftMain .ftMenu .copy .sns {margin-bottom: 4%;margin-left: auto;}
}


/*==================================
 共通
==================================*/
.scale {overflow: hidden;}
.scale img{transition:1s all;}
.scale img:hover{transform:scale(1.2,1.2);transition:1s all;}
.fade {opacity : 0;transform: translateY(40px);transition: 1s;}

/* Responsive 768 */
@media screen and (min-width: 768px) {
}
/* Responsive 767 */
@media screen and (max-width: 767px) {
}


/*==================================
 slick
==================================*/
.slick-initialized .slick-slide {display: block;}
.slick-slide {float: left;height: 100%;min-height: 1px;transition: .2s;display: none;margin: 0 5px;}
.slick-list.draggable {width: 100%;}
.slick-slide img {margin: 0 auto;width: 100%;}
.slick-slide {transition: .3s ease;/*transform: scale(.65);*/}
.slick-current {/*transform: scale(1);*/}
#top .slick-dots {bottom: -20px;text-align: right;}
#top .slick-dots li {width: 10px;height: 10px;}
#top .slick-dots li button:before {border: 1px solid #b38d4e;width: 5px;height: 5px;}
#top .slick-dots li.slick-active button:before {background:#b38d4e; }

/* Responsive 768 */
@media screen and (min-width: 768px) {
.slide-arrow {position: absolute;bottom: -25%;width: 5vw;height: 5vw;cursor: pointer;z-index: 9999;max-width: 5rem;max-height: 5rem;}
.next-arrow {left: 53%;}
.prev-arrow {right: 53%;}
}
/* Responsive 767 */
@media screen and (max-width: 767px) {
.slide-arrow {position: absolute;bottom: 0;width: 7vw;height: 7vw;cursor: pointer;z-index: 9999;}
.next-arrow {right:40vw;}
.prev-arrow {left: 40vw;}
.topSlider .slick-dots li {width: 2vw;height: 2vw;}
.topSlider .slick-dots {bottom: -4vw;}
}


.page-404 {text-align: center;}
.page-404 .tit {font-weight: bold;font-size: 5rem;}
.page-404 .border {display: inline-block;border: 1px solid #b38d4e;padding: 5px 20px;margin-bottom: 4rem;}
.page-404 .btn {margin-top: 20px;text-decoration: underline;}

/* Responsive 768 */
@media screen and (min-width: 768px) {
.page-404 {padding: 100px 0;}
}
/* Responsive 767 */
@media screen and (max-width: 767px) {
.page-404 {padding: 10% 0;}
.page-404 .tit {font-size: 3rem;}
.page-404 .txt {padding: 0 4%;}
.page-404 .border {margin-bottom: 2rem;}

}


/* Responsive 768 */
@media screen and (min-width: 768px) {}
/* Responsive 767 */
@media screen and (max-width: 767px) {}

@charset "utf-8";
/* CSS Document */


/*==================================
 sub common
==================================*/

.wp-pagenavi { text-align: center; font-size: 18px;}
.wp-pagenavi .current { display: inline-block; padding: 10px 15px;}
.wp-pagenavi a { padding: 10px 15px; text-decoration: none; color: #b38d4e;}
.wp-pagenavi a:hover { }
.wp-pagenavi a, #contents .wp-pagenavi span { margin: 0 2px; display: inline-block;}
.wp-pagenavi .pages {display: none;}
.table300 { display: flex; flex-wrap: wrap;}
.secTitSub { font-size: 5rem;}

/* Responsive 768 */
@media screen and (min-width: 768px) {
.wp-pagenavi .readMore a { min-width: 160px;}
    
.table300 {}
.table300 li { width: 27.4%; margin: 0 2%;}
.table300 li img { max-width: 100%;}
}
/* Responsive 767 */
@media screen and (max-width: 767px) {
.wp-pagenavi {font-size: 1.2rem;}
.table300 { justify-content: space-between;}
.table300 li { width: 48%;}
.secTitSub { font-size: 3.5rem;}
}

/*==================================
 salon
==================================*/
#salon { margin-bottom: 200px; position: relative;}
#salon .secTitSub { text-align: center;}
#salon .flexTable { position: relative; z-index: 1;}
#salon .flexTable li .txt { line-height: 2;}
.salonSec01 {}
.salonSec01 .flexTable li .txt { line-height: 3;}
.salonSec02 { background: #fbf9f6; position: relative;}
.salonSec02:before { background: #fff; content: ""; height: 100%; width: 33%; position: absolute; left: 0; top: 0;}
.salonSec03 {}
.salonSec03 .table300 {}
.salonSec03 .table300 li .txt { margin-top: 20px;}
.salonSec03 .checkTit { text-align: center; font-weight: bold;}
.salonSec03 .checkTable { background: #fff;}
.salonSec03 .checkTable li { position: relative;color: #b09363; font-weight: bold; padding-left: 1.5em;}
.salonSec03 .checkTable li:after { content: ""; display: block; position: absolute; top: .5em; left: 0; width: 16px; height: 8px; border-left: 1px solid #b09363; border-bottom: 1px solid #b09363; transform: rotate(-45deg);}
.salonSec03 .flexTable {}
.salonSec03 .bgcol { background: #fbf9f6;}
.salonSec04 {}
.salonSec04 .imgArea {}
.salonSec04 .imgArea .mainimg {}
.salonSec04 .imgArea .subimg {}
.salonSec04 .imgArea .subimg .img {}
.salonSec04 .txtArea {}
.salonSec04 .txtArea .txt { line-height: 2;}
.salonSec04 .txtArea .readMore {}
.salonSec04 .txtArea .readMore a {}
/* Responsive 768 */
@media screen and (min-width: 768px) {
#salon .leafRight { position: fixed; right: 8vw; top: 470px; width: 10vw; max-width: 180px; height: auto; z-index: -1;}
#salon .secTitSub { font-size: 4rem; margin-bottom: 90px;}
#salon .contInner.pcinner1200 { max-width: 1200px; margin-left: auto; margin-right: auto;}
#salon .contInner.pcinner1000 { max-width: 1000px; margin-left: auto; margin-right: auto;}
#salon .flexTable {}
#salon .flexTable li { display: flex; align-items: center;}
#salon .flexTable li:nth-child(2n+1) {}
#salon .flexTable li:nth-child(2n) { display: -webkit-flex;-webkit-justify-content: flex-end; justify-content: flex-end; -webkit-flex-direction: row-reverse; flex-direction: row-reverse;}
.salonSec01 { overflow: hidden; padding-bottom: 200px;}
.salonSec01 .contImg.img01 { height: 640px;}
.salonSec01 .contImg.img02 { height: 500px; margin-top: -200px; width: 55%;}
.salonSec01 .flexTable li { margin-top: 100px; font-size: 1.6rem;}
.salonSec01 .flexTable li .img { width: 58.33%;}
.salonSec01 .flexTable li .img img { width: 100%;}
.salonSec01 .flexTable li:nth-child(1) .txt { width: 34%; margin-left: 7.5%;}
.salonSec01 .flexTable li:nth-child(2) .txt { width: 41.6%; margin-right: 5%;}
.salonSec01 .flexTable li:nth-child(2) .img { margin-right: -4%;}
.salonSec02 { padding: 170px 0;}
.salonSec02 .flexTable li { margin-top: 100px;}
.salonSec02 .flexTable li .img img { width: 100%;}
.salonSec02 .flexTable li:nth-child(1) .img,
.salonSec02 .flexTable li:nth-child(5) .img { width: 54%;}
.salonSec02 .flexTable li:nth-child(2) .img,
.salonSec02 .flexTable li:nth-child(3) .img,
.salonSec02 .flexTable li:nth-child(4) .img { width: 45%;}
.salonSec02 .flexTable li:nth-child(2),
.salonSec02 .flexTable li:nth-child(3),
.salonSec02 .flexTable li:nth-child(4) { padding-left: 13%;}
.salonSec02 .flexTable li:nth-child(2n+1) .txt { margin-left: 7.5%;}
.salonSec02 .flexTable li:nth-child(2n) .txt { margin-right: 7.5%;}
.salonSec02 .flexTable li .txt { width: 30.6%;}
.salonSec03 { margin-top: 150px;}
.salonSec03 .table300 { justify-content: center;}
.salonSec03 .table300 li { width: 30.8%; margin: 0 1%;}
.salonSec03 .checkTit { font-size: 3rem; margin-bottom: 30px;}
.salonSec03 .checkTable { padding: 60px 20px; display: flex; flex-wrap: wrap; justify-content: center;}
.salonSec03 .checkTable li { font-size: 2rem; width: 40%;}
.salonSec03 .checkTable li:nth-child(n+3) { margin-top: 20px;}
.salonSec03 .notes { text-align: center; font-size: 1.2rem; margin-top: 20px;}
.salonSec03 .flexTable { margin-top: 100px;}
.salonSec03 .flexTable li .img { width: 53%;}
.salonSec03 .flexTable li .img img { width: 100%;}
.salonSec03 .flexTable li .txt { width: 41.4%; margin-left: 5.6%;}
.salonSec03 .bgcol { padding: 280px 0 150px 0; margin-top: -190px;}
.salonSec04 { margin-top: 150px;}
.salonSec04 .imgArea { display: flex;}
.salonSec04 .imgArea .mainimg { width: 60%;}
.salonSec04 .imgArea .subimg { width: 35%; margin-left: 5%; display: flex;
 flex-direction: column;
 justify-content: space-between;
 display: -webkit-flex;
 -webkit-flex-direction: column;
 -webkit-justify-content: space-between;}
.salonSec04 .imgArea .subimg .img {}
.salonSec04 .imgArea img { width: 100%;}
.salonSec04 .txtArea { margin-top: 50px;}
.salonSec04 .txtArea .txt {}
.salonSec04 .txtArea .readMore { font-size: 1.8rem;}
.salonSec04 .txtArea .readMore a {}
}
/* Responsive 1000 */
@media screen and (max-width: 1000px) {
.salonSec03 .checkTable { width: 96%; margin-left: auto; margin-right: auto;}
.salonSec03 .checkTable li { font-size: 1.8rem; width: 50%;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
#salon .flexTable,
.salonSec04 {padding: 0 40px;}	
}
/* Responsive 767 */
@media screen and (max-width: 767px) {
#salon { margin-bottom: 100px;}
#salon .secTitSub { font-size: 2.2rem; margin-bottom: 45px;}
#salon .flexTable {}
#salon .flexTable li .txt { margin-top: 20px;}
.salonSec01 { padding-bottom: 100px;}
.salonSec01 .contImg.img01 { height: 45vw;}
.salonSec01 .contImg.img02 { height: 30vw; margin-top: -10vw; width: 55%;}
.salonSec01 .flexTable li { margin-top: 50px;}
.salonSec02 { padding: 85px 0;}
.salonSec02 .flexTable li { margin-top: 50px;}
.salonSec03 { margin-top: 75px;}
.salonSec03 .table300 li { margin-bottom: 20px;}
.salonSec03 .bgcol { padding: 140px 0 75px 0; margin-top: -120px;}
.salonSec03 .checkTit { font-size: 2rem; margin-bottom: 15px;}
.salonSec03 .checkTable { padding: 30px 7.5%;}
.salonSec03 .checkTable li { font-size: 1.6rem; margin-bottom: 10px; width: 100%;}
.salonSec03 .checkTable li:last-child {margin-bottom: 0;}
.salonSec03 .notes { font-size: 1rem; margin-top: 10px;}
.salonSec03 .flexTable { margin-top: 50px;}
.salonSec04 { margin-top: 75px;}
.salonSec04 .imgArea .mainimg { margin-bottom: 20px;}
.salonSec04 .imgArea .subimg { display: flex; justify-content: space-between;}
.salonSec04 .imgArea .subimg .img { width: 48%; margin-bottom: 20px;}
.salonSec04 .txtArea {}
.salonSec04 .txtArea .txt {}
.salonSec04 .txtArea .readMore {}
.salonSec04 .txtArea .readMore a {}
}



/*==================================
 blog
==================================*/
#blog { margin-bottom: 200px;}
.topBlog .blogList {margin: 40px auto;}
.topBlog .blogList h2 {padding-bottom: 10px;color: #ae8540;}
.topBlog .blogList dl { border-bottom: 1px solid #e5e5e5;}
.topBlog .blogList dl dt .cat {color: #ae8540;border: 1px solid #ae8540;padding: 0 10px;margin-left: 20px;}
.blogList dl dt .cat a {justify-content: center;color:#ae8540; }
.cateBLog { background: #f9f9f9; width: 83.33%; position: relative; overflow: hidden; margin-left: auto;}
.cateBLog .menuList { max-width: 1000px;}
.detailBlog .detail_tit { font-size: 3rem;}
.detailBlog .detail_info { display: flex; border-bottom: solid 1px #eee;}
.detailBlog .detail_info .date { margin-right: 30px;}
.detailBlog .detail_info .tag { display: flex; flex-wrap: wrap;}
.detailBlog .detail_info .tag a { display: inline-block; color: #ae8540; border: 1px solid #ae8540; padding: 0 15px; text-align: center; margin-right: 9px; margin-bottom: 5px;}
.detailBlog .detail_img img { max-width: 100%;}
.detailBlog .detail_txt { font-size: 1.6rem;}
.detailBlog .detail_txt p { margin-bottom: 15px;}
.detailBlog .detail_link { text-align: center;}
.recommendBlog { max-width: 1100px; margin: 130px auto 0 auto;}
.recommendBlog li a .date { margin-top: 15px;}
.recommendBlog li a .tit { margin-top: 5px;}
/* Responsive 768 */
@media screen and (min-width: 768px) {
.topBlog { max-width: 1000px; margin: 100px auto;}
.topBlog .blogList dl {padding: 20px 0;}
.topBlog .blogList dl a { display: flex;}
.topBlog .blogList dl dt .cat {text-align: center;}
.topBlog .blogList dl dd {padding-top: 20px;}
.topBlog .blogList dl dd a {font-size: 1.6rem;}
.topBlog .blogList h2 {font-size: 4rem;}
.cateBLog { padding: 90px 140px;}
.cateBLog .secTitSub { margin-bottom: 50px;}
.detailBlog { max-width: 1000px; margin: 100px auto;}
.detailBlog .detail_tit { margin-bottom: 30px;}
.detailBlog .detail_info { margin-bottom: 30px; padding-bottom: 30px;}
.detailBlog .detail_info .tag span {}
.detailBlog .detail_img { margin-bottom: 50px;}
.detailBlog .detail_link { margin-top: 140px; font-size: 1.8rem;}
.recommendBlog .secTitSub { margin-left: 25px; margin-bottom: 20px;}
.recommendBlog li { margin-top: 30px;}
.recommendBlog li a .img img { object-fit: cover; width: 300px; height: 220px;}
.recommendBlog li a .date { font-size: 1.6rem;}
.recommendBlog li a .tit { font-size: 1.6rem;}
}
/* Responsive 1000 */
@media screen and (max-width: 1000px) {
.topBlog { padding: 0 5%;}
.cateBLog { padding: 90px 70px;}
.detailBlog { padding: 0 5%;}
.recommendBlog { padding: 0 5%;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
#blog .blogList ,
#blog .detailBlog,
#blog .recommendBlog {padding: 0 40px;}
}


/* Responsive 767 */
@media screen and (max-width: 767px) {
#blog { margin-bottom: 100px;}
.topBlog { margin-bottom: 60px; padding: 0 7.8%;}
.topBlog .secTit {text-align: left;}
.topBlog .blogList dl {padding: 5.2% 0;}
.topBlog .blogList dl a { padding: 3.9% 0 0;}
.topBlog .blogList dl dt .cat {font-size: .8rem;margin-left: 1rem;}
.topBlog .blogList dl dd {}
.topBlog .readMore {text-align: left;}
.cateBLog {width: 100%;}
.cateBLog .secTitSub { margin-bottom: 30px;}
.cateBLog { padding: 7.8%;}
.cateBLog .menuList li a {font-size: .8rem;}
.detailBlog { margin-bottom: 60px; padding: 0 7.8%;}
.detailBlog .detail_tit { font-size: 2rem; margin-bottom: 3.2%;}
.detailBlog .detail_txt { font-size: 1.2rem;}
.detailBlog .detail_txt img {width: 100%;height: auto;}
.detailBlog .detail_info { margin-bottom: 5.2%; padding-bottom: 3.2%;}
.detailBlog .detail_img { margin-bottom: 25px;}
.detailBlog .detail_link { margin-top: 7.8%; font-size: 1.6rem;}
.recommendBlog { padding: 0 7.8%; margin-top: 60px;}
.recommendBlog .secTitSub { margin-bottom: 15px;}
.recommendBlog li { margin-top: 15px;}
.recommendBlog li a .img img { object-fit: cover; width: 100%; height: 30vw;}
.detailBlog .detail_info .tag a {font-size: .8rem;}
}


/*==================================
 uservoice
==================================*/
#uservoice { margin-bottom: 200px;}
.uservoiceTxt { text-align: center; position: relative;}
.uservoiceTxt .imgArea { max-width: 28.3%;}
.uservoiceTxt .leaf { position: absolute;}
.uservoiceSlider { background: #fbf9f6; position: relative;}
.uservoiceSlider .txtBg { position: absolute; left: 0; right: 0; margin: auto; color: rgba(179, 141, 78, 0.102); letter-spacing: -.6rem; line-height: 1;}
.uservoiceSlider .item { max-width: 1000px; display: flex !important;}
.uservoiceSlider .item .infoArea { width: 26%;}
.uservoiceSlider .item .infoArea .img { margin-bottom: 15px;}
.uservoiceSlider .item .infoArea .img img { width: 100%;}
.uservoiceSlider .item .infoArea .name { font-weight: bold; margin-bottom: 5px;}
.uservoiceSlider .item .txtArea { margin-left: 8%;}
.uservoiceSlider .item .txtArea dl dt { color: #ae8540; font-weight: bold; margin-bottom: 5px;}
.uservoiceSlider .item .txtArea dl dt:before { content: "ー ";}
.uservoiceSlider .item .txtArea dl dd { line-height: 2;}
.uservoiceSlider .slick-dots { z-index: 1;}
.uservoiceSlider .slick-dots li { width: 10px; height: 10px;}
.uservoiceSlider .slick-dots li button,
.uservoiceSlider .slick-dots li button:before,
.uservoiceSlider .slick-dots li.slick-active button:before { width: 5px; height: 5px; border: 0;}
.uservoiceSlider .slick-dots li button:before { background: #ccc;}
.uservoiceSlider .slick-dots li.slick-active button:before { background: #ae8540;}
.uservoiceSlider .slick-dots { bottom: -55px;}
/* Responsive 768 */
@media screen and (min-width: 768px) {
.uservoiceTxt { max-width: 1200px; margin: 0 auto 120px auto; min-height: 380px;}
.uservoiceTxt .txtArea01 { position: absolute; top: 0; right: 8%; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; z-index: 1; text-align: left; line-height: 3;}
.uservoiceTxt .txtArea01 .margin { margin-left: 30px;}
.uservoiceTxt .txtArea02 { position: absolute; top: 0; left: 8%; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; z-index: 1; text-align: left; line-height: 3;}
.uservoiceTxt .imgArea { margin: 0 auto;}
.uservoiceTxt .imgArea img { width: 100%;}
.uservoiceTxt .leaf { bottom: 0; right: 0;}
.uservoiceSlider { padding: 80px 0 40px 0;}
.uservoiceSlider .txtBg { max-width: 1200px; font-size: 15rem; bottom: -6rem;}
.uservoiceSlider .item { width: 1000px;}
.uservoiceSlider .item .txtArea { width: 45%;}
}
/* Responsive 1000 */
@media screen and (max-width: 1000px) {
.uservoiceTxt .txtArea01 { line-height: 2.5;}
.uservoiceTxt .txtArea02 { line-height: 2.5;}
.uservoiceSlider .item { padding: 0 5%;}
.uservoiceSlider .item .txtArea { width: 66%;}
}
/* Responsive 767 */
@media screen and (max-width: 767px) {
#uservoice { margin-bottom: 100px;}
.uservoiceTxt { margin-bottom: 60px;}
.uservoiceTxt .imgArea { margin: 10px auto;}
.uservoiceTxt .leaf { width: 18%; margin: auto; top: 0; bottom: 0; right: 5%; display: flex; justify-content: center; align-items: center;}
.uservoiceSlider { padding: 40px 0 20px 0;}
.uservoiceSlider .txtBg { width: 90%; font-size: 15vw; bottom: -6vw;}
}


/*==================================
 recruit
==================================*/
#recruit { margin-bottom: 200px;}
.recruitTxt .txtArea { background: #fbf9f6;}
.recruitTxt .txtArea .contInner .imgArea img { width: 100%;}
.recruitTxt .txtArea .contInner .detailArea .txt { line-height: 2;}
.recruitTxt .linkArea li a { display: block; text-align: center; font-size: 1.6rem; color: #b09363; border: solid 1px #b09363;}
.saiyouTit {font-weight: bold;text-align: center;margin-bottom: 4%;font-size: 2.8rem;}
/* Responsive 768 */
@media screen and (min-width: 768px) {
#recruit .contImg {height: 530px;}
.recruitTxt .txtArea .contInner { padding: 200px 0 80px 0; max-width: 1000px; margin: -120px auto 0 auto; display: flex;}
.recruitTxt .txtArea .contInner .imgArea { width: 30%;}
.recruitTxt .txtArea .contInner .detailArea { width: 65%; margin-left: 5%; letter-spacing: -0.05em;}
.recruitTxt .txtArea .contInner .detailArea .name { margin-top: 20px;}
.recruitTxt .txtArea .contInner .detailArea .txt { margin-top: 40px;}
.recruitTxt .linkArea { display: flex; max-width: 1000px; margin: 100px auto 0 auto;flex-wrap: wrap;justify-content: space-between;}
.recruitTxt .linkArea li { width: 48%;margin-bottom: 3%;}
.recruitTxt .linkArea li:first-child { margin-right: 4%;}
.recruitTxt .linkArea li a { padding: 40px 10px;}
#bisotsu_saiyou .contInner,
#chuto_saiyou .contInner,
#kousotsu_saiyou .contInner {max-width: 1000px;margin: 120px auto;}
}
/* Responsive 1000 */
@media screen and (max-width: 1000px) {
.recruitTxt .txtArea .contInner { padding: 200px 5% 80px 5%;}
.recruitTxt .linkArea { padding: 0 7.8%; display: block;}
.recruitTxt .linkArea li { width: 100%; max-width: 480px; margin: 0 auto 30px;}
.recruitTxt .linkArea li:first-child { margin-right: auto; }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.recruitTxt .txtArea .contInner,
.recruitTxt .linkArea {padding-left:40px;padding-right: 40px;}
}
/* Responsive 767 */
@media screen and (max-width: 767px) {
#recruit { margin-bottom: 100px;}
#recruit .contImg {height: 35vw;width: 92.2%;}
.recruitTxt .txtArea { padding: 100px 0 40px 0; margin-top: -60px;}
.recruitTxt .txtArea .contInner { padding: 0 7.8%;}
.recruitTxt .txtArea .contInner .imgArea { text-align: center;}
.recruitTxt .txtArea .contInner .imgArea img { max-width: 200px;}
.recruitTxt .txtArea .contInner .detailArea {margin-top: 7%;}
.recruitTxt .txtArea .contInner .detailArea .secTitSub { text-align: center;}
.recruitTxt .txtArea .contInner .detailArea .name { margin-top: 10px; text-align: center;}
.recruitTxt .txtArea .contInner .detailArea .txt { margin-top: 20px;}
.recruitTxt .linkArea { margin-top: 50px;}
.recruitTxt .linkArea li a { padding: 6%;font-size: 1.2rem;}
#bisotsu_saiyou .contInner,
#chuto_saiyou .contInner,
#kousotsu_saiyou .contInner {margin: 7% auto;}
.saiyouTit {font-size: 2.2rem;}
}



/*==================================
 staff
==================================*/
#staff { margin-bottom: 200px;}
.staffList { display: flex; flex-wrap: wrap;}
.staffList .item .img img { width: 100%;}
.staffList .item .position { color: #b38d4e; font-weight: bold;}
.staffList .item .name { font-weight: bold; margin-top: 5px;}
.staffList .item .txt { margin-top: 10px; line-height: 1.8;}
/* detail */
#staff .contImgArea { position: relative;}
#staff .contImgArea .copyArea { position: absolute; z-index: 1;}
#staff .contImgArea .copyArea .tit { background: #b09363; color: #fff; display: inline-block; margin-bottom: 20px;}
#staff .contImgArea .copyArea .copy {}
#staff .contImgArea .copyArea .copy span { display: inline-block; background: #fff;}
#staff .topSlider .secTit { text-align: center;}
.staffProfile {}
.staffProfile .detailArea {}
.staffProfile .detailArea .info {}
.staffProfile .detailArea .info .position { font-weight: bold; background: #b09363; color: #fff; text-align: center; min-width: 100px; padding: 2px 20px; display: inline-block;}
.staffProfile .detailArea .info .name { font-weight: bold;}
.staffProfile .detailArea .info .txt {}
.staffProfile .detailArea .info .link {}
.staffProfile .detailArea .info .link a { display: inline-block; margin-right: 20px;}
.staffProfile .detailArea .list {}
.staffProfile .detailArea .list  dl dt { font-weight: bold; width: 40%; padding-right: 5%; padding: 25px 0;}
.staffProfile .detailArea .list  dl dd { border-bottom: solid 1px #e5e5e5; width: 60%; padding: 25px 0;}
.staffProfile .interview {}
.staffProfile .interview li {}
.staffProfile .interview li .img {}
.staffProfile .interview li .txt { line-height: 2;}
.staffProfile .interview li .txt .txt_q { color: #ae8540; font-weight: bold; margin-bottom: 5px;}
.staffProfile .interview li .txt .txt_q:before { content: "ー ";}
.staffProfile .interview li .txt .txt_q {}
.staffProfile .interview li .txt .txt_a {}
.staffPrivate { background: #fbf9f6;}
.staffPrivate .contInner { max-width: 1100px; margin: 0 auto;}
.staffPrivate li .txt { margin-top: 5px;}
.staffCreation { max-width: 1100px; margin: 0 auto;}
.staffCreation .detail_link { text-align: center;}
/* Responsive 768 */
@media screen and (min-width: 768px) {
.staffList { max-width: 1260px; margin: 0 auto;}
.staffList .item { margin: 0 2.3% 80px 2.3%; width: 28.57%;}
.staffList .item .position { margin-top: 20px; font-size: 1.6rem;}
.staffList .item .name { font-size: 2.5rem;}
/* detail */
#staff .contImgArea .copyArea { bottom: 65px; left: 0; right: 0; max-width: 1200px; width: 100%; margin: auto;}
#staff .contImgArea .copyArea .tit { font-size: 2.8rem; padding: 0 20px;}
#staff .contImgArea .copyArea .copy { font-size: 4rem;}
#staff .contImgArea .copyArea .copy span { padding: 10px 20px;}
#staff .contImg {height: 580px;}
.staffProfile { max-width: 1000px; margin: 160px auto 130px auto;}
.staffProfile {}
.staffProfile .detailArea { margin-top: 60px; display: flex;}
.staffProfile .detailArea .info { width: 35%;}
.staffProfile .detailArea .info .position {}
.staffProfile .detailArea .info .name { margin-top: 30px; font-size: 3.5rem;}
.staffProfile .detailArea .info .txt { margin-top: 30px;}
.staffProfile .detailArea .info .link { margin-top: 50px;}
.staffProfile .detailArea .info .link a {}
.staffProfile .detailArea .list  dl { display: flex; flex-wrap: wrap;}
.staffProfile .detailArea .list dl dt {border-bottom: solid 1px #e5e5e5; }
.staffProfile .detailArea .list { width: 65%; margin-top: -25px;}
.staffProfile .interview { margin-top: 100px;}
.staffProfile .interview li { margin-top: 80px;}
.staffProfile .interview li:first-child { margin-top: 0;}
.staffProfile .interview li .img { width: 35%;}
.staffProfile .interview li .img img { width: 100%;}
.staffProfile .interview li .txt { width: 58%;}
.staffProfile .interview li:nth-child(2n+1) .txt,
.staffProfile .interview li:nth-child(2n) .img { float: left;}
.staffProfile .interview li:nth-child(2n) .txt,
.staffProfile .interview li:nth-child(2n+1) .img { float: right;}
.staffProfile .interview li:after { content: ""; display: block; clear: both;}
.staffProfile .interview li .txt .txt_q {}
.staffProfile .interview li .txt .txt_a { margin-bottom: 20px;}
.staffPrivate { padding: 80px 0; margin-bottom: 120px;}
.staffPrivate .secTitSub { margin-left: 25px; margin-bottom: 20px;}
.staffPrivate .secTxt { margin-left: 25px; margin-bottom: 20px; font-size: 3rem;}
.staffPrivate li { margin-top: 30px;}
.staffPrivate li .img {}
.staffPrivate li .img img { object-fit: cover; width: 300px; height: 220px;}
.staffCreation { margin-bottom: 180px;}
.staffCreation .secTitSub { margin-left: 25px; margin-bottom: 20px;}
.staffCreation li { margin-top: 30px;}
.staffCreation li .img img { width: 300px; height: 390px; object-fit: cover;}
.staffCreation .detail_link { margin-top: 100px; font-size: 1.8rem;}
}

/* Responsive 1100px */
@media screen and (max-width: 1100px) {
.staffCreation li .img img { width: 100%; height: 35vw; object-fit: cover;}
}
/* Responsive 900px */
@media screen and (max-width: 900px) {
.staffList { margin: 0 5%;}
.staffList .item { width: 45%; margin: 0;}
.staffList .item:nth-of-type(2n+1) { margin-right: 10%;}
.staffList .item:nth-of-type(n+3) { margin-top: 6vw;}
}
/* Responsive 767 */
@media screen and (max-width: 767px) {
#staff { margin-bottom: 100px;}
.staffList { margin: 0;}
.staffList .item .position { margin-top: 10px;font-size: 1rem;}
.staffList .item .name { font-size: 1.6rem;margin-top: 1%;}
.staffList .item .txt {font-size: 1rem;margin-top: 2.6%;}
/* detail */
#staff .contImgArea .copyArea { bottom: -10vw;padding-left: 4.8%;}
#staff .contImgArea .copyArea .tit { padding: 0 20px;margin-bottom: 2.6%}
#staff .contImgArea .copyArea .copy span { padding: 5px 10px;font-size: 1.6rem;}
#staff .contImg {height: 70vw;width: 92.2%;}
.staffProfile { margin: 20.9% auto 13.9% auto;}
.staffProfile {}
.staffProfile .detailArea { margin-top: 7.8%;}
.staffProfile .detailArea .info .position {}
.staffProfile .detailArea .info .name { margin-top: 15px; font-size: 1.8rem;}
.staffProfile .detailArea .info .txt { margin-top: 10px;}
.staffProfile .detailArea .info .link { margin-top: 15px;}
.staffProfile .detailArea .info .link a {}
.staffProfile .detailArea .list { margin-top: 20px;}
.staffProfile .detailArea .list dl dt {padding: 4.6% 0 0;width: 100%;}
.staffProfile .detailArea .list dl dd {width: 100%;padding: 2.6% 0 4.6%;}
.staffProfile .interview { margin-top: 50px;}
.staffProfile .interview li { margin-top: 40px;}
.staffProfile .interview li:first-child { margin-top: 0;}
.staffProfile .interview li .img { text-align: center; margin-bottom: 20px;}
.staffProfile .interview li .img img { max-width: 350px;}
.staffProfile .interview li .txt {}
.staffProfile .interview li .txt .txt_q {}
.staffProfile .interview li .txt .txt_a { margin-bottom: 10px;}
.staffPrivate { padding-top: 40px; padding-bottom: 40px;  margin: 60px auto;}
.staffPrivate .secTitSub { margin-bottom: 15px;}
.staffPrivate .secTxt { margin-bottom: 15px; font-size: 1.8rem;}
.staffPrivate li { margin-top: 15px;}
.staffPrivate li .img img { object-fit: cover; width: 100%; height: 30vw;}
.staffPrivate li .txt {font-size: 1rem;}
.staffCreation { margin-bottom: 90px;}
.staffCreation .secTitSub { margin-bottom: 15px;}
.staffCreation li { margin-top: 15px;}
.staffCreation li .img img { width: 100%; height: 50vw; object-fit: cover;}
.staffCreation .detail_link { margin-top: 7.8%; font-size: 1.6rem;}
#staff .slick-list {padding-bottom: 10%;}
}



/*==================================
 totalbeauty
==================================*/
#totalbeauty img {width: 100%;}
#totalbeauty .txtBg {color: #f8f5f1;}
#totalbeauty .txtBlock {position: relative;}

#totalbeauty .img {position: relative;}
#totalbeauty .img img {top: 0;bottom: 0;left: 50%;height: 100%;width: auto;max-width: none;transform: translateX(-50%);-webkit-taransform: translateX(-50%);position: absolute;}

#totalbeauty .bBlock01 {position: relative;}
#totalbeauty .bBlock01 .txtBlock .txtBg {position: absolute;z-index: -1;}
#totalbeauty .leaf01 {position: absolute;width: 36%;bottom: -30%;left: -30%;z-index: -1}
#totalbeauty .leaf01 img {width: 100%;height: auto;}
#totalbeauty .stoneBg {width: 70%;margin-left: auto;position: relative;z-index: -1;overflow: hidden;}
#totalbeauty .stoneBg img {top: 0;bottom: 0;left: 50%;height: 100%;width: auto;max-width: none;transform: translateX(-50%);-webkit-taransform: translateX(-50%);position: absolute;}
#totalbeauty .bBlock04 .txtBlock .txtBg {position: absolute;z-index: -1;}
#totalbeauty .colBg {background: #fbf9f6;}
#totalbeauty .chartList li {position: relative;}
#totalbeauty .chartList li .chartImg {position: relative;}
#totalbeauty .chartList li .chartImg img {top: 0;bottom: 0;left: 50%;height: 100%;width: auto;max-width: none;transform: translateX(-50%);-webkit-taransform: translateX(-50%);position: absolute;}
#totalbeauty .chartList li .txtBlock {background: #FFF;}
#totalbeauty .chartList li .name {color: #FFF;background: #b38d4e;padding: 5px 20px;display: inline-block;position: absolute;}
#totalbeauty .chartList li .name span {font-size: 2.2rem;margin-right: .5rem;}


/* Responsive 768 */
@media screen and (min-width: 768px) {
#totalbeauty {position: relative;}
#totalbeauty .leafLeft {position: fixed;left: 0;top: 630px;width: 20vw;max-width: 450px; height: auto;z-index: -1;}
#totalbeauty .leafRight {position: fixed;right: 0;top: 2000px;width: 15vw;max-width: 450px; height: auto;z-index: -1;}
#totalbeauty .conveyTxt {line-height: 2.6;}
#totalbeauty .txtBg {font-size: 20rem;letter-spacing: -.6rem;}

#totalbeauty .bBlock01 {max-width: 1200px;margin: 100px auto 250px;}
#totalbeauty .bBlock01 .img {width: 600px;height: 720px;overflow: hidden;}
#totalbeauty .bBlock01 .flex {align-items: flex-end;overflow: hidden;}
#totalbeauty .bBlock01 .txtBlock {padding-left: 10%;margin-bottom: 7%;width: 50%;}
#totalbeauty .bBlock01 .txtBlock .txtBg {top: -130px;left: 10px;}
#totalbeauty .stoneBg {height: 820px;}
#totalbeauty .bBlock02 {max-width: 1200px;margin: -950px auto 100px;}
#totalbeauty .bBlock02 .flex {align-items: flex-end;justify-content: space-between;}
#totalbeauty .bBlock02 .img {order:2;width: 730px;height: 430px;overflow: hidden;}	
#totalbeauty .bBlock02 .conveyTit {margin: 0 5% 0 10%;}
#totalbeauty .bBlock02 .conveyTxt {margin: 3% 0 0 10%;}
#totalbeauty .bBlock03 .flex {align-items: flex-end;}
#totalbeauty .bBlock03 .img {width: 50%;max-width: 900px;height: 430px;overflow: hidden;}	
#totalbeauty .bBlock03 .conveyTit {margin-left: 6%;}
#totalbeauty .bBlock03 .conveyTxt {max-width: 1200px;margin: 60px auto 180px;padding-left: 25%;}
#totalbeauty .bBlock04 {max-width: 1200px;margin: 0 auto 200px;}	
#totalbeauty .bBlock04 .flex {align-items: flex-end;}
#totalbeauty .bBlock04 .img {order: 2;width: 600px;height: 720px;overflow: hidden;}
#totalbeauty .bBlock04 .txtBlock {padding-right: 10%;margin-bottom: 7%;width: 50%;}
#totalbeauty .bBlock04 .txtBlock .txtBg {top: -130px;left: 10px;}
#totalbeauty .bBlock05 {max-width: 1200px;margin: 0 auto 200px;}
#totalbeauty .bBlock05 .img {width: 600px;height: 670px;overflow: hidden;}
#totalbeauty .bBlock05 .txtBlock {padding-left: 4%;width: 44%;}
#totalbeauty .bBlock05 .txtBlock .txtBg {top: -130px;left: 10px;}
	
	
#totalbeauty .menuChart {max-width: 900px;margin: 0 auto;padding: 100px 0;}
#totalbeauty .menuChart .flex {justify-content: space-between;align-items: flex-start;margin-top:60px;}
#totalbeauty .menuChart .chartList {max-width: 420px;width: 48%;}
#totalbeauty .menuChart .chartList:nth-of-type(2) {margin-top: 60px;}
#totalbeauty .menuChart .chartList li {width: 100%;margin-bottom: 60px;}
#totalbeauty .menuChart .chartList li .chartImg {max-width: 420px;height: 280px;overflow: hidden;}
#totalbeauty .menuChart .chartList li .chartImg img {}
#totalbeauty .menuChart .chartList li .txtBlock {padding: 25px 30px;}
#totalbeauty .menuChart .chartList li .txtBlock .readMore {margin-top: 20px;}
#totalbeauty .menuChart .chartList li .name {position: absolute;top: -20px;left: -20px;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
#totalbeauty .bBlock01, #totalbeauty .bBlock04 {padding: 0 40px;}
#totalbeauty .bBlock01 .txtBlock {padding-left: 5%;}
#totalbeauty .bBlock01 .img, #totalbeauty .bBlock04 .img {width: 50%;}
#totalbeauty .bBlock02 .img {max-width: 730px;width: 58%;}
#totalbeauty .bBlock03 .conveyTxt {padding: 0 40px 0 10%;}
}
/* Responsive 767 */
@media screen and (max-width: 767px) {
#totalbeauty {}
#totalbeauty .txtBg {font-size: 15vw;}
#totalbeauty .img {height: 65vw;overflow: hidden;}
#totalbeauty .bBlock01 .txtBlock .txtBg {font-size: 25vw;top: 0;left: -7vw;}
#totalbeauty .bBlock01 .img {width: 110%;margin-left: -10%;}
#totalbeauty .bBlock02 .img {width: 80%;margin-left: auto;}
#totalbeauty .bBlock03 .img {width: 100%;margin-left: 9%;}
#totalbeauty .bBlock04 .img {width: 110%;margin-left: -10%;}
#totalbeauty .bBlock01 .img img,
#totalbeauty .bBlock04 .img img {width: 100%;height: auto;}
#totalbeauty .img img {position: absolute;}
#totalbeauty .flex {display: block;}
#totalbeauty .bBlock01,
#totalbeauty .bBlock02,
#totalbeauty .bBlock03,
#totalbeauty .bBlock04,
#totalbeauty .bBlock05 {margin: 9.9% 0 14.9%;}
#totalbeauty .bBlock04 .txtBlock .txtBg {font-size: 25vw;top: 0;left: -7vw;}
#totalbeauty .bBlock05 .img {order: 2;}
#totalbeauty .bBlock05 .txtBlock {order: 1;}
#totalbeauty .stoneBg {width: 93%;height: 40vw;}
#totalbeauty .stoneBg img {width: 100%;height: auto;}
#totalbeauty .bBlock02 {margin-top: -30vw;}
#totalbeauty .conveyTit {margin-top: 9.9%;margin-bottom: 5.2%;}	
#totalbeauty .menuChart {padding-top: 9.9%;padding-bottom: 9.9%;}
#totalbeauty .menuChart .conveyTit {margin-top: 5.2%;margin-bottom: 8.4%;}
#totalbeauty .menuChart .chartList li {margin-bottom: 9.9%;}
#totalbeauty .menuChart .chartList li .chartImg {width:100%;height: 40vw;overflow: hidden;}
#totalbeauty .menuChart .chartList li .chartImg img {width: 100%;height: auto;}
#totalbeauty .menuChart .chartList li .name {top: 0;}
#totalbeauty .menuChart .chartList li .name span {font-size: 1.6rem;}
#totalbeauty .menuChart .chartList li .txtBlock {padding: 4%;}
#totalbeauty .menuChart .readMore {margin-top: 3.2%;}
}


/*==================================
 hairgrowth
==================================*/
#hairgrowth .introBlock {background: #fbf9f7;}
#hairgrowth .approach .approachBlock .txtBox .tit {font-weight: bold;}
#hairgrowth .approach .approachBlock .imgBox img {width: 100%;}
#hairgrowth .flowSlider {background:#fbf9f7;}	
#hairgrowth .flowSlider .slick-ttl {font-weight: bold;}
#hairgrowth .example .hidImg img {width: 100%;}
#hairgrowth .example .exampleLead .txtBox .boxTit {font-weight: bold;}
#hairgrowth .example .exampleLead .txtBox .boxTxt {}
#hairgrowth .exampleList .exampleItem li {border: 1px solid #b28850;}
#hairgrowth .exampleList .exampleItem li .baTit {text-align: center;padding: 10px;color: #FFF;margin-bottom: 4%;font-weight: bold;}
#hairgrowth .exampleList .exampleItem li .baTit.before {background: #d4d2cf;}
#hairgrowth .exampleList .exampleItem li .baTit.after {background: #b09363;}
#hairgrowth .exampleList .exampleItem li .progress {margin: 2% 0 4%;font-weight: bold;}
#hairgrowth .exampleList .exampleItem li .txt {margin: 4% 0 4%;font-size: 1.2rem;}
/* 施術料金 */
#hairgrowth .price .bg {background: #fbf9f7;padding: 8% 0 10%;}
#hairgrowth .price .priceTable dt {font-weight: bold;}
#hairgrowth .price .hidImg {}
#hairgrowth .price .hidImg img {width: 100%;}
#hairgrowth .price .notes {padding: 2%;}
#hairgrowth .price .notes small {display: block;margin-bottom: 2%;}

/* 商品紹介 */
#hairgrowth .product .productList {display:flex;justify-content: space-between;flex-wrap: wrap;}
#hairgrowth .product .productList li .itemBox .pname,
#hairgrowth .product .productList li .itemBox .pprice {font-weight: bold;}
#hairgrowth .product .productList li .itemBox {margin: 6% 2% 12%;}
#hairgrowth .product .productList li .itemBox .detail {margin-top: 3%;}

/* Responsive 768 */
@media screen and (min-width: 768px) {
#hairgrowth .introBlock {margin-top: -10%;padding: 17% 0 7%;}
#hairgrowth .introBlock .blockInner {align-items: flex-start;justify-content: space-around;max-width: 1000px;margin: 0 auto;}
#hairgrowth .introBlock .blockInner .conveyTit {margin: 0;line-height: 2.5;}
#hairgrowth .introBlock .blockInner .introTxt {line-height: 3;}
#hairgrowth .approach {max-width: 1200px;margin: 0 auto;padding: 150px 0;}
#hairgrowth .approach .approachBlock:first-of-type {display: flex;justify-content: space-around;align-items: center;margin-bottom: 80px;}
#hairgrowth .approach .approachBlock:first-of-type .imgBox {width: 50%;}
#hairgrowth .approach .approachBlock:first-of-type .txtBox {width: 38%;}
#hairgrowth .approach .approachBlock .txtBox .tit {font-size: 2.2rem;margin-bottom: 30px;}
#hairgrowth .approach .approachBlock .txtBox .txt {line-height: 1.8;}
#hairgrowth .approach .approachBlock:nth-of-type(2) {overflow: hidden;padding: 0 40px;}
#hairgrowth .approach .approachBlock:nth-of-type(2) .imgBox {float: right;}
#hairgrowth .approach .approachBlock:nth-of-type(2) .txtBox {position: absolute;width: 46%;margin-top: 40px;margin-left: 40px;max-width: 470px;}
#hairgrowth .approach .approachBlock:nth-of-type(2) .txtBox .txt {margin-bottom: 40px;}
#hairgrowth .approach .approachBlock .txtBox .readMore {font-size: 1.4rem;}
#hairgrowth .approach .approachBlock:nth-of-type(2) .txtBox .readMore {margin-top: 20px;}
#hairgrowth .flowSlider {padding: 140px 0 200px;}	
#hairgrowth .flowSlider .slick-ttl {margin: 10px 0 5px;}
#hairgrowth .flowSlider .slick-txt {font-size: 1.2rem;}

#hairgrowth .contImg {height: 400px;}
#hairgrowth .example {padding: 100px 0;}
#hairgrowth .example .hidImg {overflow: hidden;width: 85%;}
#hairgrowth .example .box {max-width: 880px;margin: 0 auto;}
#hairgrowth .example .exampleLead {margin: 90px 0;}
#hairgrowth .example .exampleLead .txtBox {width: 50%;}
#hairgrowth .example .exampleLead .txtBox .boxTit {font-size: 2.2rem;line-height: 1.8;}
#hairgrowth .example .exampleLead .txtBox .boxTxt {margin: 6% 14% 0 0;line-height: 2;}
#hairgrowth .example .exampleLead .img  {width: 50%;}
#hairgrowth .example .exampleLead .img img {width: 100%;}
#hairgrowth .exampleList .exampleItem li {padding: 65px 60px;margin-bottom: 40px;}
#hairgrowth .exampleList .exampleItem li:last-child {margin-bottom: 0;}
#hairgrowth .exampleList .exampleItem li img {width: 100%;}
#hairgrowth .exampleList .exampleItem li .baTit {font-size: 1.8rem;}
#hairgrowth .exampleList .exampleItem li .flex {align-items: flex-start;justify-content: space-between;}
#hairgrowth .exampleList .exampleItem li .flex .beforeBox,
#hairgrowth .exampleList .exampleItem li .flex .afterBox {width: 47%;}
#hairgrowth .price .hidImg {overflow: hidden;width: 85%;margin: -6% 0 0 auto;}
#hairgrowth .price .box {max-width: 880px;margin: 0 auto;}
#hairgrowth .price .priceTable {display: flex;justify-content: space-between;padding: 2%;border-bottom: 1px solid #f2f0f3;}
#hairgrowth .price .priceTable dt {}
#hairgrowth .price .priceTable dd {}
#hairgrowth .price .notes {}
#hairgrowth .price .notes snall {}
#hairgrowth .product {padding: 100px 0;}	
#hairgrowth .product .productList {}
#hairgrowth .product .productList li {width: 48%;max-width: 410px;}
#hairgrowth .product .productList li img {width: 100%;}
#hairgrowth .product .productList li .itemBox .pname,
#hairgrowth .product .productList li .itemBox .pprice,
#hairgrowth .product .productList li .itemBox .min {text-align: center;}
#hairgrowth .product .productList li .itemBox .pname {font-size: 2rem;}
#hairgrowth .product .productList li .itemBox .min {font-size: 1.2rem;margin-top: 1%;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
#hairgrowth .example .exampleLead,
#hairgrowth .example .exampleList,
#hairgrowth .price .bg .box {padding: 0 40px;}
}
/* Responsive 767 */
@media screen and (max-width: 767px) {
#hairgrowth .subTit {font-size: 2rem;margin-bottom: 3.9%;}
#hairgrowth .contImg {height: 35vw;margin-top: 9.9%;width: 92.2%;}
#hairgrowth .introBlock .blockInner.flex {display: block;padding: 14.8% 7.8% 7.8%;margin-top: -7.8%;}
#hairgrowth .introBlock .blockInner .conveyTit {writing-mode: initial;margin-top: 0;}
#hairgrowth .approach {margin: 9.9% 0;}	
#hairgrowth .approach .approachBlock .txtBox {margin: 5.2% 0 10.4%;}
#hairgrowth .approach .approachBlock .txtBox .tit {font-size: 1.6rem;margin-bottom: 2.6%;}
#hairgrowth .approach .approachBlock .txtBox .readMore {font-size: 1.2rem;margin-top: 3.9%;}
#hairgrowth .flowSlider {padding: 9.9% 0;}
#hairgrowth .flowSlider .slick-ttl {margin: 4% 0 2%;}
#hairgrowth .flowSlider .slick-txt {font-size: 1.1rem;}
#hairgrowth .flowSlider .slick-initialized .slick-slide {padding-bottom: 1%;}
#hairgrowth .example {margin: 9.9% 0;}
#hairgrowth .example .box {padding: 0 7.8%;}
#hairgrowth .example .exampleLead {display: block;}
#hairgrowth .example .exampleLead .txtBox {margin: 5.2% 0;}
#hairgrowth .example .exampleLead .txtBox .boxTit {font-size: 1.6rem;margin-bottom: 2.6%;}
#hairgrowth .example .exampleItem {margin: 7.8% 0;}
#hairgrowth .exampleList .exampleItem li {padding: 4.8%;margin-bottom: 5.2%;}
#hairgrowth .exampleList .exampleItem li .flex {display: block;}
#hairgrowth .exampleList .exampleItem li .flex .beforeBox {margin-bottom: 10%;}
#hairgrowth .exampleList .exampleItem li .progress {margin: 2% 0;}
#hairgrowth .exampleList .exampleItem li .txt {font-size: 1rem;margin-top: 2%;}
#hairgrowth .price .bg {padding: 8% 7.8%;}
#hairgrowth .price .hidImg {}
#hairgrowth .price .priceTable {padding: 2% 0;border-bottom: 1px solid #f2f0f3;}
#hairgrowth .product {margin: 9.9% 0;}
}


/*==================================
 menu
==================================*/
#menu .menuCont .menuLink.flex {flex-wrap: wrap;justify-content: space-between;}
#menu .menuCont .menuLink li {width: 47%;text-align: center;margin-bottom: 5%;}
#menu .menuCont .menuLink li a {border: 1px solid #efefef;}
#menu .menuCont .menuLink li a span {display:block;}
/* Responsive 768 */
@media screen and (min-width: 768px) {
#menu .contImg {height: 400px;margin-top: 100px;}
#menu .menuCont .induction {margin: 100px 0 70px;line-height: 3;}
#menu .menuCont .menuLink {max-width: 1000px;margin: 0 auto;}
#menu .menuCont .menuLink.flex {width: 90%;margin: 70px auto 150px;}
#menu .menuCont .menuLink li a {padding: 70px 0;}
#menu .menuCont .menuLink li a.button {position: relative;text-align: center;text-decoration: none;outline: none;transition: all .2s;}
#menu .menuCont .menuLink li a.button::before,
#menu .menuCont .menuLink li a.button::after {position: absolute;z-index: 2;content: '';width: 0;height: 0;border: 1px solid transparent;box-sizing: content-box;}
#menu .menuCont .menuLink li a.button::before {top: -2px;left: -2px;}
#menu .menuCont .menuLink li a.button::after {bottom: -2px;right: -2px;}
#menu .menuCont .menuLink li a.button:hover {color: #b38d4e;opacity: 1;}
#menu .menuCont .menuLink li a.button:hover::before,
#menu .menuCont .menuLink li a.button:hover::after {width: 100%;height: 100%;}
#menu .menuCont .menuLink li a.button:hover::before {border-bottom-color: #b38d4e;border-left-color: #b38d4e;transition: height .2s, width .2s .2s;
}
#menu .menuCont .menuLink li a.button:hover::after {border-top-color: #b38d4e;border-right-color: #b38d4e;transition: height .2s .4s, width .2s .6s;}
#menu .menuCont .menuLink li a span {font-size: 4rem;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
#menu .menuCont .menuList {padding: 0 40px;}	
}
/* Responsive 767 */
@media screen and (max-width: 767px) {
#menu .contImg {height: 35vw;width: 92.2%;margin-top: 9.9%;margin-bottom: 9.9%;}
#menu .menuCont .induction {margin: 13.02% 0 9.1%;}
#menu .menuCont .menuLink.flex {margin: 9.9% 0;}
#menu .menuCont .menuLink li a {padding: 9.1% 0;}
#menu .menuCont .menuLink li a span {font-size: 2rem;}
}


/*==================================
 menu
==================================*/
#menu .menuCont .menuList li a.active {color: #a37d3f;}
#menu .menuCont .menuDetail {background: linear-gradient(#fbf9f6 500px, transparent 500px);padding: 7% 0;position: relative;}
#menu .menuCont .menuDetail  img {width: 100%;}
#menu .menuCont .menuDetail .contTit {margin-bottom: 0;}
#menu .menuCont .menuDetail .menuMainImg img {width: 100%;}
#menu .menuCont .menuDetail .menuSubImg img {width: 100%;}

#menu .menuCont .menuDetail .menuTit {font-weight: bold;}
#menu .menuCont .menuDetail .explanation {}
#menu .menuCont .menuDetail .menuTable dl {display: flex;align-items: center;justify-content: space-between;background: #fbf9f6;}
#menu .menuCont .menuDetail .menuTable dl.index {background: transparent;}
#menu .menuCont .menuDetail .menuTable dl.index dd {font-weight: bold;}
#menu .menuCont .menuDetail .menuTable dl dt {width: 60%;font-weight: bold;}
#menu .menuCont .menuDetail .menuTable dl dd {width: 20%;text-align: center;}
#menu .menuCont .menuDetail .menuTable dl dd.wid40 {width: 40%;text-align: center;}
#menu .menuCont .menuDetail .menuTable .min {}
#menu .menuCont .menuDetail .option {text-align: center;font-weight: bold;font-size: 1.6rem;}
#menu .menuCont .menuDetail .optionTable {}
#menu .menuCont .menuDetail .optionTable dl {display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #e5e5e5;}
#menu .menuCont .memberPrice .memberBox {border: 1px solid #b09363;}
#menu .menuCont .memberPrice .memberBox dl {border-bottom: 1px solid #e5e5e5;}
#menu .menuCont .memberPrice .memberBox .min {margin-top: 2%;font-size: 1.2rem;}
#menu .couponCont.colBg {background: #fbf9f6;}
#menu .couponCont .couponTit {text-align: center;font-weight: bold;}
#menu .couponCont .couponList li {background: #FFF;}
#menu .couponCont .couponList .txtBlock .coupon.gold {background:#b09363;}
#menu .couponCont .couponList .txtBlock .coupon.red {background:#b33200;}
#menu .couponCont .couponList .txtBlock .coupon {display: inline-block;color: #FFF;padding: 3px 20px;margin-bottom: 2%;}
#menu .couponCont .couponList .priceBlock .discount,
#menu .couponCont .couponList .priceBlock .offPrice .after { color:#b33200;font-weight: bold;}
#menu .couponCont .couponList .priceBlock .offPrice .after  {letter-spacing: -0.2rem;}
/* Responsive 768 */
@media screen and (min-width: 768px) {
#menu .menuCont .menuDetail .rightLeaf {right: 0;position: fixed;top: 800px;width: 300px;height: auto;z-index: -1;}
#menu .menuCont .menuDetail .leftLeaf { position: fixed;left: 1vw;top: 600px;width: 240px;height: auto;z-index: -1;}
#menu .menuCont .menuList {max-width: 1000px;margin: 100px auto;}
#menu .menuCont .menuList li a span {font-size: 3rem;}
#menu .menuCont .menuDetail .menuBox {margin: 70px 0;}
#menu .menuCont .menuDetail .menuTit {text-align: center;font-size: 3rem;margin: 30px 0;}
#menu .menuCont .menuDetail .contTit.sub {font-size: 8rem;}
#menu .menuCont .menuDetail .explanation {text-align: center;margin: 30px 0;line-height: 2;}
#menu .menuCont .menuDetail .menuMainImg {max-width: 800px;margin: 0 auto;}
#menu .menuCont .menuDetail .menuSubImg {max-width: 600px;margin: 0 auto;}
#menu .menuCont .menuDetail .menuTable {max-width: 800px;margin: 0 auto;}
#menu .menuCont .menuDetail .menuTable .txt {padding:  5px 25px 10px;}
#menu .menuCont .menuDetail .menuTable dl {padding: 15px 0 15px 25px;margin-bottom: 5px;}
#menu .menuCont .menuDetail .menuTable dl.index {padding: 7px 0 7px 25px;}
#menu .menuCont .menuDetail .menuTable .min {padding: 25px;font-size: 80%;}
#menu .menuCont .menuDetail .optionTable {max-width: 800px;margin: 0 auto;}
#menu .menuCont .menuDetail .optionTable dl {padding: 10px 25px;}
#menu .menuCont .memberPrice {max-width: 800px;margin: 100px auto;}
#menu .menuCont .memberPrice .memberBox {border: 1px solid #b09363;padding: 40px;}
#menu .menuCont .memberPrice .memberBox dl {display: flex;justify-content: space-between;padding: 10px 0;}
#menu .couponCont {padding: 70px 0;}	
#menu .couponCont .couponTit {font-size: 3rem;margin-bottom: 50px;}
#menu .couponCont .couponList {max-width:800px;margin: 0 auto 100px;}
#menu .couponCont .couponList li {padding: 40px;margin-bottom: 20px;}
#menu .couponCont .couponList .flex {justify-content: space-between;}
#menu .couponCont .couponList li .txtBlock {width: 70%;padding-right: 4%;border-right: 3px dotted #b09363;}
#menu .couponCont .couponList li .txtBlock .title {letter-spacing: -0.07rem;}
#menu .couponCont .couponList .txtBlock strong {font-size: 1.8rem;line-height: 2;}
#menu .couponCont .couponList .priceBlock.right {text-align: right;}	
#menu .couponCont .couponList .priceBlock.center {text-align: center;}	
#menu .couponCont .couponList .priceBlock {padding-left: 3%;width: 30%;}
#menu .couponCont .couponList .priceBlock .discount {font-size: 2rem;}
#menu .couponCont .couponList .priceBlock .offPrice .after {font-size: 4rem;}
}
/* Responsive 767 */
@media screen and (max-width: 767px) {
#menu .menuCont .menuList {flex-wrap: wrap;justify-content: space-between;padding: 0 7.8%;margin: 9.9% 0;}
#menu .menuCont .menuList li {width: 47%;}
#menu .menuCont .menuList li a {font-size: .8rem;}
#menu .menuCont .menuList li a span {display: block;}
#menu .menuCont .menuDetail {padding: 7.8%; background: linear-gradient(#fbf9f6 200px, transparent 200px);}    
#menu .menuCont .menuDetail .menuBox {margin: 9.1% 0;}
#menu .menuCont .menuDetail .menuTit {margin: 3.9% 0 2%;font-size: 1.6rem;}
#menu .menuCont .menuDetail .contTit {margin-bottom: 3.9%;}
#menu .menuCont .menuDetail .contTit.sub {font-size: 4rem;}
#menu .menuCont .menuDetail .explanation {margin: 3% 0;}
#menu .menuCont .menuDetail .menuMainImg {}
#menu .menuCont .menuDetail .menuSubImg {}
#menu .menuCont .menuDetail .menuTable {}
#menu .menuCont .menuDetail .menuTable .txt {padding: 0 2.6% 2.6%;font-size: 1rem;}
#menu .menuCont .menuDetail .menuTable dl {padding: 2.6%;margin-bottom: 5px;}
#menu .menuCont .menuDetail .menuTable dl.index {padding: 7px 0 7px 25px;}
#menu .menuCont .menuDetail .menuTable dl.index dd {text-align: center;}
#menu .menuCont .menuDetail .menuTable dl dd {text-align: right;}
#menu .menuCont .menuDetail .menuTable .min {padding: 2%;font-size: 80%;}
#menu .menuCont .menuDetail .optionTable {}
#menu .menuCont .menuDetail .optionTable dl {padding: 2%;}
#menu .menuCont .memberPrice {margin: 13.9% auto;}
#menu .menuCont .memberPrice .memberBox {padding: 6%;margin-top: 5%;}
#menu .menuCont .memberPrice .memberBox dl {padding: 2.6% 0;}
#menu .menuCont .memberPrice .memberBox .min {font-size: .8rem;}
#menu .couponCont {padding: 7.8%;}
#menu .couponCont .couponTit {margin-bottom: 8.4%;font-size: 1.4rem;}
#menu .couponCont .couponList:first-of-type {margin-bottom: 15%;}
#menu .couponCont .couponList li.flex {display: block;padding: 5.2%;margin-bottom: 5.2%;}
#menu .couponCont .couponList .txtBlock .coupon {font-size: .8rem;}
#menu .couponCont .couponList .txtBlock .title {margin: 2% 0;}
#menu .couponCont .couponList .txtBlock .title strong {font-size: 1.4rem;}
#menu .couponCont .couponList .priceBlock {display: flex;justify-content: space-between;align-items: baseline;}
#menu .couponCont .couponList .priceBlock .discount {font-size: 1.3rem;}
#menu .couponCont .couponList .priceBlock .offPrice .after {font-size: 3rem;}
}



/*==================================
 access
==================================*/

.tab-area {display: flex;flex-wrap: wrap;justify-content: space-around;
cursor: pointer;}
.tab-area .tab {width: 46%;border-bottom: 1px solid #e5e5e5;}
.tab-area .tab.active {color: #a47d3e;border-bottom: 1px solid #a47d3e;}
.content-area {}
.content-area .content {display: none;}
.content-area .content.show {margin: 0 auto;;display: block;}
.content-area .content.show .mapBlock {margin: 0 auto;}
#access .adress h2 {margin-bottom: 4%;}
#access .adress h2 span {display: block;font-size: 1.4rem;}
#access .adress .adressBox dl {display: flex;justify-content: flex-start;margin-bottom: 4%;}
#access .map .mapBlock .directionsList li .txt {padding: 4% 0;font-size: 1.2rem;}
#access .map .mapBlock .directionsList li img {width: 100%;}
#access .map .ggmap {position: relative;width: 100%;padding-top: 56.25%;overflow:auto; -webkit-overflow-scrolling:touch;}
#access .map .ggmap iframe {position:absolute;top:0;left:0;width:100%;height:100%;border:none;display:block;}
#access .map .mapBlock .busInfo {margin-top: 7%;margin-bottom: 1%; font-weight: bold;border-bottom: 1px solid #e5e5e5;padding-bottom: 2%;}
#access .map .mapBlock .busInfo a {display: inline-block;border: 1px solid #b38d4e;color: #b38d4e;font-size: 1rem;padding: .3rem .8rem;margin-left: 1rem;vertical-align: middle;}
#access .map .content:nth-of-type(2) .mapBlock .directionsList {margin-top: 0;}

/* Responsive 768 */
@media screen and (min-width: 768px) {
#access .contImg {height: 400px;}
#access .adress {max-width: 1000px;margin: 150px auto 100px;}
#access .adress h2 {font-size: 4rem;}
#access .adress .flex {justify-content: flex-start;}
#access .adress .readMore {width: 200px;margin-top: 0;}
#access .adress .adressBox {width: 60%;margin-left: auto;}
#access .adress .adressBox dl dt {width: 25%;}
#access .adress .adressBox dl dd {width: 75%;}
#access .map .tab-area {max-width: 1000px;margin: 100px auto 70px;}
#access .mapBg {background: linear-gradient(#fbf9f6 620px, transparent 200px);padding: 70px 0;}
.content-area .content.show .mapBlock {max-width: 1000px;}	
.tab-area .tab {margin-bottom: 20px;height: 80px;line-height: 80px;}
.tab-area .tab span {font-size: 3rem;margin-right: 1.4rem;}
#access .map .mapBlock .directionsList {justify-content: space-between;align-items: flex-start;margin: 80px 0;flex-wrap: wrap;}
#access .map .mapBlock .directionsList:after, #access .map .mapBlock .directionsList:before {content: "";display: block;width: 30%;height: 0;}
#access .map .mapBlock .directionsList::before {order: 1;}
#access .map .mapBlock .directionsList li {width: 30%;}
#access .map .mapBlock .directionsList li .num {font-size: 4rem;}
#access .map .mapBlock .busInfo {font-size: 2rem;}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
#access .adress,
#access .map .tab-area, 
.content-area .content.show {padding: 0 40px;}
}
/* Responsive 767 */
@media screen and (max-width: 767px) {	
#access .contImg.left {height:35vw;width: 92.2%;}
#access .adress {margin: 7.8% 0;}
#access .adress .flex {flex-wrap: wrap;}
#access .adress .flex .readMore {order: 2;width: 40%;}
#access .adress .adressBox dl {display: block;border-bottom: 1px solid #cfcfcf;}	
#access .adress .adressBox dl dt {padding: 2% 0 0;font-weight: bold;}
#access .adress .adressBox dl dd {padding: 2% 0 4.6%;}
#access .tab-area {padding: 0 7.8%;}
.tab-area .tab {padding: 4% 0;font-size: .8rem;}
.tab-area .tab span {display: block;font-size: 1.8rem;}
#access .content-area .content.show {padding: 0 7.8%;}
#access .mapBg {background: linear-gradient(#fbf9f6 40%, transparent 200px);padding: 7.8% 0;margin: 7.8% 0;}
#access .map .ggmap {padding-top: 86.25%;}
#access .map .blockTit {margin-bottom: 5.9%;}
#access .map .blockTit span.ffpf {font-size: 4.5rem;}
#access .map .blockTit span.ja {font-size: 1.2rem;}
#access .map .mapBlock .directionsList {flex-wrap: wrap;margin: 7.8% 0;}
#access .map .mapBlock .directionsList li {margin-bottom: 4%;}
#access .map .mapBlock .directionsList li .num {font-size: 3rem;}
#access .map .mapBlock .busInfo {font-size: 1.6rem;}

}


/*==================================
 pagename
==================================*/

/* Responsive 768 */
@media screen and (min-width: 768px) {}
/* Responsive 767 */
@media screen and (max-width: 767px) {}


/* Responsive 768 */
@media screen and (min-width: 768px) {}
/* Responsive 767 */
@media screen and (max-width: 767px) {}


/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}