@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 0;
  /*1を0に変更*/ }

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

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

.redlink {
	color:#b00000!important;
	text-decoration: underline!important;}

.salon-search-button-new {
	width:70%;
	margin:40px auto 60px;
    background: #b00000;
    border-radius: 5px;
    padding: 20px 0;
    text-align: center;
}

.salon-search-button-new a{
    font-size: 20px;
    font-weight: bold;
    color: white;
}

.blog-contents h2.wp-block-heading {
    font-size: 24px;
    font-weight: 900;
	margin-top:15px;
	margin-bottom:20px;
}


.whitelinkbtn {
	color:#fff!important;
	text-decoration: none!important;}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

.mwform-checkbox-field {
display: block;
white-space: nowrap;
}

.mw_wp_form_input .input-none {
  display: none;
}

.mw_wp_form_confirm .confirm-none {
  display: none;
}

@media only screen and (max-width: 767px) {
  .sp-hidden {
    display: none; } }

@media only screen and (min-width: 768px) {
  .pc-hidden {
    display: none; } }

* {
  font-family: 'Noto Sans JP','ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'Meiryo UI',sans-serif;
  line-height: 150%;
  scroll-behavior: smooth;
  box-sizing: border-box;
  color: #333333; }
  * .heading-eng {
    font-family: 'Montserrat', 'Noto Sans JP','ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'Meiryo UI',sans-serif; }
  * p, * h1, * h2, * h3 {
    color: #444444;
    letter-spacing: 1px; }
  * a {
    list-style: none;
    text-decoration: none;
    cursor: pointer; }
    * a:hover {
      opacity: 0.7; }
  * img {
    max-width: 100%;
    min-width: 100%; }

*:focus {
  outline: none; }

body {
  overflow-x: hidden;
  overflow-y: auto; }

li {
  list-style: none; }

.contents {
  background: #fafafa; }
  @media only screen and (min-width: 768px) {
    .contents {
      padding: 25px 0; } }

.contents-wrap {
  background: white; }
  @media only screen and (min-width: 768px) {
    .contents-wrap {
      max-width: 40rem;
      margin-left: auto;
      margin-right: auto;
      top: 20px;
      padding-bottom: 0px; } }

.container {
  padding: 3%; }

.container_column {
  padding: 3%;
  margin-bottom:60px; }

.container_sns {
  padding: 0 3% 3%;
  display:flex; }
  
.container_sns img {
  width:100%;  }

.container_sns div {
  padding-right:3%; }

.container_flex {
  padding: 0 3% 3%;
  display:flex;
  margin-top:30px;
  flex-wrap: wrap;
  justify-content: space-between; }

.wp-blog-content_flex {
	width:45%;
	margin:0 auto 30px;
	height: 380px!important;
	box-shadow: 2px 2px 0px 0px rgba(176, 2, 0, 1);
}
@media only screen and (max-width: 767px) {
.wp-blog-content_flex {
	width:45%;
	margin:0 auto 30px;
	height: 320px!important;
	box-shadow: 2px 2px 0px 0px rgba(176, 2, 0, 1);
}
}

.inquiry-wrap_flex{
	width: 100%;
}
.inquiry-wrap_flex img{
	width: 100%;
  height: 160px!important;
  object-fit: cover!important;
}

@media only screen and (max-width: 767px) {
.inquiry-wrap_flex img{
	width: 100%;
  height: 120px!important;
  object-fit: cover!important;
}
}

.inquiry-wrap_flex2 {
	padding:1.5%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.inquiry-wrap_flex2 a{
	text-align:left!important;
	line-height:1.2!important;
	font-size:1.05rem!important;
	color:#000!important;
	text-decoration: none!important;

}

@media only screen and (max-width: 767px) {
.inquiry-wrap_flex2 a{
	text-align:left!important;
	line-height:1!important;
	font-size:0.85rem!important;
	color:#000!important;
	text-decoration: none!important;

}
}


.blog-title_voice_photo h2 {
	font-size:1.2rem!important;
	padding:5px 0 0!important;
	color:#b00200;	
}
@media only screen and (max-width: 767px) {
.blog-title_voice_photo h2 {
	font-size:0.85rem!important;
	padding:5px 0 0!important;
	color:#b00200;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
}

.blog-top-voice_photo {
	box-shadow: 0px 5px 10px 0px rgba(176, 2, 0, 1);
	margin:30px 3%;
	box-sizing:border-box;
	padding:3%;
}

.blog-title_voice_photo2 h2 {
	font-size:1.4rem!important;
	padding:0 0 5px!important;
	color:#b00200;	
}

.blog-title_voice_photo2 i {
	color:#b00200;	
}

@media only screen and (max-width: 767px) {
.blog-title_voice_photo2 h2 {
	font-size:1.2rem!important;
	padding:0 0 5px!important;
	color:#b00200;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
}

.single-voice-wrap_voice_photo {
	text-align:left!important;
	line-height:2.5em!important;
	font-size:1.05rem!important;
	color:#000!important;
	min-height:150px;
	margin-bottom: 30px;
	  position: relative;
  background-color: #fff; /* 背景色 */
  background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%), /* 点線1の色 */
                    linear-gradient(180deg, #b00200 1px, transparent 1px); /* 点線2の色と太さ */
  background-size: 8px 100%, /* 点線1のサイズ */
                   100% 2.5em; /* 点線2のサイズ */
                   
}

.voice_photo_imagebox {
	margin-bottom: 30px;
}

.single-voice-wrap_thanks {
	position: absolute;
	right:0;
	bottom:-50px;
	width:50%;

}
.blog-top-voice_photo_button {
	display:flex;
	width:94%;
	justify-content: space-between;
	margin:50px 3% 30px;
}

.blog-top-voice_photo_button1 {
	background:#b00200;
	width:45%;
	padding:15px 0;
	border-radius:5px;
	text-align:center;
}

.blog-top-voice_photo_button2 {
	background:#b00200;
	width:45%;
	padding:15px 0;
	border-radius:5px;
	text-align:center;

}

.blog-top-voice_photo_button1 a,
.blog-top-voice_photo_button2 a {
	color:#fff;
	font-size:1.2rem!important;

}

@media only screen and (max-width: 767px) {
.blog-top-voice_photo_button1 {
	background:#b00200;
	width:49%;
	padding:15px 0;
	border-radius:5px;
	text-align:center;
}

.blog-top-voice_photo_button2 {
	background:#b00200;
	width:49%;
	padding:15px 0;
	border-radius:5px;
	text-align:center;

}


.blog-top-voice_photo_button1 a,
.blog-top-voice_photo_button2 a {
	color:#fff;
	font-size:0.9rem!important;

}
}

.margin-top-10px {
  margin-top: 10px; }

.margin-top-20px {
  margin-top: 20px; }

.margin-top-30px {
  margin-top: 30px; }

.margin-top-40px {
  margin-top: 40px; }

.text-center {
  text-align: center; }

.clearFix:after {
  content: "";
  clear: both;
  display: block; }

.blog-contents .container:not(:first-child) {
  border-top: 2px solid rgba(153, 153, 153, 0.2); }
.blog-contents .pagination-container {
  margin: 30px  auto 50px auto; }

#page-agreement p {
  font-size: 13px; }
#page-agreement .col01 {
  margin-bottom: 30px; }
#page-agreement .pink-box .pink-box-wrap {
  border: solid 1px #b00000;
  border-radius: 5px;
  position: relative;
  padding: 10px; }
  #page-agreement .pink-box .pink-box-wrap p {
    color: #b00000;
    line-height: 180%; }
#page-agreement .download-button {
  background: #b00000;
  width: 90%;
  margin: 20px auto; }
  #page-agreement .download-button a {
    color: #fff;
    font-size: 15px;
    font-weight: bold; }
#page-agreement .text {
  margin-right: 10px;
  margin-left: 10px; }
  #page-agreement .text p {
    margin-bottom: 20px; }
#page-agreement .agreement-img {
  margin-bottom: 30px; }

* {
  scroll-behavior: smooth; }

.salon-image-div .salon-image {
  display: block; }

.area-select {
  background: #f5f5f5; }
  .area-select ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; }
    .area-select ul li {
      border: solid 1px #b00000;
      border-radius: 3px;
      margin: calc(5% / 6);
      min-width: calc(95% / 3);
      max-width: calc(95% / 3);
      width: calc(95% / 3);
      text-align: center;
      background: white; }
      @media screen and (max-width: 373px) {
        .area-select ul li {
          width: 46%; } }
      .area-select ul li a p {
        font-size: 12px;
        color: #b00000;
        padding: 10px; }
        @media only screen and (min-width: 768px) {
          .area-select ul li a p {
            font-size: 15px; } }
      .area-select ul li:hover {
        opacity: 0.7; }

.area-name {
  background: #b00000; }
  .area-name p {
    font-size: 13px;
    color: white; }
    @media only screen and (min-width: 768px) {
      .area-name p {
        font-size: 15px; } }

.archive {
  scroll-behavior: smooth;

   }
  .archive a {
    display: block;
    width: 100%;
    border-bottom: solid 1px #999999; }
    .archive a:last-child {

      }

.archive2 {
  scroll-behavior: smooth; }
  .archive2 a {
    display: block;
    width: 100%;
    border-bottom: solid 1px #999999; }
    .archive2 a:last-child {
      }
      
.archivelist {
	margin-bottom:50px;
}




.shop-link-wrap {
  transition: all 0.6s;
  display: flex; }
  .shop-link-wrap .shop-link {
    width: 95%; }
    .shop-link-wrap .shop-link .shop-link-name p {
      color: #b00000;
      font-size: 18px; }
      @media only screen and (min-width: 768px) {
        .shop-link-wrap .shop-link .shop-link-name p {
          font-size: 18px; } }
    .shop-link-wrap .shop-link .shop-link-address p {
      color: #999999;
      font-size: 13px; }
  .shop-link-wrap .arrow {
    width: 5%;
    margin-top: auto;
    margin-bottom: auto; }
    .shop-link-wrap .arrow p {
      color: #b00000; }
      .shop-link-wrap .arrow p i {
        font-size: 20px;
        color: #b00000; }
        @media only screen and (min-width: 768px) {
          .shop-link-wrap .arrow p i {
            font-size: 25px; } }
  .shop-link-wrap .shop-list-opening-date {
    color: #b00000;
    font-size: 13px;
    font-weight: bold;
    border: 1px solid #b00000;
    border-radius: 5px;
    display: inline;
    padding: 2px 10px; }

#page-about li {
  list-style: none; }
#page-about .bg-light-pink {
  background: rgba(153, 153, 153, 0.2); }
#page-about .underline-text {
  color: #b00000;
  display: inline-block;
  font-size: 18px; }
  @media only screen and (min-width: 768px) {
    #page-about .underline-text {
      font-size: 20px; } }
#page-about .main-pink {
  color: #b00000; }
#page-about .bold {
  font-weight: bold; }
#page-about .text-align-center {
  text-align: center; }
#page-about .text-align-left {
  text-align: left; }
#page-about .fz13 {
  font-size: 13px; }
  @media only screen and (min-width: 768px) {
    #page-about .fz13 {
      font-size: 16px; } }
      
#page-about .fz13 a {
      color:#0000ee;
      text-decoration: underline;}
      
#page-about .mb20 {
  margin-bottom: 20px; }
#page-about .title-pink {
  font-size: 18px;
  color: #b00000; }
#page-about .recommend {
  padding: 30px 40px; }
  #page-about .recommend li {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    margin-bottom: 10px; }
    #page-about .recommend li .kira-wrap {
      width: 16px;
      margin-right: 5px;
      min-width: 16px; }
      #page-about .recommend li .kira-wrap .kira {
        width: 16px;
        height: 16px; }
#page-about .three-points {
  text-align: center; }
  #page-about .three-points .border-left {
    border: solid 1px #b00000;
    transform: rotate(-20deg);
    width: 35%; }
  #page-about .three-points .border-right {
    border: solid 1px #b00000;
    transform: rotate(20deg);
    width: 35%;
    float: right; }
  #page-about .three-points .threepoints-wrap {
    width: 40%;
    margin: auto;
    margin-top: 30px; }
  #page-about .three-points .point {
    margin-top: 5px;
    font-size: 16px;
    font-weight: bold; }
    #page-about .three-points .point p {
      color: #b00000; }
  #page-about .three-points .reason {
    margin: 30px 0; }
    @media only screen and (min-width: 768px) {
      #page-about .three-points .reason .main-pink {
        font-size: 20px; } }

.campaign-salon-list-wrap {
  margin: 30px 0 0 0;
  padding: 3%; }
  .campaign-salon-list-wrap p {
    font-size: 20px;
    color: #b00000;
    text-align: center; }
  .campaign-salon-list-wrap #campaign-salon-select {
    color: #444444;
    font-size: 16px;
    border: 1px solid #999999;
    padding: 20px;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding-right: 30px;
    background: url("../img/select-arrow-bottom.svg") center right 7px/12px 12px no-repeat rgba(153, 153, 153, 0.2);
    margin: 5px 0;
    font: normal 14px 'Noto Sans JP','ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'Meiryo UI',sans-serif; }

.course-contents a {
  display: block; }
.course-contents img {
  display: block; }
.course-contents .campaign-image:not(:first-child) {
  margin-top: 10px; }
.course-contents .salon-search-button-wrap {
  margin-top: 40px; }
  .course-contents .salon-search-button-wrap .link-button {
    font-size: 20px;
    font-weight: bold;
    color: white;
    padding: 20px;
    text-align: center;
    background: #b00000;
    border-radius: 5px;
    transition: .5s;
    margin-bottom: 60px; }
    .course-contents .salon-search-button-wrap .link-button i {
      margin-right: 10px;
      color: white; }
.course-contents .discount-content:not(:first-child) {
  margin-top: 40px; }
.course-contents .discount-content-addition {
  margin-top: 40px; }
.course-contents .red-color {
  color: red;
  font-weight: bold;
  font-size: 150%; }
.course-contents .container {
  padding-bottom: 50px; }

#page-company p {
  font-size: 13px; }
  #page-company p .number {
    text-align: center;
    margin: auto;
    display: block;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 20px; }
#page-company .fb {
  font-weight: bold; }
#page-company .movie {
  background: rgba(153, 153, 153, 0.2);
  margin-bottom: 30px;
  padding-top: 10px;
  padding-bottom: 30px;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    #page-company .movie {
      padding-bottom: 10px; } }
  #page-company .movie iframe {
    text-align: center;
    margin: auto;
    display: block;
    width: auto; }
    @media only screen and (min-width: 768px) {
      #page-company .movie iframe {
        width: 50%;
        order: 1; } }
  #page-company .movie p {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px; }
    @media only screen and (min-width: 768px) {
      #page-company .movie p {
        width: 45%;
        order: 2; } }
#page-company .map {
  margin-bottom: 30px; }
@media only screen and (min-width: 768px) {
  #page-company .flex {
    display: flex;
    justify-content: center;
    align-items: center; }
    #page-company .flex .button {
      width: 45%;
      margin: auto; } }
#page-company .col01 {
  margin-bottom: 30px; }
  #page-company .col01 .tit_head_border {
    padding: 1.2% 0 1.3% 1.9%;
    border-left: 2px solid #b00000;
    margin-bottom: 1.3%; }
  #page-company .col01 .text a {
    text-decoration: underline;
    color: #b00000; }
#page-company .button-main-color {
  background: #b00000; }
  #page-company .button-main-color a {
    color: #fff; }
#page-company .high-light {
  text-align: center;
  margin-bottom: 20px; }
  #page-company .high-light p {
    background: white;
    display: inline;
    font-size: 16px;
    padding: 0 10px;
    font-weight: bold; }
#page-company .col02 {
  margin-bottom: 30px; }
  #page-company .col02 .col02-title-wrap {
    text-align: center;
    margin-bottom: 20px; }
    #page-company .col02 .col02-title-wrap .col02-title {
      text-align: center;
      font-size: 20px;
      border-bottom: dotted 4px;
      display: inline-block; }
#page-company .col03 {
  margin-bottom: 30px; }
#page-company .pink-box .pink-box-wrap {
  border: solid 2px #b00000;
  position: relative;
  padding-top: 20px; }
  #page-company .pink-box .pink-box-wrap p {
    margin-bottom: 40px; }
  #page-company .pink-box .pink-box-wrap .highlight-wrap {
    text-align: center;
    position: absolute;
    top: -14px;
    width: 100%; }
    #page-company .pink-box .pink-box-wrap .highlight-wrap .highlight p {
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 0; }
#page-company .flow-wrap {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex; }
  #page-company .flow-wrap .circle-number {
    background: #b00000;
    display: inline;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    line-height: 13px;
    text-align: center;
    z-index: 200; }
    #page-company .flow-wrap .circle-number p {
      font-size: 13px;
      color: white;
      display: inline;
      position: relative; }
  #page-company .flow-wrap .flow-title {
    font-size: 18px;
    font-weight: bold; }
  #page-company .flow-wrap .flow-text {
    width: 85%;
    margin-left: 10px;
    margin-bottom: 20px; }
#page-company .bg-gray {
  background: rgba(153, 153, 153, 0.2);
  padding: 40px; }
  #page-company .bg-gray p {
    line-height: 200%;
    margin-bottom: 20px; }

.contact-page-wrap {
  padding-bottom: 50px; }
  .contact-page-wrap .contact-form .form-title {
    margin-bottom: 10px; }
    .contact-page-wrap .contact-form .form-title .form-required-label {
      background-color: #b00000;
      color: white;
      border-radius: 5px;
      margin-left: 7px;
      font-size: 12px;
      padding: 0 4px; }
  .contact-page-wrap .contact-form:not(:first-child) {
    margin-top: 30px; }
  .contact-page-wrap .contact-form:last-of-type {
    margin-top: 60px; }
  .contact-page-wrap input, .contact-page-wrap textarea {
    border: 1px solid #999999;
    padding: 10px;
    border-radius: 3px;
    width: 100%;
    font-size: 14px; }
  .contact-page-wrap textarea {
    min-width: 100%;
    max-width: 100%;
    font-size: 14px;
    min-height: 150px; }
  .contact-page-wrap select {
    font-size: 14px;
    border: 1px solid #999999;
    padding: 10px;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding-right: 30px;
    background: url("../img/select-arrow-bottom.svg") center right 7px/12px 12px no-repeat rgba(153, 153, 153, 0.2);
    margin: 5px 5px 0 0;
    font: normal 14px 'Noto Sans JP','ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'Meiryo UI',sans-serif; }
  .contact-page-wrap .contact-form-birth {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%; }
    .contact-page-wrap .contact-form-birth > div {
      display: flex;
      align-items: center; }
      .contact-page-wrap .contact-form-birth > div:not(:last-child) {
        margin-right: 10px; }
      .contact-page-wrap .contact-form-birth > div span {
        margin-left: 5px; }
  .contact-page-wrap input[name="contact-submit"],
  .contact-page-wrap input[name="submitConfirm"],
  .contact-page-wrap input[name="entry-contact-submit"] {
  -webkit-appearance: none;
    color: white;
    background-color: #b00000;
    border: 1px solid #b00000;
    font-size: 16px;
    padding: 15px; }
    .contact-page-wrap input[name="contact-submit"]:hover,
  .contact-page-wrap input[name="submitConfirm"]:hover,
  .contact-page-wrap input[name="entry-contact-submit"]:hover {
      opacity: .5;
      transition: .3s;
      cursor: pointer; }
  .contact-page-wrap span.error {
    color: #b00000; }

.entry-page-wrap {
  padding-bottom: 50px; }
  .entry-page-wrap .entry-form .form-title {
    margin-bottom: 10px; }
    .entry-page-wrap .entry-form .form-title .form-required-label {
      background-color: #b00000;
      color: white;
      border-radius: 5px;
      margin-left: 7px;
      font-size: 12px;
      padding: 0 4px; }
  .entry-page-wrap .entry-form:not(:first-child) {
    margin-top: 30px; }
  .entry-page-wrap .entry-form:last-of-type {
    margin-top: 60px; }
  .entry-page-wrap input, .entry-page-wrap textarea {
    border: 1px solid #999999;
    padding: 10px;
    border-radius: 3px;
    width: 100%;
    font-size: 14px; }
  .entry-page-wrap textarea {
    min-width: 100%;
    max-width: 100%;
    font-size: 14px;
    min-height: 150px; }
  .entry-page-wrap select {
    font-size: 14px;
    border: 1px solid #999999;
    padding: 10px;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding-right: 30px;
    background: url("../img/select-arrow-bottom.svg") center right 7px/12px 12px no-repeat rgba(153, 153, 153, 0.2);
    margin: 5px 5px 0 0;
    font: normal 14px 'Noto Sans JP','ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'Meiryo UI',sans-serif; }
  .entry-page-wrap .entry-form-birth {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%; }
    .entry-page-wrap .entry-form-birth > div {
      display: flex;
      align-items: center; }
      .entry-page-wrap .entry-form-birth > div:not(:last-child) {
        margin-right: 10px; }
      .entry-page-wrap .entry-form-birth > div span {
        margin-left: 5px; }
  .entry-page-wrap input[name="entry-submit"] {
    color: white;
    background-color: #b00000;
    border: 1px solid #b00000;
    font-size: 16px;
    padding: 15px; }
    .entry-page-wrap input[name="entry-submit"]:hover {
      opacity: .5;
      transition: .3s;
      cursor: pointer; }
  .entry-page-wrap span.error {
    color: #b00000; }

#page-course a {
  display: block; }
#page-course img {
  display: block; }
#page-course .campaign-image:not(:first-child) {
  margin-top: 10px; }
#page-course .course-title-wrap {
  text-align: center;
  margin-top: 80px;
  margin-bottom: 40px; }
  #page-course .course-title-wrap p {
    border-bottom: dotted 4px;
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    color: navy; }
    #page-course .course-title-wrap p i {
      margin-right: 10px; }
  #page-course .course-title-wrap:first-child {
    margin-top: 20px; }
#page-course .salon-search-button-wrap {
  margin-top: 40px; }
  #page-course .salon-search-button-wrap .link-button {
    font-size: 20px;
    font-weight: bold;
    color: white;
    padding: 20px;
    text-align: center;
    background: #b00000;
    box-shadow: 0 10px 0px 0 #4a0000;
    border-radius: 5px;
    transition: .5s; }
    #page-course .salon-search-button-wrap .link-button:hover {
      transform: translateY(3px);
      box-shadow: 0 7px 0px 0 #4a0000; }
    #page-course .salon-search-button-wrap .link-button:active {
      transform: translateY(10px);
      box-shadow: 0 0px 0px 0 #4a0000; }
#page-course .discount-content:not(:first-child) {
  margin-top: 40px; }
#page-course .discount-content-addition {
  margin-top: 40px; }
#page-course .red-color {
  color: red;
  font-weight: bold;
  font-size: 150%; }
#page-course .container {
  padding-bottom: 50px; }

#page-datsumou p {
  font-size: 13px; }
#page-datsumou .bb-gray {
  border-bottom: solid 1px #999999; }
#page-datsumou .title-button {
  border-top: solid 1px #b00000; }
  #page-datsumou .title-button .title-button-wrap {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex; }
    #page-datsumou .title-button .title-button-wrap .button-text {
      margin-right: auto; }
    #page-datsumou .title-button .title-button-wrap .arrow {
      margin-top: auto;
      margin-bottom: auto; }
      #page-datsumou .title-button .title-button-wrap .arrow i {
        font-size: 20px;
        color: #b00000; }
  #page-datsumou .title-button p {
    color: #b00000;
    font-size: 18px; }
#page-datsumou .accordions-wrap .accordion-wrap:last-child {
  border-bottom: solid 1px #b00000; }
#page-datsumou .accordion {
  border-top: solid 1px #b00000; }
#page-datsumou .datsumou-sub-title {
  color: #b00000;
  font-size: 18px;
  font-weight: bold; }
  #page-datsumou .datsumou-sub-title:before {
    content: '■';
    color: #b00000;
    font-size: 18px;
    font-weight: bold; }
  #page-datsumou .datsumou-sub-title.no-before:before {
    display: none; }
#page-datsumou .light-about .point {
  margin-top: 1em;
  color: #333333;
  font-size: 13px; }
  #page-datsumou .light-about .point:before {
    content: '○'; }
#page-datsumou .light-about .image {
  padding: 20px 10px;
  max-width: 300px;
  margin: 0 auto; }
  #page-datsumou .light-about .image img {
    width: 100%;
    height: auto;
    display: block; }
  #page-datsumou .light-about .image.gel-image {
    padding: 10px;
    max-width: initial; }
#page-datsumou .light-about:last-child {
  margin-bottom: 30px; }
#page-datsumou .text-image .text-image-wrap {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center; }
  #page-datsumou .text-image .text-image-wrap .image {
    width: 30%; }
  #page-datsumou .text-image .text-image-wrap .text {
    width: 65%;
    margin-right: auto; }
    #page-datsumou .text-image .text-image-wrap .text p {
      vertical-align: middle; }
    #page-datsumou .text-image .text-image-wrap .text .square-pink {
      background: #b00000;
      color: white;
      font-size: 10px;
      padding: 0 3px; }
#page-datsumou .highlight {
  background: linear-gradient(transparent 10%, #ffff00 10%); }
#page-datsumou .compare-wrap .compare {
  margin: 20px 0;
  width: 100%;
  text-align: center;
  font-size: 10px; }
  #page-datsumou .compare-wrap .compare th, #page-datsumou .compare-wrap .compare td {
    width: 25%;
    padding: 5px 0;
    border: 1px solid white; }
  #page-datsumou .compare-wrap .compare th img {
    height: 16px; }
  #page-datsumou .compare-wrap .compare .rinrin-th {
    color: #b00000; }
  #page-datsumou .compare-wrap .compare .img-th {
    padding: 0; }
    #page-datsumou .compare-wrap .compare .img-th img {
      display: block; }
  #page-datsumou .compare-wrap .compare .compare-item {
    background: rgba(153, 153, 153, 0.2);
    color: #b00000; }
  #page-datsumou .compare-wrap .compare .rinrin {
    background: #b00000;
    color: white; }
  #page-datsumou .compare-wrap .compare .other {
    background: #eeeeee; }
#page-datsumou .pink-box {
  padding-top: 35px; }
  #page-datsumou .pink-box .pink-box-wrap {
    border: solid 2px #b00000;
    position: relative;
    padding-top: 40px; }
    #page-datsumou .pink-box .pink-box-wrap p {
      margin-bottom: 10px; }
  #page-datsumou .pink-box .highlight-wrap {
    display: block;
    background: white;
    text-align: center;
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 100%;
    width: auto;
    white-space: nowrap;
    padding: 0 10px; }
    #page-datsumou .pink-box .highlight-wrap p {
      color: #b00000;
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 0; }
#page-datsumou .first-counseling .flow-wrap, #page-datsumou .treatment-flow-wrap .flow-wrap {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex; }
  #page-datsumou .first-counseling .flow-wrap:last-child .circle-number-wrap:after, #page-datsumou .treatment-flow-wrap .flow-wrap:last-child .circle-number-wrap:after {
    display: none; }
  #page-datsumou .first-counseling .flow-wrap .circle-number-wrap, #page-datsumou .treatment-flow-wrap .flow-wrap .circle-number-wrap {
    display: flex;
    flex-direction: column;
    align-items: center; }
    #page-datsumou .first-counseling .flow-wrap .circle-number-wrap:after, #page-datsumou .treatment-flow-wrap .flow-wrap .circle-number-wrap:after {
      content: '';
      width: 2px;
      background: rgba(176, 0, 0, 0.6);
      flex-grow: 1; }
    #page-datsumou .first-counseling .flow-wrap .circle-number-wrap .circle-number, #page-datsumou .treatment-flow-wrap .flow-wrap .circle-number-wrap .circle-number {
      background: #b00000;
      display: inline;
      height: 30px;
      width: 30px;
      border-radius: 50%;
      line-height: 30px;
      text-align: center;
      z-index: 200; }
      #page-datsumou .first-counseling .flow-wrap .circle-number-wrap .circle-number p, #page-datsumou .treatment-flow-wrap .flow-wrap .circle-number-wrap .circle-number p {
        font-size: 18px;
        color: white;
        display: inline;
        position: relative; }
  #page-datsumou .first-counseling .flow-wrap .flow-title, #page-datsumou .treatment-flow-wrap .flow-wrap .flow-title {
    font-size: 18px;
    font-weight: bold; }
  #page-datsumou .first-counseling .flow-wrap .flow-text, #page-datsumou .treatment-flow-wrap .flow-wrap .flow-text {
    width: 85%;
    margin-left: 10px;
    margin-bottom: 20px; }
  #page-datsumou .first-counseling .flow-wrap:last-child .circle-number p::after, #page-datsumou .treatment-flow-wrap .flow-wrap:last-child .circle-number p::after {
    width: 0px; }
  #page-datsumou .first-counseling .flow-wrap .counseling-image-div, #page-datsumou .treatment-flow-wrap .flow-wrap .counseling-image-div {
    padding: 20px 0; }
    #page-datsumou .first-counseling .flow-wrap .counseling-image-div .counseling-image, #page-datsumou .treatment-flow-wrap .flow-wrap .counseling-image-div .counseling-image {
      display: block; }
#page-datsumou .first-counseling .title, #page-datsumou .treatment-flow-wrap .title {
  font-weight: bold;
  padding: 15px 0;
  color: #b00000;
  font-size: 22px; }
#page-datsumou .first-counseling .flow-addition, #page-datsumou .treatment-flow-wrap .flow-addition {
  color: #999999; }
#page-datsumou .first-counseling .title-line-wrap {
  display: flex;
  align-items: center;
  justify-content: center; }
  #page-datsumou .first-counseling .title-line-wrap:before, #page-datsumou .first-counseling .title-line-wrap:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #b00000;
    flex-grow: 1; }
#page-datsumou .first-counseling .title {
  white-space: nowrap;
  padding: 15px 10px; }
#page-datsumou .treatment-flow-wrap {
  margin-top: 20px;
  padding-top: 10px;
  background: rgba(153, 153, 153, 0.2);
  position: relative; }
  #page-datsumou .treatment-flow-wrap .title-line-wrap {
    position: absolute;
    top: -34px;
    left: 50%;
    transform: translateX(-50%); }
  #page-datsumou .treatment-flow-wrap .counseling-image-div {
    padding: 20px 20px; }
    #page-datsumou .treatment-flow-wrap .counseling-image-div .counseling-image {
      display: block; }
  #page-datsumou .treatment-flow-wrap .flow-wrap .circle-number-wrap:after {
    background: white; }

.faq-page-wrap {
  background-color: white;
  padding-bottom: 50px; }
  .faq-page-wrap .faq-description-wrap {
    margin: 30px 0; }
    .faq-page-wrap .faq-description-wrap .faq-description {
      border: 1px solid #b00000;
      border-radius: 5px;
      padding: 20px 30px;
      color: #b00000; }
  .faq-page-wrap .faq-contents-wrap .faq-category-wrap {
    margin-top: 70px; }
    .faq-page-wrap .faq-contents-wrap .faq-category-wrap .faq-category-title {
      text-align: center;
      margin-bottom: 40px; }
      .faq-page-wrap .faq-contents-wrap .faq-category-wrap .faq-category-title p {
        border-bottom: dotted 4px;
        display: inline-block;
        font-size: 22px;
        font-weight: bold;
        color: #b00000; }
        .faq-page-wrap .faq-contents-wrap .faq-category-wrap .faq-category-title p i {
          margin-right: 10px;
          color: #b00000; }
    .faq-page-wrap .faq-contents-wrap .faq-category-wrap .faq-category-contents .faq-category-content {
      padding: 20px; }
      .faq-page-wrap .faq-contents-wrap .faq-category-wrap .faq-category-contents .faq-category-content .faq-question {
        border-bottom: 1px dotted;
        padding: 20px 0;
        font-weight: bold; }
      .faq-page-wrap .faq-contents-wrap .faq-category-wrap .faq-category-contents .faq-category-content .faq-answer {
        padding: 20px 0; }
      .faq-page-wrap .faq-contents-wrap .faq-category-wrap .faq-category-contents .faq-category-content:nth-child(2n+1) {
        background-color: rgba(153, 153, 153, 0.2); }

.parts-page {
  padding-bottom: 50px; }
  .parts-page img {
    display: block; }
  .parts-page .parts-faqs .parts-faq:not(:first-child) {
    margin-top: 30px; }
  .parts-page .parts-faqs .parts-faq .question {
    display: flex;
    align-items: center;
    padding: 0 15px; }
    @media only screen and (max-width: 767px) {
      .parts-page .parts-faqs .parts-faq .question {
        padding: 0 10px; } }
    .parts-page .parts-faqs .parts-faq .question .question-img {
      flex: 0 0 auto;
      width: 110px; }
      @media only screen and (max-width: 767px) {
        .parts-page .parts-faqs .parts-faq .question .question-img {
          width: 70px; } }
    .parts-page .parts-faqs .parts-faq .question .question-text {
      font-size: 18px;
      font-weight: bold;
      color: #b00000; }
      @media only screen and (max-width: 767px) {
        .parts-page .parts-faqs .parts-faq .question .question-text {
          font-size: 16px; } }
  .parts-page .parts-faqs .parts-faq .answer {
    display: flex;
    background: rgba(153, 153, 153, 0.2);
    padding: 40px 30px; }
    .parts-page .parts-faqs .parts-faq .answer .answer-img {
      margin-right: 20px;
      flex: 0 0 auto;
      width: 60px; }
      @media only screen and (max-width: 767px) {
        .parts-page .parts-faqs .parts-faq .answer .answer-img {
          width: 40px; } }
    .parts-page .parts-faqs .parts-faq .answer .text {
      margin-top: 15px; }
      @media only screen and (max-width: 767px) {
        .parts-page .parts-faqs .parts-faq .answer .text {
          margin-top: 5px; } }
  .parts-page .parts-voices .parts-voice {
    background: rgba(153, 153, 153, 0.2);
    padding: 20px; }
    .parts-page .parts-voices .parts-voice:not(:first-child) {
      margin-top: 30px; }
    .parts-page .parts-voices .parts-voice .parts-voice-title {
      display: flex;
      align-items: center;
      padding: 0 20px; }
      @media only screen and (max-width: 767px) {
        .parts-page .parts-voices .parts-voice .parts-voice-title {
          padding: 0 10px; } }
      .parts-page .parts-voices .parts-voice .parts-voice-title .parts-voice-title-img {
        flex: 0 0 auto;
        width: 110px;
        margin-right: 20px; }
        @media only screen and (max-width: 767px) {
          .parts-page .parts-voices .parts-voice .parts-voice-title .parts-voice-title-img {
            width: 70px;
            margin-right: 10px; } }
      .parts-page .parts-voices .parts-voice .parts-voice-title .parts-voice-title-text {
        font-size: 18px;
        font-weight: bold;
        color: #b00000; }
        @media only screen and (max-width: 767px) {
          .parts-page .parts-voices .parts-voice .parts-voice-title .parts-voice-title-text {
            font-size: 16px; } }
    .parts-page .parts-voices .parts-voice .parts-voice-comment {
      display: flex;
      background: white;
      padding: 40px 30px; }
  .parts-page .parts-others .parts-other {
    display: block; }
    .parts-page .parts-others .parts-other:not(:first-child) {
      margin-top: 20px; }

#page-privacy .privacy-wrap {
  white-space: pre-wrap; }
  #page-privacy .privacy-wrap h2 {
    color: #b00000; }
  #page-privacy .privacy-wrap .privacy-addition {
    margin-top: 1em;
    color: #999999;
    font-size: 14px; }
    #page-privacy .privacy-wrap .privacy-addition a {
      color: #999999; }
      #page-privacy .privacy-wrap .privacy-addition a:hover {
        text-decoration: underline; }
#page-privacy .privacy-description-wrap {
  margin: 30px 0; }
  #page-privacy .privacy-description-wrap .privacy-description {
    border: 1px solid #b00000;
    border-radius: 5px;
    padding: 20px 30px;
    color: #b00000; }
#page-privacy .privacy-title-wrap {
  text-align: center;
  margin-top: 80px;
  margin-bottom: 40px; }
  #page-privacy .privacy-title-wrap p {
    border-bottom: dotted 4px;
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    color: navy; }
    #page-privacy .privacy-title-wrap p i {
      margin-right: 10px; }
  #page-privacy .privacy-title-wrap:first-child {
    margin-top: 20px; }
#page-privacy .privacy-content-wrap:not(:first-child) {
  margin-top: 60px; }
#page-privacy .privacy-content-wrap .privacy-heading {
  font-size: 18px;
  font-weight: bold;
  color: #b00000;
  margin-bottom: 10px; }
#page-privacy .privacy-content-wrap > ul {
  color: #444444;
  padding-left: 1.5em; }
  #page-privacy .privacy-content-wrap > ul li {
    list-style: disc; }
#page-privacy .privacy-content-wrap .privacy-text a {
  text-decoration: underline;
  color: #b00000; }
#page-privacy .privacy-content-wrap .privacy-addition {
  margin-top: 1em;
  color: #999999;
  font-size: 14px; }
#page-privacy .container {
  padding-bottom: 60px; }

.recruit-page {
  padding-bottom: 50px; }
  .recruit-page img {
    display: block; }
  .recruit-page .recruit-header-wrap {
    margin: 25px auto; }
    .recruit-page .recruit-header-wrap p {
      line-height: 1.7; }
      .recruit-page .recruit-header-wrap p a {
        color: #b00000;
        text-decoration: underline; }
  .recruit-page .recruit-middle-img-wrap {
    padding-bottom: 20px; }
  .recruit-page .recruit-flow-wrap > .container {
    display: flex;
    flex-wrap: wrap; }
  .recruit-page .recruit-flow-wrap .flow-img-wrap {
    flex: 1 1 50%;
    padding-bottom: 16px; }
    .recruit-page .recruit-flow-wrap .flow-img-wrap:nth-child(2n+1) {
      padding-right: 7px; }
    .recruit-page .recruit-flow-wrap .flow-img-wrap:nth-child(2n) {
      padding-left: 7px; }
  .recruit-page .apply-flow-wrap .apply-flows .apply-flow {
    text-align: center;
    color: #333333;
    font-size: 18px; }
    .recruit-page .apply-flow-wrap .apply-flows .apply-flow:not(:last-child):after {
      content: '▼';
      display: block;
      margin: 15px auto;
      font-size: 16px; }
  .recruit-page .apply-flow-wrap .recruit-flow-addition {
    color: #999999;
    font-size: 14px;
    margin-top: 30px;
    text-align: center; }
  .recruit-page .recruit-twitter-wrap .recruit-twitter {
    max-width: 500px;
    margin: 0 auto;
    padding: 0 10px; }

.recruit-table-wrap {
  margin-bottom: 30px; }
  .recruit-table-wrap table.recruit-table {
    width: 100%; }
    .recruit-table-wrap table.recruit-table tbody tr th {
      width: 30%;
      background: rgba(153, 153, 153, 0.2);
      padding: 30px 10px;
      vertical-align: middle;
      font-weight: bold; }
    .recruit-table-wrap table.recruit-table tbody tr td {
      width: 70%;
      padding: 30px 20px;
      vertical-align: middle; }
    .recruit-table-wrap table.recruit-table tbody tr th, .recruit-table-wrap table.recruit-table tbody tr td {
      border: 1px solid #999999; }

.fixed-recruit-bottom-buttons-wrap {
  position: fixed;
  width: 100%;
  text-align: center;
  justify-content: center;
  align-items: center;
  bottom: 0;
  display: flex;
  z-index: 1001;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 20px 0; }
  @media only screen and (max-width: 767px) {
    .fixed-recruit-bottom-buttons-wrap {
      padding: 10px 0; } }
  .fixed-recruit-bottom-buttons-wrap .recruit-bottom-button {
    flex: 0 0 auto;
    height: 80px;
    width: auto;
    margin: 0 20px; }
    @media only screen and (max-width: 767px) {
      .fixed-recruit-bottom-buttons-wrap .recruit-bottom-button {
        height: 50px;
        margin: 0 10px; } }
    .fixed-recruit-bottom-buttons-wrap .recruit-bottom-button img {
      display: block;
      height: 100%;
      width: auto; }

.fixed-recruit-bottom-buttons-wrap + footer {
  margin-bottom: 120px; }
  @media only screen and (max-width: 767px) {
    .fixed-recruit-bottom-buttons-wrap + footer {
      margin-bottom: 70px; } }

.salon-page .contents-wrap .salon-infomation-content > .border {
  border: none; }
  .salon-page .contents-wrap .salon-infomation-content > .border:not(:first-child) {
    border-top: 1px solid #b00000; }

#reservation-statement-table-box {
  text-align: center; }

img.ajax-loader {
  min-width: 20px;
  min-height: 20px;
  max-width: 20px;
  max-height: 20px;
  width: 20px;
  height: 20px;
  display: inline-block; }

.salon-reservation-statement-table {
  border: 1px solid #999999;
  width: 100%;
  table-layout: fixed; }
  .salon-reservation-statement-table th, .salon-reservation-statement-table td {
    border: 1px solid #999999;
    text-align: center;
    color: #999999; }
  .salon-reservation-statement-table th.title-th {
    width: calc(1rem + 20px);
    padding: 10px 10px;
    line-height: 1.2;
    vertical-align: middle;
    font-weight: normal; }
  .salon-reservation-statement-table th:not(.title-th) {
    font-size: 12px; }
    .salon-reservation-statement-table th:not(.title-th).sunday {
      color: red; }
    .salon-reservation-statement-table th:not(.title-th).saturday {
      color: blue; }
  .salon-reservation-statement-table td {
    width: calc(calc(100% - calc(1rem + 20px)) / 7);
    vertical-align: middle; }
    .salon-reservation-statement-table td .td-date {
      font-size: 14px;
      color: #999999; }
    .salon-reservation-statement-table td .td-statement {
      font-size: 20px; }
    .salon-reservation-statement-table td div.is-ok {
      color: #b00000;
      font-weight: bold; }
  .salon-reservation-statement-table.initial-hide {
    display: none; }

.shop-name {
  background: #84d1ed;
  text-align: center; 
    padding: 12px 0;
  }
  .shop-name h1 {
    display: inline-block;
    font-size: 25px;
    color: black;
    padding: 20px 0;
    font-weight: normal;
    -webkit-font-smoothing: antialiased; }
    @media only screen and (min-width: 768px) {
      .shop-name h1 {
        font-size: 30px; } }

.alth1 {
    display: inline-block;
    font-size: 25px;
    color: white;
    padding: 0 0 10px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}
@media only screen and (min-width: 768px) {
.alth1 {
        font-size: 30px;
 } 
 }




.item {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 3px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center; }
  @media only screen and (min-width: 768px) {
    .item {
      font-size: 20px; } }
  .item h2 {
    color: #b00000; }
  .item p {
    color: #b00000;
    font-weight: bold; }
  .item div {
    margin-right: 5px;
    align-items: center;
    justify-content: center;
    display: flex; }
  .item img {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle; }
    @media only screen and (min-width: 768px) {
      .item img {
        width: 20px;
        height: 20px; } }

.item_new {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	padding-bottom:7px;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	align-items: stretch;
	border-bottom: dashed 2px #b00000;
}

@media only screen and (min-width: 768px) {
	.item_new {
      font-size: 20px;
	}
}

.midashi_new1 {
	background-color: #b00000;
	width:7px;
	display: flex;
	align-items: center;
}

.item_new h2 {
	color: #b00000;
}

.item_new p {
	color: #b00000;
	font-weight: bold;
}

.midashi_new2 {
	padding:5px 10px;
	display: flex;
	align-items: center;
}
 
.item_new img {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
}
@media only screen and (min-width: 768px) {
	.item_new img {
		width: 20px;
		height: 20px;
	}
}



.text {
  font-size: 14px; }
  @media only screen and (min-width: 768px) {
    .text {
      font-size: 18px; } }

.title {
  font-weight: bold;
  text-align: center;
  padding: 30px 0; }
  .title p, .title h2 {
    color: #b00000;
    font-size: 20px; }

.small-title {
  font-weight: bold;
  text-align: center;
  color: #b00000;
  font-size: 18px; }

.button {
  border: solid 1px #b00000;
  border-radius: 3px;
  text-align: center;
  background: white;
  margin: 25%;
  margin-bottom: 20px;
  margin-top: 20px; }
  .button a, .button p {
    padding: 10px 0;
    display: block;
    color: #b00000;
    font-size: 12px; }
    @media only screen and (min-width: 768px) {
      .button a, .button p {
        font-size: 18px; } }
  .button:hover {
    opacity: 0.5;
    transition: 0.3s; }

.map {
  margin-top: 10px; }
  @media only screen and (min-width: 768px) {
    .map {
      height: 300px; } }
  .map iframe {
    width: 100%;
    height: 100%; }

.address .button {
  margin-top: 10px; }

.access .text-wrap {
  position: relative;
  min-height: 50px;
  max-height: 140px;
  overflow: hidden; }
.access .text-wrap.active {
  max-height: 100%; }
.access .text p {
  overflow: hidden; }
.access .Toggle {
  position: absolute;
  bottom: 0px;
  width: 100%;
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
  background: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%); }
  .access .Toggle .button {
    border-color: #999999;
    background-color: white;
    background: linear-gradient(top, #999999, white);
    margin-right: 25%;
    margin-left: 25%;
    margin-top: 0;
    margin-bottom: 0; }
    .access .Toggle .button p {
      color: #999999; }
.access .Toggle.active {
  display: none; }

.border {
  border-bottom: solid 1px #b00000; }
  @media only screen and (min-width: 768px) {
    .border {
      max-width: 50rem;
      margin-left: auto;
      margin-right: auto; } }

.border-top {
  border-top: solid 1px #b00000; }
  @media only screen and (min-width: 768px) {
    .border-top {
      max-width: 50rem;
      margin-left: auto;
      margin-right: auto; } }

.shop-img {
  text-align: center; }

.shop-img-wrap {
  display: block;
  width: 100%; }
  .shop-img-wrap .shop-img-carousel {
    width: 100%; }
    .shop-img-wrap .shop-img-carousel li.slick-slide {
      height: 300px;
      width: 100%;
      background-size: contain !important;
      background-position: center !important;
      background-repeat: no-repeat !important; }

@media only screen and (min-width: 768px) {
  .greeting {
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto; } }

.from-customer {
  background: rgba(153, 153, 153, 0.2);
  padding-right: 3%;
  padding-left: 3%;
  padding-bottom: 3%; }
  @media only screen and (min-width: 768px) {
    .from-customer .from-customer-wrap {
      max-width: 50rem;
      margin-left: auto;
      margin-right: auto; } }
  .from-customer .from-customer-wrap .each-customer {
    border: solid 2px #b00000;
    margin-bottom: 10px;
    background: white; }
    .from-customer .from-customer-wrap .each-customer > a {
      padding: 10px;
      display: block; }
    .from-customer .from-customer-wrap .each-customer .comment {
      font-size: 13px; }
      @media only screen and (min-width: 768px) {
        .from-customer .from-customer-wrap .each-customer .comment {
          font-size: 18px; } }
    .from-customer .from-customer-wrap .each-customer .customer-info {
      font-size: 10px; }
      .from-customer .from-customer-wrap .each-customer .customer-info p {
        color: #b00000;
        padding-top: 3px; }
        @media only screen and (min-width: 768px) {
          .from-customer .from-customer-wrap .each-customer .customer-info p {
            font-size: 18px; } }

.staff-blog {
  padding-bottom: 3%; }
  @media only screen and (min-width: 768px) {
    .staff-blog {
      max-width: 50rem;
      margin-left: auto;
      margin-right: auto; } }
  .staff-blog .article a {
    display: flex;
    padding: 4% 3%; }
    @media only screen and (min-width: 768px) {
      .staff-blog .article a {
        font-size: 18px; } }
    .staff-blog .article a i {
      float: right;
      font-size: 15px;
      color: #b00000; }
      @media only screen and (min-width: 768px) {
        .staff-blog .article a i {
          font-size: 18px; } }
  .staff-blog .article .blog-info {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    width: 100%; }
    .staff-blog .article .blog-info .blog-date {
      display: inline-block;
      vertical-align: top;
      margin-right: 5px;
      margin-bottom: auto; }
      @media only screen and (min-width: 768px) {
        .staff-blog .article .blog-info .blog-date {
          margin-top: auto; } }
      .staff-blog .article .blog-info .blog-date p {
        color: #b00000;
        font-size: 10px; }
        @media only screen and (min-width: 768px) {
          .staff-blog .article .blog-info .blog-date p {
            font-size: 15px; } }
    .staff-blog .article .blog-info .blog-title {
      display: inline-block;
      width: calc(75% - 20px);
      margin-right: auto; }
      .staff-blog .article .blog-info .blog-title p {
        font-size: 11px; }
        @media only screen and (min-width: 768px) {
          .staff-blog .article .blog-info .blog-title p {
            font-size: 16px; } }
    .staff-blog .article .blog-info .arrow {
      width: 5%;
      vertical-align: middle;
      margin-top: auto;
      margin-bottom: auto; }

.shop-opening-date-wrap .shop-opening-date {
  color: #b00000;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  border: 1px solid #b00000;
  border-radius: 5px;
  padding: 5px 10px;
  letter-spacing: 2px; }
  @media only screen and (min-width: 768px) {
    .shop-opening-date-wrap .shop-opening-date {
      font-size: 24px; } }
.shop-opening-date-wrap + .shop-comment-wrap {
  padding-top: 0; }

@media only screen and (min-width: 768px) {
  .blog-contents {
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto; } }
.blog-contents .container:after {
  content: "";
  display: block;
  clear: both; }
.blog-contents p {
  padding-bottom: 10px;
  line-height: 200%; }
  .blog-contents p .bold {
    font-weight: bold; }
  .blog-contents p .pink {
    color: #b00000; }
  .blog-contents p .big {
    font-size: 20px; }
.blog-contents .blog-top {
  margin-bottom: 20px; }
  .blog-contents .blog-top .blog-title h2, .blog-contents .blog-top .blog-title p {
    color: #b00000;
    font-size: 25px;
    line-height: 1.3; }
.blog-title h1 {
    color: #b00000;
    font-size: 25px;
    line-height: 1.3; }
    
    
  .blog-contents .blog-top p {
    display: inline;
    color: #999999;
    font-size: 12px;
    vertical-align: middle;
    margin-right: 5px; }
  .blog-contents .blog-top span {
    background-color: #b00000;
    display: inline-block;
    font-size: 10px;
    color: white;
    padding: 0 3px; }
.blog-contents .eyecatch-img {
  width: 100%;
  text-align: center;
  line-height: 0; }
  .blog-contents .eyecatch-img img {
    display: inline-block;
    max-width: 100%;
    max-height: 400px;
    width: auto;
    height: auto;
    min-width: initial; }
.blog-contents .wp-blog-content img {
  min-width: initial;
  height: auto; }
.blog-contents .wp-blog-content img.aligncenter {
  display: block;
  margin: 0 auto; }
.blog-contents .blog-category {
  font-size: 12px;
  margin: 30px 0 10px 0;
  color: #999999; }
  @media only screen and (min-width: 768px) {
    .blog-contents .blog-category {
      font-size: 16px; } }
  .blog-contents .blog-category a {
    font-size: 12px;
    color: #999999; }
    @media only screen and (min-width: 768px) {
      .blog-contents .blog-category a {
        font-size: 16px; } }
  .blog-contents .blog-category i {
    margin-right: 5px;
    color: #999999; }

.counseling {
  background: rgba(153, 153, 153, 0.2);
  padding-bottom: 10px; }
  @media only screen and (min-width: 768px) {
    .counseling .counseling-container {
      max-width: 40rem;
      margin-left: auto;
      margin-right: auto; } }
  .counseling p {
    padding-bottom: 10px; }
  .counseling .title {
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px; }
    @media only screen and (min-width: 768px) {
      .counseling .title {
        font-size: 20px; } }
  .counseling .sub-title {
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 0 20px; }
    .counseling .sub-title p {
      font-size: 16px; }
  .counseling .counseling-contents {
    margin-top: 20px;
    padding: 0 10px; }
    .counseling .counseling-contents p {
      font-size: 14px;
      line-height: 200%; }
      @media only screen and (min-width: 768px) {
        .counseling .counseling-contents p {
          font-size: 16px; } }

@media only screen and (min-width: 768px) {
  .shop-location {
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto; } }
.shop-location .title {
  padding: 20px 0; }
  .shop-location .title p {
    text-align: left; }
    @media only screen and (min-width: 768px) {
      .shop-location .title p {
        font-size: 20px; } }
.shop-location .address {
  margin-bottom: 10px; }
  .shop-location .address .title {
    margin-bottom: 5px; }
  .shop-location .address p {
    text-align: left;
    font-size: 12px; }
    @media only screen and (min-width: 768px) {
      .shop-location .address p {
        font-size: 16px; } }

.emoji {
  min-width: initial;
  max-width: initial; }

.oldcustom-table {
  border: 1px solid #b00000;
  width: 100%;
  margin-bottom: 30px; }
  .oldcustom-table th {
    padding: 10px;
    border: 1px solid #b00000;
    width: 30%;
    color: #b00000;
    vertical-align: middle;
    font-size: 14px; }
  .oldcustom-table td {
    color: #444444;
    padding: 10px;
    border: 1px solid #b00000;
    width: 70%;
    font-size: 14px; }

.single-voice-wrap {
  margin-bottom: 30px; }
  .single-voice-wrap .single-voice-title {
    color: #b00000;
    font-weight: bold;
    margin-bottom: 10px; }
  .single-voice-wrap .single-voice-content img {
    height: auto; }

.inquiry-wrap {
  text-align: center; }
  .inquiry-wrap img {
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .inquiry-wrap img {
        max-width: 400px; } }

.from-salon-wrap .from-salon-massage-title {
  margin-top: 50px;
  color: #b00000;
  font-weight: bold;
  margin-bottom: 10px; }
.from-salon-wrap .from-salon-name2-text {
  text-align: right; }
.from-salon-wrap .from-salon-menager-photo {
  text-align: right;
  margin-top: 10px; }
  .from-salon-wrap .from-salon-menager-photo img {
    max-width: 100px; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

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

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

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

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.5; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px;
  display: none; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px;
  display: none; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 10px;
        line-height: 20px;
        text-align: center;
        color: #999999;
        opacity: 0.5;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: #5A8A5E;
      opacity: 0.75; }

.sitemap-wrap .root-layer > a {
  color: #444444;
  border-left: 2px solid #b00000;
  padding: 10px;
  display: block; }
.sitemap-wrap .root-layer .first-layer {
  margin-top: 30px; }
  .sitemap-wrap .root-layer .first-layer > a {
    color: #444444;
    border-left: 2px solid #b00000;
    padding: 10px;
    display: block; }
  .sitemap-wrap .root-layer .first-layer .second-layer {
    margin-left: 5px; }
    .sitemap-wrap .root-layer .first-layer .second-layer:not(:nth-child(2)) {
      margin-top: 10px; }
    .sitemap-wrap .root-layer .first-layer .second-layer > a {
      display: block;
      padding: 10px 0px;
      color: #b00000;
      border-bottom: 1px solid #b00000;
      margin-bottom: 10px; }
    .sitemap-wrap .root-layer .first-layer .second-layer .third-layer {
      margin-top: 10px; }
      .sitemap-wrap .root-layer .first-layer .second-layer .third-layer > a {
        color: #444444; }
        .sitemap-wrap .root-layer .first-layer .second-layer .third-layer > a:before {
          content: '・';
          display: inline-block;
          color: #b00000; }

#top-main {
  background: #fafafa; }
  #top-main .top-slider-wrap #top-slider {
    opacity: 0;
    height: 330px;
    position: relative; }
    #top-main .top-slider-wrap #top-slider:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: block;
      width: 40px;
      height: 40px;
      background-image: url("../img/ajax-loader.gif");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      z-index: 1; }
    #top-main .top-slider-wrap #top-slider.slick-initialized {
      position: static;
      height: auto;
      opacity: 1;
      transition: .5s; }
      #top-main .top-slider-wrap #top-slider.slick-initialized:before {
        display: none; }
    #top-main .top-slider-wrap #top-slider .slick-list {
      height: auto;
      width: 100%; }
      #top-main .top-slider-wrap #top-slider .slick-list .slick-track {
        height: auto;
        width: 100%; }
    #top-main .top-slider-wrap #top-slider .top-slide {
      background: #fafafa;
      height: 400px; }
      @media only screen and (max-width: 767px) {
        #top-main .top-slider-wrap #top-slider .top-slide {
          height: auto;
          width: 100vw;
          height: calc(100vw * 1 / 1);
          position: relative; } }
      #top-main .top-slider-wrap #top-slider .top-slide img {
        display: block;
        width: auto;
        height: 100%;
        min-width: initial;
        max-width: 100%;
        max-height: 100%; }
        @media only screen and (max-width: 767px) {
          #top-main .top-slider-wrap #top-slider .top-slide img {
            height: auto;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); } }
    #top-main .top-slider-wrap #top-slider ul.slick-dots {
      background-color: #fff;
      
      margin: 0 !important;
      padding: 10px !important;
      font-size: 0 !important;
      line-height: 0 !important;
      position: static;
      width: 100%; }
      
#top-main .top-slider-wrap #top-slider ul.slick-dots li button:before {	
content: "◯"!important;	
color: #b00000 !important;	
font-size: 14px !important;	
}

.top-newbanner {
  background: #fff;
  text-align: center;
  
}
.top-newbanner img{
  vertical-align: bottom;
}
      
      
      #top-main .top-slider-wrap #top-slider ul.slick-dots li.slick-active button:before {
content: "●"!important;	color: white !important;
font-size: 16px !important;	
color: #b00000 !important;
        opacity: 1;
         }
    #top-main .top-slider-wrap #top-slider.slick-dotted.slick-slider {
      margin-bottom: 0; }
  #top-main .top-menu-bottuns-wrap .top-menu-bottuns {
    display: flex;
    flex-wrap: wrap;
    background: white;
     }
    #top-main .top-menu-bottuns-wrap .top-menu-bottuns > .top-menu-bottun {
      width: calc(100% / 3);
      height: auto;
      border-left: 1px solid rgba(153, 153, 153, 0.2); }
      #top-main .top-menu-bottuns-wrap .top-menu-bottuns > .top-menu-bottun:last-child {
        border-right: 1px solid rgba(153, 153, 153, 0.2); }
      #top-main .top-menu-bottuns-wrap .top-menu-bottuns > .top-menu-bottun > a {
        display: block;
        width: 100%;
        height: 100%;
        padding: 20px 10px; }
        #top-main .top-menu-bottuns-wrap .top-menu-bottuns > .top-menu-bottun > a > div {
          height: 40px;
          width: auto;
          margin: 0 auto;
          margin-bottom: 10px; }
          @media only screen and (max-width: 767px) {
            #top-main .top-menu-bottuns-wrap .top-menu-bottuns > .top-menu-bottun > a > div {
              height: 30px; } }
          #top-main .top-menu-bottuns-wrap .top-menu-bottuns > .top-menu-bottun > a > div img {
            display: block;
            height: 100%;
            width: auto;
            min-width: initial;
            margin: 0 auto; }
        #top-main .top-menu-bottuns-wrap .top-menu-bottuns > .top-menu-bottun > a > span {
          color: #b00000;
          display: block;
          text-align: center;
          font-size: 14px; }
  #top-main .top-contact-button-wrap {
    background-color: rgba(153, 153, 153, 0.2); }
    #top-main .top-contact-button-wrap .top-contact-button {
      background-color: white;
      border: 20px solid #b00000;
      display: block;
      position: relative;
      color: #b00000;
      height: auto; }
      #top-main .top-contact-button-wrap .top-contact-button > div {
        padding: 30px 10px;
        display: flex;
        align-items: center;
        justify-content: center; }
        #top-main .top-contact-button-wrap .top-contact-button > div .top-contact-button-img {
          display: block;
          width: 30px;
          height: auto;
          margin-right: 5px; }
          #top-main .top-contact-button-wrap .top-contact-button > div .top-contact-button-img img {
            display: block; }
        #top-main .top-contact-button-wrap .top-contact-button > div p {
          color: #b00000; }
      #top-main .top-contact-button-wrap .top-contact-button > span {
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        font-size: 25px; }
        
          #top-main .top-contact-button-wrap2 {
    background-color: #b00000;
    padding-bottom:18px; }
    #top-main .top-contact-button-wrap2 .top-contact-button {
      background-color: #b00000;
      border: 2px solid white;
      display: block;
      position: relative;
      color: white;
      height: auto;
      margin:0 18px;
       }
      #top-main .top-contact-button-wrap2 .top-contact-button > div {
        padding: 10px 10px;
        display: flex;
        align-items: center;
        justify-content: center; }
        #top-main .top-contact-button-wrap2 .top-contact-button > div .top-contact-button-img {
          display: block;
          width: 0;
          height: auto;
          margin-right: 5px; }
          #top-main .top-contact-button-wrap2 .top-contact-button > div .top-contact-button-img img {
            display: block; }
        #top-main .top-contact-button-wrap2 .top-contact-button > div p {
          color: white; }
      #top-main .top-contact-button-wrap2 .top-contact-button > span {
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        font-size: 25px;
        color:white;
         }
      #top-main .top-contact-button-wrap2 .top-contact-button > span i {

        color:white;
         }
  #top-main .top-reasons-wrap .top-reason-wrap:first-of-type .top-reason-heading {
    background: url("../img/top-bg-01.jpg") top center/cover no-repeat; }
  #top-main .top-reasons-wrap .top-reason-wrap:nth-of-type(2) .top-reason-heading {
    background: url("../img/top-bg-02.jpg") top center/cover no-repeat; }
  #top-main .top-reasons-wrap .top-reason-wrap:last-of-type .top-reason-heading {
    background: url("../img/top-bg-03.jpg") top center/cover no-repeat; }
  #top-main .top-reasons-wrap .top-reason-wrap .top-reason-heading {
    padding: 120px 20px; }
    @media only screen and (min-width: 768px) {
      #top-main .top-reasons-wrap .top-reason-wrap .top-reason-heading {
        padding: 140px 20px; } }
  #top-main .top-reasons-wrap .top-reason-wrap .top-reason-content {
    padding: 20px;

    background: #fafafa; }
    #top-main .top-reasons-wrap .top-reason-wrap .top-reason-content .top-reason {
      margin: 0 auto;
      margin-top: -60px;
      background: white;
      padding: 40px 10px;
      width: 100%;
      max-width: 800px;
      border-bottom: 2px solid #b00000; }
      #top-main .top-reasons-wrap .top-reason-wrap .top-reason-content .top-reason .heading {
        color: #b00000;
        text-align: center;
        font-size: 140%;
        margin-bottom: 20px;
        font-weight: bold; }
      #top-main .top-reasons-wrap .top-reason-wrap .top-reason-content .top-reason .top-reason-text {
        text-align: center;
        font-size: 14px; }
    #top-main .top-reasons-wrap .top-reason-wrap .top-reason-content .top-reason_end {
      margin: 0 auto;
      margin-top: -60px;
      background: white;
      padding: 40px 10px 20px;
      width: 100%;
      max-width: 800px;
      border-bottom: 2px solid #b00000; }
      #top-main .top-reasons-wrap .top-reason-wrap .top-reason-content .top-reason_end .heading {
        color: #b00000;
        text-align: center;
        font-size: 140%;
        margin-bottom: 20px;
        font-weight: bold; }
      #top-main .top-reasons-wrap .top-reason-wrap .top-reason-content .top-reason_end .top-reason-text {
        text-align: center;
        font-size: 14px; }
  #top-main .top-article-wrap {
    background: white;
    padding: 0 0 60px 0; }
    #top-main .top-article-wrap .top-article-heading {
      padding: 60px 10px 40px 10px; }
      #top-main .top-article-wrap .top-article-heading h2 {
        color: #b00000;
        font-size: 26px;
        text-align: center; }
        #top-main .top-article-wrap .top-article-heading h2 span {
          color: #b00000;
          display: block;
          font-size: 16px; }
    #top-main .top-article-wrap .top-article-content .top-article {
      background: white;
      border-top: 1px solid #b00000;
      padding: 30px 20px;
      position: relative;
      width: 100%; }
      #top-main .top-article-wrap .top-article-content .top-article:last-child {
        border-bottom: 1px solid #b00000; }
      #top-main .top-article-wrap .top-article-content .top-article > a {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto; }
      #top-main .top-article-wrap .top-article-content .top-article .article-content {
        margin: 0 auto;
        max-width: 800px;
        width: 100%; }
        #top-main .top-article-wrap .top-article-content .top-article .article-content a {
          display: inline-block; }
        #top-main .top-article-wrap .top-article-content .top-article .article-content .article-text {
          color: #777777; }
        #top-main .top-article-wrap .top-article-content .top-article .article-content .article-name {
          color: #999999;
          font-size: 14px; }
    #top-main .top-article-wrap .top-article-more {
      display: block;
      text-align: center;
      margin-top: 20px; }
      #top-main .top-article-wrap .top-article-more span {
        color: #b00000;
        padding-bottom: 5px;
        border-bottom: 1px solid #b00000; }
    #top-main .top-article-wrap .top-article-more2 {
      display: block;
      text-align: center;
      margin-top: 20px;
      margin-bottom:50px; }
      #top-main .top-article-wrap .top-article-more2 span {
        color: #b00000;
        padding-bottom: 5px;
        border-bottom: 1px solid #b00000; }        
        
        
    #top-main .top-article-wrap.is-news .top-article-heading {
      padding: 40px 10px 30px 10px; }
    #top-main .top-article-wrap.is-news .top-article-content .top-article .article-content {
      display: flex; }
      @media only screen and (max-width: 767px) {
        #top-main .top-article-wrap.is-news .top-article-content .top-article .article-content {
          display: block; } }
      #top-main .top-article-wrap.is-news .top-article-content .top-article .article-content .article-date {
        color: #999999;
        font-size: 16px;
        margin: 0 15px 0 0;
        white-space: nowrap; }
        @media only screen and (max-width: 767px) {
          #top-main .top-article-wrap.is-news .top-article-content .top-article .article-content .article-date {
            margin-bottom: 0 0 15px 0;
            font-size: 14px; } }
      #top-main .top-article-wrap.is-news .top-article-content .top-article .article-content .article-name {
        color: #777777;
        font-size: 16px; }
  #top-main .top-salon-wrap .top-salon-heading {
    padding: 60px 20px;
    background: url("../img/top_bg_salon.png") center center/cover no-repeat; }
    @media only screen and (min-width: 768px) {
      #top-main .top-salon-wrap .top-salon-heading {
        padding: 100px 20px; } }
    #top-main .top-salon-wrap .top-salon-heading h2 {
      color: white;
      font-size: 40px;
      letter-spacing: 2px;
      text-align: center; }
      #top-main .top-salon-wrap .top-salon-heading h2 span {
        color: white;
        display: block;
        font-size: 16px;
        text-align: center; }
  #top-main .top-salon-wrap .top-salons {
    background: white; }
    #top-main .top-salon-wrap .top-salons .top-salon {
      display: block;
      padding: 20px 20px; }
      #top-main .top-salon-wrap .top-salons .top-salon .top-salon-content {
        display: flex;
        align-items: center;
        justify-content: space-between; }
      #top-main .top-salon-wrap .top-salons .top-salon .salon-text {
        color: #b00000;
        display: block; }
        #top-main .top-salon-wrap .top-salons .top-salon .salon-text p {
          color: #b00000; }
        #top-main .top-salon-wrap .top-salons .top-salon .salon-text .shop-list-opening-date {
          background: transparent;
          border: 1px solid #999999;
          border-radius: 5px;
          color: #999999;
          display: inline-block;
          padding: 3px 5px;
          margin-top: 3px; }
      #top-main .top-salon-wrap .top-salons .top-salon i {
        color: #b00000;
        font-size: 16px; }
        @media only screen and (min-width: 768px) {
          #top-main .top-salon-wrap .top-salons .top-salon i {
            font-size: 25px; } }
    #top-main .top-salon-wrap .top-salons .top-salon-parent:not(:last-child) {
      border-bottom: 1px solid rgba(153, 153, 153, 0.2); }
    #top-main .top-salon-wrap .top-salons .top-salon-children {
      display: none; }
      #top-main .top-salon-wrap .top-salons .top-salon-children .top-salon {
        border-top: 1px solid rgba(153, 153, 153, 0.2);
        background: rgba(250, 250, 250, 0.3);
        padding-left: 30px; }

.header-wrap {
  display: flex;
  align-items: center;
  margin: 0 auto;
  max-width: 1300px;
  padding-left: 10px; }
  @media only screen and (min-width: 768px) {
    .header-wrap {
      margin: 0 auto;
      max-width: 1300px;
      padding-left: 20px; } }
  .header-wrap .header-left {
    width: auto;
    margin-right: auto; }
    .header-wrap .header-left img {
      max-width: 120px;
      min-width: none;
      vertical-align: middle;
      }
      @media only screen and (min-width: 768px) {
        .header-wrap .header-left img {
          max-width: 150px; } }
  .header-wrap .header-right {
    display: flex;
    justify-content: center;
    width: auto; }
    .header-wrap .header-right .header-menu {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      flex-direction: column;
      text-align: center;
      max-width: 85px; 
      padding-top:10px;
      padding-bottom:10px;
      box-sizing:border-box;
      }
       @media only screen and (min-width: 768px) {
	.header-wrap .header-right .header-menu {
		max-width: 120px; 
		} }
      .header-wrap .header-right .header-menu:not(:first-child) {
            padding-left:5px;
            padding-right:5px;
        }
        @media only screen and (min-width: 768px) {
          .header-wrap .header-right .header-menu:not(:first-child) {
            padding-left:10px;
            padding-right:10px;
             } }
      .header-wrap .header-right .header-menu:hover {
        opacity: 0.3; }
      .header-wrap .header-right .header-menu p {
        font-size: 12px;
        color: #b00000; }
        @media only screen and (min-width: 768px) {
          .header-wrap .header-right .header-menu p {
            font-size: 16px; } }
      .header-wrap .header-right .header-menu .icon {
        height: 25px;
        margin-bottom: 5px; }
        @media only screen and (min-width: 768px) {
          .header-wrap .header-right .header-menu .icon {
            height: 30px; } }
        .header-wrap .header-right .header-menu .icon img {
          flex-direction: column;
          height: 100%; }

footer .sns {
  background: #b00000;
  text-align: center; }
  footer .sns .sns-wrap {
    width: auto; }
    footer .sns .sns-wrap a {
      display: inline-block;
      background: white;
      border-radius: 10px;
      width: 30px;
      height: 30px;
      -moz-border-radius: 15px;
      -webkit-border-radius: 15px;
      border-radius: 15px;
      /* 横幅&高さの1/2 */
      margin: 20px 5px;
      text-align: center;
      vertical-align: middle;
      position: relative; }
      @media only screen and (min-width: 768px) {
        footer .sns .sns-wrap a {
          width: 50px;
          height: 50px;
          -moz-border-radius: 25px;
          -webkit-border-radius: 25px;
          border-radius: 25px;
          /* 横幅&高さの1/2 */ } }
      footer .sns .sns-wrap a i {
        display: inline-block;
        font-size: 15px;
        color: #b00000;
        text-align: center;
        justify-content: center;
        line-height: 30px; }
        @media only screen and (min-width: 768px) {
          footer .sns .sns-wrap a i {
            font-size: 25px;
            line-height: 50px; } }
@media only screen and (min-width: 768px) {
  footer .footer-menu {
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto; } }
footer .footer-menu ul {
  display: flex;
  flex-wrap: wrap; }
  footer .footer-menu ul li {
    width: 50%;
    display: flex;
    align-items: center;
    position: relative; }
    footer .footer-menu ul li a {
      color: #999999;
      padding: 17px 15px;
      display: inline-block;
      font-size: 13px;
      width: 100%; }
      @media only screen and (min-width: 768px) {
        footer .footer-menu ul li a {
          font-size: 16px; } }
      footer .footer-menu ul li a i {
        color: #999999;
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%);
        font-size: 16px; }
        @media only screen and (min-width: 768px) {
          footer .footer-menu ul li a i {
            font-size: 18px; } }
footer .group {
  background: rgba(153, 153, 153, 0.2);
  text-align: center;
  padding: 2%; }
  @media only screen and (min-width: 768px) {
    footer .group .group-wrap {
      max-width: 40rem;
      margin-left: auto;
      margin-right: auto; } }
  footer .group p {
    color: #b00000;
    font-size: 8px;
    padding: 10px 0 5px; }
    @media only screen and (min-width: 768px) {
      footer .group p {
        max-width: 50rem;
        margin-left: auto;
        margin-right: auto;
        font-size: 16px; } }
  footer .group .group-img {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex; }
    @media only screen and (min-width: 768px) {
      footer .group .group-img {
        max-width: 50rem;
        margin-left: auto;
        margin-right: auto; } }
  footer .group a {
    width: 100%;
    height: 100%;
    background-color: white;
    margin: 1%; }
  footer .group .group-img-wrap {
    width: 95%;
    margin: auto;
    height: 10vw;
    max-height: 60px;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    display: block;
    object-fit: contain;
    background-color: white; }
footer .copyright {
  background: #b00000;
  color: white;
  font-size: 8px;
  text-align: center;
  padding: 15px 15px 100px; }
  @media only screen and (min-width: 768px) {
    footer .copyright {
      font-size: 16px; 
        padding: 15px 15px 150px; }
} }

#breadcrumb {
  font-size: 12px;
  max-width: 1300px;
  margin: 0 auto;
  padding: 10px 20px; }
  @media only screen and (max-width: 767px) {
    #breadcrumb {
      padding: 10px;
        font-size: 11px;
       } }
  #breadcrumb a span {
    color: #b00000; }
  #breadcrumb ol {
    display: inline-block; }
    #breadcrumb ol li {
      display: inline-block; }

.breadcrumb-wrap {
  background: #fafafa; }
  


.page-number-btns {
  display: flex;
  align-items: center;
  justify-content: center; }
  .page-number-btns a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(153, 153, 153, 0.2);
    width: 30px;
    height: 30px;
    margin: 0 2px; }
    .page-number-btns a p {
      color: #b00000;
      margin: 0;
      padding: 0; }
    .page-number-btns a i {
      color: #b00000; }
  .page-number-btns .current-page-btn {
    background: rgba(153, 153, 153, 0.2); }
    .page-number-btns .current-page-btn p {
      color: white; }

.to-shop {
  max-height: 50px;
  bottom: 15px;
  text-align: center;
  vertical-align: middle;
  background: #fafafa;
  margin: auto;
  position: fixed;
  width: 100%;
  z-index: 9999999;
  display: table;
  bottom: 0;
  left: 0; }
  .to-shop .to-shop-wrap {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex; }
    @media only screen and (min-width: 768px) {
      .to-shop .to-shop-wrap {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto; } }
  .to-shop a {
    width: 50%;
    padding: calc(26px / 2);
    display: block; }
    @media only screen and (min-width: 768px) {
      .to-shop a {
        width: 100%; } }
    @media only screen and (min-width: 768px) {
      .to-shop a:last-child {
        display: none; } }
  .to-shop .foot-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto; }
    .to-shop .foot-button .img-wrap {
      margin-right: 5px; }
      .to-shop .foot-button .img-wrap img {
        width: 18px;
        height: 18px;
        vertical-align: middle; }
  .to-shop p {
    float: right; }
  .to-shop .main-pink {
    background: #b00000; }
    .to-shop .main-pink p {
      color: white; }
  .to-shop .light-pink {
    background: rgba(153, 153, 153, 0.2); }
    .to-shop .light-pink p {
      color: #b00000; }

.to-shop + footer {
  padding-bottom: 104px; }

.to-shop2 {
	position: fixed;
	width: 100%;
	z-index: 9999999;
	bottom: 0;
	left: 0;
	transition: .5s;
}

@media only screen and (min-width: 768px) {
	.to-shop2 {
		bottom: 0;
	}
}

.to-shop2-wrap {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (min-width: 768px) {
	.to-shop2-wrap {
		max-width: 40rem;
	}
}



.common-heading {
  color: #b00000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  font-size: 24px;
  margin-top: 30px;
  margin-bottom: 30px; }
  .common-heading:before {
    content: '';
    display: block;
    height: 16px;
    width: 16px;
    background: url("../img/icon-midashi.svg") center/contain no-repeat;
    margin-right: 10px; }
  .common-heading:after {
    content: '';
    display: block;
    height: 16px;
    width: 16px;
    background: url("../img/icon-midashi.svg") center/contain no-repeat;
    margin-left: 10px; }

.next-prev-button-wrap:after {
  content: '';
  display: block;
  clear: both; }

.next-prev-button {
  width: calc(50% - 10px);
  border: solid 1px #b00000;
  border-radius: 3px;
  text-align: center;
  background: white;
  margin-bottom: 20px;
  margin-top: 20px; }
  .next-prev-button > a {
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    color: #b00000; }
    @media only screen and (min-width: 768px) {
      .next-prev-button > a {
        font-size: 18px; } }
    .next-prev-button > a i {
      flex: 0 0 20px;
      color: #b00000; }
    .next-prev-button > a p {
      color: #b00000;
      margin: 0;
      padding: 0; }
  .next-prev-button:hover {
    opacity: 0.5;
    transition: 0.3s; }

.next-prev-button.next {
  float: right; }
  .next-prev-button.next > a:before {
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    flex: 0 0 20px; }

.next-prev-button.prev {
  float: left;
  width: 50%; }
  .next-prev-button.prev > a:after {
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    flex: 0 0 20px; }

.link-button {
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  color: white;
  padding: 20px;
  text-align: center;
  background: #b00000;
  border-radius: 5px;
  transition: .5s;
  letter-spacing: 1px; }
  @media only screen and (min-width: 768px) {
    .link-button {
      min-width: 400px; } }
  @media only screen and (max-width: 767px) {
    .link-button {
      display: block; } }
  .link-button i {
    margin-right: 10px;
    color: white; }

.parts-flows .parts-flow {
  background: rgba(153, 153, 153, 0.2);
  padding: 20px; }
  .parts-flows .parts-flow .parts-flow-title {
    font-weight: bold;
    color: #b00000;
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px; }
.parts-flows .parts-flow-arrows {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 20px; }
  .parts-flows .parts-flow-arrows .parts-flow-arrow {
    border-top: 30px solid rgba(153, 153, 153, 0.2);
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    margin: 0 10px; }

.parts-tabs {
  /*タブのスタイル*/
  /*ラジオボタンを全て消す*/
  /*タブ切り替えの中身のスタイル*/
  /*選択されているタブのスタイルを変える*/ }
  .parts-tabs img {
    display: block; }
  .parts-tabs .parts_tab {
    clear: both;
    border-top: 2px solid #b00000; }
  .parts-tabs .tab_item {
    width: 45%;
    border-top: 2px solid #b00000;
    border-left: 2px solid #b00000;
    border-right: 2px solid #b00000;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #fff;
    font-size: 1.4rem;
    line-height: 1.8rem;
    text-align: center;
    color: #b00000;
    display: block;
    transition: all 0.2s ease;
    padding: 1.9% 0; }
  .parts-tabs .tab_item_l {
    float: left; }
  .parts-tabs .tab_item_r {
    float: right; }
  .parts-tabs input[name="tab_item"] {
    display: none; }
  .parts-tabs .tab_content {
    display: none;
    clear: both;
    overflow: hidden;
    width: 86.7%;
    margin: 7.2% auto 3.9%; }
  .parts-tabs .tab_content_left {
    float: left;
    width: 23.8%; }
  .parts-tabs .tab_content_center {
    float: left;
    width: 52.4%; }
  .parts-tabs .tab_content_right {
    float: left;
    width: 23.8%; }
  .parts-tabs .tab_content_left_arrow {
    position: relative;
    margin-bottom: 15%; }
  .parts-tabs .tab_content_left_arrow_last {
    position: relative; }
  .parts-tabs #partslist1:checked ~ #partslist1_content,
  .parts-tabs #partslist2:checked ~ #partslist2_content {
    display: block; }
  .parts-tabs .tab_content_left_arrow_text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-60%);
    width: 80%;
    font-size: 1.2rem;
    color: #fff;
    font-weight: bold;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .parts-tabs .tab_content_left_arrow_text {
        font-size: 12.5px; } }
  .parts-tabs .tab_content_right_arrow_text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-40%);
    width: 80%;
    font-size: 1.2rem;
    color: #fff;
    font-weight: bold;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .parts-tabs .tab_content_right_arrow_text {
        font-size: 12.5px; } }
  .parts-tabs input:checked + .tab_item {
    background-color: #b00000;
    color: #fff; }

.discount-info .discount-content:not(:first-child) {
  margin-top: 40px; }
.discount-info .discount-content-addition {
  margin-top: 20px; }
.discount-info img {
  display: block;
  width: 100%;
  height: auto; }
.discount-info .red-color {
  color: red;
  font-weight: bold;
  font-size: 150%; }

.notice-red {
	background: red;
	text-align:center;
	padding:5px 0;
}

.notice-red a {
	color:white;
}


@media only screen and (min-width: 768px) {
	.notice-red {
		max-width: 40rem;
		margin-left: auto;
		margin-right: auto;
	}
}

/* ノーマル状態 */
.wp-blog-content a{
  color: #0280ad;
  text-decoration: underline;
}
/* ホバー状態 */
.wp-blog-content a:hover{
  color: #0280ad;
}
/* クリックされた状態 */
.wp-blog-content a:active{
  color: #0280ad;
}
/* 訪問済みの状態 */
.wp-blog-content a:visited {
  color: #0280ad;
}

strong {
	font-weight:900;
	color:black;
}
.slider {
    width: 100%;
	margin-bottom:15px;
	overflow: hidden;
}
.slider img {
    width: 100%;
    height: 50vh;
    object-fit: cover;
    max-width: 100%;
    max-height: 100%;
    height: 100vh;
    width: auto\9; /* ie8 */
    margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.slider img {
    width: 100%;
    height: 320px;
    object-fit: cover;
box-sizing: border-box;
}
     }

.slider-nav img {
    width:calc(52% /7)%;
    height: 80px;
    padding:6%;
    object-fit: cover;

}
  @media only screen and (max-width: 767px) {
.slider-nav img {

    height: 50px;


}
}

.fixednavi_container {
	display:flex;
	width: 100%;
	background:#b00200;
	position: fixed;
	bottom: -100%;
	z-index:999;
	transition: .5s;
}
@media only screen and (min-width: 768px) {
.fixednavi_container {
	width: 40rem;
    left: 50%;
	transform: translate(-50%, 0);
}
}

.fixednavi_container.hide{
    transform: translateY(100%);
    display:none;
}

.fixednavi {
	width:16.66%;
	background:#b00200;
	padding:5px;
	border-left: 1px solid white;
	border-top: 1px solid white;
	box-sizing: border-box;
}

.fixednavi_end {
	width:16.66%;
	background:#b00200;
	padding:5px;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-top: 1px solid white;
	box-sizing: border-box;
}

.fixednavi_icon1 {
	width:70%;
	margin:0 auto;
}

.fixednavi_icon2 {
	width:70%;
	margin:0 auto;
}

.fixednavi_icon3 {
	width:70%;
	margin:0 auto 6%;
}

.fixednavi_icon4 {
	width:85%;
	margin:0 auto 8.5%;
}

.fixednavi_icon5 {
	width:70%;
	margin:0 auto 16%;
}

.fixednavi_icon6 {
	width:50%;
	margin:0 auto 10%;
}

.fixednavi_text {
	color:#fff;
	font-size:0.55rem;
	line-height:0.8rem;
	text-align:center;
}
@media only screen and (min-width: 768px) {
.fixednavi_text {
	color:#fff;
	font-size:1.05rem;
	line-height:1.4rem;
	text-align:center;
}
}

.covid19-head {
	background:#b00200;
	padding: 20px 0;
	text-align:center;
}

.covid19-head-title {
	color: #fff;
	font-size: 140%;
}

.covid19-text {
	color:#444;
	padding: 20px 0 10px;
	text-align:center;
}

.covid19-image {
	margin-bottom:10px;
}

.covid19-morebox {
	text-align:center;
	margin:10px auto 50px;
}

.covid19-more span {
	color: #b00000;
	padding-bottom: 5px;
	border-bottom: 1px solid #b00000;
}

.reason3-mainphoto {
	display:block;
	width:100%;
}
.reason3-mainphoto img{
	display:block;
	vertical-align:top;
}

.reason3-top {
	background:#b00200;
	padding: 75px 0 45px;
}

.reason3-headimage2 {
	padding: 20px 0 20px;
	background:#b00200;
}

.reason3-headimage {
	padding: 0 0 20px;
	background:#b00200;
}

.reason3-wrap {
	background:#fff;
	padding-bottom:40px;
}

.reason3-wrap2 {
	background:#fff;
	padding-bottom:20px;

}

.reason3-headtextback {
	background:#fff;
	text-align:center;

	width: 100%;
	height: 0;
	padding-top: calc(210 / 750 * 100%);
	/*calc(画像の高さ / 画像の幅 * widthの値)*/
	background-image: url('../img/reason3-point-titleback.png');
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	position:relative;
	margin-bottom:20px;

}

.reason3-headtext {
	top:7px;
	left:0;
	right:0;
	position:absolute;
}


.reason3-headtext span {
	color: #fff;
	font-size: 117%;
}
@media only screen and (min-width: 768px) {
.reason3-headtext {
	top:20px;
	font-size: 1.4rem;

}
.reason3-headtext span {
	font-size: 3.8rem;
}
}
.reason3-text {
	color: #444;
	margin:0 auto;
	width:calc(690 / 750 * 100%);
	font-size:88%;
	line-height:184%;

}

.reason3-headtext span {
	color: #fff;
	font-size: 140%;
}

.reason3-headtextmore {
	background:#fff;
	padding: 20px 0;
	text-align:center;
}

.reason3-headtextmore span {
	color: #b00200;
	font-size: 140%;
}


.reason3-image1 {
	padding: 20px 0;
}

.reason3-image2 {
	margin:0 auto;
	width:calc(530 / 690 * 100%);
	padding: 20px 0 0;
	
}

.reason3-more-image {
	margin:0 auto;
	width:calc(96 / 750 * 100%);
	padding-top:10px;
}

.reason3-slidebox {
	width:calc(690 / 750 * 100%);
	background:#fff;
	margin-left:auto;
	margin-right:auto;
	padding:7px;
}

.reason3-slidebox2 {
	width:100%;
	background:#fff;
	margin-left:auto;
	margin-right:auto;
	border: 2px solid #b00200;
	box-sizing: border-box;
	padding:7px;
}

.reason3-slidebox3 {
	width:100%;
	background:#fff;
	margin-left:auto;
	margin-right:auto;

}

.reason3-slide-head {
	width:100%;
	padding:10px 0;
	background:#f3d9d9;
	color:#b00200;
	font-size: 140%;
	font-weight:bold;
	text-align:center;
}

.reason3-slide {
	width:100%;
	position:relative;

}

.reason3-slide img{
	width:calc(660 / 750 * 100%);
	background:#fff;
	margin-left:auto;
	margin-right:auto;
}

.reason3-table {
	display: flex;
	flex-wrap:wrap;
	width:calc(670 / 750 * 100%);
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
}

.reason3-table-tablebox {
	width:25%;
	height:auto;
	border: 2px solid #fff;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	text-align:center;
}

.reason3-table-red {
	background:#fff;
}

.reason3-table-gray {
	background:#dcdddd;
	color:#000;
	font-size:100%;
	padding:20px 0;

}

.reason3-table-pink1 {
	background:#d78080;
	padding:5px;

}

.reason3-table-black {
	background:#000;
	color:#fff;
	font-size:88%;
	padding:20px 0;

}

.reason3-table-white img,
.reason3-table-pink1 img,
.reason3-table-pink2 img {
	width:100%;

}

.reason3-table-white {
	background:#fff;
	color:#444;
	font-size:100%;
	padding:20px 0;
}

.reason3-table-white2 {
	background:#fff;
	color:#444;
	font-size:100%;
	padding:5px 0;
}

.reason3-table-pink2 {
	background:#f7e6e5;
	color:#ff0000;
	font-size:100%;
	padding:20px 0;
	font-weight:bold;
}

.reason3-table-pink3 {
	background:#f7e6e5;
	color:#ff0000;
	font-size:100%;
	padding:5px 0;
	font-weight:bold;
}

.newredback {
	background:#fff !important;
}
.newredback2 {
	background:#fff !important;
	border-top: 1px solid #b00200 !important;
}

.newredback3 {
	background:#b00200 !important;
}

.newredback2:last-child {
	background:#fff !important;
	border-top: 1px solid #b00200 !important;
	border-bottom: 1px solid #b00200 !important;

}

.newwhitetext {
	color:#444 !important;
}

.newwhitetext2 {
	color:#b00200 !important;
	border-bottom: 1px solid #b00200 !important;

}

.newwhitetext3 {
	color:#fff !important;
}

.prev-arrows {
	position:absolute;
	left:0;
	top:41.8%;
	width:19px !important;
	height:19px !important;
    background: url("../img/reason3-slide-arrow1.png") center/contain no-repeat;
    z-index:1000;
}

.next-arrows {
	position:absolute;
	right:0;
	top:41.8%;
	width:19px !important;
	height:19px !important;
    background: url("../img/reason3-slide-arrow2.png") center/contain no-repeat;

}


@media only screen and (min-width: 768px) {
.prev-arrows {
	position:absolute;
	left:3%;
	top:40%;
	width:38px !important;
	height:38px !important;
    z-index:1000;
}

.next-arrows {
	position:absolute;
	right:3%;
	top:40%;
	width:38px !important;
	height:38px !important;

}
}

.salon-reason-wrap {
	background:#ebebeb;
	padding-bottom:15px;

}

.salon-reason-head {
	color:#af0100;
	font-size: 1.2rem;
	line-height:1.8rem;
	font-weight:bold;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
}

.salon-reason-main {
	background:#fff;
	width:calc(690 / 735 * 100%);
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	padding-bottom:15px;
}

.salon-reason-main_last {
	background:#fff;
	width:calc(690 / 735 * 100%);
	margin-left:auto;
	margin-right:auto;
	padding-bottom:15px;
}

.salon-reason-headbox {
	display: flex;
	flex-wrap:wrap;
	width:calc(690 / 735 * 100%);
	padding-top:15px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
}

.salon-reason-headbox-left {
	width:calc(360 / 690 * 100%);
    display: flex;            /* Flexboxを指定 */
    align-items: center;      /* 垂直方向の中央寄せ */
	color:#af0100;
	font-size: 1.2rem;
	line-height:1.8rem;
}

.salon-reason-headbox-right {
	width:calc(330 / 690 * 100%);
}

.salon-reason-text{
	width:calc(690 / 735 * 100%);
	margin-left:auto;
	margin-right:auto;
	color:#000;
	font-size: 1.0rem;
	line-height:1.4rem;
}


@media only screen and (max-width: 767px) {
.salon-reason-headbox-left {
	font-size: 1.05rem;
	line-height:1.4rem;
}
.salon-reason-text{
	font-size: 0.85rem;
	line-height:1.4rem;
}
}

.salon-reason-slidebox {
	width:calc(690 / 735 * 100%);
	background:#fff;
	margin-left:auto;
	margin-right:auto;
	padding:7px;
}

.salon-reason-table {
	display: flex;
	flex-wrap:wrap;
	width:calc(670 / 735 * 100%);
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
}

.salon-more-wrap {
	background:#fff;
	margin-bottom:50px;
	border-collapse: collapse;

}

.salon-more-title {
	color:#af0100;
    display: flex;            /* Flexboxを指定 */
    align-items: center;      /* 垂直方向の中央寄せ */
	color:#af0100;
	font-size: 1.2rem;
	line-height:1.8rem;
	padding-top:15px;
	padding-bottom:15px;
	border-top:1px solid #af0100;
	border-bottom:1px solid #af0100;
	border-collapse: collapse;
	padding-left:calc(15 / 750 * 100%);
	padding-right:calc(15 / 750 * 100%);
	position: relative;
}

/*下矢印↓*/
.salon-more-title:after {
   content: "";
   position: absolute;
   border-right: 2px solid #af0100;
   border-bottom: 2px solid #af0100;
   width: 6px;
   top:20px;
   right: 20px;
   height: 6px;
   transform: rotate(45deg);
}

/*上矢印↑*/
.salon-more-title.ac:after {
   content: "";
   position: absolute;
   border-left: 2px solid #af0100;
   border-top: 2px solid #af0100;
   border-right: 0;
   border-bottom: 0;
   width: 6px;
   top:25px;
   right: 20px;
   height: 6px;
   transform: rotate(45deg);
}

.salon-more-text{
	color:#000;
	font-size: 1.0rem;
	line-height:1.4rem;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:calc(15 / 750 * 100%);
	padding-right:calc(15 / 750 * 100%);
	display:none;
}

@media only screen and (max-width: 767px) {
.salon-more-title {
	font-size: 1.05rem;
	line-height:1.4rem;
}
.salon-more-text{
	font-size: 0.85rem;
	line-height:1.4rem;
}

}


.salon-faq-wrap {
	background:#fff;
	margin-bottom:50px;
	border-collapse: collapse;
}


.salon-faq-title {
    display: flex;            /* Flexboxを指定 */
    align-items: center;      /* 垂直方向の中央寄せ */
	color:#af0100;
	padding-top:15px;
	padding-bottom:15px;
	border-top:1px solid #af0100;
	border-bottom:1px solid #af0100;
	border-collapse: collapse;
	position: relative;
	padding-left:calc(15 / 750 * 100%);
	padding-right:calc(15 / 750 * 100%);
	box-sizing: border-box;
}

.salon-faq-titleinner {
	color:#af0100;
	font-size: 1.2rem;
	line-height:1.8rem;
	text-indent: -1.5em;
	padding-left: 1.5em;
}

/*下矢印↓*/
.salon-faq-title:after {
   content: "";
   position: absolute;
   border-right: 2px solid #af0100;
   border-bottom: 2px solid #af0100;
   width: 6px;
   top:20px;
   right: 20px;
   height: 6px;
   transform: rotate(45deg);
}

/*上矢印↑*/
.salon-faq-title.ac:after {
   content: "";
   position: absolute;
   border-left: 2px solid #af0100;
   border-top: 2px solid #af0100;
   border-right: 0;
   border-bottom: 0;
   width: 6px;
   top:25px;
   right: 20px;
   height: 6px;
   transform: rotate(45deg);
}

.salon-faq-text{
	background:#ebebeb;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:calc(15 / 750 * 100%);
	padding-right:calc(15 / 750 * 100%);
	display:none;
	box-sizing: border-box;
}

.salon-faq-textinner {
	color:#000;
	text-indent: -1.5em;
	padding-left: 1.5em;
	font-size: 1.2rem;
	line-height:1.8rem;
}


@media only screen and (max-width: 767px) {
.salon-faq-titleinner {
	font-size: 1.05rem;
	line-height:1.4rem;
}
.salon-faq-textinner{
	font-size: 0.85rem;
	line-height:1.4rem;
}

}





.salon-flow-slide {
	width:calc(700 / 750 * 100%);
	background:#fff;

	margin-left:auto;
	margin-right:auto;
	margin-bottom:60px;
	position:relative;
}

.salon-flow-box {
	position:relative;
	background:#fff;

	width:100%;
	height100%;
	position:relative;

}

.salon-flow-title {
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	color:#af0100;
	font-size: 1.2rem;
	line-height:1.8rem;
}

.salon-flow-image {
	width:calc(580 / 700 * 100%);
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;

}

.salon-flow-text {
	width:calc(580 / 700 * 100%);
	margin-left:auto;
	margin-right:auto;
	color:#000;
	font-size: 1.0rem;
	line-height:1.4rem;
	padding-bottom:20px;

}

@media only screen and (max-width: 767px) {
.salon-flow-title {
	font-size: 1.05rem;
	line-height:1.4rem;
}
.salon-flow-text {
	font-size: 0.85rem;
	line-height:1.4rem;
}
}


.prev-arrows-flow {
	position:absolute;
	left:5px;
	top:41.8%;
	width:19px !important;
	height:19px !important;
    background: url("../img/reason3-slide-arrow1.png") center/contain no-repeat;
    z-index:1000;
}

.next-arrows-flow {
	position:absolute;
	right:5px;
	top:41.8%;
	width:19px !important;
	height:19px !important;
    background: url("../img/reason3-slide-arrow2.png") center/contain no-repeat;

}


.slick-disabled {
  visibility: hidden;
}

.salon-covid19 {
	color:#000;
	font-size: 1.0rem;
	line-height:1.6rem;
	padding-bottom:20px;
	text-align:center;
}

.salon-covid19-head {
	color:#af0100;
	font-size: 1.2rem;
	line-height:1.8rem;
	font-weight:bold;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
}

.salon-covid19-image {
	width:calc(650 / 750 * 100%);
	margin-left:auto;
	margin-right:auto;
	padding-bottom:15px;

}

.newshopname1 {
	font-size: 1.0rem;
	line-height:0.85rem;
	color:#black;
}
.newshopname2 {
	font-size: 1.4rem;
	line-height:2.2rem;
	color:#black;
}

#salon-slider {
    opacity: 0;
    height: 330px;
    position: relative;
}

#salon-slider:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: block;
      width: 40px;
      height: 40px;
      background-image: url("../img/ajax-loader.gif");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      z-index: 1;
}
#salon-slider.slick-initialized {
      position: static;
      height: auto;
      opacity: 1;
      transition: .5s;
}
#salon-slider.slick-initialized:before {
        display: none;
}

#salon-slider .slick-list {
      height: auto;
      width: 100%;
}
#salon-slider .slick-list .slick-track {
        height: auto;
        width: 100%;
}

#salon-slider .salon-slide {
      background: #fafafa;
      height: 400px;
}

@media only screen and (max-width: 767px) {

#salon-slider .salon-slide {
          height: auto;
          width: 100vw;
          height: calc(100vw * 1 / 1);
          position: relative;
}
}

#salon-slider .salon-slide img {
        display: block;
        width: auto;
        height: 100%;
        min-width: initial;
        max-width: 100%;
        max-height: 100%;
}

@media only screen and (max-width: 767px) {
#salon-slider .salon-slide img {
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); 
}
}

#salon-slider ul.slick-dots {
      background-color: #b00000;
      margin: 0 !important;
      padding: 5px !important;
      font-size: 0 !important;
      line-height: 0 !important;
      position: static;
      width: 100%;
}

#salon-slider ul.slick-dots li.slick-active button:before {
        color: white !important;
        opacity: 1;
}

#salon-slider.slick-dotted.slick-slider {
      margin-bottom: 0;
}

.container-plan {
  padding: 3% 5%;
}

.campaign-content-new {
      margin-top: 30px;
}

.campaign-image-new {
      margin-bottom: 15px;
}

.plan-content img{
	border:none;
	outline: none;
	padding:0;
	margin:0;
	vertical-align:top;
}

.plan-content:not(:first-child) {
  margin-top: 40px; 
}

.plan-content {
  box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.2);
	border:none;
	outline: none;
	padding:0;
	margin:0;
}

.plan-text {
	font-size:15px;
	line-height:26px;
	padding:30px 3%;
	
}

.plansmall {
	font-size:10.5px;

}

.plan-text-add {
	font-size:12px;
	line-height:22px;
  margin-top: 20px; 
	
}
.campaign_price-container {
  padding: 3%;
}

.campaign_price_title {
      margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
.campaign_price_title {
      margin-bottom: 30px;
}
}

.campaign_price_title_parts {
      margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
.campaign_price_title_parts {
      margin-bottom: 30px;
}
}

.campaign_price_menu_parts {
      margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
.campaign_price_menu_parts {
      margin-bottom: 30px;
}
}

.campaign_price_title_all {
      margin-bottom: 70px;
}
@media only screen and (max-width: 767px) {
.campaign_price_title_all {
      margin-bottom: 35px;
}
}

.campaign_price_title_parts {
      margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
.campaign_price_title_parts {
      margin-bottom: 30px;
}
}

.campaign_price_menu_all {
      margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
.campaign_price_menu_all {
      margin-bottom: 30px;
}
}

.campaign_price_price_all {
      margin-bottom: 90px;
}
@media only screen and (max-width: 767px) {
.campaign_price_price_all {
      margin-bottom: 45px;
}
}


.copyright2 {
  background: #b00000;
  color: white;
  font-size: 8px;
  text-align: center;
  padding: 15px 15px 120px;
}
@media only screen and (min-width: 768px) {
.copyright2 {
		font-size: 16px; 
		padding: 15px 15px 200px;
	}
}
/*# sourceMappingURL=common.css.map */


.headertext {
  font-size: 8px!important;
  letter-spacing: 0!important;
  padding-top:3px;
   color:#af0100;
   font-weight:bold;
}
@media only screen and (min-width: 768px) {
.headertext {
  font-size: 10px!important;
  letter-spacing: 1px!important;
  padding-top:5px;
}

}

.header-leftimg {
	width: 120px!important;
}
@media only screen and (min-width: 768px) {
	.header-leftimg {
		width: 150px!important;
	}
}

.oldvoicelink {
	text-align: center;
}

.oldvoicelink a{
	text-decoration: underline;
	font-size: 18px;
}

.container_nearbyshop {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
}

.nearbyshopname_box {
	width:48.5%;
	margin:0 0 20px;
}
.nearbyshopname_box img{
vertical-align:top;
}
.nearbyshopname_text {
	background: #b00000;
	color: white;
	font-size: 18px;
	text-align: center;
	padding: 10px 0;
	margin:0;
}

@media only screen and (max-width: 768px) {
.nearbyshopname_box {
	margin:0 0 10px;
}

.nearbyshopname_text {
	font-size: 12px;
	padding: 5px 0;
}
}


.salonlistlink {
	width:100%;
	padding: 5px 0;
	text-align: center;
}

.salonlistlink a{
	text-decoration: underline;
	font-size: 18px;
	color: #b00000;
}

.deletepm {
	padding-bottom:0!important;
	margin-bottom:0!important;
}

.top-article-heading-deletepm {
      padding: 30px 10px 30px 10px!important;
}

.wp-column-content {
	margin-bottom:70px!important;
}

/* ノーマル状態 */
.wp-column-content a{
  color: #0280ad;
  text-decoration: underline;
}
/* ホバー状態 */
.wp-column-content a:hover{
  color: #0280ad;
}
/* クリックされた状態 */
.wp-column-content a:active{
  color: #0280ad;
}
/* 訪問済みの状態 */
.wp-column-content a:visited {
  color: #0280ad;
}

.wp-column-contentdate {
	font-size: 14px;
}

.single-column-lead {
	font-size: 16px;
	line-height:1.5;
}

.single-column-wrap .single-column-content h2{
	color: #6E6E6E;
	font-size: 20px;
    font-weight: bold;
    border-top:3px solid #b00000;
    border-bottom:3px solid #b00000;
    display:block;
	padding:15px 0!important;
	margin: 30px 0;
}

.single-column-wrap .single-column-content h3{
	border-bottom:2px dashed #b00000;
	color: #b00000;
	font-size: 18px;
    font-weight: bold;
    display:block;
	padding:5px 0!important;
	margin-bottom: 10px;
}

.single-column-wrap .single-column-content h3:before {
  content: '●';
  color: #b00000;
  margin-right: 1.5%;
}

.single-column-wrap .single-column-content h4{
	border-left:5px solid #b00000;
	color: #b00000;
	font-size: 16px;
    font-weight: bold;
    display:block;
	padding:0 3%!important;
	margin-bottom: 10px;

}

.single-column-wrap .single-column-content p{
	color: #000000;
	font-size: 16px;
	line-height:1.5;
    font-weight: normal;
    display:block;
	padding-bottom:30px!important;
}

.wp-column-content .pink-box {
  padding-top: 35px;
  padding-bottom: 70px; }
  .wp-column-content .pink-box .pink-box-wrap {
    border: solid 2px #b00000;
    position: relative;
     }
    #page-datsumou .pink-box .pink-box-wrap p {
      margin-bottom: 10px; }
  .wp-column-content .pink-box .highlight-wrap {
    display: block;
    background: white;
    text-align: center;
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 100%;
    width: auto;
    white-space: nowrap;
    padding: 0 10px; }
    
.wp-column-content .pink-box .highlight-wrap h2 {
	color: #b00000;
	font-size: 16px;
	font-weight: bold;
}

.wp-column-content .pink-box .highlight-wrap p {
	color: #000000;
	font-size: 14px;
	font-weight:normal;
}

.container-column {
  padding: 5%;
}

.container-columnimg {
  padding: 10px 0 30px;
}

.column-button {
  width: calc(50% - 10px);
  border: solid 1px #b00000;
  border-radius: 3px;
  text-align: center;
  background: white;
  margin-bottom: 20px;
  margin-top: 20px; }
  .column-button > a {
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    color: #b00000; }
    @media only screen and (min-width: 768px) {
      .column-button > a {
        font-size: 18px; } }
    .column-button > a i {
      flex: 0 0 20px;
      color: #b00000; }
    .column-button > a p {
      color: #b00000;
      margin: 0;
      padding: 0; }
  .column-button:hover {
    opacity: 0.5;
    transition: 0.3s; }
    
.column-button.prev {
  margin:0 auto 50px;
  width: 50%;
}
  .column-button.prev > a:after {
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    flex: 0 0 20px; }
    
.tocbox {
	margin: 50px 0 70px;
}

.tochead {
	background: #b00000;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding:3%;
	box-sizing: border-box;
}

.tocbody {
	background: #EBEBEB;
	padding:3% 3% 5%;
	box-sizing: border-box;
}

.tocblock {
	border-bottom: dotted 1px #b00000;
	padding-bottom:3%;
	margin-bottom:3%;
}

.toch2 {
	font-size: 16px;
}

.toch2:before {
  content: '▶';
  color: #b00000;
  margin-right: 1.5%;
}

.toch2 a{
	color: #6e6e6e;
    font-weight: bold;
    text-decoration: none;
}

.toch2 a:visited{
	color: #6e6e6e;
}

.toch3 {
	font-size: 14px;
	padding:1px 0 1px 5%;
}

.toch3:before {
  content: '・';
  color: #b00000;
  margin-right: 1.5%;
}

.toch3 a{
	color: #6e6e6e;
    font-weight: normal;
    text-decoration: none;
}

.toch3 a:visited{
	color: #6e6e6e;
}

.single-column-bnr {
	width:90%;
	margin: 0 auto 50px;
}

#column-main .top-salon-wrap .top-salon-heading {
    padding: 60px 20px;
    background: url("../img/top_bg_salon.png") center center/cover no-repeat; }
    @media only screen and (min-width: 768px) {
      #column-main .top-salon-wrap .top-salon-heading {
        padding: 100px 20px; } }
    #column-main .top-salon-wrap .top-salon-heading h2 {
      color: white;
      font-size: 40px;
      letter-spacing: 2px;
      text-align: center; }
      #column-main .top-salon-wrap .top-salon-heading h2 span {
        color: white;
        display: block;
        font-size: 16px;
        text-align: center; }


#column-main .top-salon-wrap .top-salons {
    background: white; 
}
#column-main .top-salon-wrap .top-salons .top-salon {
    height:70px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
      
#column-main .top-salon-wrap .top-salons .top-salon .top-salon-content {
	display: flex;
	justify-content: space-between;
	width:90%;
	margin: 0 auto;
}

#column-main .top-salon-wrap .top-salons .top-salon .top-salon-content .salon-text {
	color: #b00000;
	width:90%;
	text-align: left;
	display: block;
}

#column-main .top-salon-wrap .top-salons .top-salon .top-salon-content .salon-i {
	color: #b00000;
	width:10%;
	text-align: right;
	display: block;
}

        #column-main .top-salon-wrap .top-salons .top-salon .salon-text .shop-list-opening-date {
          background: transparent;
          border: 1px solid #999999;
          border-radius: 5px;
          color: #999999;
          display: inline-block;
          padding: 3px 5px;
          margin-top: 3px; }
      #column-main .top-salon-wrap .top-salons .top-salon i {
        color: #b00000;
        font-size: 16px;
         }
        @media only screen and (min-width: 768px) {
          #column-main .top-salon-wrap .top-salons .top-salon i {
            font-size: 25px; } }
    #column-main .top-salon-wrap .top-salons .top-salon-parent:not(:last-child) {
      border-bottom: 1px solid rgba(153, 153, 153, 0.2); }
    #column-main .top-salon-wrap .top-salons .top-salon-children {
      display: none; }
      #column-main .top-salon-wrap .top-salons .top-salon-children .top-salon {
        border-top: 1px solid rgba(153, 153, 153, 0.2);
        background: rgba(250, 250, 250, 0.3);
        padding-left: 30px; }

.wp-archive-column {
	display: flex;
	justify-content: space-between;
	width:90%;
	margin: 20px auto 20px;
}

.wp-archive-column-left {
	width:35%;
	margin-right: 5%;
}

.wp-archive-column-right{
	width:60%;
}

.wp-archive-column-right-title{
	color: #b00000;
	font-size: 18px;
    font-weight: bold;
	margin-bottom: 10px;
}

wp-archive-column-right-title a{
	color: #b00000;
}


.container-arccolumn-head {
	background:#EBEBEB;
	padding: 30px 0;
	text-align: center;
	display: block;
	margin-bottom: 30px;
	width:100%;
}

.container-arccolumn-head h2{
	color: #b00000;
	font-size: 18px;
    font-weight: bold;
} 

.container-arccolumn-head2 {
	margin-top: 70px;
}

.container-arccolumn-popular{
	margin-bottom: 50px;
}

.timer-box{
	text-align:center;
	color:#fff;
	background:#b00000;
	padding:20px 0;
	margin-bottom:30px;
	font-weight:700;
	font-family: "M PLUS Rounded 1c";
	line-height:1.5;
}
.timer-box2{
	display:flex;
	justify-content: center;
	font-size:2.0rem;
	align-items: flex-end;
}

.timer-link {
	text-decoration: none;
	color:#fff!important;
}

#timer0 {
	font-size:1.25rem;
	color:#fff;
}

#timer1 {
	font-size:1.25rem;
	color:#fff;
	vertical-align: bottom;
	padding-bottom:3px;	
}

#timer2 {
	font-size:1.8rem;
	color:#fff!important;
	vertical-align: bottom;

}

.yycountdown-box{
	color:#fff;
	font-size:1.8rem;
	vertical-align: bottom;
}
 
.yycountdown-box .yyc-day{
	color:#fff;
	font-size:1.8rem;

}
.yycountdown-box .yyc-hou{
	color:#fff;
	font-size:1.8rem;
}
.yycountdown-box .yyc-min{
	color:#fff;
	font-size:1.8rem;
}
.yycountdown-box .yyc-sec{
	color:#fff;
	font-size:1.8rem;
}
.yycountdown-box .yyc-day-text{
	color:#fff;
	font-size:1.8rem;
}
.yycountdown-box .yyc-hou-text{
	color:#fff;
	font-size:1.8rem;
}
.yycountdown-box .yyc-min-text{
	color:#fff;
	font-size:1.8rem;
}
.yycountdown-box .yyc-sec-text{
	color:#fff;
	font-size:1.8rem;
}

.confetti_outer {
	position:absolute;
	left:0;top:0;
	width:100%;
	height:300px;
}

.confetti {
  position: relative;
  width: 100%;
  height: 300px;
}

.confetti > span {
  display: block;
  position: absolute;
  opacity: 0;
}

.confetti > span > span {
  display: block;
  width: 100%;
  height: 100%; }

.confetti > span > span > span {
  display: block;
  width: 100%;
  height: 100%;
}

.aboutlink {
	text-align:center;
	padding:20px 0 20px;
}

.aboutlink a{
	color: #b00000;
	padding-bottom: 5px;
	border-bottom: 1px solid #b00000;

}

#top-main .top-reasons-wrap .top-reason-wrap .p80 {
	padding-bottom:80px;

}

.archivehead  {
	font-size: 12px;
	text-align: center;
	padding:15px 0 20px;
}
@media only screen and (min-width: 768px) {
.archivehead  {
	font-size: 14px;
	padding:20px 3% 30px;
}
}

.shop-pref {
	border-top:1px solid #b00000;
	border-bottom:1px solid #b00000;
	padding:15px 0;
	margin:50px 0 0;
}
@media only screen and (min-width: 768px) {
.shop-pref {
	color: #b00000;
	font-size: 18px;
	
}
}

.shop-pref p {
	color: #b00000;
	font-size: 18px;
	padding-left:3%;
}
@media only screen and (min-width: 768px) {
.shop-pref p {
	font-size: 20px;
}
}

.area-button {
	width: calc(60% - 10px);
	border: solid 1px #b00000;
	border-radius: 5px;
	text-align: center;
	background: white;
	margin: 30px auto;
}
  .area-button > a {
	padding: 15px 3%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	color: #b00000;
}

.area-button-outer {
	padding-bottom:20px;
}

@media only screen and (min-width: 768px) {
	.area-button {
		width: calc(50% - 10px);
		border: solid 1px #b00000;
		border-radius: 5px;
		text-align: center;
		background: white;
		margin: 50px auto 0;
	}

	.area-button > a {
		font-size: 18px;
		padding: 15px 5%;
	}
}
        
    .area-button > a i {
      flex: 0 0 20px;
      color: #b00000; }
    .area-button > a p {
      color: #b00000;
      margin: 0;
      padding: 0; }
  .area-button:hover {
    opacity: 0.5;
    transition: 0.3s; }





@keyframes rotateY {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}

@keyframes rotate360 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#top-main .top-movie-wrap {
margin: 50px auto;
}

.column-categories {
	display:flex;
	justify-content: left;
	gap:10px;
	flex-wrap: wrap;
	margin:0 auto 10px;
	
}

.column-categories li{
	wigth:auto;
	border:1px solid #b00000;
	border-radius: 9999px;
	padding:1% 2%;
	font-size: 10px;
	
	
}

.column-categories li a{
	font-size: 10px;
	color:#000;
	text-decoration: none;
	display:block;
	
}

.column-categories li a:visited{
	font-size: 10px;
	color:#000;
	text-decoration: none;
	
}

.container-column {
  padding: 0 3% 3%; }

.container-salonbanner {
  padding: 3% 12%; }

.back-news-button {
  width: calc(50% - 10px);
  border: solid 1px #b00000;
  border-radius: 3px;
  text-align: center;
  background: white;
  margin:0 auto 50px;
  }
  .back-news-button > a {
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #b00000; }
    @media only screen and (min-width: 768px) {
      .back-news-button  > a {
        font-size: 18px; } }
    .back-news-button  > a i {
      flex: 0 0 20px;
      color: #b00000; }
    .back-news-button  > a p {
      color: #b00000;
      margin: 0;
      padding: 0; }
  .back-news-button:hover {
    opacity: 0.5;
    transition: 0.3s; }

.breadcrumb-first {
display:flex;
}	


.breadcrumb-second {
  display: none;
  margin-top: 5px;
}

.bc-toggle {
  background: none;
  border: none;
  font-size: 16px;
  cursor: pointer;
  margin-left: 6px;
}

.bc-active {
  display: block;
}

.bc-toggle.opene::after {
  content: "−";
  font-weight:bold;
}
.bc-toggle::after {
  content: "＋";
  font-weight:bold;
}

.block_aichi100 {
	margin: 0 auto;
	width:95%;
}

.block_aichi100 img{
	width:100%;
}
@media only screen and (min-width: 768px) {
.block_aichi100 {
	margin: 0 auto;
	width:95%;
}

.block_aichi100 img{
	width:100%;
}
}

.footer_aichi100 {
	margin: 0 auto;
	width:75%;
	padding-bottom:50px;

}

.footer_aichi100 img{
	width:100%;
}
@media only screen and (min-width: 768px) {
.footer_aichi100 {
	margin: 0 auto;
	width:280px;
	padding-bottom:0;

}

.footer_aichi100 img{
	width:100%;
}
}