@charset "utf-8";
::before,::after {background-repeat: no-repeat;box-sizing: inherit;}


html{
font-size: 62.5%;
box-sizing: border-box;
}

body {
font-family: 'maison t', Arial, sans-serif;
line-height:1.8;
min-width:100%;
width:100%;
margin: 0;
}


article,header,footer {
width:100%;
}
a { transition:opacity .2s; }
a,a:visited { text-decoration: none; }
a.underbar { text-decoration: underline; }
a:hover { opacity: .8; }

rt,rp {
font-size: 40%;
-webkit-transform:scale(0.8);
}
rp{padding:0;}
ruby {
ruby-overhang: auto;
ruby-align:center;
ruby-position: inline;
}

/*縦書き*/
.text-vertical{
writing-mode:vertical-rl;
-ms-writing-mode:tb-rl;
-moz-writing-mode:vertical-rl;
-webkit-writing-mode:vertical-rl;
font-family:sans-serif!important;
}

#all {
font-size: 1.5rem; /*スマホ基本フォントサイズ*/
}

img{max-width: 100%;}

/* margin */
.mt-0{ margin-top: 0!important; }
.mt-02em{ margin-top: .2rem!important; }
.mt-05em{ margin-top: .5rem!important; }
.mt-1em{ margin-top: 1rem!important; }
.mt-2em{ margin-top: 2rem!important; }
.mt-3em{ margin-top: 3rem!important; }
.mt-4em{ margin-top: 4rem!important; }
.mt-5em{ margin-top: 5rem!important; }
.mt-6em{ margin-top: 6rem!important; }
.mt-7em{ margin-top: 7rem!important; }
.mt-8em{ margin-top: 8rem!important; }
.mr-0{ margin-right: 0!important; }
.mr-02em{ margin-right: .2rem!important; }
.mr-05em{ margin-right: .5rem!important; }
.mr-1em{ margin-right: 1rem!important; }
.mr-2em{ margin-right: 2rem!important; }
.mr-3em{ margin-right: 3rem!important; }
.mr-4em{ margin-right: 4rem!important; }
.mb-0{ margin-bottom: 0 !important; }
.mb-05em{ margin-bottom: .5rem!important; }
.mb-1em{ margin-bottom: 1rem!important; }
.mb-2em{ margin-bottom: 2rem!important; }
.mb-3em{ margin-bottom: 3rem!important; }
.mb-4em{ margin-bottom: 4rem!important; }
.mb-5em{ margin-bottom: 5rem!important; }
.mb-6em{ margin-bottom: 6rem!important; }
.ml-0{ margin-left: 0!important; }
.ml-02em{ margin-left: .2rem!important; }
.ml-05em{ margin-left: .5rem!important; }
.ml-1em{ margin-left: 1rem!important; }
.ml-2em{ margin-left: 2rem!important; }
.ml-3em{ margin-left: 3rem!important; }
.ml-4em{ margin-left: 4rem!important; }
.mg-0{margin: 0!important;}

/* padding */
.pt-0{ padding-top: 0 !important; }
.pt-05em{ padding-top: .5rem!important; }
.pt-1em{ padding-top: 1rem!important; }
.pt-2em{ padding-top: 2rem!important; }
.pt-3em{ padding-top: 3rem!important; }
.pt-4em{ padding-top: 4rem!important; }
.pt-5em{ padding-top: 5rem!important; }
.pt-6em{ padding-top: 6rem!important; }
.pr-0{ padding-right: 0 !important; }
.pr-02em{ padding-right: .2rem!important; }
.pr-05em{ padding-right: .5rem!important; }
.pr-1em{ padding-right: 1rem!important; }
.pr-2em{ padding-right: 2rem!important; }
.pr-3em{ padding-right: 3rem!important; }
.pr-4em{ padding-right: 4rem!important; }
.pb-0{ padding-bottom: 0 !important; }
.pb-05em{ padding-bottom: .5rem!important; }
.pb-1em{ padding-bottom: 1rem !important; }
.pb-2em{ padding-bottom: 2rem !important; }
.pb-3em{ padding-bottom: 3rem!important; }
.pb-4em{ padding-bottom: 4rem!important; }
.pb-5em{ padding-bottom: 5rem!important; }
.pb-6em{ padding-bottom: 6rem!important; }
.pb-8em{ padding-bottom: 8rem!important; }
.pb-10em{ padding-bottom: 10rem!important; }
.pl-0{ padding-left: 0 !important; }
.pl-02em{ padding-left: .2rem!important; }
.pl-05em{ padding-left: .5rem!important; }
.pl-1em{ padding-left: 1rem!important; }
.pl-2em{ padding-left: 2rem!important; }
.pl-3em{ padding-left: 3rem!important; }
.pl-4em{ padding-left: 4rem!important; }
.pd-0{ padding: 0!important; }


/* Container */
.wrapper{
/* width: 90%; */
display: block;
position:relative;
margin:0 auto;
letter-spacing: -0.5em;/* i-b 隙間埋め用 */
display: block\9; /* i-b 隙間埋め用 IE 8,9対応 */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
}
.wrapper:after{
content:"";
display: block;
clear:both;
box-sizing: border-box;
}
.inner-wrapper{
width:calc(100% - 30px);
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
position:relative;
margin:0 auto;
box-sizing: border-box;
}
.w100{
max-width: 100%!important;
width: 100%!important;
}

/* flex */

.flex-wrapper{
width: 90%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
position:relative;
margin:0 auto;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.flex{ display: flex!important; }
.flex.justify-start {justify-content:flex-start;}
.flex.justify-end {justify-content:flex-end;}
.flex.justify-center {justify-content:center;}
.flex.justify-between {justify-content:space-between;}
.flex.justify-around {justify-content:space-around;}
.flex.align-stretch {align-items:stretch;}
.flex.align-start {align-items:flex-start;}
.flex.align-end {align-items:flex-end;}
.flex.align-center {align-items:center;}
.flex.align-baseline {align-items:baseline;}
.wrapper.flex:after{ content:none; }

.flex.flex-wrap {flex-wrap: wrap;}
.flex-reverse {flex-wrap: wrap-reverse;}

/* 2020.7 update */
.i-flex{ display: inline-flex!important; }
.jc-start {justify-content:flex-start;}
.jc-end {justify-content:flex-end;}
.jc-center {justify-content:center;}
.jc-between {justify-content:space-between;}
.jc-around {justify-content:space-around;}
.ac-start {align-content: flex-start;}
.ac-end {align-content: flex-end;}
.ac-center {align-content: center;}
.ac-between {align-content: space-between;}
.ac-around {align-content: space-around;}
.ac-stretch {align-content: stretch;}
.ai-start {align-items:flex-start;}
.ai-end {align-items:flex-end;}
.ai-center {align-items:center;}
.ai-baseline {align-items:baseline;}
.ai-stretch {align-items:stretch;}
.nowrap { flex-wrap: nowrap; }
.grow-0{ flex-grow:0; }
.grow-1{ flex-grow:1; }
.grow-2{ flex-grow:2; }
.grow-3{ flex-grow:3; }
.grow-4{ flex-grow:4; }

.wrap-sp{flex-wrap:wrap;}




.col1,.col2,.col3,.col4,.col5,.col6,
.col7,.col8,.col9,.col10,.col11,.col12{
display:inline-block;
vertical-align:middle;
position: relative;
padding: 1.851%;
width:100%;
letter-spacing: normal;/* i-b 隙間埋め用 */
box-sizing: border-box;
}
.wrap-pd-0 .col1,.wrap-pd-0 .col2,.wrap-pd-0 .col3,.wrap-pd-0 .col4,.wrap-pd-0 .col5,.wrap-pd-0 .col6,.wrap-pd-0 .col7,.wrap-pd-0 .col8,.wrap-pd-0 .col9,.wrap-pd-0 .col10,.wrap-pd-0 .col11,.wrap-pd-0 .col12{
padding: 0;
}
.wrap-pd-5px .col1,.wrap-pd-5px .col2,.wrap-pd-5px .col3,.wrap-pd-5px .col4,.wrap-pd-5px .col5,.wrap-pd-5px .col6,.wrap-pd-5px .col7,.wrap-pd-5px .col8,.wrap-pd-5px .col9,.wrap-pd-5px .col10,.wrap-pd-5px .col11,.wrap-pd-5px .col12{
padding: 5px;
}
.wrap-pd-10px .col1,.wrap-pd-10px .col2,.wrap-pd-10px .col3,.wrap-pd-10px .col4,.wrap-pd-10px .col5,.wrap-pd-10px .col6,.wrap-pd-10px .col7,.wrap-pd-10px .col8,.wrap-pd-10px .col9,.wrap-pd-10px .col10,.wrap-pd-10px .col11,.wrap-pd-10px .col12{
padding: 10px;
}
.wrap-pd-0,.wrap-pd-5px,.wrap-pd-10px{
letter-spacing: -0.5em;/* i-b 隙間埋め用 */
text-align: center;
}
.ls0, .ls0 *{letter-spacing: normal;}
.col12.wrap-pd-0,
.col12.wrap-pd-5px,
.col12.wrap-pd-10px{
width:96.29%;
}
/*スマホファーストのレイアウト時のカラムサイズ*/
.col1_sp,.col2_sp,.col3_sp,.col4_sp,.col5_sp,.col6_sp {
display: block;
align-items: flex-start;
align-content: flex-start;
position: relative;
padding:3.7037%;
box-sizing: border-box;
}
.col1_sp{ width:var(16.6666%); }
.col2_sp{ width:var(33.3333%); }
.col3_sp{ width:var(50%); }
.col4_sp{ width:var(66.666%); }
.col5_sp{ width:var(83.333%); }
.col6_sp{ width:var(100%); }

/* display */
.db{display: block!important;}
.di{display: inline!important;}
.dib{display: inline-block!important;}
.dt{display: table !important;}
.dtc{display: table-cell !important;vertical-align:middle;}

/* overflow */
.over-hidden{
overflow:hidden;
}

/* text-align */
.text-right{ text-align: right!important; }
.text-left{ text-align: left!important; }
.text-center{ text-align: center!important; }

/* v-align */
.vertical-top{ vertical-align: top!important; }
.vertical-bottom{ vertical-align: bottom; }
.vertical-middle{ vertical-align: middle; }

/* float */
.fl{ float:left; }
.fr{ float:right; }
.fi{ float:inherit; text-align: center;}

/* on off */
/*.on-sp { display:block; }*/
.on-sp { display:inline-block; }
.off-sp { display:none!important; }
.on-tb { display:none; }
.off-tb { display:none; }
.on-pc { display:none; }
.off-pc { display:inline-block; }

/* padding all */
.pd-0{ padding: 0 }
.pd-05em{ padding: .25rem }
.pd-1em{ padding: .375rem .5rem }
.pd-2em{ padding: .75rem 1rem }
.pd-3em{ padding: 1.125rem 1.5rem }
.pd-4em{ padding: 1.5rem 2rem }
.pd-5em{ padding: 1.875rem 2.5rem }
.pd-6em{ padding: 2.25rem 3rem }

/* container */
.container.pd-1em{ padding: .5rem 0!important; }
.container.pd-2em{ padding: 1rem 0!important; }
.container.pd-3em{ padding: 1.5rem 0!important; }
.container.pd-4em{ padding: 2rem 0!important; }
.container.pd-5em{ padding: 2.5rem 0!important; }
.container.pd-6em{ padding: 3rem 0!important; }
.container.pd-7em{ padding: 3.5rem 0!important; }
.container.pd-8em{ padding: 4rem 0!important; }
.container.pd-9em{ padding: 4.5rem 0!important; }
.container.pd-10em{ padding: 5rem 0!important; }
.container.pd-11em{ padding: 5.5rem 0!important; }
.container.pd-12em{ padding: 6rem 0!important; }








@media screen and (min-width:768px) {

#all {
font-size: 1.6rem; /*タブレット基本フォントサイズ*/
}

/* on off */
.on-sp { display:none!important; }
.off-sp { display:inline-block!important; }
.on-tb { display:inline-block; }
.off-tb { display:none; }
.on-pc { display:none!important; }
.off-pc { display:inline-block; }


/* flex */
.wrap-sp{flex-wrap:nowrap!important;}

/* column*/
.wrapper{width: 100%;}
.col1,.col2,.col3,.col4,.col5,.col6,
.col7,.col8,.col9,.col10,.col11,.col12 {
padding:20px;
}
.col1 { width:8.3333%; }
.col2 { width:16.6666%; }
.col3 { width:25%; }
.col4 { width:33.3333%; }
.col5 { width:41.6666%; }
.col6 { width:50%; }
.col7 { width:58.333%; }
.col8 { width:66.666%; }
.col9 { width:74.999%; }
.col10 { width:83.333%; }
.col11 { width:91.666%; }
.col12 { width:100%; }
/*スマホファーストのレイアウト時のカラムサイズ*/
.col1_sp{ width:8.3333%; }
.col2_sp{ width:16.6666%; }
.col3_sp{ width:25%; }
.col4_sp{ width:33.3333%; }
.col5_sp{ width:41.6666%; }
.col6_sp{ width:50%; }
.inner-wrapper .col{ width: auto; }
.inner-wrapper .col1 { width:8.73%; }
.inner-wrapper .col2 { width:17.46%; }
.inner-wrapper .col3 { width:26.19%; }
.inner-wrapper .col4 { width:34.92%; }
.inner-wrapper .col5 { width:43.65%; }
.inner-wrapper .col6 { width:52.38%; }
.inner-wrapper .col7 { width:61.11%; }
.inner-wrapper .col8 { width:69.84%; }
.inner-wrapper .col9 { width:78.57%; }
.inner-wrapper .col10 { width:87.3%; }
.inner-wrapper .col11 { width:96.03%; }
.inner-wrapper .col12 { width:104.76%; }

/* padding all */
.pd-0{ padding: 0 }
.pd-05em{ padding: .5rem }
.pd-1em{ padding: .75rem 1rem }
.pd-2em{ padding: 1.5rem 2rem }
.pd-3em{ padding: 2.25rem 3rem }
.pd-4em{ padding: 3rem 4rem }
.pd-5em{ padding: 3.75rem 5rem }
.pd-6em{ padding: 4.5rem 6rem }

/* Container */
.container.pd-1em{ padding: 1rem 0!important; }
.container.pd-2em{ padding: 2rem 0!important; }
.container.pd-3em{ padding: 3rem 0!important; }
.container.pd-4em{ padding: 4rem 0!important; }
.container.pd-5em{ padding: 5rem 0!important; }
.container.pd-6em{ padding: 6rem 0!important; }
.container.pd-7em{ padding: 7rem 0!important; }
.container.pd-8em{ padding: 8rem 0!important; }
.container.pd-9em{ padding: 9rem 0!important; }
.container.pd-10em{ padding: 10rem 0!important; }
.container.pd-11em{ padding: 11rem 0!important; }
.container.pd-12em{ padding: 12rem 0!important; }

}/*@media screen and (min-width:768px)*/






@media screen and (min-width:1080px) {
.wrapper,
.flex-wrapper {max-width: 1080px;}
.col12{max-width: 1080px;}
.inner-wrapper{width:calc(100% - 60px);}


#all {
font-size: 1.7rem; /*PC基本フォントサイズ*/
}

/* on off */
.off-tb { display:inline-block; }
.on-pc { display:inline-block!important; }
.off-pc { display:none; }


}/*@media screen and (min-width:1080px)*/










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

.col1-sp { width:8.3333%; }
.col2-sp { width:16.6666%; }
.col3-sp { width:25%; }
.col4-sp { width:33.3333%; }
.col5-sp { width:41.6666%; }
.col6-sp { width:50%; }
.col7-sp { width:58.333%; }
.col8-sp { width:66.666%; }
.col9-sp { width:74.999%; }
.col10-sp { width:83.333%; }
.col11-sp { width:91.666%; }
.inner-wrapper .col1-sp { width:10%; }
.inner-wrapper .col2-sp { width:20%; }
.inner-wrapper .col3-sp { width:30%; }
.inner-wrapper .col4-sp { width:40%; }
.inner-wrapper .col5-sp { width:50%; }
.inner-wrapper .col6-sp { width:60%; }
.inner-wrapper .col7-sp { width:70%; }
.inner-wrapper .col8-sp { width:80%; }
.inner-wrapper .col9-sp { width:90%; }
.inner-wrapper .col10-sp { width:100%; }

/* margin */
.mt-0-sp{ margin-top:0!important; }
.mt-1em-sp{ margin-top:1em!important; }
.mt-2em-sp{ margin-top:2em!important; }
.mt-3em-sp{ margin-top:3em!important; }
.mt-4em-sp{ margin-top:4em!important; }
.mt-5em-sp{ margin-top:5em!important; }
.mt-6em-sp{ margin-top:6em!important; }
.mt-7em-sp{ margin-top:7em!important; }
.mt-8em-sp{ margin-top:8em!important; }
.mr-0-sp{ margin-right:0!important; }
.mr-1em-sp{ margin-right:1em!important; }
.mr-2em-sp{ margin-right:2em!important; }
.mr-3em-sp{ margin-right:3em!important; }
.mr-4em-sp{ margin-right:4em!important; }
.mb-0-sp{ margin-bottom:0!important; }
.mb-1em-sp{ margin-bottom:1em!important; }
.mb-2em-sp{ margin-bottom:2em!important; }
.mb-3em-sp{ margin-bottom:3em!important; }
.mb-4em-sp{ margin-bottom:4em!important; }
.mb-5em-sp{ margin-bottom:5em!important; }
.mb-6em-sp{ margin-bottom:6em!important; }
.ml-0-sp{ margin-left:0!important; }
.ml-1em-sp{ margin-left:1em!important; }
.ml-2em-sp{ margin-left:2em!important; }
.ml-3em-sp{ margin-left:3em!important; }
.ml-4em-sp{ margin-left:4em!important; }

/* padding */
.pt-0-sp{ padding-top:0 !important; }
.pt-1em-sp{ padding-top:1em!important; }
.pt-2em-sp{ padding-top:2em!important; }
.pt-3em-sp{ padding-top:3em!important; }
.pt-4em-sp{ padding-top:4em!important; }
.pt-5em-sp{ padding-top:5em!important; }
.pt-6em-sp{ padding-top:6em!important; }
.pr-0-sp{ padding-right:0 !important; }
.pr-1em-sp{ padding-right:1em!important; }
.pr-2em-sp{ padding-right:2em!important; }
.pr-3em-sp{ padding-right:3em!important; }
.pr-4em-sp{ padding-right:4em!important; }
.pb-0-sp{ padding-bottom:0 !important; }
.pb-1em-sp{ padding-bottom:1em!important; }
.pb-2em-sp{ padding-bottom:2em!important; }
.pb-3em-sp{ padding-bottom:3em!important; }
.pb-4em-sp{ padding-bottom:4em!important; }
.pb-5em-sp{ padding-bottom:5em!important; }
.pb-6em-sp{ padding-bottom:6em!important; }
.pl-0-sp{ padding-left:0 !important; }
.pl-1em-sp{ padding-left:1em!important; }
.pl-2em-sp{ padding-left:2em!important; }
.pl-3em-sp{ padding-left:3em!important; }
.pl-4em-sp{ padding-left:4em!important; }

}/*@media screen and (max-width:767px)*/









/* basic design */

/* Text */
.small { font-size:80%; }
.smaller { font-size:70%; }
.big{font-size: 118%; }
.bigger{font-size: 125%; }
.big-16{font-size: 106%; }
.big-18{font-size: 160%; }
.strong{font-weight: 600; }
.normal { font-weight: normal;}
.caption{ font-size:71%; padding-top:1rem; }
.caution { font-size: 82%; margin-top: 1rem;}
/* caution左空きパターン */
.caution_indent {
display: table;
font-size:70%;
margin-top: 1rem;
}
.caution_indent span {
display: table-cell;
vertical-align: top;
text-align: left;
}
.caution_indent span:first-child {
white-space: nowrap;
padding-right: .5rem;
}


#pagetop { position:fixed; bottom:20px; right:20px; cursor:pointer; opacity:0.8; }

.sup{font-size:70%;vertical-align: super;}
.sub{font-size:70%;}

ul.list-circle, ul.list-decimal,ul.list-disc{
list-style-type: circle;
list-style-position:outside;
padding-left: 1.5rem;
}
ul.list-circle li {list-style-type: circle;margin-left:1rem;}


ul.list-circle li, ul.list-decimal li{margin-bottom: .5em;}
ul.list-decimal{list-style-type: decimal;padding-left: 2rem;}
ul.list-disc{list-style-type: disc;}


@media screen and (max-width:767px) {
  .column-sp {
    flex-flow: column;
  }
}

.backstage-face, .backstage-scalp {
  position: relative;
}

.backstage-face:before {
  content: 'Face';
  z-index: 0;
  font-size: clamp(5rem, 5vw, 8rem);
  position: absolute;
  top: -10px;
  left: 50%;
  text-align: center;
  transform: translate(-50%,-50%);
  font-family: "Century Gothic",sans-serif;
  font-weight: bold;
  color: #997f6f;
}
.backstage-face img {
  position: relative;
  z-index: 2;
}
.backstage-scalp:before {
  content: 'Scalp';
  z-index: 0;
  font-size: clamp(5rem, 5vw, 8rem);
  position: absolute;
  top: -10px;
  left: 50%;
  text-align: center;
  transform: translate(-50%,-50%);
  font-family: "Century Gothic",sans-serif;
  font-weight: bold;
  color: #f3a7a3;
}
.backstage-scalp img {
  position: relative;
  z-index: 2;
}