@charset "utf-8";


/*-----------------------*----*----*----*----*----*----*----*----*----*----*----* 免責事項 */
/*-----------------------*----*----*----*----*----*----*----*----*----* doui */

.doui { overflow: hidden;}

.doui .text {
  margin: 3em 0 3em 0;
  font-size: var(--font-size-m);
}

/*-----------------------*----*----*----*----*----*----*----*----* menseki */
.doui div.menseki {
  width: 100%;
  margin: 0 auto 0 auto;
  padding: 1.5em;
  text-align: left;
}

.doui div.menseki ol {
  counter-reset:list1_ol;
}

.doui div.menseki h2 {
  width:100%;
  margin: 0 0 1em 0;
  text-align:center;
  font-size: var(--font-size-xl);
  font-weight:bold;
}

.doui div.menseki .read {
  width:100%;
  margin: 0 0 2em 0;
  padding:0 0 2em 0;
  font-size: var(--font-size-l);
  line-height: 1.8;
  border-bottom: 0.1rem dotted #ccc;
}

.doui div.menseki li,
.doui div.menseki p {
  font-size: var(--font-size-m);
  line-height: 1.6;
}

.doui div.menseki label {
  display: block;
  width: 13.5em;
  margin: 1.5em auto 0 auto;
  padding:0 0 0 0;
  font-size: var(--font-size-m);
  font-weight:bold;
  line-height: 1.6;
}

.doui div.menseki label input[type="checkbox"] {
  display: inline-block;
  margin: 0 0.5em 0 0;
  padding:0 0 0 0;
}

.doui div.menseki .list1_ol > li {
  position: relative;
  margin: 0 0 2em 0;
  padding:0 0 2em 3.5em;
  border-bottom: 0.1rem dotted #ccc;
}



.doui div.menseki .list1_ol li:nth-child(5) p,
.doui div.menseki .list1_ol li:nth-child(n+10) p { padding: 0.5em 0 0 0;}



.doui div.menseki .list1_ol li::before {
  position: absolute;
  left: 0;
  counter-increment:list1_ol;
}


.doui div.menseki .list1_ol > li::before {
  content:"<" counter(list1_ol) "> ";
  vertical-align: top;
  font-weight:bold;
}



.doui div.menseki .list1_ol li > em {
  display: inline-block;
  width:-webkit-calc(100% - 3em);
  width:calc(100% - 3em);
  font-size: var(--font-size-l);
  font-weight:bold;
}

.doui div.menseki .list2_ol {
  position: relative;
  margin: 0 0 0 3em;
}

.doui div.menseki .list2_ol > li {
  margin: 1em 0 0 0;
  padding: 0;
  display: block;
}

.doui div.menseki .list2_ol li::before {
  left: -3em;
  content: counters(list1_ol, "-") " ";
}

.doui div.menseki .list3_ul li {
  position: relative;
  margin: 0.5em 0 0 0;
  padding: 0 0 0 1em;
  display: block;

}

.doui div.menseki .list3_ul li::before {
  position: absolute;
  left: -0.5em;
  counter-increment: none;
  content: "・";
}

/*-----------------------*----*----*----*----*----*----*----* gray */
.doui .mold_area .mold.gray a {
  transition:none !important;
  cursor: default !important;
}

@media (hover: hover) {

.doui .mold_area .mold.gray a:hover { opacity: 1 !important;}

}/* End hover */


/*-----------------------*----*----*----*----*----*----*----* menseki */
.doui label.menseki {
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  font-size: var(--font-size-l);
}

.doui label.menseki input {
  display: inline-block;
  margin:0 0.5em 0 0;
}


.agree-check.kiyaku {
  margin: 3em 0 0;
  padding: 2em 1em;
  width: 100%;
  border: none;
  background-color: #f1f1f1;
  text-align: center;
}

/*-----------------------*----*----*----*----*----*----*----*----*----*----*----* プライバシーポリシー（個人情報の利用指針）について */
/*-----------------------*----*----*----*----*----*----*----*----* privacypolicy */
/*
.privacypolicy {
  overflow-y: scroll;
  width:-webkit-calc(90% - 0.2rem - 3em);
  width:calc(90% - 0.2rem - 3em);
  height:24rem;
  margin:6em auto 1.5em auto;
  padding: 1.5em 1.5em 1.5em 1.5em;
  text-align: left;
  border: 0.1rem solid #00aeef;
}

.privacypolicy h2 {
  margin:0 auto 0.5em auto;
  text-align: center;
  font-weight: bold;
}

.privacypolicy h3 {
  margin:0 0 0.5em 0;
  font-style: 1.6rem;
  font-weight: bold;
}

.privacypolicy p {
  margin: 0 0 2em 0;
  padding:0 0 0 0;
}

.privacypolicy ol {
  margin: 0 0 0 0;
  padding:0 0 0 0;
}

.privacypolicy ol li {
  margin:0 0 2em 1.5em;
  padding:0 0 0 0;
  list-style-type: decimal;
}

.privacypolicy ol li p {
  margin: 0 0 0 0;
  padding:0 0 0 0;
}

.privacypolicy ul {
  margin: 0 0 0 0;
  padding:0 0 0 0;
}

.privacypolicy ul li {
  margin: 0.5em 0 0 1.5em;
  padding:0 0 0 0;
  list-style-type:disc;
}

.privacypolicy ul.ast li {
  margin: 0.5em 0 0 0;
  padding:0 0 0 1em;
  text-indent: -1em;
  list-style-type:none !important;
}

.privacypolicy ul.ast li:before {
  content:"※";
}

.privacypolicy time {
  display: inline-block;
  width: 100%;
  text-align:right;
}

.dl .privacypolicy {
  width:-webkit-calc(100% - 0.2rem - 3em);
  width:calc(100% - 0.2rem - 3em);
  height:36rem;
  margin:6em auto 3em auto;
}

.dl .privacypolicy .pp {
  margin:1em 0 0 0;
  text-align: center;
}

.dl .privacypolicy .pp label {
  font-size: 1.6rem;
  font-weight: bold;
}
*/
/*-----------------------*----*----*----*----*----*----*----*----*----*----*----* Onewigのお申し込み：入力 */

/*
.input a {
  color: #EF790F;
  font-weight: bold;
}

.input a:hover {
  text-decoration: none;
}

.input table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-right: 0.1rem solid #00aeef;
  border-bottom: 0.1rem solid #00aeef;
}

.input th ,
.input td {
  padding: 1em 0.5em 1em 0.5em;
  vertical-align: top;
  text-align: left;
  border-top: 0.1rem solid #00aeef;
  border-left: 0.1rem solid #00aeef;
}

.input tr:nth-child(odd) th ,
.input tr:nth-child(odd) td {
  background-color:#efffff;
}
*/
/*-----------------------*----*----*----*----*----*----*----*----*----* input */

/*
.input {
  margin:4em 0 8em 0;
  counter-reset:table_caption;
}

.input dl:first-child {
  width: 100%;
  margin: 0 0 4em 0;
  padding:0 0 4em 0;
  border-bottom: 0.1rem solid #00aeef;
}

.input dl dt {
  text-align: left;
  font-size: 2.2rem;
  font-weight: bold;
}

.input dl dd {
  margin: 2.1rem 0 0 0;
  padding:0 0 0 1.4em;
  text-indent:-1.4em;
  text-align: left;
  font-size:1.4rem;
}

.input dl dd:before {
  content:"・ ";
  font-weight: bold;
}

.input dl dd em:before {
  content:"『";
}

.input dl dd em:after {
  content:"』";
}

.input p {
  margin:0 0 3em 0;
}

.input p input {
  margin:0 0.5em 0 0;
  padding: 0.1em;
}

.input table {
  margin:0 0 3em 0;
}

.input table caption {
  margin:0 0 0.3em 0;
  text-align: left;
  font-size: 1.8rem;
  font-weight: bold;
  color: #008FC2;
}

.input table caption::before {
  counter-increment:table_caption;
  content:counter(table_caption) ".";
}

.input th {
  width: 12em;
}

section.input th span.req {
  margin: 0 0 0 0.5em;
}


.dl .input th {
  width:3.2rem;
}

.dl .input td {
  border-left: none;
}

.input td div ,
.input td p {
  margin:0 0 0.5em 0;
}

.input td select * ,
.input td option ,
.input td optgroup ,
.input td input[type="tel"] ,
.input td input[type="email"] ,
.input td input[type="password"] ,
.input td input[type="number"] ,
.input td input[type="url"] ,
.input td input[type="text"] {
  padding: 0.5em;
  font-size: 1.4rem;
}

.input td input[type="email"]+input[type="email"] ,
.input td input[type="password"]+input[type="password"] {
  margin:0.5em 0 0.5em 0;
}

.input td input[type="file"] {
  width:-webkit-calc(100% - 1em - 0.2rem);
  width:calc(100% - 1em - 0.2rem);
  margin:1em 0 0 0;
  cursor: pointer;
}

.input td input[type="tel"] ,
.input td input[type="email"] ,
.input td input[type="password"] ,
.input td input[type="number"] ,
.input td input[type="url"] ,
.input td input[type="text"] {
  width:-webkit-calc(100% - 1em - 0.2rem);
  width:calc(100% - 1em - 0.2rem);
}

.input td input[name="name"] ,
.input td input[name="name2"] ,
.input td input[name="company"] ,
.input td input[name="manager"] ,
.input td input[name="nameruby"] ,
.input td input[name="nameruby2"] ,
.input td input[name="companyruby"] ,
.input td input[name="managerruby"] ,
.input td input[class="kk"] ,
.input td input[class="kkruby"] {
  width:31%;
}

.input td input[name="company"] ,
.input td input[name="name"] ,
.input td input[name="name2"] ,
.input td input[name="manager"] ,
.input td input[name="manager2"] ,
.input td input[class="kk"] {
  margin:0 1.5em 0 0em;
}

.input td input[name="zip1"] {
  width:3.5em;
}

.input td input[name="zip2"] {
  width:4.5em;
}

.input td input[name="age"] {
  width:5.5em;
}

.input td input[name="inteo"] {
  width:80%;
}

.input td label {
  margin:0 1em 0 0;
}

.input label input[type="text"] {
  width:10em !important;
}

.input tr:nth-child(1)td label {
  margin:0 0.5em 0 0;
}

.input td textarea {
  width:-webkit-calc(100% - 1em - 0.2rem);
  width:calc(100% - 1em - 0.2rem);
  height: 10em;
  line-height: 1.6;
  padding: 0.5em;
  font-size: 1.74rem;
}

.input td ul li {
  display: inline-block;
  margin:0 0 0.5em 0;
}

.input span.w045 {
  display: inline-block;
  width:45%;
  margin: 0 0 0 0 !important;
}

.input span.w045 input[type="text"] {
  width:-webkit-calc(100% - 4.5em);
  width:calc(100% - 4.5em);
}


.input span.w035 {
  display: inline-block;
  width:35%;
  margin: 0 0 0 0 !important;
}

.input span.w035 input {
  width:-webkit-calc(100% - 1.5em - 0.2rem);
  width:calc(100% - 1.5em - 0.2rem);
}

.dl .input th input[type="radio"] {
  display: none;
}

.dl .input th input[type="radio"] + label{
  position:relative;
  display: block;
  margin: 0 0 0 1.6rem;
  width: 1.6rem;
  height: 1.6rem;
  text-indent:-9999px;
  cursor: default;
}

.dl .input th input[type="radio"] + label:before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.6rem;
  height: 1.6rem;
  border: 0.1rem solid #bababa;
  border-radius: 50%;
}

.dl .input th input[type="radio"]:checked + label:before{
  border: none;
  background:#00aeef;
}

@media screen and (max-width:768px){
  .dl .input table {
    display: table;
    width: 100%;
  }

  .dl .input tr {
    display: table-row;
  }

  .dl .input th {
    display: table-cell;
    width:3.2rem !important;
    padding: 0 !important;
    margin: 0 !important;
    vertical-align: middle;
    border-right: none !important;
  }

  .dl .input td {
    display: table-cell;
    width:auto;
    border-left: none !important;
  }

  .dl .input tr:nth-child(odd) th ,
  .dl .input tr:nth-child(odd) td {
    background: #f2fbff !important;
  }
  .dl .input tr:nth-child(even) th ,
  .dl .input tr:nth-child(even) td {
    background:none !important;
  }
}
*/
/*-----------------------*----*----*----*----*----*----*----*----* caption */

/*
.input .caption {
  width:-webkit-calc(100% - 0.2rem);
  width:calc(100% - 0.2rem);
  margin:0 auto 4em auto;
  padding: 1.5em 0 0 0;
  border-radius: 0.6rem;
  -moz-border-radius: 0.6rem;
  -webkit-border-radius: 0.6rem;
  border: 0.1rem solid #00aeef;
}

.input .caption li {
  margin:0 2em 1.2em 2em;
  padding: 0 1em 0 0;
  text-indent:-1em;
  text-align: left;
}

.input .caption li:before {
  content:"・";
}

.input .caption em:before {
  content:"『";
}

.input .caption em:after {
  content:"』";
}

.input .caption li span.req {
  width:auto;
  margin:0 0.5em 0 0em;
  text-indent:0em;
  text-align: center;
}
*/
/*-----------------------*----*----*----*----*----*----*----*----* seminar_yy,seminar_mm */

/*
.input .seminar_yy ,
.input .seminar_mm {
  display: inline-block;
  margin:0 1em 0 0;
}
*/

/*-----------------------*----*----*----*----*----*----*----*----* seminar_dd */

/*
.input .seminar_dd {
  display: inline-block;
}

@media screen and (max-width:768px){
  .input .seminar_yy ,
  .input .seminar_mm ,
  .input .seminar_dd {
    display: block;
    margin:0 0 1em 0;
  }
  .input .seminar_dd {
    margin:0 0 0 0;
  }
}
*/
/*-----------------------*----*----*----*----*----*----*----*----* icon */

/*
.input ul.icon {
  letter-spacing: -.4em;
}

.input ul.icon li {
  display: inline-block;
  width:-webkit-calc(-webkit-calc(100% - 9em) / 10);
  width:calc(calc(100% - 9em) / 10);
  margin:0 1em 0 0;
  letter-spacing:normal;
  text-align: center;
}

.input ul.icon li:last-child {
  margin:0 0 0 0;
}

.input ul.icon label {
  display: inline;
}

@media screen and (max-width:768px){
  .input ul.icon li {
    width:-webkit-calc(-webkit-calc(100% - 4em) / 5);
    width:calc(calc(100% - 4em) / 5);
    margin:1em 1em 1em 0;
  }

  .input ul.icon li:nth-last-child(5n) {
    margin:1em 0 1em 0;
  }
}
*/
/*-----------------------*----*----*----*----*----*----*----*----*----*----*----* 共通 */

/*
@media screen and (max-width:768px){
  .index table ,
  .input table ,
  .conf table {
    display: block;
    width:100% !important;
    margin: 0 0 0 0;
    padding:0 0 0 0;
    border-right:none !important;
  }

  .input table {
    margin: 0 0 2em 0;
  }

  .conf tr ,
  .input tr ,
  .index tr {
    display: inline-block;
    width:100% !important;
    margin: 0 0 0 0;
    padding:0 0 0 0;
  }

  .conf th ,
  .input th ,
  .index th {
    background-color:#efffff !important;
  }

  .conf td ,
  .input td ,
  .index td {
    background-color:#ffffff !important;
  }

  .conf th ,
  .index th,
  .input th,
  .input td,
  .conf td ,
  .index td {
    display: inline-block;
    width:95% !important;
    margin: 0 0 0 0 !important;
    padding:2.5% 2.5% 2.5% 2.5% !important;
    border-right: 0.1rem solid #00aeef !important;
  }

  .conf td span.w045 ,
  .input td span.w045 ,
  .index td span.w045 {
    display:inline-block;
    margin: 0 0 0.5em 0 !important;
  }

  .conf td span.w045 input,
  .input td span.w045 input,
  .index td span.w045 input {
    width:-webkit-calc(100% - 0.2rem - 7em);
    width:calc(100% - 0.2rem - 7em);
  }

}
*/
/*-----------------------* mold_area */
.mold_area {
  width: 100%;
  margin: 0 auto 5rem auto;

}

.mold_area div {
  display: block;
  margin: auto;

  width: 24em;

}

/*
.mold_area div:first-child {
  margin: 0 2em 0 0;
}

.mold_area div:last-child {
  margin: 0 0 0 2em;
}
*/
/*-----------------------* mold */
.mold button,
.mold a {
  display: inline-block;
  width: 100%;
  margin: 0;
  text-align:center;
  color: #fff;
  font-size: var(--font-size-m);
  font-weight: bold;
  text-indent: 0;
  text-decoration: none;
  line-height: 0;
  border: none;
  border-radius: 0.6rem;

  background: url(/common/img/icon_arrow_white.png) 98% center no-repeat #00aeef;
  background-size: 1.2rem auto;
  cursor: pointer;
}





/**/
.mold button,
.mold a{
  position: relative;
  margin: 0 1em;
  padding: 1em 0.6em;
  width: 100%;
  display: block;
  border-radius: 2em;
  border: none;
  background: #00aeef;
  color: #fff;
  font-size: var(--font-size-m);
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
}



.mold button:before,
.mold a:before{
  position: absolute;
  top: 0;
  left: 1rem;
  bottom: 0;
  margin: auto;
  padding: 0;
  width: 1.4rem;
  height: 1.4rem;
  display: block;
  background: url(/common/img/icon_arrow_w.svg) center center no-repeat;
  background-size: contain;
  content: "";
}


.mold button:disabled,
.mold a:disabled{
  cursor: default;
}


@media (hover: hover) {

.mold button:hover,
.mold a:hover { opacity: 0.7;}

.mold button:disabled:hover,
.mold a:disabled:hover{
  opacity: 1 ;
  cursor: default;
}

}/* End hover */








/*-----------------------* gray */
/*
.mold button:disabled,
.mold.gray button,
.mold.gray a {
  background: url(/common/img/icon_arrow_white.png) 98% center no-repeat #bababa;
  background-size: 1.2rem auto;
}
*/

.mold button:disabled,
.mold.gray button,
.mold.gray a {
  background: #ccc;
    opacity: 0.7 ;
  cursor: default;
}





@media (hover: hover) {

.mold.gray button:hover,
.mold.gray a:hover { opacity: 0.7; cursor: default;}

}/* End hover */



/*-----------------------* top */
.button .top {
  width:30em;
}

/*-----------------------* clear both */
.clear.both {
  clear:both;
}

/*-----------------------* red */
span.red {
  color: #f66;
  font-weight: bold;
}

/*-----------------------* pc */
@media screen and (max-width:768px){
  br.pc {
    display:none;
  }
}

/*-----------------------* mt3 */
.mt3 {
  margin-top: 3em;
}

/*-----------------------* req */
span.req {
  display: inline-block !important;
  padding:0.3em 0.5em 0.3em 0.5em;
  text-align: center !important;
  line-height: 1;
  font-size: 1.1rem;
  font-weight: bold;
  color: #fff;
  background-color: #f00;
  border-radius: 0.6rem;
}

.input td input.req {
  border: 0.1rem solid #999;
  background-color: #dcf5ff !important;
}

.input tr.none {
  display: none;
}

/**
 * Onewig申し込み入力画面CSS
 */

.input td input.zip1{
  width: 3.5em;
}

.input td input.zip2{
  width: 4.5em;
}

.input td input.age {
  width: 5.5em;
}

option.age_limit {
  color:red;
}

#custom_alert {
  display: none;
  line-height: 1.5;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  padding-top: 50px;
  background-color: rgba(0, 0, 0, 0.5);
  background-repeat: no-repeat;
  background-position: center center;
}

#custom_alert div {
  background: #fff;
  padding: 10px 25px 10px 25px;
  margin: 50px auto;
  width: 70%;
  border-radius: 8px 8px 8px 8px;
  border: #ccc 1px solid;
}

#custom_alert div span#message {
  display: block;
  padding-top: 10px;
  padding-bottom: 15px;
}

/**
 * Onewig申し込み入力画面CSS ヘアワッチ画像
*/

.form #recipient_hairwatch_type_tr img{
  margin: 1.5rem 0 0 0;
  width: 90%;
  max-width: 40rem;
}

.form #recipient_hairwatch_type_tr .radio + label {
  margin: 0;
}

.form .form-table #recipient_hairwatch_type_tr .form-split-3 li{
  margin: 0;
}
/**
 * Onewig申し込み確認画面CSS ヘアワッチ画像
*/

.form img{
  margin: 1.5rem 0 0 0;
  width: 70%;
  max-width: 40rem;
}