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

/*** reset ***************************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
	word-break:break-all;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
	font-style:normal;
}
button, input, select, textarea {
	background-color:transparent;
	border-style:none;
}

* {
	-webkit-box-sizing: border-box;
	-mos-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {  display:block; }
ul,
ul li{ list-style:none; }
img{ vertical-align:bottom; border-radius:8px; }

a:link, a:visited { text-decoration:none; }
a:active, a:hover { text-decoration:none; }

body { width:100%; min-width:1200px; line-height:1; background:#FFF; font-size:15px; color:#2b302b; font-family: "Noto Sans JP", sans-serif; font-weight:400; font-style:normal; letter-spacing:0.1rem; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; color:#3b3632; outline:none; }
section { margin:2rem auto; padding:2rem 0; }
@media screen and (min-width: 768px) {
.sp-only { display: none !important; }
}
@media screen and (max-width: 769px) {
.pc-only { display: none !important; }
}
/*** splash ***************************************************/
#splash {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  background:#f0dc55;
  text-align:center;
  color:#fff;
}
#splash_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#splash_logo img {
  width:260px;
}

/*** hamburger_menu ***************************************************/

@keyframes bugfix {
  from {
    padding: 0;
  }
  to {
    padding: 0;
  }
}
@-webkit-keyframes bugfix {
  from {
    padding: 0;
  }
  to {
    padding: 0;
  }
}
#overlay-button {
  position:fixed;
  right: 2rem;
  top: 2rem;
  padding: 26px 11px;
  z-index: 9;
  cursor: pointer;
  user-select: none;
}
#overlay-button span {
  height: 4px;
  width: 35px;
  border-radius: 2px;
  background-color: #000;
  position: relative;
  display: block;
  transition: all .2s ease-in-out;
}
#overlay-button span:before {
  top: -10px;
  visibility: visible;
}
#overlay-button span:after {
  top: 10px;
}
#overlay-button span:before, #overlay-button span:after {
  height: 4px;
  width: 35px;
  border-radius: 2px;
  background-color: #000;
  position: absolute;
  content: "";
  transition: all .2s ease-in-out;
}
#overlay-button:hover span, #overlay-button:hover span:before, #overlay-button:hover span:after {
  background: #000;
}
input[type=checkbox] {
  display: none;  
}
input[type=checkbox]:checked ~ #overlay {
  visibility: visible; 
}
input[type=checkbox]:checked ~ #overlay-button:hover span, input[type=checkbox]:checked ~ #overlay-button span {
  background: transparent;
}
input[type=checkbox]:checked ~ #overlay-button span:before {
  transform: rotate(45deg) translate(7px, 7px);
}
input[type=checkbox]:checked ~ #overlay-button span:after {
  transform: rotate(-45deg) translate(7px, -7px);
}
#overlay {
  height: 100vh;
  width: 60vw;
  background: #F8F6F1;
  z-index: 8;
  visibility: hidden;
  position: fixed;
  left:40%;
}
#overlay.active {
}
#overlay ul {
  display: flex;
  flex-direction: column;
  padding:30% 12% 0;
  list-style-type: none;
}
#overlay ul li {
  padding: 1em;
}
#overlay ul li a {
  text-decoration: none;
  font-size: 1.2rem;
  font-weight:500;
  line-height:1.6;
}
#overlay ul li a:hover {
  color: #b77373!important;
}

/*** animation ***************************************************/

.anim-slidein {
	 opacity: 0;
  }

.slideIn {
	animation-name:slideInAnime;
	animation-duration:3s;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	opacity: 0;
}
 
@keyframes slideInAnime {
  0% {
	opacity: 0;
    transform: translateY(300px);
  }
  100% {
    opacity: 1;	  
    transform: translateY(0);
　}
}

.anim-slideRt {
	 opacity: 0;
  }

.slideRt {
	animation-name:slideRtAnime;
	animation-duration:3s;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	opacity: 0;
}
 
@keyframes slideRtAnime {
  0% {
	opacity: 0;
    transform: translateX(300px);
  }
  100% {
    opacity: 1;	  
    transform: translateX(0);
　}
}

.anim-slideLf {
	 opacity: 0;
  }

.slideLf {
	animation-name:slideLfAnime;
	animation-duration:3s;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	opacity: 0;
}
 
@keyframes slideLfAnime {
  0% {
	opacity: 0;
    transform: translateX(-300px);
  }
  100% {
    opacity: 1;	  
    transform: translateX(0);
　}
}

.delay-time02 {
	animation-delay: 0.2s;
}
.delay-time04 {
	animation-delay: 0.4s;
}
.delay-time06 {
	animation-delay: 0.6s;
}
.delay-time08 {
	animation-delay: 0.8s;
}
.delay-time10 {
	animation-delay: 1.0s;
}
.delay-time10 {
	animation-delay: 1.2s;
}

.smooth {
  clip-path: inset(0 100% 0 0);
  display: inline-block;
  font-size: 36px;
  font-weight: bold;
  transition: 5s cubic-bezier(0.37, 0, 0.63, 1);
  transition-property: clip-path;
  margin-top: 15px;
}
.smooth.is-animated {
  clip-path: inset(0);
}

.hoverAnime a img { transition:transform .4s ease-in-out; }

/**** basic ***************************************************/
#page-top { position:fixed; bottom:3rem; right:2vw; z-index:9999; }
#page-top .pagetop-img { width:120px; height:120px; }

.ft-xs { font-size:0.7rem; line-height:1.4; }
.ft-ss { font-size:0.8rem; line-height:1.4; }
.ft-s { font-size:0.9rem; line-height:2; }
.ft-m { font-size:1rem !important; line-height:1.8 !important; }
.ft-l { font-size:1.3rem !important; line-height:2.2 !important; }
.ft-ll { font-size:1.5rem; line-height:2.2; font-weight:500; }
.ft-w { font-weight:700; }
.ft-other { font-family:"Lusitana", serif; font-weight:400; font-style:normal; font-size:2rem !important; margin-bottom:0.5rem !important; line-height:1.5 !important; }

.cont-flex, .all-flex { display:-webkit-flex; display:-ms-flexbox; display:flex; }
.cont-wrap { flex-wrap:wrap; }
.cont-even { -webkit-justify-content:space-evenly; -ms-flex-pack:justify; justify-content:space-evenly; } 
.cont-between { -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; } 
.spot-row { flex-direction:row-reverse !important; }
.wrap { padding-top:50px; }
.base-wrap { max-width:980px !important; margin:0 auto; }
.tiny-wrap { max-width:800px; margin:0 auto; }
.narrow-wrap { width:980px; margin:0 auto 5rem; }
.narrow-wrap .pic-frame { width:45%; text-align:center; }
.narrow-wrap .detail-inner { width:48%; }

.mb02 { margin-bottom:0.2rem; }
.mb1 { margin-bottom:1rem; }
.mb2 { margin-bottom:2rem; }
.mb3 { margin-bottom:3rem !important; }
.mb5 { margin-bottom:5rem !important; }
.mb8 { margin-bottom:8rem !important; }
.mb10 { margin-bottom:10rem !important; }
.pt1 { padding-top:1rem; }
.pt5 { padding-top:5rem; }
.wh-col { color:#FFF; }
.bk-col { color:#2b302b !important; }
.sup { font-size:0.8rem; }
.wth-border { width:100%; border-bottom:solid 1px #2c2c2c; margin-bottom:2rem; padding-bottom:2rem; }

/**** bg ***************************************************/
.kaku-bg { background:url(../img/common/kaku-bg.jpg) repeat; background-attachment:fixed; padding:2rem 0 0; }
.news-kaku-bg { background:url(../img/common/kaku-bg.jpg) repeat; background-attachment:fixed; padding:7rem 0; }
.bg-set-w { width:100%; padding:3rem 2rem 1rem; background:#FFF; border-radius:10px; }
.bg-set-b { width:100%; padding:3.5rem 2rem 1rem; background:#7c8c79; color:#FFF; font-weight:500 !important; margin-top:-0.5rem; margin-bottom:-0.5rem; }
.bg-set01 { width:100%; background:#f0c6b5; border-radius:10px; padding:2.5rem; }
.bg-set02 { width:100%; background:#d9e7da; padding:1rem; border-radius:10px; }
.white-wrap { max-width:1080px; width:100%; background:#FFF; padding:3.8rem 2.4rem; border-radius:10px; margin:2rem auto; box-shadow:0px 0px 18px -5px #666666; }
.spc-bg01 { max-width:1920px; width:100%; height:220px; max-height:460px; background:url(../img/common/spc-bg01.jpg) no-repeat top center; background-position:center bottom; background-size:cover; z-index:1; }
.spc-bg02 { max-width:1920px; width:100%; height:150px; max-height:460px; background:url(../img/common/spc-bg02.jpg) no-repeat top center; background-position:center bottom; background-size:cover; }

/**** tit ***************************************************/
.sec-heading { font-size:1.5rem; font-weight:500; text-align:center; line-height:2; margin-bottom:3rem; position:sticky; z-index:3; }
.bg-set-b .sec-heading { color:#2b302b; }
.bg-circle { position:relative; width:260px; margin:0 auto; }
.bg-circle::before { content:""; display:block; width:90px; height:85px; background:#ffe65d; border-radius:82% 38% 63% 48% / 65% 60% 65% 58%; position:absolute; top:-1.1rem; left:0; z-index:1; }
.heading-sub { display:block; font-size:1rem; font-weight:500; line-height:1.8; margin-top:1rem; letter-spacing:0.7rem; }
.cont-tit { font-size:1.4rem; line-height:2.6; font-weight:700; }
.cont-cet { text-align:center; }

/**** page-top ***************************************************/
.page-top { position:fixed; bottom:1rem; right:0.5rem; }
.page-top img { width:90px; }

/**** arrow ***************************************************/
.arrow { display:flex; float:right; padding:0.5rem; }
.arrow span { font-size:0.6rem; }
.arrow::after { content:''; width:40px; height:7px; border-bottom:solid 1px; border-right:solid 1px; transform:skew(45deg); }
.triangle { display:block; }
.triangle::after { content: ''; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #FFF; position:absolute; top:3.8rem; left:45%; }

/**** btn ***************************************************/
.btn-page { text-align:center; }
.btn-page a { min-width:260px; display:inline-block; background:#ffe65d; font-size:0.88rem; font-weight:700; text-align:center; color:#2b302b; box-sizing:border-box; margin:2.8rem auto 1rem; padding:1.3rem 3rem; border-radius:3px; }
.btn-page a:hover { background:#fcc664; color:#2b302b; }

.link-sns { width:340px; margin:0 auto; }
.link-sns a { display:block; background:#FFF; margin:0 auto 1rem; padding:1.3rem 1rem; font-family:"EB Garamond", serif; font-weight:500; font-size:1.1rem; text-align:center; border-radius:3px; border:1px solid #787878; }

.btn-line { width:80%; margin:3rem auto 0; }
.btn-line a { display:block; color:#2b302b; background:#e5ce51; margin:0 auto 2.8rem; padding:1.2rem 1rem; font-weight:500; font-size:0.85rem; text-align:center; border-radius:8px; }

.btn-yoyaku__inner { position:fixed; top:7rem; right:0; border-radius:8px 0 0 8px; background:#4bbaa7; padding:1.5rem 1rem; z-index:8; }
.b-yoyaku { font-size:0.9rem; color:#FFF; text-align:center; line-height:1.1; }
.b-yoyaku .icon-pic { width:20px; height:31px; margin-bottom:0.7rem; }

/**** header ***************************************************/
.site-head { width:100%; border-top:10px solid #7c8c79; }
.h-inner { width:1200px; height:280px; position:relative; margin:0 auto; }
.h-logo { width:280px; height:auto; text-align:center; margin:0 auto; }
.h-logo .h-salonnm { font-size:0.7rem; font-weight:normal; line-height:1.2; padding:2rem 0 0; }
.h-logo .logo-pic, .f-logo .logo-pic { width:250px; }
.h-nav { font-weight:500; }
.nav-left { width:450px; position:absolute; top:120px; left:10px; }
.nav-right { width:450px; position:absolute; top:120px; left:700px; }

/**** 共通 ***************************************************/
.outer-mv, .outer-head, .wel-b, .salon-gallery { position:relative; }
.inner-tit, .h-sub { display:block; }

.news-detail__dd, .access-dd, .acc-item, .cnd-fl .cnd-fl__dd, .p-newslist .entry-meta { font-size:0.72rem; }
.btn-more { float:right; }
.b-rad { overflow:hidden; }
.omoi-wk__dd, .concept-inner, point-dd, .narrow-wrap .detail-inner { line-height:2; }
.deco-pic { width:29px; height:auto; }
.hakaku-pic { max-width:350px; width:100%; height:auto; }
.detail-inner { width:480px; margin:0 auto; }

/**** MV ***************************************************/
.cont-mv { margin-top:200px; }
.outer-mv { width:1040px; margin:-370px auto 3rem; }
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}
.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img{
  animation: zoomUp 10s linear 0s 1 normal both;  
}

/**** open ***************************************************/
.open-main { width:100%; max-width:1200px; height:auto; margin:0 auto 5rem; }
.op-head01 { font-size:1.9rem; line-height:2; text-align:center; }
.op-head02 { font-size:1.6rem; line-height:2; text-align:center; }
.mark01 { background:linear-gradient(transparent 50%, #ffe65d 50%); }
.mark02 { border-bottom:1px solid #2b302b; }
.mark03 { border-bottom:1px solid #FFF; }
.mark04 { border:1px solid #2b302b; padding:0.4rem 0.8rem; }
.op-flm { width:80%; background:#FFF; font-size:1.3rem; color:#2b302b; line-height:1.6; text-align:center; font-weight:500; padding:2rem; margin:5rem auto 0; }
.op-pic { max-width:350px; width:100%; height:auto; }
.op-inner { height:auto; }
.op-about { text-align:center; position:relative; margin-bottom:3rem; }
.op-about::before { content:""; display:block; width:250px; height:250px; background:url(../img/open/kaku-open02.png) no-repeat; background-size:contain; position:absolute; top:-1rem; left:12%; }
.op-about::after { content:""; display:block; width:250px; height:250px; background:url(../img/open/kaku-open03.png) no-repeat; background-size:contain; position:absolute; bottom:-5rem; right:12%; }
.prf-pic { margin-top:5rem; }
.prf-pic img { max-width:480px; width:100%; }
.op-dl { width:31%; background:#FFF; color:#2b302b; line-height:1.3; padding:1.5rem; }
.op-dt { font-size:1.1rem; font-weight:700; }
.open-menu { max-width:960px; width:100%; margin:0 auto; }
.open-menu img { width:100%; height:auto; }

/**** h-concept ***************************************************/
.h-concept { position:relative; width:810px; margin:0 auto; writing-mode:vertical-rl; color:#FFF; }
.h-concept .cp-txt { line-height:3; }
.h-concept::after { content:""; display:block; width:200px; height:145px; background:url(../img/common/bird01.png) no-repeat; background-size:contain; position:absolute; bottom:-15rem; left:-5rem; }
.kaku-pt { width:33%; }
.pt-pic { max-width:300px; width:100%; }
.pt-detail { width:85%; font-size:1.2rem; margin:0 auto; }
.pt-tit { text-align:center; line-height:2; }

/**** home-voice ***************************************************/
.h-voicelist { width:32%; }
.h-voicelist .pic-frame img { width:220px; height:160px; object-fit:cover; margin-right:1rem; border-radius:10px; }
.voice-detail { min-height:250px; background:#ffe65d; padding:3.8rem 1.5rem 1rem; margin:-3.3rem 0 1rem 2rem; }
.voice-detail .ft-m { font-size:1.06rem !important; font-weight:600; line-height:1.5 !important; }

/**** home-news ***************************************************/
.news-b { width:100%; justify-content:space-between; flex-wrap:wrap; }
.h-news-list, recom-b { width:30%; padding-bottom:0.8rem; margin-bottom:1.2rem;}
.h-news-list:after { content:""; display:block; clear:both; }
.h-news-list .pic-frame img { width:290px; height:290px; object-fit:cover; margin-right:1rem; }
.h-news-list .news-detail { color:#FFF; margin-top:1.2rem; }
.h-news-list .news-detail .ft-m { line-height:1.5; }
.h-news-list .cont-tit { font-size:1.06rem; line-height:1.4; }
.h-news-list .news-detail__dd { font-size:0.8rem; line-height:1.5; }
.calendar-b .wp-block-image img { max-width:300px; max-height:540px; }
.cal-head, .calendar-b { width:43%; }
.cal-head .bg-circle::before { left:10%;  }

/**** recommend ***************************************************/
.recom-inner { width:880px; margin:0 auto; }
.reference { display:flex; justify-content:flex-end; border-bottom:1px solid #666; padding-bottom:2rem; margin-bottom:2rem; }
.reference .recom-pic { width:139px; height:139px; }
.reference .cont-inner { width:200px; margin:3rem 1rem 0 0; }
.reference .coment { background:#edd7d1; padding:1rem; border-radius:5px; line-height:1.2; }
.recom-salon { width:60%; margin:0 auto; }
.recom-salon .resalon-pic { width:140px; height:140px; }
.recom-detail { margin-left:40px; }

/**** home-prof ***************************************************/
.prf-wrap .prf-pic { width:450px; height:auto; margin-top:5rem; }

/**** home-menu ***************************************************/
.osusume { border-bottom:1px solid #FFF; margin-bottom:2.5rem; position:relative; }
.osusume .bird { display:block; width:44px; height:70px; background:url(../img/common/bird02.png) no-repeat; background-position:center right; background-size:cover; position:absolute; top:-0.6rem; right:0; }
.worry-list { line-height:2; margin-left:1rem; font-size:0.88rem; padding-left:3rem; }
.worry-list .worry { list-style:disc;  }
.worry-inner { background:#FFF; color:#2b302b; padding:1rem; border-radius:8px; }

/**** home-btn ***************************************************/
.section_btn a { width:300px; height:68px; font-size:0.95rem; font-weight:700; text-align:center; border-radius:120px; box-shadow:4px 4px 8px rgb(0 0 0 / 15%); }
.link-more .more-link { display:none; }
.btn-link a { display:block; background:#F87076; color:#FFF; padding:1.3rem 0; margin:5rem auto 1rem; } 
.btn-contact a { display:block; width:280px; background:#575757; color:#FFF; font-size:0.8rem; font-weight:700; text-align:center; border-radius:5px; padding:1rem 0; margin:2rem auto 0; } 

/**** home-contact ***************************************************/
.contact-outer { width:40%; background:#FFF; text-align:center; padding:3rem; border-radius:8px; }
.line a { background:#8ac74e; }
.inst a { background:#e86b8c; }

/**** page ***************************************************/
#page { opacity: 0; -webkit-transition:3s cubic-bezier(.25,.1,.25,1); transition:3s cubic-bezier(.25,.1,.25,1); }
#page.page-act { opacity:1; }

.outer-head { position:relative; max-width:1920px; width:100%; height:220px; max-height:460px; background:url(../img/other/p-head-bg.png) no-repeat top center; background-position:center bottom; background-size:cover; }
.page-heading { position:absolute; bottom:-1.5rem; right:20%; width:280px; border-radius:100% 88px / 88px 98%; -webkit-border-radius:100% 88px / 88px 98%; background-color:#ffe65d; }
.inner-tit { font-size:1.2rem; line-height:2.4; text-align:center; margin:0 0 1.5rem; padding:1.5rem 0 0; }
.h-sub { font-size:0.7rem; font-weight:400; letter-spacing:0.3rem; }
.breadcrumbs { margin-top:1rem; }
.breadcrumbs .breadcrumbs-wrap { justify-content:flex-start; margin:0; }
.breadcrumbs .breadcrumbs-list a { display:block; margin-right:12px; }
.arrow-right:before { content: ""; display:block; width:0.3rem; height:0.3rem; border-top:1px solid #000; border-right:1px solid #000; transform: rotate(45deg); margin:0.45rem 1rem 0 0; }

/**** page-salon ***************************************************/
.salon-gallery { position:relative; width:1080px; height:640px; }
.salon-gallery .pic01 { width:228px; height:228px; position:absolute; top:50px; left:0; }
.salon-gallery .pic02 { width:337px; height:337px; position:absolute; top:320px; left:0; }
.salon-gallery .pic03 { width:525px; height:525px; position:absolute; top:0; left:250px; }
.salon-gallery .pic04 { width:288px; height:288px; position:absolute; top:-30px; right:10px; }
.salon-gallery .pic05 { width:252px; height:252px; position:absolute; top:310px; right:-10px; }
.salon-gallery .pic-bird { width:150px; height:108px; position:absolute; top:550px; left:25%; }
.salon-about .sec-heading { font-size:1.3rem; }
.salon-about .pic-frame { width:450px; }
.salon-about .logo-pic { width:400px; height:auto; }
.salon-detail { width:480px; flex-wrap:wrap; }
.salon-detail .about-dt { width:35%; height:26px; display:flex; justify-content:center; flex-direction:column; background:#d9e7da; font-size:0.85rem; color:#131313; text-align:center; margin:0 5% 0 0; padding:3% 1%; }
.salon-detail .about-dd { width:60%; line-height:1.7rem; margin-bottom:12px; }
.kaku-fm { width:90%; background:#7c8c79; padding:2rem; color:#FFF; border-radius:3px; }
.kaku-fm .ft-xs { float:right; margin-top:0.5rem; }
.kaku-fm .ft-xs a { color:#FFF; }
.kaku-fm:after { content:""; clear:both; display:block; }

.msg-pic { width:480px; margin-left:80%; }
.page-act .prf-pic { width:450px; height:auto; margin-top:0; }
.prf-inner { width:450px !important; line-height:1.8 !important; }
.prf-inner .ft-l { line-height:1.8 !important; }
.deco-bird img { width:180px; height:auto; }

/**** page-menu ***************************************************/
.sbnav-head { margin:6rem auto 3rem; }
.sbnav-li { position:relative; }
.sbnav-li a { display:block; width:180px; height:80px; padding:1rem; text-align:center; color:#FFF; border-radius:100% 88px / 88px 98%; -webkit-border-radius:100% 88px / 88px 98%; background-color:#7c8c79; }
.sbnav-li .inner-tit { height:40px; display:grid; place-items:center; font-size:0.9rem; line-height:1.2; padding:0; }
.menu-tit { position:absolute; top:-3rem; left:40%; width:280px; border-radius:100% 88px / 88px 98%; -webkit-border-radius:100% 88px / 88px 98%; background-color:#ffe65d; }
.menu-tit .sec-heading { margin:0 0 1.2rem; padding:1rem 0 0; }
.menu-outer { position:relative; margin-bottom:20rem !important; }
.menu-outer:before { content:""; display:block; width:130px; height:205px; background:url(../img/other/menu-bg.png) no-repeat; background-size:contain; position:absolute; top:0; right:5rem; }
.menu-outer:last-child { margin-bottom:0; }
.menu-detail { margin-top:8rem; }
.menu-detail .detail-inner { margin-top:2rem; }
.menu-price, .menu-ticket, .menu-option { width:80%; margin:0 auto; }
.menu-worry .worry-inner { background:none; border:none; }
.menu-worry .pic-frame { width:200px; margin-top:7rem; }
.price-table { width:100%; line-height:1.3; margin:1rem auto; border-collapse:collapse; border-spacing:0; }
.price-row { border-bottom:solid 1px #6e6767; margin-bottom:1rem; }
.price-table .price-th01 { width:60%; padding:1.5rem 0 0.8rem; }
.price-table .price-th01 .chk { background:#f0c6b5; padding:0.2rem 0.5rem; margin-right:0.5rem; }
.price-table .price-td { width:40%; padding:0.8rem 0; text-align:right; }
.price-table .price-th02 { padding:0.5rem 0 1.3rem; }
.mio-pic { width:180px; height:auto; }
.illust-pic { width:180px; height:auto; }

/**** page-news ***************************************************/
.entry-header .published, .byline, .edit-link, .p-news .entry-footer { display:none; }
.p-voicelist .entry-header .updated { display:none; }
.p-newslist .list-area, .p-voicelist .list-area { width:32%; background:#FFF; padding:1.8rem 1.1rem 1rem; border-radius:8px; margin-bottom:2rem; }
.p-newslist .list-area:after, .p-voicelist .list-area:after { display:block; clear:both; content:""; }
.p-newslist .entry-header, .p-voicelist .entry-header { margin-bottom:0.6rem; }
.p-newslist .category-news, .p-newslist .category-blog, .p-voicelist .category-news, .p-voicelist .category-blog { font-size:0.95rem; margin-bottom:1.2rem; }
.p-newslist .entry-summary .news-txt, .p-archive .entry-content, .p-voicelist .entry-summary .news-txt, .p-archive .entry-content { font-size: 0.85rem; line-height:1.5; margin-bottom:0.8rem; }
.p-newslist .entry-title, .p-voicelist .entry-title { font-size:0.92rem; line-height:1.5; margin-top:0.2rem; }
.p-newslist .post-thumbnail, .p-voicelist .post-thumbnail { text-align:center; margin-bottom:1rem; }
.p-newslist .post-thumbnail a img, .p-voicelist .post-thumbnail a img { width:240px; height:160px; object-fit:cover; margin:0.5rem 0 1rem; }
.p-archive .page-title { font-size:1.2rem; line-height:1.8; margin-bottom:2.4rem;  }
.p-news article { background:#FFF; padding:5rem 3rem; border-radius:20px; margin-bottom:6rem; }
.news-area .entry-header .entry-title { font-size:1.2rem; line-height:2.2; }
.p-news .entry-header { margin-bottom:3rem; padding-bottom:0.6rem; border-bottom:1px solid #9c9c9c; }
.p-news .entry-title { font-size:1.1rem; line-height:1.7; font-weight:500; margin:0.5rem 0; }
.p-news .entry-content { margin:0 0 5rem; }
.p-news .entry-content p { font-size:0.9rem; line-height:1.8; margin:2rem 0; }
.p-news .entry-content .wp-block-image { margin:5rem 0; }
.p-news .entry-footer .cat-links { width:220px; display:flex; line-height:1.8; border:1px solid #ccc; padding:0.5rem 1.5rem; border-radius:10px; }
.p-news .entry-footer .cat-links .icon { width:30px; height:30px; margin-right:12px; }
/**** 404-page ***************************************************/
.pic-frame .not-pic { width:70%; margin:0 auto; }
/**** footer ***************************************************/
footer { background:#FFF; }
.f-nav { padding:2rem; font-weight:500; }
.fnav-wrap { width:1080px; margin:0 auto; }
.f-salon-info { line-height:1.8; margin-bottom:3rem; }
footer .copyright { background:#7c8c79;; color:#FFF; text-align:center; font-size:0.6rem; padding:0.8rem 0; }

@media screen and (max-width: 1024px) {
	body { min-width:100%; }
	section { padding:3rem 0; }
	/*** BASE ***/
	.sp-img, img { width:100%; height:auto; }
	.ft-xs { font-size:1.4rem; line-height:2; }
	.ft-ss { font-size:1.2rem; }
	.ft-s { font-size:1.3rem !important; line-height:1.8 !important; }
	.ft-m { font-size:1.4rem !important; line-height:1.8 !important; }
	.ft-l { font-size:2rem !important; line-height:1.8 !important; }
	.ft-ll { font-size:3rem !important; line-height:1.8 !important; }
	.base-wrap { max-width:100% !important; }
	.tiny-wrap { width:100%; }
	.narrow-wrap { width:90%; margin:0 auto 10rem; }
	.sp-w90 { width:90% !important; margin:0 auto 3rem; }
	.sp-w50 { width:50% !important; margin:0 auto 3rem; }
	.sp-mb2 { margin-bottom:2rem !important; }
	.sp-mb3 { margin-bottom:3rem !important; }
	.sp-mb5 { margin-bottom:5rem !important; }
	.sp-mb8 { margin-bottom:8rem !important; }
	.cont-flex { flex-wrap:wrap; }
	/*** HEADER ***/
	.h-inner { justify-content:start; }
	.h-nav { display:none; }
	.outer-pagehead { height:7rem; }
	.inner-pagehead .page-heading { font-size:34px; line-height:1.8; padding-top:2.4rem; }
	.breadcrumbs { font-size:0.68rem; margin:5rem 0 5rem 1.5rem; }
	.arrow-right:before { width:0.8rem; height:0.8rem; margin:1rem 1rem 0 0; }
	/*** OPEN ***/
	.op-head01 { font-size:2.8rem; }
	.op-head02 { font-size:2.5rem; }
	.op-dl { width:100%; padding:3rem 2rem; margin-bottom:2rem; } 
	.op-dt { font-size:2rem; }
	.op-flm { font-size:2rem; }
	.op-pic { width:100%; }
	/*** HOME ***/
	.h-outer { padding-top:5rem; }
	.detail-inner { width:90%; }
	.h-concept { width:100%; writing-mode:unset; text-align:center; }
	.h-concept::after { width:150px; height:100px; bottom:-15rem; left:0; }
}

@media screen and (max-width: 766px) {
	html { font-size: 50%; }
	body { min-width:100%; }
	/*** BASE ***/
	.wrap { padding-top:3rem; }
	.spc-bg01, .spc-bg02 { height:120px; }
	.ft-ss { font-size:1.6rem; }
	.ft-s { font-size:1.8rem !important; line-height:2 !important; }
	.ft-m { font-size:2.2rem !important; line-height:2 !important; }
	.ft-l { font-size:2.4rem !important; line-height:2.2 !important; }
	.ft-ll { font-size:2.6rem !important; line-height:2.3 !important; }
	.sp-w90 { width:90% !important; margin:0 auto; }
	.heading-sub { font-size:2.5rem; }
	#overlay ul { padding:35% 12% 0; }
	#overlay ul li a { font-size:1.8rem; line-height:2; }
	.narrow-wrap { width:100%; margin:0 auto 5rem; }
	.narrow-wrap .detail-inner { width:100%; }
	.narrow-wrap .pic-frame { width:100%; }
	.bg-set-b { padding:3.5rem 3% 1rem; }
	.p-menu .bg-set-b { padding:3.5rem 0 1rem; }
	.white-wrap { width:95%; margin:0 auto; } 
	.bg-set-b .white-wrap { width:100%; margin:0 auto 5rem; } 
	.sec-heading { font-size:2.4rem; padding-top:2rem; }
	.ft-other {font-size:3.2rem !important; }
	.bg-circle { margin-bottom:8rem; }
	.bg-circle::before { left:20%; }
	.btn-page a { width:70%; font-size:1.7rem; padding:3rem 2rem; margin:6rem auto 1rem; }
	.btn-line { width:92%; margin:5rem auto 0; }
	.btn-line a { font-size:2rem; padding:3rem 1rem; }
	.cont-wrap { display:block; }
	.cont-flex { display:block; }
	.arrow span { font-size:1.6rem; }
	/*** PAGE ***/
	.outer-head { height:150px; }
	.outer-head .page-heading { width:auto; right:5%; }
	.page-heading .inner-tit { font-size:1.6rem; padding:2.5rem 3.2rem 1.2rem; }
	.breadcrumbs .breadcrumbs-list, .breadcrumbs .breadcrumbs-list a { width:100%; font-size:1.6rem; line-height:2; justify-content:start; }
	/*** HEADER ***/
	.h-inner { width:100%; height:170px; justify-content:flex-start; }
	.h-logo { width:100%; height:auto; }
	.h-logo .logo-pic { width:145px; }
	.h-logo .h-salonnm { font-size:1.3rem; line-height:1.8; padding:1.5rem 0.4rem 0; }
	.inner-tit { font-size:2.4rem; line-height:1.6; padding:2.2rem 0 1rem; }
	.btn-yoyaku__inner { top:12rem; padding:1.5rem 2rem; }
	.b-yoyaku { font-size:1.4rem; }
	/*** OPEN ***/
	.op-about { margin-bottom:0; }
	.op-about::before { position:unset; margin:5rem 0 5rem 2rem; }
	.op-about::after { position:unset; margin:5rem 0 0 22vw; }
	.op-inner { height:auto; }
	.op-flm { width:90%; }
	.page-act .prf-pic { width:96%; margin:1rem auto 0; } 
	/*** HOME ***/
	.cont-mv { margin-top:150px; }
	.outer-mv { width:100%; margin:-22rem auto 6rem !important; }
	.kaku-pt { width:100%; }
	.kaku-pt .pic-frame { text-align:center; }
	.kaku-pt .pt-tit { font-size:2.6rem; }
	.h-voicelist { width:100%; }
	.h-voicelist .pic-frame img { width:120px; height:120px; margin-left:3rem; }
	.voice-detail { width:100%; min-height:200px; padding:8rem 2rem 1rem 2rem; margin:-25px 0 0 0; }
	.voice-detail .ft-m { font-size:2.08rem !important; }
	.news-b { width:90%; margin:0 auto; } 
	.h-news-list { width:100%; padding-bottom:3rem; border-bottom:1px solid #eee; }
	.h-news-list .pic-frame { text-align:center; }
	.h-news-list .pic-frame img { width:300px; height:300px; margin-bottom:1.5rem; }
	.h-news-list .cont-tit { font-size:1.8rem; line-height:1.6; font-weight:normal; } 
	.h-news-list .news-detail { margin-top:0; }
	.h-news-list .news-detail__dd { font-size:1.8rem; line-height:1.8; }
	.cal-head, .calendar-b { width:100%; }
	.arrow-right:before { width:0.9rem; height:0.9rem; margin:1.1rem 1.3rem 0 0; }
	.calendar-b .wp-block-image img { max-width:100%; }
	.link-bg { width:110px; right:0; }
	.reference { justify-content:space-evenly; padding-bottom:5rem; margin-bottom:5rem; }
	.recom-salon { width:100%; }
	.recom-salon .recom-detail { width:50%; margin-left:3%; font-size:1.5rem !important; line-height:1.6 !important; }
	.prf-inner { width:100% !important; }
	.prf-wrap .prf-pic { width:100%; }
	.osusume .bird { width:30px; height:48px; top:0.6rem; }
	.menu-b .pic-frame { width:80%; margin:0 auto; }
	.menu-b .detail-inner { width:100%; }
	.worry-inner { padding:2rem 1.6rem; }
	.worry-list { font-size:1.8rem; line-height:1.4; }
	.worry-list .worry { margin-bottom:0.6rem; }
	/*** ABOUT ***/
	.salon-gallery { width:90%; height:auto; position:unset; text-align:center; }
	.salon-gallery .pic01 { position:unset; width:90%; height:90%; margin:0; }
	.salon-gallery .pic02 { position:unset; width:90%; height:90%; } 
	.salon-gallery .pic03 { position:unset; width:90%; height:90%; margin:0; }
	.salon-gallery .pic04 { position:unset; width:90%; height:90%; margin:0; }
	.salon-gallery .pic05 { position:unset; width:90%; height:90%; }
	.salon-gallery .pic-bird { position:unset; margin:-60px 0 0 40%; }
	.salon-about .sec-heading { font-size:2.4rem; line-height:2.5; }
	.mark04 { padding:0.8rem 0.8rem; }
	.salon-about .logo-pic { width:100%; }
	.kaku-fm { width:100%; margin-bottom:5rem; }
	.salon-detail .about-dt { width:auto; font-size:1.8rem; }
	.salon-detail .about-dd { width:100%; line-height:2.2; }
	.cont-bg01 { width:100%; height:40vh; background-size:cover; }
	.link-sns { width:70%; margin:0 auto; }
	.link-sns a { padding:2rem 1rem; font-size:100%; }
	.pic-frame .msg-pic { width:300px; margin-left:20%; }
	.prf-wrap .prfimg { width:180px; height:auto; margin-top:0; }
	.salon-about .salon-detail { width:100%; }
	/*** MENU ***/
	.sbnav-head .sbnav-inner { display:flex; flex-wrap:wrap; }
	.sbnav-li a { width:180px; height:70px; border-radius:12px; -webkit-border-radius:12px; margin-bottom:1rem; }
	.sbnav-li .inner-tit { height:45px; display:grid; place-items:center; font-size:1.9rem; line-height:1.2; margin:0; padding:0; }
	.triangle { display:grid; place-items:center; height:10px; }
	.triangle::after { position:unset; }
	.menu-outer:before { width:110px; height:173px; right:2rem; }
	.menu-tit { width:220px; top:-5rem; left:20%; }
	.menu-detail .pic-frame { width:90%; margin:0 auto; padding-top:3rem; }
	.menu-pic, .care-pic, other-pic { width:100%; }
	.menu-price, .menu-ticket, .menu-option { width:100%; }
	.price-table .price-th01, .price-table .price-td { width:100%; display:inline-block; }
	.menu-worry .pic-frame { width:180px; margin:2rem auto 0; }	
	.care-b .cont-cet { text-align:left; }
	.care-b .pic-frame, .tiny-wrap .pic-frame { width:70%; margin:0 auto; }
	.care-b .pic-illust { width:180px; margin:0 auto; }
	/*** FOOTER ***/
	.info-cont { width:90%; margin:0 auto; }
	.page-top { bottom:2rem; right:1rem; }
	.page-top img { width:60px; }
	.f-area { padding:2rem; }
	.f-nav { font-size:1.6rem !important; line-height:2.4; }
	.nav-list:not(:first-child):before { content:"-"; }
	footer .copyright { font-size:1rem; padding:1.1rem 0; }
	/*** NEWS ***/
	.ft-alex { top:-39rem; left:1rem; font-size:10rem !important; }
	.p-newslist .entry-header .updated { font-size:1.4rem;  }
	.p-newslist .list-area, .p-voicelist .list-area { width:90%; margin:0 auto 3rem; }
	.p-newslist article, .p-voicelist article { width:90%; margin:1.6rem auto 3rem; padding:0; }
	.p-news article { width:90%; margin:1.6rem auto 3rem; }
	.p-news .entry-meta, .p-newslist .entry-meta, .p-voicelist .entry-meta { font-size:small; }
	.p-news .entry-title, .p-newslist .entry-title, .p-news .entry-title, .p-voicelist .entry-title { font-size:2rem; line-height:1.8; margin:1.5rem 0; } 
	.p-news .entry-content p { font-size:2.2rem !important; line-height:2; }
	.post-thumbnail a img { width:100%; margin:0 auto 2rem; float:none; }
	.entry-summary p { font-size:1.5rem !important; line-height:1.8 !important; }
}