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

input, textarea, select { margin: 0; padding: 0; font-style: normal; font-weight: normal; font-size: 100%; vertical-align: baseline; }

* { font-family: Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; box-sizing: border-box; }

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

html { overflow-y: scroll; }

blockquote, q { quotes: none; }

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

input, textarea { margin: 0; padding: 0; }

ol, ul { list-style: none; }

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

caption, th { text-align: left; }

a:focus { outline: none; }

.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.clearfix { min-height: 1px; }

* html .clearfix { height: 1px; /*¥*/ /*/ height: auto; overflow: hidden; /**/ }

.both { clear: both; }

.inline_block { display: inline-block; *display: inline; *zoom: 1; }

table { width: 100%; }

a { border: none; color: inherit; text-decoration: none; cursor: pointer; }

a, a img, input[type="image"] { transition: .3s; }

a:hover, input[type="image"]:hover { opacity: .5; }

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

header { text-align: center; }

.maintitle { border-bottom: 1px solid #dbdbdb; text-align: center; font-weight: bold; font-family: Georgia, "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif; color: #a39a56; }

.subtitle { margin-bottom: 1em; text-align: center; font-size: 1.125em; font-weight: bold; font-family: Georgia, "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif; color: #a39a56; }

#error { margin: 0 2em .5em; padding: 1em; background: #eee; border-radius: .5em; }

#error p { margin-bottom: .5em; text-align: center; font-weight: bold; color: red; }

#error li { margin-bottom: .75em; padding-left: 1em; text-indent: -1em; font-size: .8em; }

#error li:before { content: "\30FB"; }

#error li:last-child { margin-bottom: 0; }

.base > tbody > tr > td span { font-size: 3.2vw; line-height: 1.60417; }

.base > tbody > tr > td p { font-size: 2.33333vw; line-height: 1.82857; }

.base > tbody > tr > td p a { text-decoration: underline; }

.base > tbody > tr > td p:last-child { margin-bottom: 0; }

.base > tbody > tr > td p.sec { text-align: left; margin: 0 0 2.93333vw 0; }

@media screen and (min-width: 769px) { .base > tbody > tr > td span { font-size: 24px; }
  .base > tbody > tr > td p { font-size: 17.5px; }
  .base > tbody > tr > td p.sec { text-align: left; margin: 0 0 22px 0; } }

.intable { border: 1px solid #ddd; margin-bottom: 3.73333vw; }

.intable thead tr { background: #f6f6f6; }

.intable th { font-size: 2.93333vw; }

.intable th span { font-weight: bold; }

.intable th span.sat { color: blue; }

.intable th span.sun { color: red; }

.intable th, .intable td { border: 1px solid #ddd; text-align: center; }

.intable th, .intable td label { padding: .75em .25em; }

.intable td label { width: 100%; }

@media screen and (min-width: 769px) { .intable { margin-bottom: 22px; }
  .intable th { font-size: 22px; }
  .intable th, .intable td { border: 1px solid #ddd; text-align: center; }
  .intable th, .intable td label { padding: .75em .25em; }
  .intable td label { width: 100%; } }

.form label { display: inline-block; margin-right: 1em; line-height: 1.5em; }

.form button[type="submit"], .form input[type="submit"] { display: none; margin: auto; background: #e3f1d1; border: none; color: #39b54a; font-weight: bold; font-size: 2.6vw; line-height: 1.35897; width: 50.93333vw; height: 10.66667vw; cursor: pointer; transition: .3s; }

.form button[type="submit"]:after, .form input[type="submit"]:after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 0.93333vw 0 0.93333vw 1.2vw; border-color: transparent transparent transparent #39b54a; margin: 0 0 0 0.93333vw; }

.form button[type="submit"]:hover, .form input[type="submit"]:hover { opacity: .8; }

.form button[type="submit"].on, .form input[type="submit"].on { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; }

.form .btn_radio + label { position: relative; display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; width: 100%; margin: 0 0 0.66667vw 0; font-size: 2.66667vw; }

.form .btn_radio + label:before { display: block; content: '\f00c'; font-family: FontAwesome; color: #000000; }

.form div.check ul li { position: relative; top: 0; left: 0; }

.form .p_privacy { position: relative; top: 0; left: 0; width: 44.4vw; margin: 0 auto; }

.form .p_privacy .btn_radio + label { justify-content: center; background: #e6e6e6; color: #666666; font-weight: bold; padding: 2.66667vw 0 2.13333vw 0; }

.form .p_privacy .btn_radio + label:before { content: '\f00c'; /*25CB*/ color: #808080; }

.form .p_privacy .btn_radio:checked + label { color: #39b54a; background: #e3f1d1; }

.form .p_privacy .btn_radio:checked + label:before { color: #39b54a; }

.form .btn_radio.lev1 + label:before, .form .btn_radio.lev2 + label:before, .form .btn_radio.lev3 + label:before { font-weight: bold; }

.form .btn_radio.lev1 + label:before { content: '\00D7'; /*25B3*/ color: #a39a56; }

.form .btn_radio.lev2 + label:before { content: '\25B3'; /*25CB*/ color: #f28642; }

.form .btn_radio.lev3 + label:before { content: '\25CB'; /*25CE*/ color: #000000; }

.form .btn_radio:checked + label { color: #000; }

.form .btn_radio:checked + label:before { content: '\f00c'; color: #000000; }

.form .btn_radio { position: absolute; opacity: 0; z-index: -1; display: block; }

.form .p_privacy .btn_radio + label { margin: 0 auto; font-size: 1.1em; }

.form span.lev1, .form span.lev2, .form span.lev3 { font-weight: bold; }

.form span.lev1:before, .form span.lev2:before, .form span.lev3:before { font-family: FontAwesome; }

.form span.lev1 { color: #d44242; }

.form span.lev1:before { content: '\00D7'; /*\25B3*/ }

.form span.lev2 { color: #f28642; }

.form span.lev2:before { content: '\25B3'; /*25CB*/ }

.form span.lev3 { color: #000000; }

.form span.lev3:before { content: '\25CB'; /*25CE*/ }

.form .width_s { width: 15.6vw; }

.form .width_m { width: 20.66667vw; }

.form .width_l { width: 62.13333vw; }

@media screen and (min-width: 769px) { .form label { display: inline-block; margin-right: 1em; line-height: 1.5em; }
  .form button[type="submit"], .form input[type="submit"] { font-size: 19.5px; line-height: 1.35897; width: 382px; height: 80px; }
  .form button[type="submit"]:after, .form input[type="submit"]:after { border-width: 7px 0 7px 9px; border-color: transparent transparent transparent #39b54a; margin: 0 0 0 7px; }
  .form .btn_radio + label { margin: 0 0 4px 0; font-size: 19.5px; }
  .form div.check ul li { position: relative; top: 0; left: 0; }
  .form .p_privacy { width: 333px; }
  .form .p_privacy .btn_radio + label { padding: 20px 0 16px 0; }
  .form .p_privacy .btn_radio + label { font-size: 1.1em; }
  .form span.lev1, .form span.lev2, .form span.lev3 { font-weight: bold; }
  .form span.lev1:before, .form span.lev2:before, .form span.lev3:before { font-family: FontAwesome; }
  .form span.lev1 { color: #d44242; }
  .form span.lev1:before { content: '\00D7'; /*\25B3*/ }
  .form span.lev2 { color: #f28642; }
  .form span.lev2:before { content: '\25B3'; /*25CB*/ }
  .form span.lev3 { color: #000000; }
  .form span.lev3:before { content: '\25CB'; /*25CE*/ }
  .form .width_s { width: 117px; }
  .form .width_m { width: 155px; }
  .form .width_l { width: 466px; } }

.item { font-weight: 500; line-height: 1.0; }

.item:before { position: relative; margin-right: 2.66667vw; padding: 0.53333vw 0.8vw; font-size: 2.4vw; color: #fff; top: 0; }

@media screen and (min-width: 769px) { .item { font-size: 26px; line-height: 1.73333; }
  .item:before { display: block; margin-right: 0; margin-bottom: 10px; padding: 0; font-size: 17.5px; } }

.req .item { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; align-items: center; }

.req .item:before { content: "\5FC5\9808"; background: #a39a56; }

@media screen and (min-width: 769px) { .req .item { display: block; box-sizing: border-box; }
  .req .item:before { content: "\5FC5\9808"; background: #a39a56; text-align: center; width: 50px; } }

.opt .item:before { content: none; }

input[type="text"].ok, input[type="tel"].ok, input[type="email"].ok, select.ok { background: #ffedd8; }

td .sec:last-child { margin-bottom: 0; }

.pos { position: relative; }

.pos span { position: absolute; right: 0; }

.mailcheck, .telcheck { font-size: 2.33333vw; line-height: 1.82857; text-align: left; margin: 2.66667vw 0 0 0; }

.mailcheck span, .telcheck span { display: block; word-break: break-all; font-weight: bold; font-size: 5.6vw; margin: 2.66667vw 0 0 0; }

@media screen and (min-width: 769px) { .mailcheck, .telcheck { font-size: 17.5px; margin: 12px 0 0 0; }
  .mailcheck span, .telcheck span { font-size: 42px; margin: 20px 0 0 0; } }

.ipt100 { width: 100%; }

.ipt50 { width: 49%; }

.ipt30 { width: 30%; }

#conf_block span { position: relative; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: #c1272d; text-align: center; font-size: 2.6vw; line-height: 1.35897; color: #fff; width: 50.93333vw; height: 10.66667vw; margin: 0 auto; }

#conf_block span:before { display: block; content: "\f06a"; line-height: 1; font-family: FontAwesome; font-size: 7.2vw; color: #fff; margin: 0 1.06667vw 0 0; }

@media screen and (min-width: 769px) { #conf_block span { font-size: 19.5px; line-height: 1.35897; width: 382px; height: 80px; }
  #conf_block span:before { font-size: 54px; margin: 0 8px 0 0; } }

#sug { position: absolute; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); background: #fff; border: 1px solid #ccc; border-radius: .25em; }

#sug li { padding: .5em; border-bottom: 1px dotted #eee; cursor: pointer; }

#sug li:last-child { border: none; }

#sug li.sel { background: #bfe3f9; }

#conf_block { text-align: center; }

#conf_block span { text-align: center; }

.remain_box { position: fixed; width: 22.8vw; padding: 0.8vw 0 1.06667vw 0; background: #c1272d; font-size: 2.33333vw; line-height: 1.48571; z-index: 999; text-align: center; color: #fff; }

.remain_box.ok { background: #e3f1d1; color: #39b54a; }

.remain_box span { font-weight: bold; }

@media screen and (min-width: 769px) { .remain_box { width: 171px; padding: 6px 0 8px 0; font-size: 17.5px; } }

footer { margin-top: 2em; }

footer p { line-height: 2em; text-align: center; font-size: .75em; }

.privacy { padding: 2.93333vw 3.6vw 3.6vw 3.6vw; background: #fef9f2; }

.privacy h2 { font-size: 3.8vw; margin-bottom: 2.4vw; text-align: center; font-weight: bold; color: #a39a56; font-family: Georgia, "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif; }

.privacy p { font-size: 2.33333vw; line-height: 1.82857; margin-bottom: 1.6vw; }

.privacy p a { text-decoration: underline; }

.privacy p:last-child { margin-bottom: 0; }

@media screen and (min-width: 769px) { .privacy { padding: 24px 30px 30px 30px; }
  .privacy h2 { font-size: 28.5px; margin-bottom: 18px; }
  .privacy p { font-size: 17.5px; margin-bottom: 32px; }
  .privacy p:last-child { margin-bottom: 0; } }

.hidbox { height: 50vw; overflow-y: scroll; margin-bottom: 5.06667vw; padding: 2.4vw; background: #fff; border: solid #000000 1px; }

.hidbox h3 { font-weight: bold; font-size: 2.33333vw; line-height: 1.82857; margin-bottom: 0.66667vw; }

.hidbox p { margin-bottom: 3.46667vw; }

.hidbox ul { margin-bottom: 4.8vw; }

.hidbox ul li { margin-bottom: .5em; font-size: .875em; padding-left: 1em; }

@media screen and (min-width: 769px) { .hidbox { height: 375px; margin-bottom: 38px; padding: 18px; }
  .hidbox h3 { font-size: 17.5px; margin-bottom: 5px; }
  .hidbox p { margin-bottom: 26px; }
  .hidbox ul { margin-bottom: 36px; } }

.thanks { margin-top: 2em; }

.thanks p { margin-bottom: 1em; }

.att { text-decoration: underline; color: #a39a56; }

.login { margin: 1em .5em; padding: 1em; border: 1px solid #c7c7c7; }

.login .catch { margin: .25em 0 .75em; text-align: center; font-weight: bold; font-size: 1.05em; font-family: Georgia, "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif; color: #a39a56; }

.login p { font-size: .875em; margin-bottom: .5em; }

.login ul li { color: #fff; }

.login ul li a { position: relative; display: block; padding: .75em; padding-left: 2.5em; text-align: center; }

.login ul li a:before { position: absolute; top: 50%; width: 2em; margin-top: -.5em; text-align: center; font-family: FontAwesome; font-size: 1.5em; }

.login ul li a.flogin { background: #3b5998; }

.login ul li a.flogin:before { content: "\f09a"; }

.login ul li a.glogin { background: #dd4b39; }

.login ul li a.glogin:before { content: "\f0d5"; }

.login ul li a.ylogin { background: #ff0033; }

.login ul li a.ylogin:before { content: "\f19e"; }

.red { font-size: .75em; color: #a39a56; }

.meiwaku { padding: 1em; background: #fef9f2; }

.meiwaku .catch { margin-bottom: 1em; text-align: center; font-weight: bold; font-family: Georgia, "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif; color: #a39a56; }

.meiwaku p { font-size: .875em; }

.pos.sec { font-size: .75em; }

.shoplist { padding: .4em 1.5em; background: #a39a56; border-radius: 1em; color: #fff; }

/* -----------------------------------------------------------------
@mixin
------------------------------------------------------------------ */
.sp { display: inherit; }

@media screen and (min-width: 769px) { .sp { display: none; } }

.pc { display: none; }

@media screen and (min-width: 769px) { .pc { display: inherit; } }

.mincho { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

input[type="text"], input[type="tel"], input[type="email"], textarea { padding: 1.86667vw 2.93333vw 2.13333vw 2.93333vw; border: 1px solid #929292; border-radius: 0.53333vw; font-size: 2.8vw; outline: none; }

@media screen and (min-width: 769px) { input[type="text"], input[type="tel"], input[type="email"], textarea { padding: 14px 22px 16px 22px; border-radius: 4px; font-size: 21px; } }

textarea { height: 29.73333vw; }

@media screen and (min-width: 769px) { textarea { height: 223px; } }

select { box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) inset; border: 1px solid #ccc; border-radius: .25em; font-size: 1.125em; outline: none; }

@media screen and (max-width: 769px) { select { text-indent: .125em; height: 2.875em; line-height: 2.5em; } }

@media screen and (min-width: 769px) { select { padding: .75em .5em; } }

input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, select:focus, textarea:focus { box-shadow: 0 0 4px rgba(0, 0, 0, 0.4) inset; outline: none; }

input[type="radio"], input[type="checkbox"] { margin-right: .25em; }

header { border-bottom: solid #000000 0.13333vw; width: 88.53333vw; padding: 0 0 3.2vw 0; margin: 0 auto 3.2vw auto; }

header.head2 { border-bottom: solid #c4a874 0.13333vw; }

header.head3 { border-bottom: none; margin: 0 auto; }

@media screen and (min-width: 769px) { header { border-bottom: solid #000000 1px; width: 900px; padding: 0 0 31px 0; margin: 0 auto 28px auto; }
  header.head2 { border-bottom: solid #c4a874 1px; }
  header.head3 { border-bottom: none; margin: 0 auto; } }

header .main { padding: 6.13333vw 0 6.66667vw 0; }

header .main img { width: 35.06667vw; }

@media screen and (min-width: 769px) { header .main { padding: 46px 0 52px 0; }
  header .main img { width: 263px; } }

header .sub { display: block; font-size: 5.73333vw; text-align: center; line-height: 1.30233; }

@media screen and (min-width: 769px) { header .sub { font-size: 43px; } }

main { width: 88.53333vw; margin: 0 auto; }

@media screen and (min-width: 769px) { main { width: 900px; } }

.form { background: #fff; padding: 0 0 24vw 0; }

@media screen and (max-width: 769px) { .form #salon .btn_radio + label { font-size: .75em; line-height: 1.25em; }
  .form .p_privacy .btn_radio + label { width: 100%; } }

@media screen and (min-width: 769px) { .form { padding: 10px 0 30px; background: #fff; } }

.maintitle { margin: 0; padding: .75em 0; font-size: 1.25em; }

@media screen and (min-width: 769px) { .maintitle { margin: 0; padding: 20px 0; font-size: 1.5em; } }

.nagare li { font-size: .75em; }

.base { margin-bottom: .5em; }

@media screen and (max-width: 769px) { .base > tbody > tr { border-top: 1px solid #c4a874; }
  .base > tbody > tr > th { font-size: 4vw; padding: 3.73333vw 0; }
  .base > tbody > tr > td { padding: .5em; padding: 0 0 5.06667vw 0; }
  .base > tbody > tr > th, .base > tbody > tr > td { display: block; width: 100%; } }

@media screen and (min-width: 769px) { .base { margin-bottom: 1em; }
  .base > tbody > tr { border-top: 1px solid #c4a874; }
  .base > tbody > tr:last-child { margin-bottom: 0; }
  .base > tbody > tr > th { vertical-align: middle; width: 260px; padding: 36px 0 26px 0; }
  .base > tbody > tr > td { vertical-align: middle; padding: 45px 0 26px 0; } }

.item span { font-size: .6em; }

@media screen and (max-width: 769px) { .item span { margin-left: .5em; } }

@media screen and (min-width: 769px) { .item span { display: block; line-height: 1.25em; font-size: .75em; } }

@media screen and (max-width: 769px) { td .ipt30:last-child { margin-right: 0; } }

@media screen and (max-width: 769px) { .remain_box { bottom: 1em; right: 1em; } }

@media screen and (min-width: 769px) { .remain_box { bottom: 20px; right: 20px; } }

@media screen and (min-width: 769px) { .ime_off { ime-mode: inactive; }
  .ime_on { ime-mode: active; } }

@media screen and (max-width: 769px) { .send { text-align: center; }
  .send span { display: inline-block; margin-top: 2em; } }

@media screen and (min-width: 769px) { .send { position: relative; }
  .send span { position: absolute; right: 1em; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } }

.send_area { margin: 0 0 17.33333vw 0; }

.send_area button, .send_area a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; border: none; font-weight: bold; font-size: 2.33333vw; line-height: 1.51429; width: 50.93333vw; height: 10.66667vw; cursor: pointer; transition: .3s; }

.send_area button:after, .send_area a:after { position: absolute; top: 4.26667vw; content: ''; display: block; width: 0; height: 0; border-style: solid; }

.send_area button:hover, .send_area a:hover { opacity: .8; }

.send_area button { background: #e3f1d1; color: #39b54a; margin: 5.33333vw auto 3.2vw auto; }

.send_area button:after { right: 14vw; border-width: 0.93333vw 0 0.93333vw 1.2vw; border-color: transparent transparent transparent #39b54a; margin: 0 0 0 0.93333vw; }

.send_area a { background: #e6e6e6; color: #666666; margin: 0 auto; }

.send_area a:after { left: 14vw; border-width: 0.93333vw 1.2vw 0.93333vw 0; border-color: transparent #666666 transparent transparent; margin: 0 0.93333vw 0 0; }

@media screen and (min-width: 769px) { .send_area { margin: 0 0 130px 0; }
  .send_area button, .send_area a { font-size: 17.5px; width: 382px; height: 80px; }
  .send_area button:after, .send_area a:after { top: 32px; }
  .send_area button { margin: 70px auto 24px auto; }
  .send_area button:after { right: 105px; border-width: 7px 0 7px 9px; margin: 0 0 0 7px; }
  .send_area a:after { left: 105px; border-width: 7px 9px 7px 0; margin: 0 7px 0 0; } }

.flow { margin: 0 0 1.6vw 0; }

.flow strong { display: block; text-align: center; font-weight: bold; font-size: 3.73333vw; font-family: Georgia, "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif; color: #c4a874; margin: 0 0 3.73333vw 0; }

.flow ul { border-top: solid #c4a874 0.13333vw; }

.flow li { border-bottom: solid #c4a874 0.13333vw; display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; position: relative; padding: 3.2vw 3.73333vw 2.93333vw 1.6vw; background: #f5f5f5; }

.flow li em { display: block; font-style: normal; color: #c4a874; width: 4vw; font-size: 5.86667vw; }

.flow li span { display: block; font-weight: bold; width: 28vw; color: #a39a56; font-size: 3.2vw; }

.flow li p { font-size: 2.33333vw; line-height: 1.48571; text-align: left; color: #000000; width: 50.66667vw; margin: 0; }

.flow li:after { position: absolute; display: block; content: " "; width: 0; height: 0; border-style: solid; border-width: 2.26667vw 2.26667vw 0 2.26667vw; border-color: #c4a874 transparent transparent transparent; z-index: 5; }

@media screen and (max-width: 769px) { .flow li:after { bottom: -1.2vw; left: 50%; margin-left: -1.2vw; } }

.flow li:first-child { background: #fef9f3; }

.flow li:last-child { margin-bottom: 0; }

.flow li:last-child:after { content: none; }

@media screen and (min-width: 769px) { .flow { margin: 0 0 13px 0; }
  .flow strong { font-size: 28px; margin: 0 0 18px 0; }
  .flow ul { border-top: solid #c4a874 1px; }
  .flow li { border-bottom: solid #c4a874 1px; padding: 18px 28px 18px 14px; }
  .flow li em { width: 32px; font-size: 44px; }
  .flow li span { width: 210px; font-size: 24px; }
  .flow li p { font-size: 17.5px; width: 615px; }
  .flow li:after { border-width: 17px 17px 0 17px; border-color: #c4a874 transparent transparent transparent; bottom: -11px; left: 50%; margin-left: -18px; }
  .flow li:first-child { background: #fef9f3; } }

@media screen and (max-width: 769px) { .thanks { margin: .5em; margin-top: 2em; } }

.login ul li { margin-bottom: 1em; }

.login ul li:last-child { margin-bottom: 0; }

.login ul li a:before { left: .25em; }

@media screen and (min-width: 769px) { .login { margin: 20px 30px; }
  .login ul { display: -webkit-flex; display: flex; }
  .login ul li { width: 32.5%; margin-right: 1.25%; }
  .login ul li:last-child { margin-right: 0; }
  .login ul li a { font-size: .875em; }
  .login ul li a:before { left: 0; }
  .login ul li a.glogin:before { left: .125em; } }

.red { font-size: 2.4vw; line-height: 1.44444; margin: 0 0 3.73333vw 0; }

@media screen and (min-width: 769px) { .red { font-size: 17.5px; margin: 0 0 56px 0; } }

.meiwaku { margin: .5em; }

@media screen and (min-width: 769px) { .meiwaku { margin: .5em 30px; } }

.privacy { margin-bottom: 3.46667vw; }

@media screen and (min-width: 769px) { .privacy { margin-bottom: 2em; } }

@media screen and (min-width: 769px) { .thanks p { margin: 0 30px 1em; } }

@media screen and (max-width: 769px) { footer { margin-top: .5em; } }

#cont02 { padding: 10.13333vw 0 16vw 0; }

#cont02 h2 { text-align: center; color: #ff931e; font-size: 3.2vw; margin: 0 0 9.06667vw 0; }

#cont02 p { font-size: 1em; }

#cont02 p span { display: block; text-align: center; font-size: 3.2vw; line-height: 2.29167; margin: 0 0 7.33333vw 0; }

#cont02 p span.last { margin: 0; }

#cont02 p.link { margin: 1.6vw 0 9.6vw 0; }

#cont02 p.link a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: #c4a874; color: #FFFFFF; font-size: 2.53333vw; font-weight: bold; letter-spacing: 0.2em; width: 50.93333vw; height: 10.66667vw; margin: 0 auto; }

#cont02 p.link a:after { display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 1.2vw 0 1.2vw 1.2vw; border-color: transparent transparent transparent #FFFFFF; z-index: 5; margin: 0 0 0 2.4vw; }

@media screen and (min-width: 769px) { #cont02 { padding: 62px 0 150px 0; }
  #cont02 h2 { font-size: 24px; margin: 0 0 68px 0; }
  #cont02 p span { font-size: 24px; line-height: 2.29167; margin: 0 0 55px 0; }
  #cont02 p span.last { margin: 0; }
  #cont02 p.link { margin: 12px 0 72px 0; }
  #cont02 p.link a { font-size: 19px; letter-spacing: 0.2em; width: 382px; height: 80px; }
  #cont02 p.link a:after { border-width: 9px 0 9px 9px; border-color: transparent transparent transparent #FFFFFF; margin: 0 0 0 18px; } }

.apoint { position: relative; top: 0; left: 0; margin: 9.86667vw auto 1.86667vw auto; }

.apoint strong.read_text { display: block; background: #808080; font-size: 2.93333vw; color: #FFFFFF; text-align: center; width: 32vw; padding: 0.8vw 0 0.93333vw 0; margin: 0 0 2.4vw 0; }

.apoint h1 { display: block; font-size: 4.4vw; line-height: 1.54545; margin: 0 0 3.46667vw 0; }

.apoint h1 strong { position: relative; top: 0; left: 0; }

.apoint h1 strong span { position: relative; top: 0; left: 0; z-index: 10; }

.apoint h1 strong:before { position: absolute; content: ''; bottom: 0; left: 0; display: block; background: #f0ea3b; width: 98%; height: 1.86667vw; z-index: 5; }

.apoint h1 em { color: #ed1c24; }

.apoint p { font-size: 3.06667vw; line-height: 1.58696; }

.apoint p em { font-style: normal; color: #ed1c24; }

.apoint img { display: block; position: absolute; top: -5.33333vw; right: 0; width: 24.87467vw; }

@media screen and (min-width: 769px) { .apoint { margin: 72px auto 14px auto; }
  .apoint strong.read_text { font-size: 28px; width: 311px; padding: 6px 0 7px 0; margin: 0 0 24px 0; }
  .apoint h1 { font-size: 43px; line-height: 1.53488; margin: 0 0 18px 0; }
  .apoint h1 strong:before { height: 18px; }
  .apoint p { font-size: 23px; }
  .apoint img { top: -55px; right: -28px; width: 243px; } }

#shoptellist { display: none; margin: 20px 0 0 0; }

#shoptellist p { font-size: 22px; color: #ed1c24; }

#shoptellist div { display: none; }

#shoptellist div.on { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; }

#shoptellist div.on strong { display: block; font-size: 17.5px; }

#shoptellist div.on a { display: block; font-size: 24px; font-weight: bold; }

.flex { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; }

.flex li:nth-child(2n), .flex li:nth-child(3n), .flex li:nth-child(5) { margin: 0 0 0 28px; }

nav { position: fixed; top: 0; left: 0; width: 100%; z-index: 10; -webkit-transition: 0.8s; -moz-transition: 0.8s; -ms-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s; }

nav.fix { top: 0; }

nav .inner { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; background: #FFFFFF; max-width: 950px; width: 100%; margin: 0 auto; padding: 0; box-sizing: border-box; }

nav .inner h1 { width: 100%; box-sizing: border-box; }

nav .inner ul { position: absolute; top: 0; right: 48px; display: -webkit-flex; display: -ms-flex; display: flex; }

nav .inner ul li { width: 204px; margin: 0 0 0 18px; }

@media screen and (max-width: 769px) { nav .inner { padding: 0; }
  nav .inner h1 { width: 100%; }
  nav .inner ul { right: 5.05263vw; }
  nav .inner ul li { width: 21.47368vw; margin: 0 0 0 1.89474vw; } }

#lp { padding: 120px 0 0 0; }

#lp .inner { max-width: 950px; width: 100%; margin: 0 auto; }

#lp .inner .text11 { position: relative; }

#lp .inner .text11 p { position: absolute; }

#lp .inner .text11 p:nth-of-type(1) { left: 60px; top: 295px; width: 460px; }

#lp .inner .text11 p:nth-of-type(2) { left: 60px; top: 480px; width: 474px; }

#lp .inner .text11 p:nth-of-type(3) { left: 60px; top: 775px; width: 460px; }

#lp .inner .text11 p:nth-of-type(4) { left: 60px; top: 960px; width: 474px; }

#lp .inner .text11 p:nth-of-type(5) { left: 60px; top: 1270px; width: 460px; }

#lp .inner .text11 p:nth-of-type(6) { left: 60px; top: 1455px; width: 474px; }

#lp .inner .movie { position: relative; padding-bottom: 45.1%; /*アスペクト比 16:9の場合の縦幅*/ height: 0; overflow: hidden; width: 761px; margin: 0 auto; }

#lp .inner .movie iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#lp .inner .img { position: relative; top: 0; left: 0; }

#lp .inner .img img { display: block; width: 100%; height: auto; }

#lp .inner .img a { display: block; position: absolute; }

#lp .inner .img.btn1 a { bottom: 87px; left: 84px; width: 781px; }

#lp .inner .img.btn2 a { bottom: 247px; left: 84px; width: 781px; }

@media screen and (max-width: 769px) { #lp { padding: 12.63158vw 0 0 0; }
  #lp .inner .movie { width: 80.10526vw; }
  #lp .inner .head h1 { width: 100%; }
  #lp .inner .head p { width: 18.94737vw; }
  #lp .inner .head p:last-child { width: 27.57895vw; margin: 0 1.57895vw 0 2.10526vw; }
  #lp .inner .text11 p:nth-of-type(1) { left: 6.31579vw; top: 31.05263vw; width: 48.42105vw; }
  #lp .inner .text11 p:nth-of-type(2) { left: 6.31579vw; top: 50.52632vw; width: 49.89474vw; }
  #lp .inner .text11 p:nth-of-type(3) { left: 6.31579vw; top: 81.57895vw; width: 48.42105vw; }
  #lp .inner .text11 p:nth-of-type(4) { left: 6.31579vw; top: 101.05263vw; width: 49.89474vw; }
  #lp .inner .text11 p:nth-of-type(5) { left: 6.31579vw; top: 133.68421vw; width: 48.42105vw; }
  #lp .inner .text11 p:nth-of-type(6) { left: 6.31579vw; top: 153.15789vw; width: 49.89474vw; }
  #lp .inner .img.btn1 a { bottom: 9.15789vw; left: 8.84211vw; width: 82.21053vw; }
  #lp .inner .img.btn2 a { bottom: 26vw; left: 8.84211vw; width: 82.21053vw; } }