@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
/* base
-------------------------------------------------------*/
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 100%;
}
.clear {
  clear: both;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mb4 {
  margin-bottom: 4px !important;
}
.mb8 {
  margin-bottom: 8px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb45 {
  margin-bottom: 45px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb55 {
  margin-bottom: 55px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.mb65 {
  margin-bottom: 65px !important;
}
.mb70 {
  margin-bottom: 70px !important;
}
.mb75 {
  margin-bottom: 75px !important;
}
.mb80 {
  margin-bottom: 80px !important;
}
.mb90 {
  margin-bottom: 90px !important;
}
.mb100 {
  margin-bottom: 100px !important;
}
.mb1em {
  margin-bottom: 1em !important;
}
.mb2em {
  margin-bottom: 2em !important;
}
.mb3em {
  margin-bottom: 3em !important;
}
.mb4em {
  margin-bottom: 4em !important;
}
.mb5em {
  margin-bottom: 5em !important;
}
.mt0 {
  margin-top: 0 !important;
}
.mt30 {
  margin-top: 30px !important;
}
.fs11 {
  font-size: 11px !important;
}
.fs12 {
  font-size: 12px !important;
}
.fs13 {
  font-size: 13px !important;
}
.fs14 {
  font-size: 14px !important;
}
.fs15 {
  font-size: 15px !important;
}
.fs16 {
  font-size: 16px !important;
}
.fs17 {
  font-size: 17px !important;
}
.fs18 {
  font-size: 18px !important;
}
.al-center {
  text-align: center;
}
.f-left {
  float: left;
}
.f-right {
  float: right;
}
.inner {
  width: 1000px;
  margin: auto;
  position: relative;
}
.inner:after {
  content: "";
  display: block;
  clear: both;
}
br.sp{
  display: none;
}
/*news
---------------------------------------------*/
article#news h2 {
  border-bottom: 1px solid #000;
  height: 40px;
  padding-left: 60px;
  background: url(../img/old-design/news_h2_bg.png) no-repeat left top;
  font-size: 18px;
  font-weight: bold;
  padding-top: 10px;
  margin-bottom: 20px;
}
article#news h2 {
  margin-top: 40px;
}
article#news .newslist:after {
  content: "";
  display: block;
  clear: both;
}
article#news .newslist li {
  float: left;
  width: 246px;
  margin-right: 11px;
  line-height: 1.25em;
  font-size: 12px;
  margin-bottom: 30px;
}
article#news .newslist li:nth-child(3n) {
  margin-right: 0;
}
article#news .newslist li:nth-child(3n+1) {
  clear: both;
}
article#news .newslist li h3 {
  margin: 10px 0;
}
article#news .newslist li img {
  width: 100%;
  height: auto;
}
article#news .newslist li p.cat {
  background: url(../img/old-design/ico_heart.svg) no-repeat left center;
  padding-left: 15px;
  color: #696969;
}
article#news .newslist li p.cat a {
  color: #696969;
}
ul.pagination {
  clear: both;
  text-align: center;
  padding-top: 30px;
}
ul.pagination li {
  display: inline-block;
}
ul.pagination li a {
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  background: #000;
  color: #fff;
}
ul.pagination li.current a {
  background: #FFD7E8;
  color: #000;
}
article#news_detail h1 {
  border-bottom: 3px solid #000;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.5em;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
article#news_detail ul.meta {
  text-align: right;
  margin-bottom: 20px;
}
article#news_detail ul.meta li {
  display: inline-block;
  border: 1px solid #ccc;
  padding: 5px 10px;
  margin-left: 10px;
}
article#news_detail figure {
  text-align: center;
  margin-bottom: 20px;
}
article#news_detail {
  line-height: 2em;
}
article#news_detail img {
  max-width: 100%;
  height: auto;
}
div.socialbtn {
  margin-top: 50px;
  text-align: center;
}
div.socialbtn h3 {
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 20px;
}
div.socialbtn h3:before {
  content: url(../img/old-design/snstitle_bg01.png);
  margin-right: 1em;
}
div.socialbtn h3:after {
  content: url(../img/old-design/snstitle_bg02.png);
  margin-left: 1em;
}
div.socialbtn ul li {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
  line-height: 1em;
}
h2.line {
  margin-top: 50px;
  font-weight: bold;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 15px 10px;
  font-size: 18px;
  margin-bottom: 20px;
}
#news_detail #gallerythumb .gallery-cell {
  margin: 0 5px;
  width: 200px;
}
#news_detail #gallerythumb .gallery-cell img {
  width: 200px;
  height: auto;
}
#news_detail #gallerythumb .gallery-cell .wherego_title {
  display: block;
  text-align: center;
}
ul.related li {
  float: left;
  width: 50%;
  padding: 10px;
  box-sizing: border-box;
}
ul.related li img {
  width: 140px;
  height: auto;
  float: left;
  margin-right: 10px;
}
#contactbtn_l2 {
  margin: auto;
  width: 440px;
  margin-bottom: 60px;
  margin-top: 20px;
}
#contactbtn_l2 li a {
  display: block;
  width: 200px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  background: #FFD7E8;
  border: 1px solid #000;
  border-radius: 8px;
  font-size: 16px;
  letter-spacing: 0.3em;
  font-weight: bold;
}
#contactbtn_l2 li a img {
  vertical-align: text-bottom;
  margin-right: 10px;
}
#contactbtn_l2 li:first-child {
  float: left;
}
#contactbtn_l2 li:last-child {
  float: right;
}
/* news detail
---------------------------------------------*/
#news_detail #content h2 {
  background: #FFD7E7;
  padding: 20px;
  font-weight: bold;
  font-size: 26px;
  margin-top: 40px;
}
#news_detail #content h2:first-child, #news_detail #content h3:first-child {
  margin-top: 0;
}
#news_detail #content h3 {
  border-bottom: 1px solid #000;
  height: 40px;
  font-size: 18px;
  font-weight: bold;
  padding-top: 10px;
  margin-bottom: 20px;
  margin-top: 20px;
}
#news_detail #content h4 {
  font-weight: bold;
  font-size: 16px;
}
#news_detail #content h4:before {
  content: "●";
}
#news_detail #content h5 {
  font-weight: bold;
}
#news_detail #content ul li {
  list-style: disc;
  list-style-position: inside;
}
#news_detail #content ol li {
  list-style: decimal;
  list-style-position: inside;
}
#news_detail #content ul, #news_detail #content ol {
  margin: 1em 0;
}
#news_detail #content blockquote {
  background: #EEEEEE;
  padding: 30px 60px;
  position: relative;
  margin: 2em;
}
#news_detail #content blockquote:before {
  content: "“";
  position: absolute;
  left: 0px;
  top: 24px;
  font-size: 43px;
  font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
#news_detail #content blockquote:after {
  content: "”";
  position: absolute;
  right: 10px;
  bottom: 5px;
  font-size: 43px;
  font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
#news_detail #content a {
  color: #0066BD;
}
/* plan
---------------------------------------------*/
aside #searchbox {
  padding-bottom: 20px;
  margin-bottom: 20px;
}
aside #searchbox #modalclose {
  display: none;
}
aside #searchbox .titlebox h3 {
  padding: 20px 0 20px 30px;
  font-size: 13px;
  background: url(../img/old-design/ico_loope.png) no-repeat 5px 15px;
  background-size: 20px auto;
}
aside #searchbox .titlebox h3 span {
  font-size: 16px;
}
aside #modal ul#type {
  border-bottom: 1px solid #000;
  padding: 10px;
  text-align: center;
  margin-bottom: 0;
}
aside #modal #modalclose {
  position: absolute;
  top: 0;
  right: 0;
}
aside #modal ul#type li {
  display: inline-block;
  margin: 0 5px;
  font-size: 11px;
}
label {
  display: inline-block;
}
label img {
  pointer-events: none;
}
aside #modal ul#type li img {
  margin-right: 0;
  margin-bottom: 5px;
}
#modal ul#type li img.hide {
  display: none;
}
#modal ul#type li input {
  display: none;
}
aside #modal ul#type li br {
  display: inline;
}
aside #modal dl {
  border-bottom: 1px solid #000;
  padding: 10px;
  margin: 0 !important;
  float: none !important;
}
aside #searchbox dl dt {
  padding-bottom: 5px;
  font-weight: bold;
}
aside #searchbox dl dt img {
  vertical-align: middle;
  margin-right: 10px;
  width: 20px;
  height: auto;
}
aside #searchbox dl#textsearch {
  border-top: 1px solid #000;
}
aside #searchbox dl#textsearch dd:after {
  content: "";
  display: block;
  clear: both;
}
aside #searchbox dl#textsearch dd input {
  width: 70%;
  float: left;
  box-sizing: border-box;
  border: 1px solid #000;
  height: 30px;
  padding: 4px;
}
aside #searchbox dl#textsearch dd button {
  width: 30%;
  box-sizing: border-box;
  float: left;
  border: 1px solid #000;
  background: #000;
  color: #fff;
  height: 30px;
}
aside #searchbox dl#color:after {
  content: "";
  display: block;
  clear: both;
}
aside #searchbox dl#color {
  padding: 0;
}
aside #searchbox dl#color dt {
  display: block;
  padding: 10px;
  border-bottom: 1px solid #000;
}
aside #searchbox dl#color dd {
  width: 25%;
  float: left;
  font-size: 11px;
  margin: 0;
  text-align: center;
  box-sizing: border-box;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}
aside #searchbox dl#color dd:last-child {
  border-bottom: 0;
}
aside #searchbox dl#color dd:nth-of-type(4n) {
  border-right: 0;
}
aside #searchbox dl#color dd label {
  display: block;
  padding: 8px 0;
}
aside #searchbox dl#color dd input {
  display: none;
}
#searchbox dl#color dd.red.checked {
  background: #ea5e5e;
}
#searchbox dl#color dd.blue.checked {
  background: #5e82ea;
}
#searchbox dl#color dd.yellow.checked {
  background: #eae55e;
}
#searchbox dl#color dd.green.checked {
  background: #78ea5e;
}
#searchbox dl#color dd.orange.checked {
  background: #eac15e;
}
#searchbox dl#color dd.skyblue.checked {
  background: #bcd4ff;
}
#searchbox dl#color dd.yellowgreen.checked {
  background: #D7E288;
}
#searchbox dl#color dd.purple.checked {
  background: #c288fd;
}
#searchbox dl#color dd.pink.checked {
  background: #ffb9ea;
}
#searchbox dl#color dd.black.checked {
  background: #4e4e4e;
}
#searchbox dl#color dd.white.checked {
  background: #f5f5f5;
}
#searchbox dl#color dd.beige.checked {
  background: #e2d7c3;
}
#searchbox dl#color dd.grey.checked {
  background: #b6b6b6;
}
aside #searchbox .btnbox a {
  display: none;
}
aside #searchbox .btnbox {
  padding-left: 10px;
  margin-right: 10px;
  padding-top: 20px;
}
aside #searchbox .btnbox button {
  box-shadow: none;
  background: #000;
  border: 0;
  color: #fff;
  width: 100%;
  margin: 0;
  padding: 10px 0;
}
aside #searchbox dl select {
  width: 100%;
}
aside #searchbox dl#price dt div {
  font-size: 11px;
  line-height: 11px;
  margin: 8px 0;
}
aside #searchbox dl#price dt div input {
  vertical-align: text-bottom;
}
p.querytext {
  font-weight: bold;
  font-weight: 15px;
}
#search aside .navlist li.current-cat {
  background: none !important;
}

/* レンタルプラン
---------------------------------------------*/
#plan h1 {
  text-align: center;
  height: 75px;
  line-height: 75px;
  color: #fff;
  font-size: 31px;
  font-family: "游明朝", YuMincho, "HG明朝B", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  margin-top: 20px;
  margin-bottom: 10px;
}
#plan.rental h1 {
  background: url(../img/old-design/rental_h1bg.png);
}
div.planbox {
  background: url(../img/old-design/rental_bg02.png);
  padding: 20px;
  margin-top: 40px;
  position: relative;
  margin-bottom: 50px;
}
div.planbox div.icon {
  text-align: center;
  margin-top: -30px;
}
div.planbox h2 {
  font-size: 34px;
  font-family: "游明朝", YuMincho, "HG明朝B", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  text-align: center;
  margin-bottom: 30px;
  padding-top: 10px;
}
div.planbox .box {
  background: #fff;
  padding: 20px;
}
div.planbox .box ~ .box {
  margin-top: 20px;
}
div.planbox .box h3 {
  margin-left: -20px;
  color: #E33178;
  font-size: 30px;
  font-family: "游明朝", YuMincho, "HG明朝B", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  border-left: 4px solid #E33178;
  padding-left: 16px;
  float: left;
  line-height: 45px;
  margin-bottom: 20px;
}
div.planbox .box p.price {
  font-size: 30px;
  font-family: "游明朝", YuMincho, "HG明朝B", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  float: right;
  color: #E33178;
  line-height: 45px;
}
div.planbox .box p.price span {
  font-size: 14px;
}
div.planbox .box .rentalitem {
  border: 2px dotted #989898;
  padding: 20px;
  margin-top: 40px;
}
div.planbox .box .rentalitem h4 {
  font-weight: bold;
  text-align: center;
  font-size: 15px;
  margin-bottom: 10px;
}
div.planbox .box .rentalitem h4:before {
  content: url(../img/old-design/snstitle_bg01.png);
  margin-right: 1em;
}
div.planbox .box .rentalitem h4:after {
  content: url(../img/old-design/snstitle_bg02.png);
  margin-left: 1em;
}
div.planbox .box .rentalitem p {
  text-align: center;
  margin-bottom: 20px;
}
div.planbox .box .rentalitem ul li {
  float: left;
  margin-right: 10px;
}
div.planbox .box .rentalitem ul li:last-child {
  margin-right: 0;
}
#plan h3.ribon {
  background: url(../img/old-design/h3_ribonbg.png) no-repeat top center;
  height: 55px;
  text-align: center;
  color: #fff;
  font-family: "游明朝", YuMincho, "HG明朝B", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size: 20px;
  box-sizing: border-box;
  padding-top: 8px;
  margin-bottom: 20px;
}
#plan ul.ninepresent {
  margin-top: 20px;
}
#plan ul.ninepresent li {
  width: 370px;
  border-top: 1px solid #C0C0C0;
  padding: 30px 0;
}
#plan ul.ninepresent li:nth-child(odd) {
  float: left;
  clear: both;
}
#plan ul.ninepresent li:nth-child(even) {
  float: right;
}
#plan ul.ninepresent li h4 {
  font-size: 20px;
  position: relative;
  padding-left: 50px;
  min-height: 50px;
}
#plan ul.ninepresent li h4 span.num {
  display: inline-block;
  width: 40px;
  height: 49px;
  position: absolute;
  top: -8px;
  left: 0;
  color: #fff;
  font-family: "游明朝", YuMincho, "HG明朝B", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size: 20px;
  text-align: center;
  padding-top: 20px;
  box-sizing: border-box;
  background: url(../old-design/number_ribon.png);
  margin-right: 10px;
}
#plan ul.ninepresent li h4 span.cell {
  display: table-cell;
  height: 45px;
  vertical-align: middle;
}
div.flowbox .box {
  border: 1px solid #C0C0C0;
  padding: 20px;
  background: url(../old-design/flowbox_bg.png) no-repeat left top;
  margin-bottom: 20px;
}
div.flowbox .box:after {
  content: "";
  display: block;
  clear: both;
}
div.flowbox img {
  float: right;
}
div.flowbox .textbox {
  float: left;
  width: 460px;
}
div.flowbox .textbox h3 {
  border-bottom: 2px dashed #FFAACE;
  padding-bottom: 10px;
  margin-bottom: 10px;
  position: relative;
  padding-left: 50px;
  padding-top: 15px;
}
div.flowbox .textbox h3 .step {
  font-size: 30px;
  font-family: "游明朝", YuMincho, "HG明朝B", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  margin-right: 10px;
  position: absolute;
  top: -15px;
  left: 0;
}
div.flowbox .textbox h3 .step .texts {
  font-size: 13px;
}
div.flowbox .textbox h3 .textl {
  font-size: 17px;
}
.shootingflow .box:after {
  content: "";
  display: block;
  clear: both;
}
.shootingflow .box {
  margin-bottom: 20px;
  position: relative;
}
.shootingflow .box img {
  float: right;
}
.shootingflow .textbox h3 .step {
  font-size: 30px;
  font-family: "游明朝", YuMincho, "HG明朝B", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  margin-right: 10px;
  position: absolute;
  top: -15px;
  left: 0;
}
.shootingflow .textbox h3 .step .texts {
  font-size: 13px;
}
ul.flowlist:after {
  content: "";
  display: block;
  clear: both;
}
ul.flowlist li {
  width: 240px;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
ul.flowlist li:nth-child(3n) {
  margin-right: 0;
}
ul.flowlist li:nth-child(3n+1) {
  clear: both;
}
ul.flowlist img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
ul.flowlist li h3 {
  font-size: 16px;
}
ul.flowlist li span.num {
  font-size: 20px;
  font-family: "游明朝", YuMincho, "HG明朝B", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  background: #ffa1a1;
  display: inline-block;
  border-radius: 50%;
  color: #fff;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  margin-right: 10px;
}
/* 袴レンタルプラン
---------------------------------------------*/
.supportbox {
  background: url(../old-design/mamafuri_h1bg.png);
  color: #fff;
  padding: 15px;
  margin-bottom: 100px;
}
.supportbox:after {
  content: "";
  display: block;
  clear: both;
}
.supportbox .left {
  width: 390px;
  float: left;
}
.supportbox .left p {
  font-size: 18px;
}
.supportbox .left p + p {
  font-size: 15px;
  margin-top: 10px;
}
.supportbox .right {
  background: #fff;
  border-radius: 5px;
  width: 330px;
  box-sizing: border-box;
  padding: 10px;
  float: right;
}
.supportbox .right h3 {
  background: #131304;
  position: relative;
  height: 26px;
  line-height: 26px;
  text-align: center;
  width: 200px;
  margin: auto;
  margin-bottom: 15px;
}
.supportbox .right h3:before, .supportbox .right h3:after {
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  background: #fff;
  transform: rotate(45deg);
}
.supportbox .right h3:before {
  left: -10px;
  top: 3px;
}
.supportbox .right h3:after {
  right: -10px;
  top: 3px;
}
.supportbox p.price {
  font-size: 30px;
  font-family: "游明朝", YuMincho, "HG明朝B", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  color: #E33178;
  line-height: 45px;
  text-align: center;
}
.supportbox p.price span {
  font-size: 14px;
}
/* 振袖購入プラン
---------------------------------------------*/
#plan.purchase h1 {
  background: url(../old-design/purchase_h1bg.png);
}
#plan.purchase .rentalitem ol {
  float: left;
  width: 210px;
}
/* ママフリプラン
---------------------------------------------*/
#plan.mamafuri h1 {
  background: url(../old-design/mamafuri_h1bg.png);
}
.mamafuriplan {
  background: url(../old-design/mamafuri_h1bg.png);
  margin-bottom: 50px;
  padding: 20px;
}
.beforeafter {
  text-align: center;
  margin-bottom: 20px;
}
.mamafuriplan .left {
  float: left;
  width: 380px;
}
.mamafuriplan .left p.lead {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
.mamafuriplan .left div {
  background: #fff;
  margin-top: 20px;
  padding: 20px;
  text-align: center;
}
.mamafuriplan .left div h3 {
  font-weight: bold;
  font-size: 16px;
}
.mamafuriplan .left div p.price {
  font-size: 30px;
  font-family: "游明朝", YuMincho, "HG明朝B", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  color: #E33178;
  line-height: 45px;
}
.mamafuriplan .left div p.price span {
  font-size: 14px;
}
.mamafuriplan img {
  float: right;
}
/* スタジオ撮影プラン
---------------------------------------------*/
#plan.studio h1 {
  background: url(../old-design/studio_h1bg.png);
}
#plan .studioplan {
  background: #ffdfa2;
  padding: 20px;
}
#plan .studioplan .box {
  background: #fff;
  padding: 20px;
}
#plan .studioplan .box h3 {
  font-weight: bold;
  font-size: 16px;
}
#plan .studioplan .box p.price {
  font-size: 30px;
  font-family: "游明朝", YuMincho, "HG明朝B", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  color: #E33178;
  line-height: 45px;
}
#plan .studioplan .box p.price span {
  font-size: 14px;
}
#plan.studio .dummy {
  margin-bottom: 50px;
}
#plan.studio .dummy img {
  width: 100%;
  height: auto;
}
#plan.studio .contentbox02 h2 {
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 26px;
  color: #cd3978;
  line-height: 1.5em;
}
#plan.studio ul.shoplist {
  margin-top: 30px;
}
#plan.studio ul.shoplist li {
  float: left;
  width: 240px;
  margin-right: 20px;
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 1.5em;
}
#plan.studio ul.shoplist li a {
  color: #0066bd;
}
#plan.studio ul.shoplist li a:after {
  content: url(../old-design/ico_blank.png);
  margin-left: 5px;
}
#plan.studio ul.shoplist li img {
  width: 100%;
  height: auto;
  margin-bottom: 5px;
}
#plan.studio ul.shoplist li:nth-child(3n) {
  margin-right: 0;
}
#plan.studio ul.shoplist li:nth-child(3n+1) {
  clear: both;
}
.rental_announce {
  margin: 30px 0 20px;
  background: #fff;
  padding: 10px;
}
/* ヘアメイク特集
---------------------------------------------*/
#plan.hairmake h1 {
  background: #90A8DF;
}
ul.hairmakelist {
  margin-top: 40px;
}
ul.hairmakelist li {
  width: 232px;
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
}
ul.hairmakelist li:nth-child(3n) {
  margin-right: 0;
}
ul.hairmakelist li:nth-child(3n+1) {
  clear: both;
}
ul.hairmakelist li img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
ul.hairmakelist li span {
  font-size: 30px;
  font-family: "游明朝", YuMincho, "HG明朝B", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  color: #90A8DF;
}
/* 190228 Add ヘアメイクページ */
ul.hairmakelist li span {
  font-size: 20px;
  font-family: "游明朝", YuMincho, "HG明朝B", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  color: #90A8DF;
}
ul.hairmakelist li span + span {
  font-size: 18px;
  font-family: "游明朝", YuMincho, "HG明朝B", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  color: #90A8DF;
  letter-spacing: -4px;
}
ul.hairmakelist li span + span > span {
  font-size: 18px;
  font-family: "游明朝", YuMincho, "HG明朝B", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  color: #90A8DF;
  letter-spacing: 0;
}
/* 新作・タレント
---------------------------------------------*/
#plan.model h1 {
  background: url("../img/talent/model_h1bg.png");
}
#plan.model ul.tabs {
  margin-bottom: 40px;
  text-align: center;
}
#plan.model ul.tabs li {
  display: inline-block;
  width: 230px;
  margin: 5px;
}
#plan.model ul.tabs li a {
  display: block;
  background: #FFE6F0;
  height: 48px;
  line-height: 48px;
  border-radius: 5px;
  font-size: 16px;
}
#plan.model ul.tabs li.current a {
  background: #FFBFD9;
  position: relative;
}
#plan.model ul.tabs li.current a:before {
  content: url("../img/talent/ico_ribon.png");
  position: absolute;
  top: -16px;
}
#plan.model ul.tabs li.current a:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-top-color: #FFBFD9;
  border-width: 10px;
  margin-left: -10px;
}
ul.modelslist:after {
  content: "";
  display: block;
  clear: both;
}
ul.modelslist li {
  width: 220px;
  float: left;
  margin-right: 50px;
  position: relative;
  margin-bottom: 40px;
}
ul.modelslist li:nth-child(3n) {
  margin-right: 0;
}
ul.modelslist li span {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255, 125, 148, 0.8);
  background-image: url(../img/old-design/ico_link_white.svg);
  background-repeat: no-repeat;
  background-position: 95% center;
  color: #fff;
  padding: 10px;
  box-sizing: border-box;
}
ul.modelslist.catalog li span {
  display: inline-block;
  text-align: center;
  position: static;
  background-color: transparent;
  background-image: none;
  background-position: none;
  color: #000;
  padding: 6px 0 0 0;
}
/* 卒業袴
---------------------------------------------*/
#plan.graduate h1 {
  background: url(../img/old-design/graduate_h1bg.png);
}
/* メンズ
---------------------------------------------*/
#plan.mens h1 {
  background: url(../img/old-design/mens_h1bg.png);
}
.mens ul.link {
  text-align: center;
  margin-bottom: 40px;
}
.mens ul.link li {
  display: inline-block;
  margin: 10px;
}
.mens ul.link li a {
  display: block;
  background: #000;
  color: #fff;
  padding: 10px 0;
  width: 200px;
  text-align: center;
}
.mensplanbox {
  border: 1px solid #000;
  padding: 20px;
  margin-bottom: 20px;
}
.mens .mensplanbox:after {
  content: "";
  display: block;
  clear: both;
}
.mens .mensplanbox h2 {
  font-size: 29px;
  background: url(../img/old-design/mens_h2bg.png) repeat-x bottom;
  padding-bottom: 20px;
  margin-bottom: 20px;
  font-family: "游明朝", YuMincho, "HG明朝B", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.mens .mensplanbox h2 span {
  font-size: 14px;
  color: #fff;
  background: #000;
  padding: 5px;
  margin-right: 10px;
  vertical-align: middle;
}
.mens .mensplanbox h2 br {
  display: none;
}
.mens .mensplanbox figure {
  float: right;
  width: 230px;
}
.mens .mensplanbox figure img ~ img {
  margin-top: 10px;
}
.mens .mensplanbox .left {
  width: 440px;
}
.mens .mensplanbox .left h3 {
  font-weight: bold;
  margin-bottom: 1em;
}
.mens .mensplanbox .left dt {
  background: #CACAD9;
  width: 5em;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 0.5em;
}
.mens .mensplanbox .left dd {
  display: inline-block;
  margin-right: 1em;
}
.mens .mensplanbox .left .pricebox {
  border-top: 1px solid #000;
  margin-top: 30px;
  padding-top: 10px;
}
.mens .mensplanbox .left p.price {
  font-size: 30px;
  font-family: "游明朝", YuMincho, "HG明朝B", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  color: #E33178;
  line-height: 45px;
  display: inline-block;
}
.mens .mensplanbox .left p.price span {
  font-size: 14px;
}
.mens .mensplanbox .left p.note {
  display: inline-block;
}
.mens .productlist {
  margin-top: 20px;
}
/* キャンペーン
---------------------------------------------*/
.campaign p.dummy {
  background: #ccc;
  text-align: center;
  margin-top: 40px;
  padding: 100px 0;
}
.campaign figure img {
  width: 100%;
  height: auto;
}
.dlform h2 {
  line-height: 1.5em;
}
.dlform table {
  width: 580px;
  margin: 30px auto 30px auto;
}
.dlform table th {
  font-size: 17px;
  width: 12em;
  vertical-align: middle;
}
.dlform table td {
  padding: 10px 0;
}
.dlform table th span.must {
  color: #E33178;
  font-size: 13px;
  margin-left: 1em;
}
.dlform table td input, .dlform table td select {
  border: 1px solid #ccc;
  padding: 10px;
}
.dlform table td input[type="text"], .dlform table td input[type="email"] {
  width: 100%;
  box-sizing: border-box;
}
.dlform .btnbox {
  text-align: center;
  margin-bottom: 30px;
}
.dlform .btnbox button {
  background: #E33178;
  color: #fff;
  width: 440px;
  border: 0;
  height: 56px;
  font-size: 15px;
}
/* 商品詳細
---------------------------------------------*/
#products.detail .leftbox {
  float: left;
  width: 362px;
}
#products.detail .leftbox figure{
	position: relative;
}
#products.detail .leftbox .fewlefticon{
	position: absolute;
	top: 0;
	right: 0;
}
#products.detail .leftbox .fewlefticon img{
	width: 74px;
	height: auto;
}
#products.detail .rightbox {
  float: right;
  width: 362px;
}
#products.detail .rightbox h1 span {
  font-size: 32px;
  vertical-align: middle;
}
#products.detail .rightbox h1 {
}
#products.detail .rightbox .producttitle{
	display: flex;
  margin-bottom: 30px;
}
#products.detail .rightbox .producttitle p.fewleft{
  font-size: 11px;
  font-weight: bold;
	color: #fff;
	text-align: center;
	background: #CD0003;
	padding: 4px 11px;
	border-radius: 30px;
	align-self: center;
	margin-top: -3px;
	margin-left: 15px;
	visibility: hidden;
}
#products.detail p.note {
  margin-bottom: 40px;
  font-size: 11px;
}
#products.detail .rightbox dl {}
#products.detail .rightbox dl dt {
  color: #fff;
  background: #000;
  padding: 3px 0;
  width: 8em;
  text-align: center;
  display: inline-block;
  float: left;
  clear: left;
  margin-bottom: 20px;
  margin-right: 10px;
}
#products.detail .rightbox dl dd {
  display: inline-block;
  padding: 3px 0;
  float: left;
  margin-bottom: 20px;
}
#products.detail .rightbox ul.spec {
  background: #EEEEEE;
  padding: 10px;
  margin-top: 30px;
}
#products.detail .rightbox #contactbtn_l2 {
  width: auto;
  margin-top: 40px;
}
#products.detail .rightbox #contactbtn_l2 li, #products.detail .rightbox #contactbtn_l2 li a {
  width: 170px;
  height: 50px;
  line-height: 50px;
}
#products.detail .rightbox #contactbtn_l2 li a {
  letter-spacing: normal;
}
#products.detail #imgslide .carousel-cell{
  width: 100%;
}
#products.detail #imgslide .carousel-cell img{
  width: 100%;
  height: auto;
}
#products.detail h4 {
  font-weight: bold;
  border-bottom: 1px solid #000;
  margin-top: 50px;
  font-size: 15px;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
#products.detail #gallerythumb .gallery-cell {
  margin: 0 5px;
  width: 140px;
}
#products.detail #gallerythumb .gallery-cell img {
  width: 140px;
  height: auto;
}
#products.detail #gallerythumb .gallery-cell .wherego_title {
  display: block;
  text-align: center;
}
#products.detail h2.linepink + ul.productlist li{
  margin-bottom: 0;
}
#contentlinks.l2 {
  width: auto;
}
#contentlinks.l2 li {
  width: 246px;
}
#contentlinks.l2 li {
  margin-right: 10px;
}
aside #productrank h3 {
  text-align: center;
  padding-left: 0;
  position: relative;
}
aside #productrank h3:before {
  content: url(../img/old-design/ico_ranking.png);
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -54px;
}
aside #productrank ul.tabs {
  margin-bottom: 0
}
aside #productrank div.ranklist li {
  border-top: 0;
  width: 50%;
  float: left;
  margin: 0;
  padding: 2px;
  box-sizing: border-box;
  position: relative;
  text-align: center;
}
aside #productrank div.ranklist li:nth-child(2n+1) {
  clear: both;
}
aside #productrank div.ranklist li img {
  width: 100%;
  height: auto;
  margin-bottom: 4px;
}
aside #productrank div.ranklist li:nth-child(1):before {
  content: "1";
  position: absolute;
  top: 2px;
  left: 2px;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background: #fd818f;
  border-radius: 50%;
}
aside #productrank div.ranklist li:nth-child(2):before {
  content: "2";
  position: absolute;
  top: 2px;
  left: 2px;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background: #fd818f;
  border-radius: 50%;
}
aside #productrank div.ranklist li:nth-child(3):before {
  content: "3";
  position: absolute;
  top: 2px;
  left: 2px;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background: #fd818f;
  border-radius: 50%;
}
aside #productrank div.ranklist li:nth-child(4):before {
  content: "4";
  position: absolute;
  top: 2px;
  left: 2px;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background: #fd818f;
  border-radius: 50%;
}
aside #productrank div.ranklist li:nth-child(5):before {
  content: "5";
  position: absolute;
  top: 2px;
  left: 2px;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background: #fd818f;
  border-radius: 50%;
}
aside #productrank div.ranklist li:nth-child(6):before {
  content: "6";
  position: absolute;
  top: 2px;
  left: 2px;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background: #fd818f;
  border-radius: 50%;
}
.content02{
  margin: 60px 0;
}
.content02 h2,
h2.linepink{
  color: #FD818F;
  border-top: 1px solid #FD818F;
  border-bottom: 1px solid #FD818F;
  font-size: 15px;
  font-weight: bold;
  padding: 15px 10px;
  margin: 0 0 20px 0;
}
.content02 img{
  max-width: 100%;
  height: auto;
}
ul.ranklist li{
  position: relative;
}
ul.ranklist li:before{
  content: "1";
  display: block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border-radius: 100px;
  background: #FFAA00;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: 1;
}
ul.ranklist li:nth-child(2):before{
  content: "2";
  background: #E6C789;
}
ul.ranklist li:nth-child(3):before{
  content: "3";
  background: #B88318;
}
ul.ranklist li:nth-child(4):before{
  content: "4";
  background: #44361B;
}
/* 無料試着サービス
-----------------------------------------------------*/
#freefittingvisual{
  position: relative;
}
#freefittingvisual img{
  width: 100%;
  height: auto;
}
#freefittingvisual h1{
  background: rgba(255,255,255,0.94);
  color: #FD818F;
  text-align: center;
  width: 60%;
  padding: 30px 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
}
#freefittingvisual + p{
  text-align: center;
  line-height: 1.5em;
  margin-top: 1em;
}
#freefitting .fittingform .btn{
  margin-top: 20px;
}
#freefitting img{
  max-width: 100%;
  height: auto;
}
#freefitting .step{
  display: flex;
}
#freefitting .step + .step{
  margin-top: 16px;
}
#freefitting .step .text h3{
  font-size: 18px;
  color: #FD818F;
  line-height: 2em;
}
#freefitting .step .text p{
  line-height: 1.5em;
  margin-top: 1em;
}
#freefitting .step .img{
  width: 300px;
  flex-shrink: 0;
  margin-left: 20px;
}
article .btnpink{
  text-align: center;
}
article .btnpink a{
  background: #FD818F;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  width: 100%;
  max-width: 700px;
  margin: 20px auto;
  font-size: 16px;
  height: 60px;
  border-radius: 100px;
  padding: 0 20px;
  box-sizing: border-box;
}

/* バレンタインバーゲン
---------------------------------------------*/
.event01 figure {
  margin-bottom: 10px;
}
.event01 figure img, .event01 div.al-center img {
  max-width: 100%;
  height: auto;
}
.event01 div.al-center {
  margin: 40px 0;
}
.event01 p {
  margin-bottom: 1em;
}
.event01 #campaignformbox {
  background: url(../img/old-design/event01_img06.png);
}
.event01 #campaignformbox input[type="number"] {
  width: 3em;
}
.event01 #campaignformbox th {
  color: #E33178;
  width: 10em;
}
/* 20190204 Add for  ママフリ */
.p-mamafuriplan--mod {
  background: none;
  margin-bottom: 20px;
  padding-top: 0;
}
.p-mamafuriplan--mod__flexContainer {
  margin: 0 auto 50px;
}
.p-mamafuriplan--mod__flexWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -ms-flex-pack: justify;
}
.p-mamafuriplan--mod__flexWrap a {
  background-color: #ff919b;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: 15px;
  height: 60px;
  justify-content: center;
  -ms-flex-pack: center;
  max-width: 370px;
  width: calc(100% / 2 - 10px);
}
.p-mamafuriplan--mod__flexWrap a:not(:last-child) {
  margin-bottom: 20px;
}
.p-mamafuriplan--mod__flexWrap a span {
  padding-left: 18px;
}
.p-mamaCat {
  border: solid 1px #e33178;
}
.p-mamaCat:not(:last-child) {
  margin-bottom: 40px;
}
.p-mamaCat_Block {
  padding: 10px 0;
}
.p-mamaCat h3 {
  color: #e33178;
  border-left: solid 5px #e33178;
  font-family: serif;
  font-size: 32px;
  padding: 12px 0 12px 21px;
}
.p-mamaPara {
  margin: 20px 10px 0 auto;
  max-width: 730px;
}
.p-mamaCat_Block--flexContainer {
  margin: 20px auto;
}
.p-mamaCat_Block--flexWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  -ms-flex-pack: end;
  margin: 0 0 0 auto;
  max-width: 730px;
}
.p-mamaCat_Block--flexWrap figure {
  margin-right: 10px;
  max-width: 360px;
  order: 1;
}
.p-mamaCat_Block--flexWrap figure img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
.p-mamaCat_Block--flexWrap figure img + img {
  margin-top: 16px;
}
.p-mamaCat_Block--flexWrap div {
  margin-right: auto;
  max-width: 350px;
  order: 0;
}
.p-mamaCat_Block--flexWrap div h4 {
  color: #e33178;
  font-family: serif;
  font-size: 16px;
  margin-top: 20px;
}
.p-mamaCat_Block--flexWrap div p {
  color: #e33178;
  font-family: serif;
  font-size: 18px;
  margin-top: 20px;
}
.p-mamaCat_Block--flexWrap div p span {
  font-size: 32px;
}
.p-mamaCat_Block .p-mamaCaution {
  font-size: 13px;
  margin-left: auto;
  max-width: 730px;
}
.p-mamaCat_Block--flexContainer .p-mamaCaution {
  color: #000 !important;
  font-size: 13px;
}
.p-mamafuriplan--mod ul {
  max-width: 710px;
}
.p-mamafuriplan--mod ul li {
  padding-left: 15px;
  position: relative;
}
.p-mamafuriplan--mod ul li:before {
  content: '・';
  left: 0;
  position: absolute;
}
.p-cvBtn {
  margin-top: 50px;
}
.p-cvBtn a {
  align-items: center;
  background-color: #ffd7e7;
  border-radius: 3px;
  border: solid 2px #333;
  display: flex;
  flex-direction: column;
  font-size: 26px;
  font-weight: bold;
  height: 92px;
  justify-content: center;
  -ms-flex-pack: center;
  margin: 0 auto 100px;
  max-width: 640px;
  width: 100%;
}
.p-cvBtn a span {
  padding-left: 50px;
  position: relative;
}
.p-cvBtn a span:before {
  background: url(../img/old-design/ico_shop.svg);
  background-position: left center;
  background-repeat: no-repeat;
  content: '';
  height: 24px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 30px;
}
.p-point {
  color: #535353;
  font-weight: bold;
  line-height: 1.4;
  margin-top: 5px;
}
/* 20200217 Add */
.p-cityName {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 40px;
}
.tab-group {
  display: flex;
  justify-content: center;
}
.tab_wrap {
  margin-top: 40px;
}
.tab {
  align-items: center;
  flex-grow: 1;
  padding: 5px;
  list-style: none;
  border: solid 1px #CCC;
  text-align: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  -ms-flex-pack: center;
}
.panel-group {
  height: 100%;
  margin: 0 auto;
  width: 100%;
}
.panel {
  display: none;
}
.tab.is-active {
  background: #FFD7E8;
  transition: all 0.2s ease-out;
}
.panel.is-show {
  display: block;
}
.p-salonmapWrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%;
}
.p-salonmapWrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.p-gridWrap .p-gridBlock {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 140px 1fr 1fr;
  grid-template-rows: auto auto;
  -ms-grid-columns: 140px 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-column-gap: 10px;
  padding: 10px;
}
.p-gridWrap .p-gridBlock:nth-child(even) {
  background: #fafafa;
}
.p-gridWrap .p-gridBlock .p-gridItem img {
  background: #fff;
  border: solid 1px #ccc;
  height: auto;
  max-width: 80%;
  padding: 10px;
  vertical-align: middle;
}
.p-gridWrap .p-gridBlock .u-gridItem01 {
  grid-column: 1 / 2;
  -ms-grid-column: 1;
  grid-row: 1 / 3;
  -ms-grid-column: 1;
  -ms-grid-row-span: 2;
}
.p-gridWrap .p-gridBlock .u-gridItem02 {
  font-size: 15px;
  grid-column: 2 / 3;
  -ms-grid-column: 2;
  grid-row: 1 / 2;
  -ms-grid-column: 1;
}
.p-gridWrap .p-gridBlock .u-gridItem03 {
  grid-column: 3 / 4;
  -ms-grid-column: 3;
  grid-row: 1 / 2;
  -ms-grid-column: 1;
}
.p-gridWrap .p-gridBlock .u-gridItem04 {
  grid-column: 2 / 3;
  -ms-grid-column: 2;
  grid-row: 2 / 3;
  -ms-grid-column: 2;
}
.p-gridWrap .p-gridBlock .u-gridItem05 {
  grid-column: 3 / 4;
  -ms-grid-column: 3;
  grid-row: 2 / 3;
  -ms-grid-column: 2;
}
.p-salonlistWrap a:hover {
  text-decoration: underline;
}
.p-telshopphone {
  padding-right: 15px;
}
.p-salonlistWrap a {
  color: #CD3979;
}
.p-salonlistWrap a.p-telshopphone {
  color: #000;
}
#salon .p-heading01 {
  border-bottom: solid 1px #111;
  border-top: solid 1px #111;
  font-size: 20px;
  margin-bottom: 40px;
  padding: 10px 0;
  text-align: center;
}
.pchide {
  display: none;
}
/* 20200415 Add */
.p-covid {
  background: #f0f0f0;
  padding: 1em;
  margin: 1em auto;
  max-width: 760px;
}
.p-covid p {
  font-size: 18px;
  line-height: 1.6;
}
.p-covid a {
  color: #ff6347;
  font-weight: 700;
  text-decoration: underline;
}
.p-covid a:hover {
  opacity: .8;
}
.p-covid + h2.line {
  margin-top: 40px;
}
/* 20200907 Add */
#index #newslist {
  margin: 50px auto;
}
#index #contactbtn li:nth-child(odd) {
  float: left;
  margin-top: 15px;
}
#index #contactbtn li:nth-child(even) {
  float: right;
  margin-top: 15px;
}
/* ============================================
20210429 フォームの生年月日部分調整
============================================*/
.c-form__birthday .c-form__birthday__year {
  width: 100px !important;
}
.c-form__birthday .c-form__birthday__month, .c-form__birthday .c-form__birthday__day {
  width: 50px !important;
}