@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

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

/* ---------------------------------------------------------
    BASE
--------------------------------------------------------- */
html,
body {
  height: 100%;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
  margin: 0;
  padding: 0;
}

body {
  font-size: 14px;
  color: #fff;
  font-family: arial;
  -webkit-text-size-adjust: 100%;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "Sawarabi Mincho", serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  line-height: 1.75em;
  text-align: justify;
  background: #000;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

a {
  color: #fff;
  text-decoration: none;
  -webkit-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear;
}
a:hover {
  opacity: 0.5;
}
a img {
  border: 0;
}

a.link {
  color: #920783;
  text-decoration: underline;
}

.content a {
  color: #000;
  border-bottom: 1px solid #ccc;
  -webkit-transition: border-color 0.35s linear;
  transition: border-color 0.35s linear;
}
.content a:hover {
  color: #f40caf;
  border-color: #f40caf;
}

h1,
h2,
h3 {
  color: #a3087c;
}

h1 {
  font-size: 9rem;
  font-weight: normal;
}

h2,
h3 {
  margin: 1.875rem 0;
}

h2 {
  font-size: 1.5rem;
}

h3 {
  font-size: 1.125rem;
}

p {
  margin: 1.25rem 0;
}

li {
  list-style: none;
}

/* ---------------------------------------------------------
    UTIL
--------------------------------------------------------- */
/* clearfix */
.cf:before,
.cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
} /* IE6,7 */
@media only screen and (max-width: 40em) {
  .hide-for-sp {
    display: none !important;
  }
}
@media only screen and (min-width: 40em) {
  .hide-for-pc {
    display: none !important;
  }
}
/* ---------------------------------------------------------
    COMMON STYLE
--------------------------------------------------------- */
.center {
  text-align: center;
}

.font120per {
  font-size: 120%;
}

.double-line-top > hr, .double-line-box > hr,
.double-line-bottom > hr {
  display: none;
}

.double-line-top, .double-line-box {
  border-top: 2px solid #502d00;
}
.double-line-top:before, .double-line-box:before {
  content: "";
  display: block;
}
.double-line-top:before, .double-line-box:before {
  border-top: 1px solid #502d00;
  margin-top: 2px;
}

.double-line-bottom, .double-line-box {
  border-bottom: 2px solid #502d00;
}
.double-line-bottom:after, .double-line-box:after {
  content: "";
  display: block;
}
.double-line-bottom:after, .double-line-box:after {
  border-bottom: 1px solid #502d00;
  margin-bottom: 2px;
}

.to-rep {
  margin-bottom: 40px;
  background-color: rgba(255, 255, 255, 0.5);
}
.to-rep > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #a3087c;
}
.to-rep .to-rep__photo {
  width: 30%;
}
.to-rep .to-rep__txt {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  width: 70%;
  font-size: 24px;
  letter-spacing: 0.085em;
  text-align: center;
  padding-right: 50px;
}
.to-rep .to-rep__txt span {
  font-size: 14px;
  display: block;
  margin-top: 10px;
}
.to-rep .to-rep__arw {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  width: 30px;
  height: 30px;
  margin: auto;
}

/* ---------------------------------------------------------
    LAYOUT
--------------------------------------------------------- */
#bg-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transition: opacity 0.8s ease-out;
  transition: opacity 0.8s ease-out;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
#bg-wrapper.active {
  opacity: 0.65;
}
#bg-wrapper.active2 {
  opacity: 0.3;
}
#bg-wrapper .background {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
#bg-wrapper .background#background-mat {
  background-color: #000;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 0.8s ease-out;
  transition: opacity 0.8s ease-out;
}
#bg-wrapper .background#background {
  background-image: url(./img/top_bg_cmp.jpg);
}
#bg-wrapper .background#background2 {
  background-image: url(./img/top_bg2_cmp.jpg);
}

#wrapper {
  position: relative;
  z-index: 1;
  min-height: 100%;
}

#header {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-transition: background-color 0.8s ease;
  transition: background-color 0.8s ease;
  width: 100%;
  height: 80px;
}
#header .header-inner {
  position: relative;
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  z-index: 100;
}
#header h1,
#header .logo {
  font-size: 100%;
  margin: 0;
  position: absolute;
  top: 18px;
  left: 0;
  z-index: 51;
}
#header h1 > a,
#header .logo > a {
  display: block;
}
#header .header-tel {
  position: absolute;
  top: 15px;
  right: 170px;
  font-size: 24px;
  z-index: 10;
  text-align: right;
  color: #444;
  line-height: 1;
}
#header .header-tel span {
  font-size: 0.6em;
}
#header .confirm-time {
  font-size: 12px;
  letter-spacing: 0.1em;
  background-color: #01B902;
  color: #fff;
  border-radius: 1.5rem;
  display: inline-block;
  border-radius: 9999px;
  padding: 0.3rem 2rem;
  line-height: 1;
  margin-right: -3px;
}
#header .coupon {
  position: fixed;
  top: 0;
  left: auto;
  width: 100%;
}
#header .coupon a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  left: 840px;
  background-color: #a3087c;
  height: 80px;
  width: 140px;
}
#header .coupon a img {
  display: block;
}
#header .coupon span {
  font-size: 10px;
  letter-spacing: 0;
}

#global-nav {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 0.3em;
  position: relative;
  z-index: 99;
}
#global-nav ul {
  width: 980px;
  display: inline-block;
  padding: 20px 0 15px;
  overflow: hidden;
}
#global-nav ul li {
  display: inline-block;
  font-size: 17px;
  margin: 0 46px;
}
#global-nav ul li:first-child {
  margin-left: 0;
}
#global-nav ul li:last-child {
  margin-right: 0;
}
#global-nav ul li a {
  color: #fff;
  display: block;
}

body.index nav ul li.nav-index a,
body.staff nav ul li.nav-staff a,
body.salon nav ul li.nav-salon a,
body.menu nav ul li.nav-menu a,
body.items nav ul li.nav-items a,
body.school nav ul li.nav-school a,
body.address nav ul li.nav-address a {
  color: #f40caf;
}

#container {
  position: relative;
  width: 980px;
  margin: 0 auto;
  padding-bottom: 6.25rem;
}

#main {
  color: #000;
  font-size: 14px;
  position: relative;
  line-height: 1.75em;
  margin: 0 0 40px;
  padding: 35px 40px;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#main h1 {
  text-align: center;
  font-size: 2.25rem;
  letter-spacing: 0.3em;
  font-weight: normal;
  margin: 2.8125rem 0 5rem;
}
#main .page-ttl {
  text-align: center;
  color: #a3087c;
}
#main .page-ttl-en {
  font-size: 2.25rem;
  font-weight: normal;
  letter-spacing: 0.3em;
  margin: 2.8125rem 0 5rem;
  margin-bottom: 0.8rem;
}
#main .page-ttl-ja {
  margin-top: 10px;
  font-size: 1rem;
  font-weight: normal;
  letter-spacing: 0.1em;
}

footer {
  position: absolute;
  bottom: 0;
  width: 980px;
  left: 50%;
  margin-left: -490px;
  height: 65px;
  font-size: 14px;
  line-height: 1em;
}
footer ul {
  float: right;
}
footer ul li {
  display: inline-block;
  vertical-align: bottom;
}
footer ul li a {
  display: inline-block;
}
footer .mail a {
  margin-left: 20px;
  background: url("./img/common/mail_icon.png") no-repeat center left;
  background-size: 16px;
  padding: 5px 0 5px 25px;
}
footer .line a {
  margin-left: 20px;
  background-size: 16px;
  padding: 5px 0;
}
footer .line a img {
  width: 80px;
  height: auto;
}
footer .tel a {
  background: url("./img/common/tel_icon.png") no-repeat center left;
  background-size: 11px;
  padding: 5px 0 10px 20px;
}
footer .facebook-icon {
  margin-left: 20px;
  padding: 5px 0;
}
footer .facebook-icon img {
  margin-right: 8px;
  vertical-align: bottom;
  margin-bottom: 2px;
}
footer .copyright {
  font-size: 12px;
  float: left;
  padding: 10px 0;
  margin: 0;
}

.sp-coupon {
  position: fixed;
  bottom: -10rem;
  left: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.25em;
  font-size: 0.85rem;
  font-family: "Roboto", sans-serif;
  min-width: 320px;
  z-index: 999;
  -webkit-transition: bottom 0.3s ease-out;
  transition: bottom 0.3s ease-out;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
}
.sp-coupon span {
  vertical-align: middle;
}
.sp-coupon a {
  display: block;
}
.sp-coupon .coupon-row {
  position: relative;
  background-color: #920783;
  padding: 1rem 1rem;
}
.sp-coupon .coupon-row a {
  color: #fff;
}
.sp-coupon .tel-row {
  font-family: Garamond, "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "Sawarabi Mincho", serif;
  text-align: center;
  position: relative;
  background-color: #fff;
  padding: 1rem 1rem;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  font-weight: bold;
}
.sp-coupon .tel-row a {
  color: #920783;
}
.sp-coupon .tel-row .confirm-time {
  font-size: 14px;
  background-color: #01B902;
  color: #fff;
  display: inline-block;
  border-radius: 9999px;
  padding: 0.7rem 2.5rem;
  line-height: 1;
  letter-spacing: 0.1em;
  margin-bottom: 15px;
}
.sp-coupon.active {
  bottom: 0;
}

body.coupon .coupon-row {
  display: none;
}

.coupon-h {
  display: inline-block;
  font-family: "Roboto", sans-serif;
  margin-right: 0.5rem;
  font-style: italic;
  font-size: 0.7rem;
  letter-spacing: 0.1em;
  padding: 0.125rem 0.35rem;
  border: 1px solid #fff;
  width: 50px;
  text-align: center;
}

.tel-h {
  font-size: 0.7em;
}

.coupon-cp-arw {
  width: 7px;
  position: absolute;
  right: 1rem;
  top: 50%;
  margin-top: -10px;
}

.price-num {
  font-size: 1.1em;
}

.page-outline {
  text-align: center;
  margin-bottom: 60px;
}

.coupon_ext {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  margin: 65px auto 20px auto;
  border: 1px solid #a3087c;
  padding: 25px 40px;
  width: 560px;
  position: relative;
  background: #a3087c;
  text-align: center;
  font-size: 1.45rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.coupon_ext span {
  display: block;
  font-size: 1rem;
  margin-bottom: 10px;
}

.coupoin_ext_note {
  text-align: center;
  margin-bottom: 65px;
}

.coupon_ext .orth-arw {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

/* ---------------------------------------------------------
    TOP
--------------------------------------------------------- */
body.index #wrapper {
  height: 100%;
}
body.index #background,
body.index #background2 {
  display: none;
}
body.index #container {
  position: absolute;
  width: 980px;
  left: 50%;
  top: 0;
  padding: 0;
  margin: 0;
  margin-left: -490px;
  height: 100%;
  z-index: 10;
}
body.index #main {
  background-color: transparent;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
body.index #main p {
  font-size: 16px;
  line-height: 1.95em;
  font-weight: bold;
}
body.index #main p.daihyou {
  font-size: 21px;
}
body.index #main p.daihyou span {
  font-size: 16px;
}
body.index footer {
  z-index: 300;
}
body.index #news {
  position: absolute;
  bottom: 6rem;
}
body.index #news h3 {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  color: #fff;
  font-weight: normal;
  letter-spacing: 0.12em;
  margin: 0 0 10px;
  line-height: 1em;
}
body.index #news span.more {
  display: inline-block;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  background: url("./img/top/arw.png") no-repeat center right;
  padding-right: 15px;
}
body.index .copy {
  position: absolute;
  top: 50%;
  left: 0;
  color: #fff;
  text-align: center;
  letter-spacing: 0.075em;
  text-shadow: 0 0 8px #000;
  width: 100%;
  height: 85px;
}
body.index .copy div {
  margin-top: 45px;
}
body.index .copy p {
  display: inline-block;
  font-size: 18px;
  line-height: 1em;
  letter-spacing: 0.05em;
  vertical-align: top;
  margin: 0 5px;
}
body.index .copy a.readmore {
  font-size: 18px;
  border: 1px solid #fff;
  padding: 0.5rem 0.8rem;
  border-radius: 3px;
}
body.index #concept-modal {
  display: none;
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
body.index #concept-modal .container {
  display: table;
  width: 100%;
  height: 100%;
}
body.index #concept-modal .inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 0;
}
body.index #concept-modal h2,
body.index #concept-modal p {
  color: #000;
}
body.index #concept-modal h2 {
  font-size: 22px;
  letter-spacing: 0.05em;
  font-weight: normal;
  margin-bottom: 45px;
}
body.index #concept-modal p {
  font-size: 14px;
  letter-spacing: 0.05em;
  line-height: 1.9em;
}
body.index #concept-modal .box {
  display: inline-block;
  text-align: left;
  padding: 50px 50px 100px;
  position: relative;
  z-index: 100;
}
body.index #concept-modal .daihyo {
  text-align: right;
}
body.index #concept-modal .close img {
  display: block;
}
body.index #concept-modal .mat {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

/* ---------------------------------------------------------
    STAFF
--------------------------------------------------------- */
body.staff .profile {
  width: 710px;
  font-size: 0.875rem;
  margin: 0 auto 4.6875rem;
}
body.staff .profile .prof-catch {
  font-size: 1.25em;
  font-weight: bold;
  margin-top: -0.35em;
  margin-bottom: 2em;
}
body.staff .profile .prof-photo {
  float: left;
  text-align: right;
  margin: 0;
}
body.staff .profile .prof-content {
  font-size: 0.75rem;
  width: 385px;
  padding: 1.875rem 2.5rem;
  float: right;
  background-color: #fff;
  color: #000;
}
body.staff .profile .prof-content .p-head {
  padding-right: 0.5rem;
  white-space: nowrap;
}
body.staff .profile .prof-content .p-head:after {
  content: "：";
}
body.staff .profile .prof-content .job {
  font-size: 0.75rem;
  font-weight: bold;
  margin: 0 0 0.625rem;
}
body.staff .profile .prof-content .name {
  margin-top: 0;
}
body.staff .profile .prof-content .name .ja {
  display: inline-block;
  margin-left: 0.5rem;
  font-size: 1.75rem;
  font-weight: bold;
  color: #a3087c;
  letter-spacing: 0.1em;
}
body.staff .profile .prof-content .name .en {
  display: inline-block;
  font-size: 0.8125rem;
  font-weight: normal;
  color: #666;
  letter-spacing: 0.035em;
  margin-left: 1rem;
}
body.staff .profile .prof-content .actual {
  font-size: 0.6875rem;
}
body.staff .profile .prof-content .topic {
  text-align: center;
}
body.staff .profile .prof-content .topic a {
  color: #a3087c;
  font-weight: bold;
}
body.staff .profile .prof-content .topic img {
  display: inline-block;
  border: 1px solid #ccc;
}
body.staff .profile .prof-content .topic .topic-item {
  margin: 15px 0;
}
body.staff .profile .prof-content .topic .topic-photo {
  margin-bottom: 5px;
}
body.staff .profile .prof-content .topic .topic-text {
  margin: 5px 0;
}
body.staff .profile .prof-content .comment .p-head {
  display: block;
}
body.staff .notice {
  color: #999;
  font-size: 18px;
}

/* ---------------------------------------------------------
    ITEMS COMMON
--------------------------------------------------------- */
.items-image {
  margin: 30px 0 60px;
  text-align: center;
}

.items-other-title {
  font-size: 14px;
  line-height: 1.75;
  margin: 20px 0 30px;
  color: #000;
}

.items-other-note {
  font-size: 12px;
  margin: 30px 0;
  font-weight: normal;
  color: #666;
}

.items-other-course {
  color: #000 !important;
  line-height: 2;
}

.items-other-course-title {
  font-size: 1.1rem;
  color: #a3087c;
}
.items-other-course-title.clr-micopellis {
  color: rgb(0, 117, 163);
}

.items-outline {
  text-align: center;
}
.items-outline > h3.clr-micopellis {
  color: rgb(0, 117, 163);
}

.items-note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.items-note > dt {
  margin-right: 5px;
}
.items-note > dt:after {
  content: " …";
}

.items-heading {
  background: #a3087c;
  text-align: center;
  color: #fff;
  font-weight: bold;
  padding: 7px 0;
  margin-bottom: 40px;
  letter-spacing: 0.1em;
}
.items-heading.clr-micopellis {
  background-color: rgb(0, 117, 163);
}

.items-series-outline {
  margin-top: -15px;
  margin-bottom: 30px;
  text-align: center;
}
.items-series-outline .items-series-name {
  font-size: 1.1rem;
  margin-bottom: 5px;
  font-weight: bold;
  color: #a3087c;
}
.items-series-outline p {
  margin: 5px 0;
}

.items-comment {
  color: #502d00;
  text-align: center;
  border-top: 1px dotted #502d00;
  margin-top: 20px;
  padding-top: 15px;
}
.items-comment p {
  margin: 10px 0;
}
.items-comment strong {
  color: #a3087c;
}

.items .item {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  font-size: 13px;
  line-height: 1.5em;
  vertical-align: top;
}
.items .item .item-valiations .item-valiation {
  float: left;
  width: 50%;
}
.items .item .item-title {
  font-size: 16px;
  color: #502d00;
  margin-bottom: 15px;
  line-height: 1.5em;
  font-weight: bold;
  white-space: nowrap;
}
.items .item .item-title span {
  font-size: 13px;
  display: block;
}
.items .item .item-title.item-title-small {
  font-size: 15px;
  letter-spacing: -0.01em;
}
.items .item .item-photo {
  position: relative;
  text-align: center;
  height: 200px;
}
.items .item .item-photo img.item-photo-img {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 240px;
  max-width: none;
}
.items .item .item-photo__badge {
  position: absolute;
  top: 0;
  left: 15%;
  z-index: 5;
}
.items .item .item-photo__badge__medal {
  width: 50px;
}
.items .item .item-photo__badge__pet {
  width: 80px;
}
.items .item .item-cat {
  position: relative;
}
.items .item .item-cat-icon {
  position: absolute;
  top: 0;
  right: -10px;
  z-index: 5;
  width: 52px;
  height: 52px;
  border: 2px solid #a3087c;
  background-color: #fff;
  border-radius: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}
.items .item .item-cat-icon > span {
  font-size: 16px;
  color: #a3087c;
  letter-spacing: 0.05em;
  font-weight: bold;
  display: block;
}
.items .item .item-best-icon {
  position: absolute;
  top: 0;
  left: 15px;
  z-index: 5;
  margin: 0;
}
.items .item .item-feature {
  margin: 8px -3px;
}
.items .item .item-feature li {
  padding: 0 3px;
  clear: both;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.items .item .item-feature li .inner {
  background-color: #a3087c;
  color: #fff;
  margin-bottom: 5px;
  padding: 5px;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 0.035rem;
}
.items .item .item-feature li.two-col {
  width: 50%;
  float: left;
  clear: none;
}
.items .item .item-feature li.small .inner {
  font-size: 11px;
  white-space: nowrap;
}
.items .item .item-feature-text {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.75em;
  color: #a3087c;
}
.items .item .item-feature-text p {
  margin: 10px 0;
}
.items .item .item-outline {
  margin-bottom: 25px;
}
.items .item .item-outline--center {
  text-align: center;
}
.items .item .item-price {
  font-family: Garamond, "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "Sawarabi Mincho", serif;
  text-align: right;
  margin-top: 25px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.02em;
  line-height: 1.35;
}
.items .item .item-price.line-1to2 {
  padding: 1.6rem 0;
}
.items .item .item-comment {
  text-align: center;
}
.items .item .item-comment.item-comment-strong {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.75em;
  color: #502d00;
}
.items .item .item-comment.item-comment-strong strong {
  color: #a3087c;
}
.items .item-execp.item-execp01 {
  width: 50%;
}
.items .item-execp.item-execp02, .items .item-execp.item-execp03 {
  width: 25%;
}
.items .item-2of3 {
  width: 66.6666%;
  padding: 20px;
}
.items .item-1of3 {
  width: 33.3333%;
  padding: 20px;
}
.items .item-1of2 {
  width: 50%;
  padding: 20px 40px;
}
.items .item-1of1 {
  width: 50%;
  padding: 20px 40px;
  margin-left: auto;
  margin-right: auto;
  float: none;
}
.items .item-single {
  width: 50%;
  padding: 0 40px;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
.items.items-special .item .item-title {
  font-size: 18px;
  text-align: center;
  margin-bottom: 10px;
}
.items.items-special .item .item-title.item-title-small {
  font-size: 16px;
  letter-spacing: -0.025em;
  line-height: 1.7em;
}
.items.items-special .item .item-title span {
  margin-left: 5px;
}
.items.items-special .item .item-price {
  color: #502d00;
  text-align: center;
  margin-top: 0;
  margin-bottom: 25px;
}
.items.items-commentary .item {
  width: 42%;
  padding: 0 20px;
}
.items.items-commentary .item-commentary {
  color: #502d00;
  width: 58%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 20px;
  float: left;
}
.items.items-commentary .item-commentary .item-commentary-price {
  font-weight: bold;
  font-family: Garamond, "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "Sawarabi Mincho", serif;
}
.items.items-commentary .item-commentary h5 {
  font-size: 16px;
}
.items.items-commentary .item-commentary p {
  margin-top: 0;
  margin-bottom: 15px;
}

/* ---------------------------------------------------------
    ITEMS
--------------------------------------------------------- */
body.items-page .items-box {
  background-color: #fff;
  padding: 5px;
  margin: 30px 0;
  position: relative;
}
body.items-page .items-box > .inner {
  border: 1px solid #4f2d00;
  padding: 25px 30px 45px;
  position: relative;
}
body.items-page .items-box .items-title {
  text-align: center;
  margin: 40px 0 60px;
}
body.items-page .item-price .item-price-grum {
  display: inline-block;
  margin-right: 1em;
}
body.items-page .items-next-arw {
  text-align: center;
  margin: 20px 0 40px;
}
body.items-page .hand {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
body.items-page .hand .link {
  margin-bottom: 1rem;
  padding: 0 0.5rem;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
}
body.items-page .hand .link .arrow:before, body.items-page .hand .link .arrow:after {
  left: 20px;
}
body.items-page .row {
  margin-left: -10px;
  margin-right: -10px;
}
body.items-page .row .col-2of3,
body.items-page .row .col-1of3 {
  float: left;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body.items-page .row .col-2of3 {
  width: 66.6666%;
}
body.items-page .row .col-2of3 .item-1of2 {
  padding: 0 20px;
}
body.items-page .row .col-1of3 {
  width: 33.3333%;
}
body.items-page .row .col-1of3 .item-1of1 {
  padding: 0 20px;
}
body.items-page .row .col-1of2 {
  width: 50%;
  float: left;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body.items-page .placenta-points {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1rem -2% 3rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #ccc;
}
body.items-page .placenta-points__point {
  padding: 2%;
}
body.items-page .placenta-points__point h3 {
  margin: 1rem 0;
}
body.items-page .placenta-points__point p {
  font-size: 14px;
  text-align: justify;
}
body.items-page .placenta-image {
  font-size: 14px;
  line-height: 1.5;
}

/* ---------------------------------------------------------
    SALON
--------------------------------------------------------- */
body.salon .services {
  color: #a3087c;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  letter-spacing: 0.075em;
  line-height: 1.95em;
  float: right;
}
body.salon #slider-wrapper {
  width: 645px;
  height: 430px;
  margin: 20px 0;
  overflow: hidden;
  float: left;
}
body.salon #slider li p {
  display: none;
}
body.salon .bx-wrapper .bx-viewport {
  -webkit-box-shadow: 0 0 5px #000;
          box-shadow: 0 0 5px #000;
  border: none;
  left: 0;
  background: transparent;
}
body.salon .bx-wrapper .bx-caption {
  background: rgba(255, 255, 255, 0.75);
}
body.salon .bx-wrapper .bx-caption span {
  color: #000;
}
body.salon .bx-wrapper .bx-prev:hover {
  background-position: 0 -32px;
}
body.salon .bx-wrapper .bx-next:hover {
  background-position: -43px -32px;
}
body.salon .fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  border-radius: 0;
}
body.salon .fancybox-title-float-wrap {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-bottom: 0;
  z-index: 8050;
  text-align: left;
  width: 100%;
}
body.salon .fancybox-title-float-wrap .child {
  margin-right: 0;
  padding: 10px 20px 13px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 0;
  text-shadow: none;
  color: #000;
  font-weight: normal;
  white-space: normal;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  line-height: 1.2em;
}

/* ---------------------------------------------------------
    MENU COMMONS
--------------------------------------------------------- */
body.menu .course-title-sub {
  font-size: 16px;
  color: #502d00;
  text-align: left;
  line-height: 1;
  margin: 0 0 15px;
}
body.menu .menu-common-title {
  color: #a3087c;
  font-size: 1.35rem;
  text-align: center;
  letter-spacing: 0.35em;
  font-weight: normal;
  margin: 2.8125rem 0 5rem;
}
body.menu #main h1.menu-page-title {
  font-size: 36px;
  text-align: center;
  color: #000;
  line-height: 1.25em;
  padding-bottom: 20px;
  background-image: url("./img/common/line.png");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 295px auto;
  letter-spacing: 0.125em;
}
body.menu #main h1.menu-page-title span {
  display: block;
  font-size: 20px;
  letter-spacing: 0.05em;
}
body.menu #main h1.menu-page-title .en {
  color: #502d00;
  letter-spacing: 0.2em;
}
body.menu section {
  margin: 0 0 65px 0;
}
body.menu .outline .outline-title {
  color: #502d00;
  font-size: 22px;
  text-align: center;
  letter-spacing: 0.035em;
  margin: 0 0 40px;
  line-height: 1.75;
}
body.menu .outline .outline-photo {
  float: right;
}
body.menu .outline .outline-text,
body.menu .outline .outline-text-only {
  margin-right: 320px;
}
body.menu .outline .outline-text p,
body.menu .outline .outline-text-only p {
  font-size: 15px;
  line-height: 1.75em;
  margin: 0;
}
body.menu .outline .outline-text-only {
  float: none;
  margin: 0 auto;
  text-align: center;
}
body.menu .outline .outline-text-only p {
  font-size: 13px;
}
body.menu .heading-grad {
  font-size: 16px;
  color: #fff;
  text-align: center;
  letter-spacing: 0.2em;
  font-weight: bold;
  background: url("./img/menu/facial/waku1.png") center/100% auto repeat-y;
  padding: 8px 0;
  margin: 15px 0;
}
body.menu .course .course-header {
  margin-top: 30px;
  padding: 0 5px 20px;
  border-bottom: 1px solid #502d00;
  /* clearfix */
  *zoom: 1;
}
body.menu .course .course-header .course-title {
  font-size: 25px;
  color: #502d00;
  text-align: left;
  line-height: 1.35em;
  margin: 0;
  float: left;
}
body.menu .course .course-header .course-title:before {
  content: "■";
  font-size: 0.8em;
  display: inline-block;
  margin-right: 1.35em;
  vertical-align: top;
}
body.menu .course .course-header .course-title-sup {
  font-size: 15px;
  color: #a3087c;
  float: right;
  letter-spacing: 0.05em;
  margin: 0;
  padding-top: 12px;
  display: block;
}
body.menu .course .course-header:before, body.menu .course .course-header:after {
  content: "";
  display: table;
}
body.menu .course .course-header:after {
  clear: both;
}
body.menu .course .course-price,
body.menu .course .course-price-table {
  background-repeat: no-repeat;
  background-position: bottom center;
  padding: 30px 25px 15px;
  border-bottom: 1px solid #502d00;
  margin-bottom: 50px;
  /* clearfix */
  *zoom: 1;
}
body.menu .course .course-price .course-heading,
body.menu .course .course-price-table .course-heading {
  font-size: 1.2em;
  margin-top: 20px;
  margin-bottom: 10px;
  color: #502d00;
  font-weight: bold;
  text-align: left;
}
body.menu .course .course-price .course-heading:first-child,
body.menu .course .course-price-table .course-heading:first-child {
  margin-top: 0;
}
body.menu .course .course-price .course-price-item,
body.menu .course .course-price-table .course-price-item {
  float: left;
  width: 33.3333%;
  font-family: Garamond, "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "Sawarabi Mincho", serif;
  font-weight: bold;
  letter-spacing: 0.075em;
  text-align: left;
  font-size: 14px;
  margin: 0 0 15px;
}
body.menu .course .course-price .course-price-item--wmax,
body.menu .course .course-price-table .course-price-item--wmax {
  width: 100%;
}
body.menu .course .course-price .course-price-item .price-item-name,
body.menu .course .course-price-table .course-price-item .price-item-name {
  font-size: 1.2em;
  display: inline-block;
  margin-right: 0.25em;
}
body.menu .course .course-price .course-price-item:before,
body.menu .course .course-price-table .course-price-item:before {
  content: "•";
  font-size: 2em;
  display: inline-block;
  vertical-align: top;
  margin-right: 1rem;
}
body.menu .course .course-price .course-price-item .dot-line-6,
body.menu .course .course-price-table .course-price-item .dot-line-6 {
  display: inline-block;
  margin: 0 1rem;
}
body.menu .course .course-price .course-price-item .dot-line-6:before,
body.menu .course .course-price-table .course-price-item .dot-line-6:before {
  content: "······";
  letter-spacing: 0.1em;
}
body.menu .course .course-price .course-price-item.course-price-ex,
body.menu .course .course-price-table .course-price-item.course-price-ex {
  clear: left;
  float: none;
  width: auto;
}
body.menu .course .course-price .course-price-item .course-name,
body.menu .course .course-price-table .course-price-item .course-name {
  font-size: 0.85em;
}
body.menu .course .course-price .course-price-item--nomark:before,
body.menu .course .course-price-table .course-price-item--nomark:before {
  content: none;
}
body.menu .course .course-price:before, body.menu .course .course-price:after,
body.menu .course .course-price-table:before,
body.menu .course .course-price-table:after {
  content: "";
  display: table;
}
body.menu .course .course-price:after,
body.menu .course .course-price-table:after {
  clear: both;
}
body.menu .course .course-content {
  margin-top: 50px;
  margin-bottom: 35px;
  text-align: left;
  /* clearfix */
  *zoom: 1;
}
body.menu .course .course-content .course-content-photo,
body.menu .course .course-content .course-content-aside {
  float: right;
  width: 350px;
}
body.menu .course .course-content .course-content-photo {
  margin-bottom: 20px;
}
body.menu .course .course-content .course-content-text {
  overflow: hidden;
  padding-right: 25px;
  line-height: 2;
}
body.menu .course .course-content .course-content-text p {
  margin-top: 0;
}
body.menu .course .course-content .course-content-point {
  border: 1px solid #a07300;
  line-height: 1.75;
  color: #a07300;
  padding: 20px;
}
body.menu .course .course-content:before, body.menu .course .course-content:after {
  content: "";
  display: table;
}
body.menu .course .course-content:after {
  clear: both;
}
body.menu .menu-top {
  padding: 30px 0;
  margin: 70px 0;
}
body.menu .menu-top .menu-top-btn {
  width: 330px;
  position: relative;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.7);
  margin: 0 auto;
  color: #fff;
  padding: 25px 0;
}
body.menu .menu-top .menu-top-btn .menu-top-btn-title {
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0.2rem;
  font-family: Roboto;
}
body.menu .menu-top .menu-top-btn .menu-top-btn-arw {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto auto;
  width: 30px;
  height: 30px;
  z-index: 5;
}

/* ---------------------------------------------------------
    MENU INDEX
--------------------------------------------------------- */
body.menu-index .menu-list {
  margin-right: -40px;
  margin-bottom: 30px;
}
body.menu-index .menu-list li.menu-item {
  width: 430px;
  height: 260px;
  float: left;
  background-size: cover;
  border-radius: 10px;
  margin: 0 40px 40px 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}
body.menu-index .menu-list li.menu-item a {
  display: block;
  background-color: rgba(0, 0, 0, 0.35);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
body.menu-index .menu-list li.menu-item.menu-item-facial {
  background-image: url("./img/menu/top/mtop_facial.jpg?180426");
}
body.menu-index .menu-list li.menu-item.menu-item-lymph {
  background-image: url("./img/menu/top/mtop_lymph.jpg");
}
body.menu-index .menu-list li.menu-item.menu-item-knife {
  background-image: url("./img/menu/top/mtop_knife.jpg");
}
body.menu-index .menu-list li.menu-item.menu-item-myofascial {
  background-image: url("./img/menu/top/mtop_myofascial.jpg");
}
body.menu-index .menu-list .menu-title {
  font-size: 1.25rem;
  position: absolute;
  top: 95px;
  left: 0;
  right: 0;
  margin: auto auto;
  color: #fff;
}
body.menu-index .menu-list .menu-title span {
  display: block;
  font-size: 0.75rem;
}
body.menu-index .menu-list .menu-arw {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
  margin: auto auto;
  width: 30px;
}
body.menu-index .menu-list-2 {
  margin-right: -70px;
  margin-bottom: 4rem;
}
body.menu-index .menu-list-2 li.menu-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 253px;
  margin-right: 70px;
  float: left;
}
body.menu-index .menu-list-2 li.menu-item a {
  color: #000;
}
body.menu-index .menu-list-2 li.menu-item .menu-img {
  padding: 7px;
  border: 1px solid #fff;
}
body.menu-index .menu-list-2 li.menu-item .menu-title {
  margin-top: 0.5rem;
  text-align: center;
  font-size: 15px;
  margin-top: 0;
}
body.menu-index .menu-list-2 li.menu-item .menu-title:after {
  content: "›";
  text-indent: 0;
  display: inline-block;
  margin-bottom: 8px;
  margin-left: 8px;
  font-size: 32px;
  -webkit-transform: scale(0.75, 1);
      -ms-transform: scale(0.75, 1);
          transform: scale(0.75, 1);
  vertical-align: middle;
}
body.menu-index .orthomolecular {
  background-color: rgba(255, 255, 255, 0.5);
  width: 700px;
  margin: 0 auto 50px;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body.menu-index .orthomolecular .orth-img {
  float: left;
  margin-right: 30px;
}
body.menu-index .orthomolecular .orth-text {
  color: #000;
  font-size: 24px;
  line-height: 1.75;
  padding: 28px 70px 15px;
  text-align: center;
  position: relative;
}
body.menu-index .orthomolecular .orth-text p {
  margin: 0;
}
body.menu-index .orthomolecular .orth-text span {
  display: block;
  font-size: 0.575em;
}
body.menu-index .orthomolecular .orth-text .orth-arw {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
body.menu-index .orthomolecular.set-menu {
  margin-top: 70px;
  background-color: #920783;
}
body.menu-index .orthomolecular.set-menu .orth-text {
  color: #fff;
}

/* ---------------------------------------------------------
    MENU FACIAL
--------------------------------------------------------- */
.menu-facial .sec-option .inner {
  padding-bottom: 0 !important;
}
.menu-facial .sec-option .course-price-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 70% !important;
  position: relative;
  padding-left: 25px;
  margin-bottom: 25px;
}
.menu-facial .sec-option .course-price-item span.item-title {
  color: #502d00;
  font-weight: normal;
  font-size: 1.25rem;
}
.menu-facial .sec-option .course-price-item span.dot-line-6::before {
  content: "··········" !important;
  font-size: 1.1rem !important;
  letter-spacing: 0.2em !important;
}
.menu-facial .sec-option .course-price-item span.price-box {
  position: absolute;
  top: 0;
  right: 0;
}
.menu-facial .sec-option .course-price-item span.price-box span.price-num-cont {
  display: inline-block;
  width: 60px;
  text-align: right;
}
.menu-facial .sec-option .course-price-item span.caption {
  color: #502d00;
  font-weight: normal;
  display: block;
}
.menu-facial .sec-option .course-price-item::before {
  content: "□" !important;
  color: #502d00;
  font-size: 1rem !important;
  margin-right: 0 !important;
  position: absolute;
  left: 0;
  top: 0;
}
.menu-facial .outline-products {
  margin-bottom: 65px;
}
.menu-facial .outline-products-heading {
  text-align: center;
  line-height: 1.75;
}
.menu-facial .outline-products-heading2 {
  text-align: center;
  line-height: 1.75;
  color: #502d00;
  letter-spacing: 0.05em;
  font-size: 19px;
}
.menu-facial .outline-products-title {
  font-size: 15px;
  margin-bottom: 21px;
}
.menu-facial .outline-products-points {
  counter-reset: num;
}
.menu-facial .outline-products-points li {
  margin: 0.6rem 0;
  font-size: 14px;
}
.menu-facial .outline-products-points li:before {
  counter-increment: num;
  content: counter(num) ".　";
  font-size: 18px;
}
.menu-facial .outline-products-photo {
  float: left;
}
.menu-facial .outline-products-text {
  margin-left: 300px;
}
.menu-facial .point-3 {
  margin-bottom: 65px;
}
.menu-facial .point-3 h3 {
  text-align: center;
  color: #502d00;
  letter-spacing: 0.05em;
  font-size: 18px;
}
.menu-facial .point-3 h4 {
  text-align: center;
  color: #502d00;
}
.menu-facial .point-item {
  float: left;
  margin-right: 33px;
  width: 278px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px 20px 5px;
  border: 1px solid #502d00;
  font-size: 13px;
}
.menu-facial .point-item p {
  margin: 10px 0;
}
.menu-facial .point-item:nth-child(3) {
  margin-right: 0;
}
.menu-facial .point-item h4 {
  text-align: center;
  font-size: 18px;
}
.menu-facial .point-note p {
  margin-top: 10px;
  font-size: 12px;
}
.menu-facial .course-cat {
  text-align: left;
  color: #502d00;
  vertical-align: middle;
  font-size: 28px;
  line-height: 1;
}
.menu-facial .course-cat:before, .menu-facial .course-cat:after {
  background-color: #502d00;
  width: 2px;
  height: 24px;
  display: inline-block;
  content: "";
}
.menu-facial .course-cat:before {
  margin-right: 24px;
}
.menu-facial .course-cat:after {
  margin-left: 24px;
}
.menu-facial .about-revyty {
  text-align: left;
}
.menu-facial .about-revyty a {
  color: #a3087c;
}
.menu-facial section.sec01 {
  margin-left: auto;
  margin-right: auto;
}
.menu-facial section.sec01 p {
  font-size: 15px;
}
.menu-facial section.sec02 ul li {
  background-color: #4f2d00;
  padding: 15px 0 15px 20px;
  width: 412px;
  margin-right: 35px;
  float: left;
}
.menu-facial section.sec02 ul li:last-child {
  margin-right: 0;
}
.menu-facial section.sec02 ul li p {
  color: #fff;
  text-align: left;
  line-height: 1.5em;
  margin: 0 15px 0 0;
  font-size: 13px;
}
.menu-facial section.sec02 ul li img {
  float: left;
  margin-right: 15px;
}
.menu-facial section.sec03 {
  margin-bottom: 0;
}
.menu-facial section.sec03 .inner {
  padding: 45px 0 50px;
  text-align: center;
}
.menu-facial section.sec03 .course-price {
  border-bottom: 0;
}
.menu-facial section.sec04 .inner {
  padding: 50px 0 35px;
}
.menu-facial section.sec04 ul {
  text-align: center;
}
.menu-facial section.sec04 ul li {
  display: inline-block;
  width: 400px;
  margin-right: 50px;
  text-align: left;
  line-height: 1.5em;
  font-size: 14px;
  vertical-align: top;
}
.menu-facial section.sec04 ul li p {
  margin-top: 0;
}
.menu-facial section.sec04 ul li:last-child {
  margin-right: 0;
}
.menu-facial #main section.sec05 .inner {
  padding: 45px 50px 30px;
  background-color: #fff;
}
.menu-facial #main section.sec05 h1 {
  text-align: left;
  color: #502d00;
  border-bottom: 1px solid #502d00;
  font-size: 25px;
  margin-top: 20px;
  margin-bottom: 30px;
  line-height: 1.35em;
  padding: 0 5px 20px;
  letter-spacing: 0.05rem;
}
.menu-facial #main section.sec05 h1 span {
  color: #a3087c;
  display: inline-block;
  float: right;
  font-size: 15px;
  display: block;
  letter-spacing: 0.05em;
}
.menu-facial #main section.sec05 .face-course-price {
  font-family: Garamond, "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "Sawarabi Mincho", serif;
  font-weight: bold;
  letter-spacing: 0.075em;
  text-align: left;
  font-size: 14px;
  background-repeat: no-repeat;
  background-position: bottom center;
  padding: 0 0 35px;
  margin-bottom: 35px;
}
.menu-facial #main section.sec05 .face-course-price .face-course-price-sep1 {
  display: inline-block;
  margin-right: 30px;
}
.menu-facial #main section.sec05 .face-course-price .face-course-price-sep2 {
  display: inline-block;
  margin-right: 5px;
}
.menu-facial #main section.sec05 .face-course-price .price-num {
  font-size: 1.666em;
}
.menu-facial #main section.sec05 .plan .plan-zoukei,
.menu-facial #main section.sec05 .plan .plan-ion {
  float: left;
  width: 370px;
}
.menu-facial #main section.sec05 .plan .plan-zoukei h2,
.menu-facial #main section.sec05 .plan .plan-ion h2 {
  color: #502d00;
  font-size: 19px;
  letter-spacing: 0.01em;
  margin: 0 0 15px;
}
.menu-facial #main section.sec05 .plan .plan-zoukei h2 span,
.menu-facial #main section.sec05 .plan .plan-ion h2 span {
  font-size: 0.85em;
}
.menu-facial #main section.sec05 .plan .plan-zoukei h2:before,
.menu-facial #main section.sec05 .plan .plan-ion h2:before {
  content: "■";
  font-size: 0.8em;
  display: inline-block;
  margin-right: 0.75rem;
  vertical-align: top;
}
.menu-facial #main section.sec05 .plan .plan-zoukei .plan-outline,
.menu-facial #main section.sec05 .plan .plan-ion .plan-outline {
  background-color: #502d00;
  color: #fff;
  padding: 20px 25px;
  height: 150px;
}
.menu-facial #main section.sec05 .plan .plan-zoukei .plan-outline p,
.menu-facial #main section.sec05 .plan .plan-ion .plan-outline p {
  margin: 0;
}
.menu-facial #main section.sec05 .plan .plan-zoukei {
  margin-right: 55px;
}
.menu-facial #main section.sec05 .ask {
  border-color: #000;
  text-align: center;
  width: 340px;
  margin: 50px auto 30px;
}
.menu-facial #main section.sec05 .ask:after, .menu-facial #main section.sec05 .ask:before {
  border-color: #000;
}
.menu-facial #main section.sec05 .ask .inner {
  padding: 20px 0;
  line-height: 2em;
  font-weight: bold;
}
.menu-facial #main section.sec05 .ask p {
  margin: 0;
}
.menu-facial .sec06 {
  background-color: rgba(255, 255, 255, 0.85);
  padding: 75px 35px;
}
.menu-facial .sec06 h4 {
  text-align: center;
  color: #502d00;
  letter-spacing: 0.05em;
  font-size: 24px;
  padding-bottom: 35px;
  border-bottom: 1px solid #502d00;
}
.menu-facial .sec06 .revyty-container {
  width: 745px;
  margin: 50px auto;
}
.menu-facial .sec06 .revyty-container h5 {
  background-color: #502d00;
  color: #fff;
  letter-spacing: 0.05em;
  font-size: 18px;
  padding: 10px 20px;
  margin-bottom: 20px;
}
.menu-facial .sec06 .revyty-container h6 {
  font-size: 1.35rem;
  font-weight: bold;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #502d00;
  margin-bottom: 20px;
}
.menu-facial .sec06 .revyty-container:last-child {
  margin-bottom: 0;
}
.menu-facial .sec06 .revyty-text {
  float: left;
  width: 430px;
}
.menu-facial .sec06 .revyty-figuire {
  float: right;
  width: 275px;
  text-align: right;
}
.menu-facial .sec06 .revyty-figuire .revyty-figuire-img1 {
  margin-bottom: 20px;
}
.menu-facial .sec06 .revyty-container-ba .revyty-text {
  width: 235px;
}
.menu-facial .sec06 .revyty-container-ba .revyty-text p {
  margin-top: 0;
}
.menu-facial .sec06 .revyty-container-ba .revyty-figuire {
  width: 470px;
}
.menu-facial .sec06 .course-price-item {
  float: left;
  font-family: Garamond, "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "Sawarabi Mincho", serif;
  font-weight: bold;
  letter-spacing: 0.075em;
  text-align: left;
  font-size: 14px;
  margin: 0 0 15px;
}
.menu-facial .sec06 .course-price-item:before {
  content: "•";
  font-size: 2em;
  display: inline-block;
  vertical-align: top;
  margin-right: 1rem;
}
.menu-facial .sec06 .course-price-item .dot-line-6 {
  display: inline-block;
  margin: 0 1rem;
}
.menu-facial .sec06 .course-price-item .dot-line-6:before {
  content: "······";
  letter-spacing: 0.1em;
}
.menu-facial .sec06 .course-price-item.course-price-ex {
  clear: left;
  float: none;
  width: auto;
}
.menu-facial .course-ticket {
  background: #f7e6f2;
  margin: 50px 0;
  padding: 30px 50px;
}
.menu-facial .course-ticket .course-ticket-outline {
  text-align: center;
  color: #502d00;
}
.menu-facial .course-ticket .course-ticket-title {
  width: 280px;
  float: left;
}
.menu-facial .course-ticket .course-ticket-title h5 {
  width: 235px;
  border: 1px solid #dc2f14;
  height: 110px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 21px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #dc2f14;
  line-height: 1.75;
}
.menu-facial .course-ticket .course-price-table {
  overflow: hidden;
  border: 0;
  margin: 0;
  padding: 0;
}
.menu-facial .course-ticket .course-price-table .course-price-item {
  width: 100%;
  float: none;
  margin: 15px 0;
}
.menu-facial .course-ticket .course-price-table .course-price-item:last-child {
  margin-bottom: 0;
}
.menu-facial .course-ticket .course-price-table .course-price-item:before {
  content: "";
  display: inline-block;
  background-color: #000;
  border-radius: 10px;
  width: 10px;
  height: 10px;
  margin-right: 10px;
}
.menu-facial .course-ticket .course-price-table .course-price-item .price-head,
.menu-facial .course-ticket .course-price-table .course-price-item .price-data {
  display: inline-block;
  float: none;
}
.menu-facial .course-ticket .course-price-table .course-price-item .price-head {
  width: 100px;
}
.menu-facial .course-ticket .nortice {
  margin-bottom: 0;
}

/* ---------------------------------------------------------
    MENU LYMPH
--------------------------------------------------------- */
body.menu-lymph section.sec01--02 {
  padding-top: 50px;
}
body.menu-lymph section.sec02 {
  margin-bottom: 0;
}
body.menu-lymph section.sec02 .inner {
  padding: 45px 0 50px;
  text-align: center;
}
body.menu-lymph .set-menu {
  width: 760px;
  margin: 0 auto;
  border: 3px solid #a3087c;
  border-radius: 5px;
  padding: 40px 20px;
}
body.menu-lymph .set-menu .set-menu-header {
  text-align: center;
  margin-bottom: 45px;
  color: #a3087c;
}
body.menu-lymph .set-menu .set-menu-header .set-menu-title-en {
  font-family: Roboto;
  font-size: 23px;
  letter-spacing: 0.2rem;
  font-weight: bold;
  margin: 0;
}
body.menu-lymph .set-menu .set-menu-header .set-menu-title-ja {
  font-size: 12px;
  margin: 0;
}
body.menu-lymph .set-menu .set-menu-course {
  width: 50%;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 40px;
  border-right: 1px solid #a3087c;
}
body.menu-lymph .set-menu .set-menu-course:last-child {
  border-right: 0;
}
body.menu-lymph .set-menu .set-menu-course .set-menu-course-title {
  background-color: #a3087c;
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 8px 0 5px;
  font-size: 18px;
}
body.menu-lymph .set-menu .set-menu-course .set-menu-course-title span {
  font-family: Roboto;
  font-size: 23px;
  margin-right: 10px;
}
body.menu-lymph .set-menu .set-menu-course-contents {
  padding: 20px 0 30px;
}
body.menu-lymph .set-menu .set-menu-course-contents .set-menu-course-contents-item {
  color: #502d00;
  margin: 10px 0;
  font-weight: bold;
  font-size: 15px;
}
body.menu-lymph .set-menu .set-menu-course-contents .set-menu-course-contents-item:before {
  content: "■";
  font-size: 0.8em;
  display: inline-block;
  margin-right: 10px;
}
body.menu-lymph .set-menu .set-menu-course-contents .set-menu-course-contents-item:after {
  content: "＋";
  font-size: 1.35em;
  text-align: center;
  display: block;
  font-family: Roboto;
  margin-top: 0;
  margin-bottom: -10px;
}
body.menu-lymph .set-menu .set-menu-course-contents .set-menu-course-contents-item.end:after {
  display: none;
}

/* ---------------------------------------------------------
    MENU SELECTION
--------------------------------------------------------- */
body.menu-selection .outline .outline-text {
  float: none;
  margin-left: 0;
}
body.menu-selection .outline .outline-text p {
  font-size: 13px;
}
body.menu-selection section.sec02 .inner {
  padding: 45px 0 50px;
}
body.menu-selection .course {
  background-color: #fff;
  padding: 10px 40px;
  margin: 0 0 40px;
}
body.menu-selection .course:last-child {
  margin-bottom: 0;
}
body.menu-selection .course .course-price-table {
  padding-left: 0;
  padding-right: 0;
}
body.menu-selection .course .course-price-table .course-price-item {
  float: left;
  margin: 10px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body.menu-selection .course .course-price-table .course-price-item:nth-child(odd) {
  width: 53%;
}
body.menu-selection .course .course-price-table .course-price-item:nth-child(even) {
  float: right;
  width: 42%;
}
body.menu-selection .course .course-price-table .course-price-item:before {
  float: left;
  margin-right: 0.5rem;
}
body.menu-selection .course .course-price-table .course-price-item .price-head,
body.menu-selection .course .course-price-table .course-price-item .price-data {
  display: inline-block;
}
body.menu-selection .course .course-price-table .course-price-item .price-head {
  font-size: 15px;
  float: left;
}
body.menu-selection .course .course-price-table .course-price-item .price-data {
  float: right;
  text-align: left;
  width: 125px;
  white-space: nowrap;
}
body.menu-selection .course .course-price-table .course-price-item.base-price {
  clear: both;
  display: block;
  color: #a07300;
  text-align: center;
  font-size: 16px;
  width: 100% !important;
  margin: 30px 0;
}
body.menu-selection .course .course-price-table .course-price-item.base-price p {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 0 20px;
}
body.menu-selection .course .course-price-table .course-price-item.base-price:before, body.menu-selection .course .course-price-table .course-price-item.base-price:after {
  content: "";
  display: inline-block;
  height: 2px;
  background-color: #a07300;
  width: 24px;
  vertical-align: middle;
  float: none;
  margin: 0;
}
body.menu-selection .course .course-content .course-content-aside {
  float: right;
}
body.menu-selection .course .course-content .course-content-aside .course-content-point {
  margin-top: 0;
  padding: 15px 18px;
}
body.menu-selection .course .course-content .course-content-aside .course-content-point:before {
  content: "□";
  display: block;
  float: left;
  width: 1.5rem;
}
body.menu-selection .course .course-figures {
  margin-right: -3px;
  margin-left: -3px;
}
body.menu-selection .course .course-figures .course-figure {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 33.3333%;
  float: left;
  padding: 0 3px;
}
body.menu-selection .course .course-ticket {
  background: #fffa60;
  margin: 50px 0;
  padding: 30px 50px;
}
body.menu-selection .course .course-ticket .course-ticket-title {
  width: 300px;
  float: left;
}
body.menu-selection .course .course-ticket .course-ticket-title h5 {
  width: 235px;
  border: 1px solid #dc2f14;
  height: 110px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 32px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #dc2f14;
}
body.menu-selection .course .course-ticket .course-price-table {
  overflow: hidden;
  border: 0;
  margin: 0;
  padding: 0;
}
body.menu-selection .course .course-ticket .course-price-table .course-price-item {
  width: 100%;
  float: none;
  margin: 5px 0 12px;
}
body.menu-selection .course .course-ticket .course-price-table .course-price-item:last-child {
  margin-bottom: 0;
}
body.menu-selection .course .course-ticket .course-price-table .course-price-item:before {
  content: none;
}
body.menu-selection .course .course-ticket .course-price-table .course-price-item .price-head,
body.menu-selection .course .course-ticket .course-price-table .course-price-item .price-data {
  display: inline-block;
  float: none;
}
body.menu-selection .course .course-ticket .course-price-table .course-price-item .price-head {
  width: 150px;
}
body.menu-selection .course .course-ticket .nortice {
  margin-bottom: 0;
}

/* ---------------------------------------------------------
    MENU MYOFASCIAL
--------------------------------------------------------- */
body.menu-myofascial .sec01 {
  padding-bottom: 50px;
  border-bottom: 1px solid #502d00;
}
body.menu-myofascial .sec02 .outline {
  margin-bottom: 80px;
}
body.menu-myofascial .sec02 .outline-text-only {
  width: 815px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}
body.menu-myofascial .sec02 .heading-grad {
  background-image: url("./img/menu/myofascial/line_grad.png");
}
body.menu-myofascial .sec02 .features {
  margin-right: -10px;
  margin-left: -10px;
}
body.menu-myofascial .sec02 .features .feature {
  float: left;
  width: 33.3333%;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body.menu-myofascial .sec02 .features .feature .inner {
  background: #fff;
  padding: 25px 20px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
  text-align: center;
}
body.menu-myofascial .sec02 .features .feature .feature-heading {
  font-size: 13px;
  line-height: 2em;
  color: #920783;
}
body.menu-myofascial .sec02 .features .feature .feature-heading strong {
  display: block;
  font-size: 21px;
  letter-spacing: 0.05em;
}
body.menu-myofascial .sec02 .features .feature .feature-outline {
  width: auto;
  margin-top: 15px;
  display: inline-block;
  text-align: left;
}
body.menu-myofascial .sec02 .features .feature .feature-outline li {
  display: block;
  width: auto;
  margin: 0;
  padding: 0;
  background: transparent;
  color: #502d00;
  font-size: 17px;
  line-height: 1.75em;
  -webkit-box-shadow: none;
          box-shadow: none;
}
body.menu-myofascial .sec02 .features .feature .feature-outline li:first-child {
  width: auto;
}
body.menu-myofascial .sec02 .features .feature .feature-outline li:before {
  content: "◦";
  font-size: 1.25em;
  display: inline-block;
  margin-right: 5px;
  vertical-align: bottom;
}
body.menu-myofascial .sec02 .before-after {
  text-align: center;
  margin: 30px 0 60px;
}
body.menu-myofascial .sec02 .before-after .ex1 {
  float: left;
}
body.menu-myofascial .sec02 .before-after .ex2 {
  float: right;
}
body.menu-myofascial .sec03 .course-price {
  border-bottom: 0;
}
body.menu-myofascial .sec03 .point {
  border: 1px solid #a07300;
}
body.menu-myofascial .sec03 .point .point-heading,
body.menu-myofascial .sec03 .point .point-text {
  padding: 15px;
}
body.menu-myofascial .sec03 .point .point-heading {
  background: #a07300;
  color: #fff;
  float: left;
  padding-right: 25px;
  padding-left: 25px;
}
body.menu-myofascial .sec03 .point .point-text {
  overflow: hidden;
  margin: 0;
  text-align: center;
}
body.menu-myofascial .sec03 .course-txt {
  text-align: left;
  font-size: 1rem;
  margin: 0.8rem 0;
}
body.menu-myofascial .sec03 .course--sp {
  background-color: #fff;
  padding: 2rem 3rem;
  border: 1px solid #a3087c;
}
body.menu-myofascial .sec03 .course--sp .course-header {
  border: 0;
  padding: 0;
  margin: 0;
}
body.menu-myofascial .sec03 .course--sp .course-header .course-title {
  color: #a3087c;
}
body.menu-myofascial .sec03 .course--sp .course-price {
  padding: 20px 0 0;
  margin-bottom: 0;
}
body.menu-myofascial .items {
  margin-right: -20px;
  margin-left: -20px;
}
body.menu-myofascial .items .item .item-photo .item-cat-icon {
  top: 10px;
  right: 10px;
}

/* ---------------------------------------------------------
    ACCESS
--------------------------------------------------------- */
body.access {
  text-align: center;
}
body.access .salon-name {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.05em;
  margin-bottom: 70px;
}
body.access .salon-name span {
  font-size: 1.35em;
  display: block;
  margin-left: 10px;
}
body.access .salon-name span span {
  font-size: 0.75em;
}
body.access .salon-phone,
body.access .salon-mail {
  font-family: Garamond, "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "Sawarabi Mincho", serif;
  margin-bottom: 40px;
}
body.access .salon-phone .confirm-time,
body.access .salon-mail .confirm-time {
  font-size: 14px;
  letter-spacing: 0;
  background-color: #fff;
  display: inline-block;
  padding: 0.5rem 1.5rem;
  line-height: 1;
  margin-top: 0.5rem;
  font-weight: bold;
  border: 3px solid #a3087c;
  color: #a3087c;
  border-radius: 1.5rem;
}
body.access .salon-phone .confirm-time-note,
body.access .salon-mail .confirm-time-note {
  color: #a3087c;
  font-size: 12px;
  margin-top: 10px;
}
body.access .salon-phone .notice--confirm-time,
body.access .salon-mail .notice--confirm-time {
  color: #a3087c;
  font-weight: bold;
  margin-bottom: 0;
}
body.access .salon-phone h2,
body.access .salon-mail h2 {
  line-height: 1;
  margin-bottom: 18px;
}
body.access .salon-phone h2 span,
body.access .salon-mail h2 span {
  display: inline-block;
  background-color: #a3087c;
  color: #fff;
  font-size: 18px;
  padding: 6px 25px;
  letter-spacing: 0.05em;
}
body.access .salon-phone a,
body.access .salon-mail a {
  color: #000;
  font-weight: bold;
  letter-spacing: 0.05em;
  font-size: 16px;
}
body.access .salon-phone a {
  font-size: 32px;
}
body.access .double-line-top, body.access .double-line-box {
  margin-top: 60px;
}
body.access .address {
  font-size: 16px;
  margin-top: 60px;
  margin-bottom: 80px;
  line-height: 1.75em;
}
body.access .address .notice {
  font-size: 13px;
  line-height: 1.75;
  margin-top: -10px;
}
body.access .attention {
  background-color: #fff;
  padding: 25px 30px 30px;
  margin-bottom: 40px;
}
body.access .attention h3 {
  font-size: 23px;
  letter-spacing: 0.05em;
  color: #a07300;
}
body.access .attention .attention-content {
  text-align: left;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 10px 40px;
}
body.access .attention .attention-content .item-q {
  font-size: 18px;
  margin-bottom: 5px;
}
body.access .attention .attention-content .item-q:before {
  content: "Q.";
  font-size: 1.1em;
  display: inline-block;
  width: 1rem;
}
body.access .attention .attention-content .item-a {
  font-size: 14px;
  margin-top: 5px;
}
body.access .attention .attention-content .item-a:before {
  content: "A.";
  font-size: 1.1em;
  display: inline-block;
  width: 1rem;
}
body.access .attention .attention-content p {
  padding-left: 1rem;
  text-indent: -1rem;
}
body.access .attention .attention-content p span {
  display: inline-block;
  width: 1em;
  padding-left: 0;
  text-indent: 0;
}
body.access .google-map-container #google-map {
  height: 500px;
}

.comapany {
  margin-top: 120px;
}
.comapany .comapany-ttl {
  letter-spacing: 0.05em;
}
.comapany .comapany-ttl span {
  display: block;
  color: #000;
  font-size: 0.75em;
  margin-top: 10px;
}
.comapany .comapany-profile {
  max-width: 630px;
  margin: 40px auto 120px;
  border-bottom: 1px solid #502d00;
}
.comapany .comapany-profile .prof-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0;
  border-top: 1px solid #502d00;
}
.comapany .comapany-profile .prof-row .prof-col {
  padding: 0 15px;
  text-align: left;
}
.comapany .comapany-profile .prof-row .prof-ttl {
  width: 100px;
}

/* ---------------------------------------------------------
    SCHOOL
--------------------------------------------------------- */
body.school-page section {
  margin: 0 0 65px 0;
}
body.school-page section.sec01 {
  font-size: 14px;
  line-height: 1.7em;
  margin: 0 auto 75px;
  width: 840px;
}
body.school-page section.sec01 img {
  float: right;
  margin-left: 25px;
}
body.school-page section.sec01 p {
  width: 460px;
}
body.school-page section.sec01 p.syusai {
  text-align: right;
}
body.school-page section.sec01 p.syusai span {
  font-size: 16px;
  margin-right: 10px;
}
body.school-page section.sec02 {
  text-align: center;
}
body.school-page section.sec02 h3 {
  font-size: 20px;
}
body.school-page section.sec02 h3:before, body.school-page section.sec02 h3:after {
  content: " ";
  display: block;
  height: 1px;
  background-image: url("./img/school/line.png");
  background-position: center;
  background-repeat: no-repeat;
}
body.school-page section.sec02 ul li {
  width: 225px;
  height: 180px;
  padding-top: 45px;
  border-radius: 225px;
  background-color: #ce88c7;
  color: #fff;
  display: inline-block;
  vertical-align: top;
  font-weight: normal;
  margin: 0 15px;
}
body.school-page section.sec02 ul li h4,
body.school-page section.sec02 ul li p {
  margin: 10px 0;
}
body.school-page section.sec02 ul li h4 {
  font-size: 15px;
  line-height: 1.5em;
}
body.school-page section.sec02 ul li p {
  font-size: 22px;
  line-height: 1.35em;
}
body.school-page section.sec03 {
  margin-bottom: 85px;
}
body.school-page section.sec03 h3 {
  text-align: center;
  font-size: 25px;
  color: #502d00;
}
body.school-page section.sec03 ol li {
  background: #fff;
  line-height: 1.75em;
  font-size: 16px;
  color: #502d00;
  margin: 30px auto;
  padding: 15px 35px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 780px;
}
body.school-page section.sec03 ol li h4 {
  font-size: 30px;
  color: #920783;
  margin: 15px 0;
}
body.school-page section.sec03 ol li p {
  margin: 15px 0;
}
body.school-page section.sec03 ol li p.alta-rec {
  float: right;
  margin-right: 50px;
}
body.school-page section.sec03 ol li .photos img {
  margin-right: 15px;
}
body.school-page section.sec03 ol li p.note {
  font-size: 14px;
}
body.school-page section.sec03 ol li .alta-contact {
  top: 10px;
}
body.school-page section.sec03 ol li .contact a {
  color: #920783;
}
body.school-page section.sec03 ol li .contact span.contact-title {
  font-size: 12px;
  letter-spacing: -0.045em;
}
body.school-page section.sec03 .contact {
  position: absolute;
  top: 10px;
  right: 35px;
  color: #920783;
}
body.school-page section.sec03 .contact span {
  display: block;
  font-size: 32px;
  letter-spacing: 0.05em;
}
body.school-page section.sec04 h3 {
  text-align: center;
}
body.school-page section.sec04 .alta {
  border: 1px solid #502d00;
  padding: 15px 75px 55px;
}
body.school-page section.sec04 .alta p {
  margin: 0;
  font-size: 14px;
}
body.school-page section.sec04 img.alta-logo {
  float: left;
  vertical-align: top;
  margin-right: 25px;
}
body.school-page section.sec05 h2 {
  text-align: center;
  font-size: 32px;
  line-height: 1.5em;
  margin-top: -1rem;
  margin-bottom: 2rem;
}
body.school-page section.sec05 h2 > span {
  font-size: 21px;
}
body.school-page section.sec05 h2.alta-ttl {
  color: #0A9B81;
}
body.school-page section.sec05 .kouza-naiyou-link {
  font-size: 18px;
  color: #920783;
  text-decoration: underline;
}
body.school-page section.sec05 .webticket {
  margin-top: 30px;
  padding: 20px;
  border: 2px solid #88C67B;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
}
body.school-page section.sec05 .webticket__txt {
  width: 65%;
  margin-top: 0;
  font-size: 16px;
}
body.school-page section.sec05 .webticket__logo {
  width: 35%;
}
body.school-page section.sec05 table.course-sum {
  float: left;
  max-width: 450px;
}
body.school-page section.sec05 table th,
body.school-page section.sec05 table td {
  font-size: 25px;
  text-align: left;
  line-height: 1em;
  padding: 0 0 20px;
}
body.school-page section.sec05 table th p:last-child,
body.school-page section.sec05 table td p:last-child {
  margin: 0;
}
body.school-page section.sec05 table th {
  padding-right: 35px;
}
body.school-page section.sec05 table td.price {
  font-size: 40px;
}
body.school-page section.sec05 table.oneday-semi-table th,
body.school-page section.sec05 table.oneday-semi-table td {
  font-size: 18px;
  text-align: left;
  line-height: 1em;
  padding: 10px 0;
}
body.school-page section.sec05 table.oneday-semi-table th {
  padding-right: 35px;
}
body.school-page section.sec05 table.oneday-semi-table td.price {
  font-size: 20px;
}
body.school-page section.sec05 .sec-cnt {
  margin: 0 auto;
  padding: 0 30px 50px;
}
body.school-page section.sec05 .sec-cnt--last {
  border-bottom: 2px solid #502d00;
  margin-bottom: 85px;
}
body.school-page section.sec05 .sec-cnt p {
  font-size: 16px;
  line-height: 1.75em;
  margin: 10px 0 30px 0;
}
body.school-page section.sec05 .sec-cnt p span {
  font-size: 12px;
  display: block;
}
body.school-page section.sec05 img.course-img {
  float: right;
  max-width: 350px;
}
body.school-page section.sec05 p.note {
  font-size: 14px;
}
body.school-page section.sec05 dl {
  width: 840px;
  margin: 25px auto 0;
}
body.school-page section.sec05 dl dt {
  background-color: #ffffaa;
  padding: 2px 12px;
  clear: left;
  letter-spacing: 0.08em;
}
body.school-page section.sec05 dl dt,
body.school-page section.sec05 dl dd {
  float: left;
  margin-bottom: 8px;
  line-height: 1.5em;
  font-size: 15px;
  color: #502d00;
}
body.school-page section.sec05 dl dd {
  margin-left: 16px;
  padding: 3px 0 0;
}
body.school-page section.sec05 h4 {
  display: inline-block;
  background: #502d00;
  color: #fff;
  padding: 3px 15px 2px;
  letter-spacing: 0.075em;
}
body.school-page section.sec05 p.notice {
  margin: 0;
  font-size: 12px;
  color: #502d00;
}
body.school-page section.sec05 .price span {
  font-size: 12px;
  display: block;
  line-height: 1.75em;
}
body.school-page section.sec06 {
  font-size: 14px;
  position: relative;
  margin: 0 auto 75px;
  width: 840px;
}
body.school-page section.sec06 h2 {
  text-align: center;
  font-size: 32px;
  line-height: 1.5em;
}
body.school-page section.sec06 img {
  float: left;
  margin-right: 25px;
}
body.school-page section.sec07 .inner .inner2 {
  width: 800px;
  margin: 0 auto;
}
body.school-page section.sec07 .inner .inner2 h3 {
  text-align: center;
  font-size: 25px;
  color: #502d00;
}
body.school-page section.sec07 .inner .inner2 p {
  font-size: 14px;
}
body.school-page section.sec07 .inner .inner2 .jyuko-naiyo {
  display: table;
  width: 100%;
  background-color: rgb(255, 255, 255);
  margin-bottom: 25px;
}
body.school-page section.sec07 .inner .inner2 .jyuko-naiyo strong {
  display: table-cell;
  /*float: left;*/
  width: 250px;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.8em;
  vertical-align: middle;
  color: #502d00;
}
body.school-page section.sec07 .inner .inner2 .jyuko-naiyo ul {
  margin: 25px 0;
}
body.school-page section.sec07 .inner .inner2 .jyuko-naiyo ul li {
  margin: 5px 0;
  font-size: 16px;
  letter-spacing: 0.05em;
  list-style: disc;
}
body.school-page section.sec07 .inner .inner2 .jyuko-kit {
  border: 1px solid #502d00;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 25px 40px;
  margin-bottom: 70px;
}
body.school-page section.sec07 .inner .inner2 .jyuko-kit img {
  float: left;
  margin-right: 45px;
}
body.school-page section.sec07 .inner .inner2 .jyuko-kit h4 {
  font-size: 18px;
  font-weight: bold;
  padding-top: 10px;
  margin-bottom: 15px;
  letter-spacing: 0.05em;
}
body.school-page section.sec07 .inner .inner2 .jyuko-kit ul li {
  margin: 7px 0;
  font-size: 16px;
  letter-spacing: 0.05em;
}

.alta-rec img {
  border: 1px solid #ccc;
}

.arw {
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -11px;
}

h3.m-c {
  text-align: center;
  font-size: 22px;
  color: #502d00;
}
h3.m-c:before, h3.m-c:after {
  content: " ";
  display: block;
  width: 100px;
  height: 1px;
  background-color: #502d00;
  float: left;
  margin-top: 11px;
}
h3.m-c:after {
  float: right;
}

h3.jyukou:before, h3.jyukou:after {
  width: 360px;
}

h3.etc:before, h3.etc:after {
  width: 250px;
}

.alta-enter {
  border: 2px solid #008c6e;
  text-align: center;
  font-size: 15px;
  margin: 25px 0;
}
.alta-enter a {
  color: #008c6e;
  display: block;
  padding: 5px;
  font-weight: bold;
}

.facebook {
  font-size: 17px;
  font-weight: bold;
}

.fb-link {
  color: #920783;
  margin-top: 10px;
  line-height: 1.35;
  font-weight: bold;
  margin-bottom: 15px;
}
.fb-link img {
  float: left;
  margin-right: 15px;
}

/* ハンド */
hr {
  border: none;
  border-top: 1px solid #5e5320;
  margin: 125px 0 20px;
  padding: 0;
}

.hand-nintei {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0;
  font-size: 12px;
  font-weight: bold;
  margin-left: 445px;
  line-height: 1em;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  color: #5e5320;
}
.hand-nintei img {
  float: none;
  margin: 0 0 10px;
}

.hand {
  margin-bottom: 65px;
}
.hand a {
  border: 2px solid #920783;
  display: block;
  text-align: center;
  font-weight: bold;
}
.hand a span {
  display: block;
  padding: 15px 20px 15px 25px;
  color: #920783;
  position: relative;
  font-size: 16px;
}
.hand .link {
  margin-bottom: 1rem;
}

.arrow {
  position: relative;
  display: inline-block;
  padding: 0 0 0 26px;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px;
}
.arrow:before, .arrow:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.hand a span::before {
  width: 10px;
  height: 10px;
  border-top: 2px solid #920783;
  border-right: 2px solid #920783;
  -webkit-transform: rotate(135deg) translate(-3px);
  -ms-transform: rotate(135deg) translate(-3px);
      transform: rotate(135deg) translate(-3px);
  left: 15px;
}

span.tax {
  display: inline !important;
  font-size: 0.6em !important;
}

.parts-semi-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -10px 50px;
}
.parts-semi-items li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 33.3333%;
  padding: 0 10px;
  margin-bottom: 20px;
}
.parts-semi-items li a {
  color: #000;
}
.parts-semi-items__title {
  font-size: 16px;
  font-weight: bold;
  color: #000 !important;
  background-color: transparent !important;
  padding: 0 5px !important;
  margin: 10px 0;
}
.parts-semi-items__data {
  font-size: 14px !important;
  padding: 0 5px;
  margin: 0 !important;
}

.parts-semi-head {
  font-size: 18px;
}

.parts-semi-price i {
  display: inline-block;
  font-size: 1.5em;
  margin: 0 0 0 10px;
}

/* ---------------------------------------------------------
    COUPON
--------------------------------------------------------- */
body.coupon #main h3 {
  font-size: 24px;
  letter-spacing: 0.075em;
}
body.coupon #main h3 span {
  font-size: 15px;
  letter-spacing: 0.01em;
}
body.coupon #main section {
  margin: 65px auto 65px auto;
  border: 1px solid #a3087c;
  padding: 35px 50px;
  width: 560px;
  position: relative;
  background: #fff;
}
body.coupon section:before {
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 45px;
  font-size: 240px;
  line-height: 1em;
  color: #a3087c;
  opacity: 0.075;
}
body.coupon section.c-s:before {
  content: "S";
}
body.coupon section.c-a:before {
  content: "A";
}
body.coupon section.c-b:before {
  content: "B";
}
body.coupon section.c-c:before {
  content: "C";
}
body.coupon section.c-a:after, body.coupon section.c-b:after {
  display: block;
  position: absolute;
  bottom: -100px;
  left: 50%;
  margin-left: -40px;
  font-size: 30px;
  line-height: 1em;
  color: #fff;
  border-radius: 40px;
  width: 80px;
  height: 80px;
  background-color: #a3087c;
  text-align: center;
  line-height: 80px;
}
body.coupon section.c-b:after {
  font-size: 50px;
}
body.coupon section h2 {
  font-size: 24px;
  line-height: 1.75em;
  margin-top: 0;
}
body.coupon section h2 .course {
  font-size: 18px;
  font-weight: bold;
}
body.coupon section h2 .time {
  font-size: 36px;
  color: #000;
}
body.coupon section h2 .time span {
  font-size: 24px;
}
body.coupon section .summary {
  font-size: 14px;
  line-height: 1.75em;
}
body.coupon section .process {
  font-weight: bold;
  font-size: 18px;
  padding: 0 0 0 25px;
  margin-bottom: 50px;
}
body.coupon section .process span {
  font-size: 21px;
  margin: 10px 0 10px 80px;
  display: block;
}
body.coupon section .process a {
  color: #000;
  border-bottom: 1px solid #ccc;
  -webkit-transition: border-color 0.35s linear;
  transition: border-color 0.35s linear;
}
body.coupon section .process a:hover {
  color: #f40caf;
  border-color: #f40caf;
}
body.coupon section .campaign-price {
  line-height: 1.75em;
  font-weight: bold;
  font-size: 18px;
  color: #000;
}
body.coupon section .campaign-price span {
  font-size: 21px;
  color: #a3087c;
}
body.coupon section .campaign-price span span {
  font-size: 32px;
}
body.coupon section ol {
  padding: 0;
}
body.coupon section ol li {
  display: inline-block;
  padding: 0 10px 0 0;
  margin: 3px 0;
  white-space: nowrap;
  color: #a3087c;
  font-size: 16px;
  font-weight: bold;
}
body.coupon section ol li:after {
  content: "→";
  display: inline-block;
  margin: 0 0 0 10px;
  color: #000;
}
body.coupon section ol li:last-child:after {
  content: "";
  margin: 0 0 0 0;
}
body.coupon section ol li a {
  color: #a3087c;
  border-bottom: 1px solid #ccc;
  -webkit-transition: border-color 0.35s linear;
  transition: border-color 0.35s linear;
}
body.coupon section ol li a:hover {
  color: #f40caf;
  border-color: #f40caf;
}

.to-resca-btn {
  background-color: #a28147;
  position: relative;
  text-align: center;
  color: #fff;
  padding: 0.75rem 0;
  margin-bottom: 2rem;
  display: block;
}

.to-resca-btn__arw {
  position: absolute;
  right: 1rem;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  line-height: 1;
}

.to-resca-btn-l {
  background-color: #fff;
  padding: 2rem 0;
  display: block;
}

.to-resca-btn-l__logo {
  float: right;
  width: 40%;
  text-align: center;
}
.to-resca-btn-l__logo > img {
  max-width: 250px;
}

.to-resca-btn-l__info {
  float: left;
  width: 60%;
  position: relative;
  font-size: 1.2rem;
  line-height: 2;
  letter-spacing: 0.1em;
  padding-top: 0.5rem;
}

.to-resca-btn-l__txt {
  text-align: center;
  color: #502d00;
}

.to-resca-btn-l__arw {
  position: absolute;
  right: 2rem;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  line-height: 1;
}

.resca-info {
  background-color: rgba(255, 255, 255, 0.85);
  padding: 20px 40px 30px;
  border-radius: 10px;
  color: #ac8946;
  display: block;
}
.resca-info h3 {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  color: #fff;
  font-style: italic;
  font-weight: normal;
  letter-spacing: 0.12em;
  margin: 0 0 10px;
  line-height: 1em;
}
.resca-info > img {
  vertical-align: middle;
}

.resca-info--txt {
  display: inline-block;
  margin-right: 20px;
  font-size: 16px;
  letter-spacing: 0.1em;
}

body.index #news .resca-info h3 {
  color: #ac8946;
  font-style: normal;
  text-align: center;
  font-size: 12px;
  letter-spacing: 0.35em;
  margin-bottom: 20px;
}

.topics {
  margin-bottom: 1.5rem;
  color: #fff;
}

h3.oneday-semi:after,
h3.oneday-semi:before {
  width: 310px;
}

.oneday-semi-items li {
  font-size: 1.35rem;
  margin-bottom: 0.5rem;
}

body.report p {
  margin-top: 0;
}
body.report .report-lead {
  color: #a3087c;
  text-align: center;
  font-size: 22px;
  line-height: 1.85;
  margin-bottom: 60px;
}
body.report .cover {
  max-width: 570px;
  width: 100%;
  margin: 0 auto 70px;
  text-align: center;
}
body.report .cover .cover__img {
  margin-bottom: 10px;
}
body.report .cover .cover__txt {
  font-size: 14px;
  color: #502d00;
  border-bottom: 1px solid #502d00;
  padding-bottom: 10px;
  margin: 0;
}
body.report .report-summary {
  text-align: center;
  line-height: 2.15;
  padding-bottom: 80px;
  background-image: url(./img/common/line.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 295px auto;
}
body.report section {
  overflow: hidden;
  margin: 65px 0;
}
body.report section:first-child {
  margin-top: 0;
}
body.report section:last-child {
  margin-bottom: 0;
}
body.report .sec-border {
  border-bottom: 1px solid #502d00;
  padding-bottom: 45px;
}
body.report .report-itm-ttl {
  text-align: center;
  font-size: 20px;
  color: #502d00;
  margin: 0 0 50px;
}
body.report .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}
body.report .row .col {
  padding-left: 15px;
  padding-right: 15px;
}
body.report .row--points .col {
  text-align: center;
  width: 33.3333%;
}
body.report .row--points .points-itm-ttl {
  font-size: 16px;
  color: #502d00;
  line-height: 1.85;
  margin: 0 0 10px;
}
body.report .row--points .points-itm-ph {
  margin: 0 0 15px;
}
body.report .row--points .points-itm-txt {
  text-align: justify;
  font-size: 13px;
  padding: 0 20px;
}
body.report .row--report-itm {
  margin-left: -30px;
  margin-right: -30px;
}
body.report .row--report-itm .col {
  padding-left: 30px;
  padding-right: 30px;
}
body.report .row--report-itm .col.col--report-itm-txt {
  width: 52%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
body.report .row--report-itm .col.col--report-itm-ph {
  width: 48%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
body.report .counseling-flow p {
  font-size: 14px;
}
body.report .report-itm-ph {
  margin: 0 0 30px;
}
body.report .report-itm-ph-cap {
  font-size: 15px;
  line-height: 1.85;
}
body.report .osusume {
  color: #a3087c;
}
body.report .check {
  background-color: #916e00;
  padding: 10px;
  color: #fff;
  font-size: 19px;
  letter-spacing: 0.25em;
  line-height: 1;
  margin-top: 2rem;
}
body.report .cehck-ttl {
  font-size: 1rem;
  color: #502d00;
  margin: 1.25rem 0;
}
body.report .about {
  color: #000;
  font-size: 14px;
  border-bottom: 1px solid #502d00;
  padding-bottom: 1.25rem;
}
body.report .sec-after {
  background-color: #f4f2ef;
  padding: 0 40px 10px;
}
body.report .after-ttl {
  font-size: 18px;
  color: #502d00;
  text-align: left;
}
body.report .after-ttl:after {
  margin-top: 1.25rem;
  background: radial-gradient(circle farthest-side, #7f4600, #7f4600 60%, transparent 60%, transparent);
  background-size: 3px 3px;
  content: "";
  display: block;
  height: 3px;
  width: 100%;
}
body.report .col--after-txt {
  width: 66%;
  font-size: 13px;
}
body.report .col--after-ph {
  width: 34%;
}
body.report .col--after-ph img {
  width: 100%;
}

@media only screen and (max-width: 40em) {
  html {
    font-size: 14px;
  }
  /* ---------------------------------------------------------
      COMMON
  --------------------------------------------------------- */
  #header {
    width: 100%;
    padding: 1rem 1rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 60px;
    margin-bottom: 0.75rem;
  }
  #header.show-menu {
    background-color: rgba(255, 255, 255, 0);
  }
  #header h1,
  #header .logo {
    width: 38%;
    margin: 0;
    position: static;
  }
  #header .fb-like {
    position: absolute;
    right: 200px;
    top: 8px;
    z-index: 0;
  }
  #header .coupon {
    width: 140px;
  }
  #header .coupon a {
    left: 820px;
  }
  #container {
    width: 100%;
    padding-bottom: 3rem;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
  }
  #container .show-menu {
    opacity: 0;
  }
  #main {
    padding: 1rem;
    margin: 0 0.75rem;
  }
  #main h1 {
    font-size: 1.85rem;
    margin-bottom: 2rem;
    margin-bottom: 3.5rem;
  }
  .sp-menu-close {
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 0;
    z-index: 3;
    border-bottom: 1px solid #444;
    width: 35px;
    height: 21px;
    margin: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .sp-menu-close:before, .sp-menu-close:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #444;
    width: 35px;
    height: 1px;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .sp-menu-close:before {
    top: 0;
  }
  .sp-menu-close:after {
    top: 10px;
  }
  .sp-menu-close.sp-menu-close-active {
    border-bottom: 0;
  }
  .sp-menu-close.sp-menu-close-active:before, .sp-menu-close.sp-menu-close-active:after {
    background-color: #fff;
  }
  .sp-menu-close.sp-menu-close-active:before {
    top: 10px;
    -webkit-transform: rotate(45deg) !important;
        -ms-transform: rotate(45deg) !important;
            transform: rotate(45deg) !important;
  }
  .sp-menu-close.sp-menu-close-active:after {
    -webkit-transform: rotate(-45deg) !important;
        -ms-transform: rotate(-45deg) !important;
            transform: rotate(-45deg) !important;
  }
  .sp-footer-menu {
    position: relative;
    z-index: 99;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    text-align: center;
    letter-spacing: 0.3em;
    white-space: nowrap;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    margin: 3rem 1.5rem;
    padding: 2rem 0;
  }
  .sp-footer-menu ul {
    padding: 0;
    display: block;
    margin-bottom: 0;
  }
  .sp-footer-menu ul li {
    font-size: 1.2rem;
    text-shadow: 0 0 8px #000;
    display: block;
    width: 100%;
    margin: 2rem 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #global-nav {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    margin-top: 0;
  }
  #global-nav ul {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 6rem 0 0 0;
    display: block;
  }
  #global-nav ul li {
    display: block;
    font-size: 1.3rem;
    text-shadow: 0 0 8px #000;
    margin: 1.35rem 0;
  }
  #global-nav ul li.nav-coupon a {
    color: #f40caf;
  }
  #global-nav #sp-nav-mat {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    z-index: 0;
    opacity: 0.75;
    -webkit-transition: opacity 0.8s ease-out;
    transition: opacity 0.8s ease-out;
    width: 100%;
    height: 300px;
  }
  body.coupon footer {
    padding-bottom: 4rem;
  }
  footer {
    padding-bottom: 7rem;
    width: 100%;
    position: static;
    margin-left: 0;
    height: auto;
    text-align: center;
  }
  footer ul {
    float: none;
    margin-bottom: 4rem;
  }
  footer ul li {
    display: block;
    vertical-align: bottom;
  }
  footer .mail {
    padding: 5px 0;
  }
  footer .tel {
    padding: 5px 0;
  }
  footer .tel a {
    margin-left: 0;
  }
  footer .line {
    padding: 5px 0;
  }
  footer .line a {
    margin-left: 0;
    padding-left: 0;
  }
  footer .facebook-icon {
    margin-left: 0;
    padding: 5px 0;
    margin: 1rem 0;
  }
  footer .facebook-icon .facebook-icon img {
    margin-right: 8px;
    vertical-align: top;
    margin-top: 2px;
  }
  footer .copyright {
    text-align: center;
    float: none;
  }
  .page-outline {
    text-align: left;
  }
  .to-rep > a {
    display: block;
  }
  .to-rep p {
    margin: 0;
  }
  .to-rep .to-rep__photo {
    width: 100%;
  }
  .to-rep .to-rep__txt {
    padding: 20px 0;
    width: 100%;
    font-size: 16px;
    letter-spacing: 0em;
    text-align: center;
    padding-right: 0;
  }
  .to-rep .to-rep__txt span {
    font-size: 12px;
    display: block;
    margin-top: 5px;
  }
  .to-rep .to-rep__arw {
    right: 15px;
  }
  /* ---------------------------------------------------------
      TOP
  --------------------------------------------------------- */
  body.index #header {
    position: absolute;
    left: 0;
    top: 0;
  }
  body.index #container {
    position: static;
    width: 100%;
    left: 50%;
    margin-left: 0;
  }
  body.index #main {
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 100%;
  }
  body.index #news {
    width: 100%;
    left: 0;
    font-size: 0.8rem;
    line-height: 1.5em;
    text-shadow: 0 0 8px #000;
    padding: 0;
    bottom: 0;
  }
  body.index #news h3 {
    font-size: 0.75rem;
    margin-bottom: 0.35rem;
  }
  body.index #news span.more {
    font-size: 0.8rem;
    background-size: 0.4rem;
    padding-right: 0.6rem;
    letter-spacing: 0.035em;
  }
  body.index .topics {
    padding: 0 1rem;
  }
  body.index .copy {
    margin-top: -4.5rem;
    height: auto;
    -webkit-transition: top 0.35s ease-out;
    transition: top 0.35s ease-out;
  }
  body.index .copy p {
    display: block;
    font-size: 1.1rem;
    font-weight: normal;
    line-height: 1.75em;
    letter-spacing: 0.2em;
  }
  body.index .copy a.readmore {
    font-size: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.75);
    display: inline-block;
    letter-spacing: 0.1em;
    padding: 0.15rem 0.5rem;
    line-height: 1.5em;
    margin-top: 1rem;
  }
  body.index #concept-modal .container {
    display: block;
    overflow: scroll;
  }
  body.index #concept-modal h2 {
    font-size: 1.2rem;
    line-height: 1.75em;
    margin-bottom: 1.5rem;
  }
  body.index #concept-modal p {
    line-height: 1.75em;
  }
  body.index #concept-modal .box {
    padding: 2rem 2rem 3rem;
  }
  body.index #concept-modal .close {
    position: fixed;
    right: 0;
    top: 0;
    padding: 1.25rem;
  }
  /* ---------------------------------------------------------
      STAFF
  --------------------------------------------------------- */
  body.staff #main {
    padding: 1rem;
    margin: 0 0.75rem;
  }
  body.staff .profile {
    width: 100%;
    text-align: center;
  }
  body.staff .profile:last-child {
    border-bottom: 0;
    margin-bottom: 0;
  }
  body.staff .profile .prof-catch {
    font-size: 1.1em;
    margin-bottom: 1.5em;
  }
  body.staff .profile .prof-photo {
    float: none;
    text-align: center;
  }
  body.staff .profile .prof-photo img {
    width: 160px;
  }
  body.staff .profile .prof-content {
    float: none;
    width: 100%;
    font-size: 0.8rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: transparent;
    padding: 1rem 0;
  }
  body.staff .profile .prof-content .profile-body {
    text-align: left;
  }
  body.staff .profile .prof-content .name .ja {
    font-size: 1.5rem;
    display: block;
    margin-left: 0;
  }
  body.staff .profile .prof-content .name .en {
    display: block;
    margin-top: 0.35rem;
  }
  body.staff .profile .prof-content .actual {
    font-size: 0.8rem;
  }
  body.staff .profile .p-head {
    display: block;
    font-weight: bold;
  }
  /* ---------------------------------------------------------
      ITEMS COMMON
  --------------------------------------------------------- */
  .items-other-title {
    text-align: center;
  }
  .items-other-note {
    font-size: 12px;
    margin: 30px 0;
    font-weight: normal;
    color: #666;
  }
  .items-other-course {
    margin-bottom: 40px;
  }
  .items-other-course-title {
    text-align: center;
  }
  .items-outline {
    text-align: left;
  }
  .items-note {
    font-size: 13px;
    display: block;
    margin: -10px 0 20px;
  }
  .items-note > dt:before {
    content: "〈";
  }
  .items-note > dt:after {
    content: "〉";
  }
  .items-heading {
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 4px 0;
    font-size: 15px;
    background: #a3087c;
    text-align: center;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.1em;
  }
  .items-series-outline {
    margin-top: 0;
  }
  .items-comment {
    text-align: left;
    color: #502d00;
    border-top: 1px dotted #502d00;
    margin-top: 20px;
    padding-top: 15px;
  }
  .items-comment p {
    margin: 10px 0;
  }
  .items-comment strong {
    color: #a3087c;
  }
  .items .item {
    width: 100%;
    float: none;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px dotted #eee;
  }
  .items .item.bottom, .items .item:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .items .item.item-execp.item-execp01 {
    width: 100%;
  }
  .items .item.item-execp.item-execp02, .items .item.item-execp.item-execp03 {
    width: 50%;
    float: left;
    border: 0;
  }
  .items .item.item-execp.item-execp02 .item-title, .items .item.item-execp.item-execp03 .item-title {
    font-size: 12px;
  }
  .items .item.item-execp.item-execp02 .item-title span, .items .item.item-execp.item-execp03 .item-title span {
    font-size: 11px;
  }
  .items .item .item-valiations .item-valiation:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .items .item .item-title {
    font-size: 14px;
    letter-spacing: 0.02em;
    color: #502d00;
    margin-bottom: 15px;
    line-height: 1.5em;
    font-weight: bold;
    padding-right: 7px;
    padding-left: 7px;
  }
  .items .item .item-title span {
    font-size: 12px;
    display: block;
  }
  .items .item .item-title.small {
    font-size: 12px !important;
    letter-spacing: 0 !important;
  }
  .items .item .item-photo {
    height: 125px;
  }
  .items .item .item-photo img.item-photo-img {
    position: static;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    width: auto;
    height: 100%;
  }
  .items .item .item-cat {
    position: relative;
  }
  .items .item .item-cat-icon {
    position: absolute;
    top: -20px;
    right: -5px;
    z-index: 10;
    width: 38px;
    height: 38px;
    border-radius: 20px;
    border-width: 1px;
  }
  .items .item .item-cat-icon > span {
    font-size: 13px;
  }
  .items .item .item-cat-icon--small > span {
    font-size: 11px;
  }
  .items .item .item-best-icon {
    left: 0;
    top: -20px;
    left: 10px;
    width: 40px;
  }
  .items .item .item-feature {
    margin: 8px -3px;
  }
  .items .item .item-feature li {
    padding: 0 3px;
    clear: both;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .items .item .item-feature li .inner {
    background-color: #a3087c;
    color: #fff;
    margin-bottom: 5px;
    padding: 3px 5px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.035rem;
    font-size: 12px;
  }
  .items .item .item-feature li.two-col {
    width: 100%;
    float: none;
    clear: none;
  }
  .items .item .item-feature li.small .inner, .items .item .item-feature li.sp-small .inner {
    font-size: 11px;
    white-space: nowrap;
  }
  .items .item .item-feature-text {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.75em;
    color: #a3087c;
    padding-right: 7px;
    padding-left: 7px;
  }
  .items .item .item-feature-text p {
    margin: 10px 0;
  }
  .items .item .item-outline {
    margin-bottom: 25px;
    line-height: 1.5;
  }
  .items .item .item-price {
    margin-top: 10px;
  }
  .items .item .item-price .price-num {
    font-size: 1.1em;
  }
  .items .item .item-price {
    font-size: 13px;
    text-align: center;
  }
  .items .item .item-outline {
    padding: 0 7px;
    font-size: 11px;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 1.6;
  }
  .items .item .item-comment {
    text-align: left;
  }
  .items .item-2of3,
  .items .item-1of3,
  .items .item-1of2,
  .items .item-1of1,
  .items .item-single {
    width: 100%;
    padding: 0 0 30px;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .items .s-item-1of1 {
    width: 100%;
    float: none;
    clear: both;
    padding: 0 5px;
    border: none;
  }
  .items .s-item-1of2 {
    width: 50%;
    float: left;
    padding-right: 5px;
    padding-left: 5px;
  }
  .items.items-special .item .item-title {
    font-size: 16px;
    text-align: center;
    margin-bottom: 10px;
  }
  .items.items-special .item .item-title span {
    font-size: 10px;
    margin-left: 5px;
    line-height: 1.5;
  }
  .items.items-special .item .item-price {
    color: #502d00;
    text-align: center;
    margin-top: 0;
    margin-bottom: 25px;
  }
  .items.items-commentary .item {
    width: 100%;
    padding: 0;
    border: 0;
  }
  .items.items-commentary .item-commentary {
    width: 100%;
    padding: 0;
    float: none;
    color: #502d00;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .items.items-commentary .item-commentary .item-commentary-price {
    font-weight: bold;
    font-family: Garamond, "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "Sawarabi Mincho", serif;
  }
  .items.items-commentary .item-commentary h5 {
    font-size: 16px;
  }
  .items.items-commentary .item-commentary p {
    margin-top: 0;
    margin-bottom: 15px;
  }
  /* ---------------------------------------------------------
      ITEMS
  --------------------------------------------------------- */
  body.items-page p {
    font-size: 13px;
  }
  body.items-page .page-outline {
    margin-bottom: 30px;
  }
  body.items-page .hand {
    margin-bottom: 30px;
    margin-right: -0.3rem;
    margin-left: -0.3rem;
  }
  body.items-page .hand .link {
    margin-bottom: 0.5rem;
    padding: 0 0.3rem;
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
  }
  body.items-page .hand .link .arrow:before {
    left: 8px;
  }
  body.items-page .hand .link a span {
    padding: 10px 0 10px 25px;
    display: block;
    font-size: 10px;
    line-height: 1;
  }
  body.items-page .hand .link a span:before {
    width: 6px;
    height: 6px;
    border-width: 1px;
  }
  body.items-page .items-box {
    margin: 15px 0;
  }
  body.items-page .items-box .items-title {
    margin: 20px 0 40px;
  }
  body.items-page .items-box > .inner {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
  }
  body.items-page .row.sp-multi-col {
    margin-right: -5px;
    margin-left: -5px;
  }
  body.items-page .row.sp-multi-col .col-2of3,
  body.items-page .row.sp-multi-col .col-1of3,
  body.items-page .row.sp-multi-col .col-1of2 {
    padding: 0 5px;
  }
  body.items-page .row {
    margin-left: 0;
    margin-right: 0;
  }
  body.items-page .row .col-2of3,
  body.items-page .row .col-1of3,
  body.items-page .row .col-1of2 {
    float: none;
    padding: 0;
    width: 100%;
  }
  body.items-page .row .col-2of3 .items-heading,
  body.items-page .row .col-1of3 .items-heading,
  body.items-page .row .col-1of2 .items-heading {
    margin-top: 40px;
  }
  body.items-page .row .col-2of3 .item-1of2,
  body.items-page .row .col-2of3 .item-1of1,
  body.items-page .row .col-1of3 .item-1of2,
  body.items-page .row .col-1of3 .item-1of1,
  body.items-page .row .col-1of2 .item-1of2,
  body.items-page .row .col-1of2 .item-1of1 {
    padding: 0;
  }
  body.items-page .row .s-col-1of2 {
    width: 50%;
    float: left;
    padding: 0 5px;
  }
  body.items-page .sec02 .row .col-2of3 .item-1of2 {
    border: 0;
    margin-bottom: 0;
  }
  body.items-page .sec02 .row .col-2of3 .item-1of2 .item-title {
    font-size: 12px;
    letter-spacing: 0;
  }
  body.items-page .sec02 .row .col-2of3 .item-1of2 .item-title span {
    font-size: 11px;
  }
  body.items-page .sec02 .row .col-2of3 .item-1of2 .item-outline {
    margin-bottom: 5px;
    line-height: 1.5;
  }
  body.items-page .sec02 .row .col-1of2 .item-title {
    font-size: 12px;
  }
  body.items-page .sec02 .row .col-1of2 .item-title span {
    font-size: 11px;
  }
  body.items-page .sec03 .item-title,
  body.items-page .sec04 .item-title,
  body.items-page .sec05 .item-title,
  body.items-page .sec06 .item-title {
    font-size: 12px;
    white-space: normal;
    letter-spacing: 0;
  }
  body.items-page .sec03 .item-feature-text p,
  body.items-page .sec04 .item-feature-text p,
  body.items-page .sec05 .item-feature-text p,
  body.items-page .sec06 .item-feature-text p {
    line-height: 1.5;
  }
  body.items-page .sec05 .item {
    border: 0;
  }
  body.items-page .sec06 .items.items-special .item-title {
    font-size: 13px;
    white-space: normal;
    letter-spacing: 0;
  }
  body.items-page .sec06 .items.items-special .item-price-comment {
    font-size: 12px;
    text-align: left;
    font-weight: normal;
    margin-bottom: 5px;
  }
  body.items-page .sec06 .items.items-special .item-price-comment.item-comment-strong {
    font-size: 13px;
    font-weight: normal;
  }
  body.items-page .sec06 .items.items-special .item-comment.item-comment-strong {
    font-size: 11px;
    font-weight: normal;
  }
  body.items-page .sec06 .items.items-special .item-price {
    color: #000;
  }
  body.items-page .sec07 .item-photo {
    height: auto;
  }
  body.items-page .item-photo {
    overflow: hidden;
  }
  body.items-page .placenta-points {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
  body.items-page .placenta-points__point {
    padding: 0;
  }
  body.items-page .placenta-points__point p {
    font-size: 13px;
  }
  body.items-page .placenta-image {
    font-size: 13px;
  }
  /* ---------------------------------------------------------
      SALON
  --------------------------------------------------------- */
  body.salon .services {
    display: none;
  }
  body.salon #slider-wrapper {
    width: 100%;
    height: auto;
    margin: 0;
  }
  body.salon #slider li {
    margin-bottom: 2rem;
  }
  body.salon #slider li p {
    display: block;
    font-size: 0.8rem;
    line-height: 1.5;
    margin-top: 0.5rem;
    margin-bottom: 1.5rem;
  }
  body.salon #slider li a {
    pointer-events: none;
  }
  /* ---------------------------------------------------------
      MENU COMMONS
  --------------------------------------------------------- */
  body.menu .menu-common-title {
    margin: 1.75rem 0 3rem;
  }
  body.menu #main h1.menu-page-title {
    font-size: 26px;
  }
  body.menu #main h1.menu-page-title span {
    font-size: 14px;
  }
  body.menu section {
    margin: 0 0 45px 0;
  }
  body.menu .outline .outline-title {
    font-size: 18px;
    margin-bottom: 30px;
  }
  body.menu .outline .outline-photo {
    float: none;
    text-align: center;
    margin-bottom: 30px;
  }
  body.menu .outline .outline-text {
    margin-right: 0;
  }
  body.menu .outline .outline-text p {
    font-size: 14px;
    line-height: 1.75em;
    margin: 0;
  }
  body.menu .course .course-header {
    margin: 20px 5px 0;
    padding: 0 0 10px;
  }
  body.menu .course .course-header .course-title {
    font-size: 1.5rem;
    float: none;
  }
  body.menu .course .course-header .course-title:before {
    margin-right: 0.85em;
  }
  body.menu .course .course-header .course-title-sup {
    font-size: 13px;
    padding-top: 0;
    float: none;
    text-align: left;
  }
  body.menu .course .course-price {
    background-repeat: no-repeat;
    background-position: bottom center;
    padding: 30px 15px 15px;
    margin-bottom: 50px;
  }
  body.menu .course .course-price .course-price-item {
    font-size: 13px;
    float: none;
    width: 100%;
    position: relative;
    padding-left: 20px;
  }
  body.menu .course .course-price .course-price-item:before {
    position: absolute;
    left: 0;
    top: 0;
  }
  body.menu .course .course-price .course-price-item:last-child {
    margin-bottom: 0;
  }
  body.menu .course .course-price .course-price-item .price-num {
    font-size: 1.4em;
  }
  body.menu .course .course-content {
    margin-bottom: 35px;
    text-align: left;
  }
  body.menu .course .course-content .course-content-photo {
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }
  body.menu .course .course-content .course-content-text {
    padding-right: 0;
  }
  body.menu .items {
    margin-right: 0;
    margin-left: 0;
  }
  body.menu .items .item {
    width: 100%;
    float: none;
    margin-bottom: 50px;
  }
  body.menu .items .item .item-title {
    font-size: 16px;
    letter-spacing: 0.02em;
    color: #502d00;
    margin-bottom: 15px;
    line-height: 1.5em;
    font-weight: bold;
  }
  body.menu .items .item .item-title span {
    font-size: 13px;
    display: block;
  }
  body.menu .items .item .item-photo {
    position: relative;
    overflow: hidden;
  }
  body.menu .items .item .item-cat-icon {
    position: absolute;
    top: 10px;
    right: 10px;
  }
  body.menu .items .item .item-feature {
    margin: 8px 0;
  }
  body.menu .items .item .item-feature li {
    background-color: #a3087c;
    color: #fff;
    margin-bottom: 5px;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 0.035rem;
  }
  body.menu .menu-top {
    padding: 10px 0;
    margin: 30px 0;
  }
  body.menu .menu-top .menu-top-btn {
    width: 100%;
    padding: 15px 0;
  }
  body.menu .menu-top .menu-top-btn .menu-top-btn-title {
    font-size: 16px;
  }
  /* ---------------------------------------------------------
      MENU INDEX
  --------------------------------------------------------- */
  body.menu .menu-list {
    margin-right: 0;
  }
  body.menu .menu-list li.menu-item {
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
  }
  body.menu .menu-list .menu-title {
    top: 70px;
  }
  body.menu .menu-list .menu-arw {
    bottom: 30px;
  }
  body.menu .menu-list-2 {
    margin-right: 0;
  }
  body.menu .menu-list-2 li.menu-item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  body.menu .orthomolecular {
    width: 100%;
  }
  body.menu .orthomolecular .orth-img {
    float: none;
    margin-right: 0;
  }
  body.menu .orthomolecular .orth-img img {
    width: 100%;
  }
  body.menu .orthomolecular .orth-text {
    font-size: 16px;
    padding: 15px 0px;
  }
  body.menu .orthomolecular .orth-text span {
    font-size: 12px;
  }
  body.menu .orthomolecular .orth-text .orth-arw {
    right: 10px;
  }
  /* ---------------------------------------------------------
      MENU FACIAL
  --------------------------------------------------------- */
  .menu-facial .outline-products-heading {
    font-size: 18px;
  }
  .menu-facial .outline-products-heading2 {
    font-size: 14px;
  }
  .menu-facial .outline-products-title {
    font-size: 14px;
    text-align: center;
  }
  .menu-facial .outline-products-points strong {
    font-weight: bold;
    font-size: 1.1em;
  }
  .menu-facial .outline-products-points li:before {
    content: counter(num) ". ";
  }
  .menu-facial .outline-products-photo {
    float: none;
    text-align: center;
    margin-bottom: 24px;
  }
  .menu-facial .outline-products-text {
    margin-left: 0;
  }
  .menu-facial .point-item {
    float: none;
    margin-right: 0;
    width: 100%;
    margin-bottom: 15px;
  }
  .menu-facial .point-note p {
    margin-top: 0;
  }
  .menu-facial .course-price {
    margin-bottom: 20px !important;
  }
  .menu-facial .course-cat {
    font-size: 16px;
    margin-bottom: 14px;
  }
  .menu-facial .course-cat:before, .menu-facial .course-cat:after {
    height: 14px;
  }
  .menu-facial .course-cat:before {
    margin-right: 16px;
  }
  .menu-facial .course-cat:after {
    margin-left: 16px;
  }
  .menu-facial .course-content {
    margin: 0 5px !important;
  }
  .menu-facial .course-content ul {
    counter-reset: cousernum;
    padding: 0 15px;
  }
  .menu-facial .course-content ul li {
    position: relative;
    padding-left: 2rem;
    line-height: 1.5;
    margin-bottom: 0.5rem;
  }
  .menu-facial .course-content ul li:before {
    counter-increment: cousernum;
    content: counter(cousernum) ".　";
    font-size: 16px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  .menu-facial .course-content ul li .en {
    display: block;
    font-size: 0.9em;
    color: #502d00;
  }
  .menu-facial section.sec01 {
    margin-left: auto;
    margin-right: auto;
  }
  .menu-facial section.sec02 ul li {
    width: 100%;
    padding: 15px;
    margin-bottom: 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .menu-facial section.sec02 ul li p:first-child {
    margin-bottom: 0.75rem;
    text-align: center;
  }
  .menu-facial section.sec02 ul li img {
    float: none;
    margin-right: 0;
  }
  .menu-facial section.sec03 .course-price {
    padding-bottom: 0;
  }
  .menu-facial section.sec04 ul {
    text-align: center;
  }
  .menu-facial section.sec04 ul li {
    width: auto;
    display: block;
    margin-right: 0;
    margin-bottom: 30px;
    padding: 0 5px;
  }
  .menu-facial section.sec04 ul li:last-child {
    margin-bottom: 0;
  }
  .menu-facial #main section.sec05 .inner {
    padding: 20px;
  }
  .menu-facial #main section.sec05 h1 {
    text-align: center;
    color: #502d00;
    border-bottom: 1px solid #502d00;
    margin-top: 20px;
    margin-bottom: 30px;
    line-height: 1.35em;
    padding: 0 5px 20px;
    letter-spacing: 0.05rem;
  }
  .menu-facial #main section.sec05 h1 span {
    color: #a3087c;
    display: inline-block;
    float: right;
    font-size: 15px;
    display: block;
    letter-spacing: 0.05em;
  }
  .menu-facial #main section.sec05 .face-course-price {
    text-align: center;
    padding: 0 0 20px;
  }
  .menu-facial #main section.sec05 .face-course-price .face-course-price-sep1,
  .menu-facial #main section.sec05 .face-course-price .face-course-price-sep2 {
    margin-right: 0;
  }
  .menu-facial #main section.sec05 .face-course-price .price-num {
    font-size: 1.666em;
  }
  .menu-facial #main section.sec05 .plan .plan-zoukei,
  .menu-facial #main section.sec05 .plan .plan-ion {
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }
  .menu-facial #main section.sec05 .plan .plan-zoukei h2,
  .menu-facial #main section.sec05 .plan .plan-ion h2 {
    font-size: 16px;
    margin: 0 0 10px;
  }
  .menu-facial #main section.sec05 .plan .plan-zoukei h2:before,
  .menu-facial #main section.sec05 .plan .plan-ion h2:before {
    margin-right: 0.25rem;
  }
  .menu-facial #main section.sec05 .plan .plan-zoukei .plan-outline,
  .menu-facial #main section.sec05 .plan .plan-ion .plan-outline {
    line-height: 1.5em;
    height: auto;
    padding: 20px 25px;
  }
  .menu-facial #main section.sec05 .plan .plan-zoukei {
    margin-right: 55px;
  }
  .menu-facial #main section.sec05 .ask {
    width: 100%;
    margin: 30px auto;
  }
  .menu-facial #main section.sec05 .ask p {
    margin: 0;
  }
  .menu-facial #main section.sec05 .ask:after, .menu-facial #main section.sec05 .ask:before {
    border-color: #000;
  }
  .menu-facial .sec06 {
    padding: 35px 15px 15px;
  }
  .menu-facial .sec06 h4 {
    font-size: 18px;
    padding-bottom: 25px;
  }
  .menu-facial .sec06 .revyty-container {
    width: 100%;
  }
  .menu-facial .sec06 .revyty-text,
  .menu-facial .sec06 .revyty-figuire {
    width: 100%;
    float: none;
  }
  .menu-facial .sec06 .revyty-container-ba .revyty-text,
  .menu-facial .sec06 .revyty-container-ba .revyty-figuire {
    width: 100%;
  }
  .menu-facial .course-ticket {
    padding: 20px 15px;
  }
  .menu-facial .course-ticket .course-ticket-outline {
    margin-top: 0;
    text-align: left;
  }
  .menu-facial .course-ticket .course-ticket-title {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
  .menu-facial .course-ticket .course-ticket-title h5 {
    width: 100%;
  }
  .menu-facial .course-ticket .course-price-table {
    padding: 0 10px 20px;
  }
  .menu-facial .course-ticket .course-price-table .course-price-item {
    text-align: left;
    width: 100%;
    float: none;
    margin: 10px 0 15px;
  }
  .menu-facial .course-ticket .course-price-table .course-price-item:before {
    margin-bottom: 2px;
    margin-right: 5px;
  }
  .menu-facial .course-ticket .course-price-table .price-head {
    width: auto;
    margin-bottom: 15px;
  }
  .menu-facial .sec-option .course-price {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .menu-facial .sec-option .course-price-item {
    width: 100% !important;
  }
  .menu-facial .sec-option .course-price-item span.item-title {
    display: block;
    font-size: 1.1rem;
  }
  .menu-facial .sec-option .course-price-item span.price-box {
    position: static;
    width: auto;
    text-align: right;
    display: block;
  }
  .menu-facial .sec-option .course-price-item span.price-box span.price-num-cont {
    width: 70px !important;
  }
  .menu-facial .sec-option .course-price-item span.caption {
    color: #502d00;
    font-weight: normal;
    position: static;
  }
  .menu-facial .sec-option .course-price-item::before {
    content: "□" !important;
    color: #502d00;
    font-size: 1rem !important;
    margin-right: 0 !important;
    position: absolute;
    left: 0;
    top: 0;
  }
  /* ---------------------------------------------------------
      MENU LYMPH
  --------------------------------------------------------- */
  body.menu-lymph section.sec02 {
    margin-bottom: 0;
  }
  body.menu-lymph section.sec02 .inner {
    padding: 45px 0 50px;
    text-align: center;
  }
  body.menu-lymph .set-menu {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  body.menu-lymph .set-menu .set-menu-header {
    margin-bottom: 30px;
  }
  body.menu-lymph .set-menu .set-menu-course {
    width: 100%;
    float: none;
    border: 0;
    padding: 0;
    margin-bottom: 50px;
  }
  body.menu-lymph .set-menu .set-menu-course:last-child {
    margin-bottom: 0;
  }
  body.menu-lymph .set-menu .set-menu-course-contents {
    height: auto !important;
    padding: 10px 0;
  }
  /* ---------------------------------------------------------
      MENU SELECTION
  --------------------------------------------------------- */
  body.menu-selection section.sec02 .inner {
    padding: 45px 0 50px;
  }
  body.menu-selection .course {
    padding: 5px 20px;
  }
  body.menu-selection .course:last-child {
    margin-bottom: 0;
  }
  body.menu-selection .course .course-price-table {
    padding-left: 0;
    padding-right: 0;
  }
  body.menu-selection .course .course-price-table .course-price-item {
    float: none;
    margin: 10px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  body.menu-selection .course .course-price-table .course-price-item:nth-child(odd), body.menu-selection .course .course-price-table .course-price-item:nth-child(even) {
    float: none;
    width: auto;
  }
  body.menu-selection .course .course-price-table .course-price-item:before {
    float: none;
  }
  body.menu-selection .course .course-price-table .course-price-item .price-head,
  body.menu-selection .course .course-price-table .course-price-item .price-data {
    display: inline-block;
  }
  body.menu-selection .course .course-price-table .course-price-item .price-head {
    float: none;
    font-size: 14px;
  }
  body.menu-selection .course .course-price-table .course-price-item .price-data {
    float: none;
    width: 100%;
    text-align: right;
  }
  body.menu-selection .course .course-price-table .course-price-item.base-price {
    font-size: 14px;
  }
  body.menu-selection .course .course-price-table .course-price-item.base-price:before, body.menu-selection .course .course-price-table .course-price-item.base-price:after {
    content: none;
  }
  body.menu-selection .course .course-content {
    margin-bottom: 0;
  }
  body.menu-selection .course .course-content .course-content-aside {
    float: none;
    width: 100%;
  }
  body.menu-selection .course .course-content .course-content-aside .course-content-point {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  body.menu-selection .course .course-figures {
    margin-right: 0;
    margin-left: 0;
  }
  body.menu-selection .course .course-figures .course-figure {
    width: 100%;
    float: none;
    padding: 0;
    margin-bottom: 10px;
  }
  body.menu-selection .course .course-ticket {
    padding: 20px 15px;
  }
  body.menu-selection .course .course-ticket .course-ticket-title {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
  body.menu-selection .course .course-ticket .course-ticket-title h5 {
    width: 100%;
  }
  body.menu-selection .course .course-ticket .course-price-table .course-price-item {
    width: 100%;
    float: none;
    margin: 10px 0 15px;
  }
  body.menu-selection .course .course-ticket .course-price-table .course-price-item:last-child {
    margin-bottom: 0;
  }
  body.menu-selection .course .course-ticket .course-price-table .course-price-item:before {
    content: none;
  }
  body.menu-selection .course .course-ticket .course-price-table .course-price-item .price-head,
  body.menu-selection .course .course-ticket .course-price-table .course-price-item .price-data {
    display: block;
    text-align: center;
  }
  body.menu-selection .course .course-ticket .course-price-table .course-price-item .price-head {
    width: 100%;
  }
  /* ---------------------------------------------------------
      MENU MYOFASCIAL
  --------------------------------------------------------- */
  body.menu-myofascial .sec01 {
    padding-bottom: 50px;
    border-bottom: 1px solid #502d00;
  }
  body.menu-myofascial .sec02 .outline {
    margin-bottom: 45px;
  }
  body.menu-myofascial .sec02 .outline-text-only {
    width: 100%;
  }
  body.menu-myofascial .sec02 .heading-grad {
    letter-spacing: 0;
    font-size: 15px;
  }
  body.menu-myofascial .sec02 .features {
    margin-right: 0;
    margin-left: 0;
  }
  body.menu-myofascial .sec02 .features .feature {
    float: none;
    width: 100%;
    margin-bottom: 15px;
  }
  body.menu-myofascial .sec02 .features .feature .inner {
    padding: 15px 10px;
  }
  body.menu-myofascial .sec02 .features .feature .feature-heading strong {
    font-size: 18px;
  }
  body.menu-myofascial .sec02 .features .feature .feature-outline li {
    font-size: 15px;
  }
  body.menu-myofascial .sec02 .before-after .ex {
    margin-bottom: 15px;
  }
  body.menu-myofascial .sec03 .course-price {
    padding-bottom: 0;
    border-bottom: 0;
  }
  body.menu-myofascial .sec03 .point {
    border: 1px solid #a07300;
  }
  body.menu-myofascial .sec03 .point .point-heading,
  body.menu-myofascial .sec03 .point .point-text {
    padding: 15px;
  }
  body.menu-myofascial .sec03 .point .point-heading {
    float: none;
    padding: 5px 0;
    text-align: center;
  }
  body.menu-myofascial .sec03 .point .point-text {
    text-align: left;
    overflow: visible;
  }
  body.menu-myofascial .sec03 .course-txt {
    text-align: left;
    font-size: 1rem;
    margin: 0.8rem 0;
  }
  body.menu-myofascial .sec03 .course--sp {
    background-color: #fff;
    padding: 2rem 1.5rem;
    border: 1px solid #a3087c;
  }
  body.menu-myofascial .sec03 .course--sp .course-title {
    font-size: 1.1rem;
  }
  body.menu-myofascial .sec03 .course--sp .course-header {
    border: 0;
    padding: 0;
    margin: 0;
  }
  body.menu-myofascial .sec03 .course--sp .course-header .course-title {
    color: #a3087c;
  }
  body.menu-myofascial .sec03 .course--sp .course-price {
    padding: 20px 0 0;
    margin-bottom: 0 !important;
  }
  body.menu-myofascial .items .item .item-photo {
    height: auto;
    background-color: #fff;
  }
  body.menu-myofascial .items .item .item-photo img {
    max-width: 240px;
  }
  /* ---------------------------------------------------------
      SCHOOL
  --------------------------------------------------------- */
  body.school-page section {
    margin-bottom: 30px;
  }
  body.school-page section.sec01 {
    width: 100%;
  }
  body.school-page section.sec01 img {
    float: none;
    margin-left: 0;
  }
  body.school-page section.sec01 p {
    width: 100%;
  }
  body.school-page section.sec01 p.syusai span {
    font-size: 15px;
  }
  body.school-page section.sec02 {
    text-align: center;
  }
  body.school-page section.sec02 h3 {
    font-size: 15px;
  }
  body.school-page section.sec02 h3:before, body.school-page section.sec02 h3:after {
    background-size: 100% 1px;
  }
  body.school-page section.sec02 ul li {
    width: 100%;
    height: auto;
    border-radius: 10px;
    padding: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 0 15px;
  }
  body.school-page section.sec03 h3 {
    text-align: center;
    font-size: 25px;
    color: #502d00;
  }
  body.school-page section.sec03 ol li {
    width: 100%;
    padding: 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-position: center 30px;
  }
  body.school-page section.sec03 ol li h4 {
    text-align: center;
    font-size: 24px;
  }
  body.school-page section.sec03 ol li p.alta-rec {
    float: none;
    margin-right: 0;
    text-align: center;
  }
  body.school-page section.sec03 ol li .photos img {
    margin-bottom: 20px;
    margin-right: 0;
  }
  body.school-page section.sec03 .contact {
    position: static;
    text-align: center;
  }
  body.school-page section.sec04 .alta {
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 40px;
    text-align: center;
  }
  body.school-page section.sec04 .alta p {
    font-size: 13px;
    text-align: left;
  }
  body.school-page section.sec04 .alta .facebook {
    font-size: 15px;
    text-align: left;
  }
  body.school-page section.sec04 .alta img.alta-logo {
    float: none;
    margin-right: 0;
    text-align: center;
    margin-bottom: 20px;
  }
  body.school-page section.sec05 h2 {
    font-size: 21px;
  }
  body.school-page section.sec05 h2 > span {
    font-size: 16px;
  }
  body.school-page section.sec05 table {
    margin: 0 20px;
  }
  body.school-page section.sec05 table th,
  body.school-page section.sec05 table td {
    font-size: 16px;
    line-height: 1.35em;
  }
  body.school-page section.sec05 table th {
    padding-right: 10px;
    white-space: nowrap;
  }
  body.school-page section.sec05 table td.price {
    font-size: 22px;
  }
  body.school-page section.sec05 .sec-cnt {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 0 0 20px;
  }
  body.school-page section.sec05 .webticket {
    display: block;
    margin-top: 10px;
  }
  body.school-page section.sec05 .webticket__txt {
    width: 100%;
  }
  body.school-page section.sec05 .webticket__logo {
    width: 150px;
    margin: 20px auto 0;
  }
  body.school-page section.sec05 table.course-sum {
    margin: 0 0 20px;
  }
  body.school-page section.sec05 table th {
    padding: 5px 0;
  }
  body.school-page section.sec05 img.course-img {
    width: 100%;
  }
  body.school-page section.sec05 dl {
    width: 100%;
  }
  body.school-page section.sec05 dl dd {
    margin-left: 0;
  }
  body.school-page section.sec06 {
    width: 100%;
  }
  body.school-page section.sec06 h2 {
    font-size: 26px;
  }
  body.school-page section.sec06 img {
    float: none;
  }
  body.school-page section.sec07 .inner .inner2 {
    width: 100%;
    margin: 0;
  }
  body.school-page section.sec07 .inner .inner2 .jyuko-naiyo {
    display: block;
  }
  body.school-page section.sec07 .inner .inner2 .jyuko-naiyo strong {
    display: block;
    width: 100%;
    padding-top: 20px;
  }
  body.school-page section.sec07 .inner .inner2 .jyuko-naiyo ul {
    padding-left: 3rem;
    margin-top: 5px;
  }
  body.school-page section.sec07 .inner .inner2 .jyuko-kit {
    padding: 30px 20px;
    text-align: center;
  }
  body.school-page section.sec07 .inner .inner2 .jyuko-kit img {
    float: none;
    margin-right: 0;
    margin-bottom: 10px;
  }
  body.school-page section.sec07 .inner .inner2 .jyuko-kit h4 {
    text-align: left;
  }
  body.school-page section.sec07 .inner .inner2 .jyuko-kit ul li {
    text-align: left;
    text-indent: -1em;
    padding-left: 1em;
  }
  h3.m-c {
    font-size: 19px;
  }
  h3.m-c:before, h3.m-c:after {
    width: 100%;
    float: none;
    margin-top: 0;
    margin: 5px 0;
  }
  h3.jyukou:before, h3.jyukou:after,
  h3.etc:before,
  h3.etc:after {
    width: 100%;
  }
  /* ハンド */
  hr {
    margin-top: 20px;
  }
  .hand-nintei {
    position: static;
    margin-left: 0;
    width: 100%;
  }
  .hand-nintei img {
    float: none;
    margin: 0 0 10px;
  }
  .hand {
    margin-bottom: 65px;
  }
  .hand a {
    border: 2px solid #920783;
    display: block;
    text-align: center;
    font-weight: bold;
  }
  .hand a span {
    display: inline-block;
    padding: 15px 20px 15px 45px;
    color: #920783;
    position: relative;
    font-size: 16px;
    text-align: left;
  }
  .arrow:before, .arrow:after {
    left: 15px;
  }
  .parts-semi-items {
    margin: 0 -5px 30px;
  }
  .parts-semi-items li {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
    padding: 0 5px;
    margin-bottom: 10px;
  }
  .parts-semi-items li a {
    color: #000;
  }
  .parts-semi-items__title {
    font-size: 14px;
    margin: 5px 0;
    line-height: 1.35;
    letter-spacing: 0;
  }
  .parts-semi-items__data {
    font-size: 12px !important;
  }
  .parts-semi-head {
    font-size: 16px;
  }
  .parts-semi-price {
    font-size: 14px !important;
  }
  /* ---------------------------------------------------------
      ACCESS
  --------------------------------------------------------- */
  body.access .salon-name {
    line-height: 2em;
    margin-bottom: 50px;
  }
  body.access .address {
    margin-bottom: 60px;
  }
  body.access .attention .attention-content {
    padding: 10px 5px;
  }
  body.access .attention .attention-content .item-a {
    margin-bottom: 30px;
  }
  body.access .google-map-container {
    margin: 0 -14px -14px;
  }
  body.access .google-map-container #google-map {
    height: 450px;
  }
  .comapany {
    margin-top: 80px;
  }
  .comapany .comapany-ttl span {
    margin-top: 5px;
  }
  .comapany .comapany-profile {
    margin: 20px auto 60px;
    font-size: 0.9em;
  }
  .comapany .comapany-profile .prof-row {
    padding: 10px 0;
  }
  .comapany .comapany-profile .prof-row .prof-col {
    padding: 0 5px;
    text-align: left;
  }
  .comapany .comapany-profile .prof-row .prof-ttl {
    width: 25%;
  }
  .comapany .comapany-profile .prof-row .prof-data {
    width: 75%;
  }
  .comapany .comapany-profile .prof-row .prof-data a {
    color: #000;
  }
  /* ---------------------------------------------------------
      COUPON
  --------------------------------------------------------- */
  body.coupon #main section {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 1.5rem 2rem;
  }
  body.coupon section h2 {
    font-size: 1.25rem;
    line-height: 1.5;
  }
  body.coupon section h2 .time {
    font-size: 1.85rem;
  }
  body.coupon section .process {
    padding: 0;
    font-size: 1.1rem;
  }
  body.coupon section .campaign-price {
    font-size: 1.1rem;
  }
  body.coupon section .campaign-price span {
    font-size: 1.35rem;
  }
  body.coupon section .campaign-price span span {
    font-size: 2rem;
  }
  body.coupon section ol li {
    font-size: 1rem;
  }
  .coupon_ext {
    width: 100%;
  }
  .to-resca-btn-l__logo {
    float: none;
    width: 100%;
    margin-bottom: 1rem;
  }
  .to-resca-btn-l__info {
    float: none;
    width: 100%;
  }
  body.index #news .resca-info {
    left: 0;
    width: 100%;
    font-size: 0.8rem;
    line-height: 1.5em;
    padding: 20px 0;
    display: block;
    border-radius: 0;
    bottom: 0;
    text-shadow: none;
    text-align: center;
  }
  body.index #news .resca-info h3 {
    font-size: 0.75rem;
    margin-bottom: 0.5rem;
  }
  body.report #main h1 {
    margin: 1rem 0 2rem;
  }
  body.report .report-lead {
    font-size: 16px;
    line-height: 1.85;
    margin-bottom: 40px;
  }
  body.report .cover {
    margin: 0 auto 40px;
  }
  body.report .cover .cover__txt {
    font-size: 12px;
  }
  body.report .report-summary {
    font-size: 13px;
    padding-bottom: 50px;
  }
  body.report section {
    overflow: hidden;
    margin: 30px 0;
  }
  body.report .sec-border {
    border-bottom: 1px solid #502d00;
    padding-bottom: 45px;
  }
  body.report .report-itm-ttl {
    font-size: 19px;
    line-height: 1.75;
    margin: 0 0 30px;
  }
  body.report .row {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
  body.report .row .col {
    padding-left: 0;
    padding-right: 0;
  }
  body.report .row--points .col {
    width: 100%;
  }
  body.report .row--points .points-itm-ttl {
    font-size: 16px;
  }
  body.report .row--points .points-itm-ph {
    margin: 0 0 10px;
  }
  body.report .row--points .points-itm-ph img {
    width: 100%;
  }
  body.report .row--points .points-itm-txt {
    font-size: 12px;
    line-height: 1.5;
    padding: 0;
  }
  body.report .row--report-itm {
    margin-left: 0;
    margin-right: 0;
  }
  body.report .row--report-itm .col {
    padding-left: 0;
    padding-right: 0;
  }
  body.report .row--report-itm .col.col--report-itm-txt, body.report .row--report-itm .col.col--report-itm-ph {
    font-size: 13px;
    width: 100%;
  }
  body.report .row--report-itm .col.col--report-itm-ph {
    border-bottom: 1px dotted #916e00;
    margin-bottom: 20px;
  }
  body.report .counseling-flow p {
    font-size: 13px;
  }
  body.report .report-itm-ph {
    margin: 0 0 10px;
  }
  body.report .report-itm-ph-cap {
    font-size: 13px;
  }
  body.report .osusume {
    color: #a3087c;
  }
  body.report .check {
    font-size: 17px;
    margin-bottom: 10px;
  }
  body.report .about {
    font-size: 14px;
    padding-bottom: 1rem;
    line-height: 1.5;
    margin-top: 1rem;
  }
  body.report .sec-after {
    background-color: #f4f2ef;
    padding: 0 20px 10px;
  }
  body.report .after-ttl {
    font-size: 16px;
  }
  body.report .col--after-txt {
    width: 100%;
    font-size: 13px;
  }
  body.report .col--after-ph {
    width: 100%;
  }
}
/*# sourceMappingURL=style.css.map */