@charset "UTF-8";
/* ------------------------------ color
------------------------------ */
/* ------------------------------ font
------------------------------ */
/* ------------------------------

------------------------------ */
html, body, header, footer, nav, section, article, h1, h2, h3, h4, h5, h6, div, form, label, input, textarea, ul, ol, li, dl, dt, dd, p, video { margin: 0; padding: 0; }

html, body, header, footer, nav, section, article, h1, h2, h3, h4, h5, h6, div, form, label, input, textarea, ul, ol, li, dl, dt, dd, dt, p, span, a, img, i, svg, video, :before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-weight: inherit; line-height: inherit; position: relative; word-break: break-all; }

h1, h2, h3, h4, h5, h6, table, th, td, input, textarea { font-size: inherit; }

ul, li { list-style-type: none; }

a { color: #665f5c; color: #665f5c; -webkit-tap-highlight-color: transparent; -moz-tap-highlight-color: transparent; -ms-tap-highlight-color: transparent; tap-highlight-color: transparent; text-decoration: none; }
a.is-hover { -ms-filter: "alpha(opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; zoom: 1; }

a, a img { -webkit-transform: translateZ(0); -webkit-transition: 0.3s all ease-out; -moz-transition: 0.3s all ease-out; -ms-transition: 0.3s all ease-out; transition: 0.3s all ease-out; }

i { display: inline-block; font-size: inherit; font-style: normal; line-height: inherit; }

img { border: none; vertical-align: top; width: 100%; height: auto; }

input, textarea { resize: none; }

textarea { vertical-align: top; }

.bold { font-weight: 700 !important; }

.clearfix { display: inline-block; }

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

/*\*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }

/**/
.disabled { cursor: none; -ms-filter: "alpha(opacity=25)"; filter: alpha(opacity=25); opacity: 0.25; zoom: 1; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; pointer-events: none; }

.display-table, .display-table-fixed { display: table; width: 100%; }

.display-table-fixed { table-layout: fixed; }

.display-table > *, .display-table-fixed > * { display: table-cell; vertical-align: middle; }

.flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; }

.float-left { float: left !important; }

.float-right { float: right !important; }

.font-basic { font-family: Lato, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; }

.help { display: inline-block; margin-right: 3px; margin-left: 3px; }
.help:before { content: '\f059'; color: #ff9800; font-family: 'Font Awesome 5 Free'; font-size: 0.9rem; vertical-align: text-top; }

.jq-hide { display: none !important; }

.jq-invisible { visibility: hidden; }

.l0 { letter-spacing: 0; }

.small-text {font-size: 8px;}

.mw160 { max-width: 160px !important; }

.mw180 { max-width: 180px !important; }

.mw240 { max-width: 240px !important; }

.mw320 { max-width: 320px !important; }

.mw400 { max-width: 400px !important; }

.notice { color: #9e9e9e; font-size: 79%; font-weight: normal; }

.notransition { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; transition: none !important; }

.blue { color: #2196f3 !important; }

.green { color: #558b2f !important; }

.orange { color: #f57c00 !important; }

.red { color: #d32f2f !important; }

.text-left { text-align: left !important; }

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

.text-right { text-align: right !important; }

.tr { -webkit-transition: 0.3s all ease-out; -moz-transition: 0.3s all ease-out; -ms-transition: 0.3s all ease-out; transition: 0.3s all ease-out; }

.vm { vertical-align: middle; }

.ul { text-decoration: underline !important; }

.op0 { -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); opacity: 0; zoom: 1; }

.op10 { -ms-filter: "alpha(opacity=10)"; filter: alpha(opacity=10); opacity: 0.1; zoom: 1; }

.op20 { -ms-filter: "alpha(opacity=20)"; filter: alpha(opacity=20); opacity: 0.2; zoom: 1; }

.op30 { -ms-filter: "alpha(opacity=30)"; filter: alpha(opacity=30); opacity: 0.3; zoom: 1; }

.op40 { -ms-filter: "alpha(opacity=40)"; filter: alpha(opacity=40); opacity: 0.4; zoom: 1; }

.op50 { -ms-filter: "alpha(opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; zoom: 1; }

.op60 { -ms-filter: "alpha(opacity=60)"; filter: alpha(opacity=60); opacity: 0.6; zoom: 1; }

.op70 { -ms-filter: "alpha(opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; zoom: 1; }

.op80 { -ms-filter: "alpha(opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; zoom: 1; }

.op90 { -ms-filter: "alpha(opacity=90)"; filter: alpha(opacity=90); opacity: 0.9; zoom: 1; }

.op100 { -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); opacity: 1; zoom: 1; }

.m0 { margin: 0px !important; }

.p0 { padding: 0px !important; }

.m5 { margin: 5px !important; }

.p5 { padding: 5px !important; }

.m10 { margin: 10px !important; }

.p10 { padding: 10px !important; }

.m15 { margin: 15px !important; }

.p15 { padding: 15px !important; }

.m20 { margin: 20px !important; }

.p20 { padding: 20px !important; }

.m25 { margin: 25px !important; }

.p25 { padding: 25px !important; }

.m30 { margin: 30px !important; }

.p30 { padding: 30px !important; }

.mt0 { margin-top: 0px !important; }

.mr0 { margin-right: 0px !important; }

.mb0 { margin-bottom: 0px !important; }

.ml0 { margin-left: 0px !important; }

.pt0 { padding-top: 0px !important; }

.pr0 { padding-right: 0px !important; }

.pb0 { padding-bottom: 0px !important; }

.pl0 { padding-left: 0px !important; }

.mt5 { margin-top: 5px !important; }

.mr5 { margin-right: 5px !important; }

.mb5 { margin-bottom: 5px !important; }

.ml5 { margin-left: 5px !important; }

.pt5 { padding-top: 5px !important; }

.pr5 { padding-right: 5px !important; }

.pb5 { padding-bottom: 5px !important; }

.pl5 { padding-left: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mr10 { margin-right: 10px !important; }

.mb10 { margin-bottom: 10px !important; }

.ml10 { margin-left: 10px !important; }

.pt10 { padding-top: 10px !important; }

.pr10 { padding-right: 10px !important; }

.pb10 { padding-bottom: 10px !important; }

.pl10 { padding-left: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mr15 { margin-right: 15px !important; }

.mb15 { margin-bottom: 15px !important; }

.ml15 { margin-left: 15px !important; }

.pt15 { padding-top: 15px !important; }

.pr15 { padding-right: 15px !important; }

.pb15 { padding-bottom: 15px !important; }

.pl15 { padding-left: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mr20 { margin-right: 20px !important; }

.mb20 { margin-bottom: 20px !important; }

.ml20 { margin-left: 20px !important; }

.pt20 { padding-top: 20px !important; }

.pr20 { padding-right: 20px !important; }

.pb20 { padding-bottom: 20px !important; }

.pl20 { padding-left: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mr25 { margin-right: 25px !important; }

.mb25 { margin-bottom: 25px !important; }

.ml25 { margin-left: 25px !important; }

.pt25 { padding-top: 25px !important; }

.pr25 { padding-right: 25px !important; }

.pb25 { padding-bottom: 25px !important; }

.pl25 { padding-left: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mr30 { margin-right: 30px !important; }

.mb30 { margin-bottom: 30px !important; }

.ml30 { margin-left: 30px !important; }

.pt30 { padding-top: 30px !important; }

.pr30 { padding-right: 30px !important; }

.pb30 { padding-bottom: 30px !important; }

.pl30 { padding-left: 30px !important; }

.block-sp, .block-lg, .block-md, .block-sm, .block-s, .block-xs, .block-xxs, .inline-sp, .inline-lg, .inline-md, .inline-sm, .inline-s, .inline-xs, .inline-xxs { display: none !important; }

@media screen and (max-width: 1199px) { .hide-lg { display: none !important; }
  .block-lg { display: block !important; }
  .inline-lg { display: inline !important; } }
@media screen and (max-width: 991px) { .hide-md { display: none !important; }
  .block-md { display: block !important; }
  .inline-md { display: inline !important; } }
@media screen and (max-width: 767px) { .block-pc, .hide-sp { display: none !important; }
  .block-sp { display: block !important; }
  .inline-sp { display: inline !important; }
  .hide-sm { display: none !important; }
  .block-sm { display: block !important; }
  .inline-sm { display: inline !important; } }
@media screen and (max-width: 640px) { .hide-s { display: none !important; }
  .block-s { display: block !important; }
  .inline-s { display: inline !important; } }
@media screen and (max-width: 480px) { .hide-xs { display: none !important; }
  .block-xs { display: block !important; }
  .inline-xs { display: inline !important; } }
@media screen and (max-width: 400px) { .hide-xxs { display: none !important; }
  .block-xxs { display: block !important; }
  .inline-xxs { display: inline !important; } }
/* ------------------------------ btn
------------------------------ */
.btn { background: #665f5c; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); color: #fff; color: #fff; display: block; font-weight: 700; line-height: 1.5; margin-right: auto; margin-left: auto; padding: 5px 10px; text-align: center; }

.btn-m { padding-top: 10px; padding-bottom: 10px; }
.btn-m.btn-border, .btn-m.btn-border2 { padding-top: 9px; padding-bottom: 9px; }

.btn-l { font-size: 129%; padding-top: 20px; padding-bottom: 20px; max-width: 240px; }
.btn-l.btn-border, .btn-l.btn-border2 { padding-top: 19px; padding-bottom: 19px; }

.btn-open:before { content: '\f0fe'; font-family: 'Font Awesome 5 Free'; font-weight: 700; line-height: 20px; margin-top: -10px; position: absolute; right: 10px; top: 50%; }
.btn-open.is-open:before { content: '\f146'; }

.btn-p:before { content: '\f053'; font-family: 'Font Awesome 5 Free'; font-weight: 700; line-height: 20px; margin-top: -10px; position: absolute; left: 10px; top: 50%; }

.btn-r { padding-right: 20px; }
.btn-r:before { content: '\f054'; font-family: 'Font Awesome 5 Free'; font-weight: 700; line-height: 20px; margin-top: -10px; position: absolute; right: 10px; top: 50%; }

.btn-border { background: #fff; color: #665f5c; color: #665f5c; border: 1px solid #665f5c; padding-top: 4px; padding-bottom: 4px; }
.btn-border.is-green { border-color: #689f38; color: #689f38; color: #689f38; }
.btn-border.is-purple { border-color: #9575cd; color: #7E57C2; color: #7E57C2; }

.btn-border2 { background: #fff; color: #689f38; color: #689f38; border: 1px solid #689f38; padding-top: 4px; padding-bottom: 4px; }

.btn-fav { background: #eee; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; color: #bdbdbd; color: #bdbdbd; display: inline-block; text-align: center; width: 40px; height: 40px; }
.btn-fav.is-hover { background: #ef5350; color: #fff; color: #fff; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); opacity: 1; zoom: 1; }
.btn-fav:before { content: '\f004'; font-family: 'Font Awesome 5 Free'; line-height: 20px; font-size: 115%; margin-top: -9px; position: absolute; top: 50%; left: 0; width: 100%; }
.btn-fav.active { background: #ef5350; color: #fff; color: #fff; }
.btn-fav.active.is-hover { background: #ef5350; color: #fff; color: #fff; }

.btn-keep.is-hover { background: #ef5350; color: #fff; color: #fff; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); opacity: 1; zoom: 1; }
.btn-keep.active { background: #ef5350; color: #fff; color: #fff; }
.btn-keep.active.is-hover { background: #ef5350; color: #fff; color: #fff; }

.btn-blue { background: #42a5f5; }

.btn-gray { background: #9e9e9e; }

.btn-green { background: #689f38; }

.btn-light-gray { background: #eee; color: #212121; color: #212121; }

.btn-orange { background: #ff9800; }

.btn-pink { background: #f06292; }

.btn-purple { background: #9575cd; }

.btn-white { background: #fff; color: #665f5c; color: #665f5c; }
.btn-white.is-green { color: #665f5c; color: #665f5c; }

.btn-back { max-width: 160px; }

.btn-s.btn-r:before { right: 8px; }

@media screen and (max-width: 767px) { .btn-l { font-size: 115%; padding-top: 15px; padding-bottom: 15px; }
  .btn-l.btn-border, .btn-l.btn-border2 { padding-top: 14px; padding-bottom: 14px; }
  .btn-fav { width: 30px; height: 30px; } }
@media screen and (max-width: 480px) { .btn-s { font-size: 86%; }
  .btn-m { padding-top: 8px; padding-bottom: 8px; }
  .btn-m.btn-border, .btn-m.btn-border2 { padding-top: 7px; padding-bottom: 7px; }
  .btn-l { font-size: 108%; padding-top: 12px; padding-bottom: 12px; }
  .btn-l.btn-border, .btn-l.btn-border2 { padding-top: 11px; padding-bottom: 11px; } }
/* ------------------------------ campaign
------------------------------ */
.parts-campaign { border: 2px solid #ff9800; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; color: #f57c00; display: block; font-size: 115%; font-weight: 700; line-height: 1.5; padding: 15px 10px 15px 40px; }
.parts-campaign i { color: #ff9800; line-height: 20px; margin-top: -10px; position: absolute; left: 15px; top: 50%; }

a.parts-campaign { padding-right: 30px; }
a.parts-campaign:after { content: '\f054'; font-family: 'Font Awesome 5 Free'; font-weight: 700; line-height: 20px; margin-top: -10px; position: absolute; right: 10px; top: 50%; }

@media screen and (max-width: 480px) { .parts-campaign { font-size: 108%; padding-top: 10px; padding-bottom: 10px; } }
/* ------------------------------ dropzone
------------------------------ */
.dropzone { background: #f2f2f2; border: 2px dashed #bdbdbd; padding: 5px; min-height: 124px; }
.dropzone .dz-message { font-size: 86%; letter-spacing: 0; line-height: 1.5; }
.dropzone .dz-default { margin: 0; padding-top: 25px; }
.dropzone .dz-default .btn { display: inline-block; font-size: 86%; margin-top: 5px; padding: 8px 10px; }
.dropzone .dz-preview { margin: 0; padding: 5px; }
.dropzone .dz-preview.dz-image-preview { background: none; }
.dropzone .dz-preview .dz-image { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); width: 100px; height: 100px; }
.dropzone .dz-preview .dz-error-message { font-size: 79%; line-height: 1.5; top: 100px; left: -10px; }
.dropzone .dz-preview .dz-remove { background: #9e9e9e; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; color: #fff; color: #fff; display: block; position: absolute; top: 10px; right: 10px; text-align: center; width: 24px; height: 24px; z-index: 20; }
.dropzone .dz-preview .dz-remove:before { content: '\f00d'; display: block; font-family: 'Font Awesome 5 Free'; font-weight: 700; line-height: 20px; margin-top: -10px; position: absolute; top: 50%; left: 0; width: 100%; }

/* ------------------------------ dvd
------------------------------ */
.parts-goods-item { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); color: #212121; color: #212121; display: block; line-height: 1.5; margin-right: auto; margin-left: auto; }
.parts-goods-item .rank { font-size: 86%; overflow: hidden; pointer-events: none; position: absolute; top: 0; left: 0; z-index: 2; width: 50px; height: 50px; }
.parts-goods-item .rank span { display: inline-block; padding-top: 5px; padding-left: 5px; z-index: 2; }
.parts-goods-item .rank:before { border-color: transparent; border-style: solid; border-width: 50px; content: ''; display: block; position: absolute; top: 0; left: -50px; width: 0; height: 0; }
.parts-goods-item .rank.rank1:before { border-top-color: #ffee58; }
.parts-goods-item .rank.rank2:before { border-top-color: #e0e0e0; }
.parts-goods-item .rank.rank3:before { border-top-color: #ffb74d; }
.parts-goods-item .image { background-position: 0 0; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; width: 100%; height: 0; }
.parts-goods-item .text { padding: 10px 15px 15px; }
.parts-goods-item .text p { margin-top: 5px; }
.parts-goods-item .text p.first-child { margin-top: 0; }
.parts-goods-item .text .btn { margin-top: 10px; }
.parts-goods-item .genre { color: #7E57C2; font-size: 79%; }
.parts-goods-item .title { font-size: 108%; font-weight: 700; }
.parts-goods-item .detail { font-size: 93%; line-height: 1.75; }
.parts-goods-item.is-book .image { padding-top: 135%; }
.parts-goods-item.is-cd .image { padding-top: 100%; }
.parts-goods-item.is-cd .text { padding-bottom: 55px; }
.parts-goods-item.is-cd .btns { padding-right: 15px; padding-left: 15px; position: absolute; left: 0; width: 100%; bottom: 15px; }
.parts-goods-item.is-dvd .image { padding-top: 150%; }
.parts-goods-item.is-type .image { padding-top: 100%; }

@media screen and (max-width: 767px) { .parts-goods-item .text { font-size: 86%; }
  .parts-goods-item.is-cd .btn { font-size: 86%; } }
@media screen and (max-width: 480px) { .parts-goods-item .genre { font-size: 72%; }
  .parts-goods-item .text { letter-spacing: 0.025em; padding: 10px; }
  .parts-goods-item .title { font-size: 100%; font-weight: 700; }
  .parts-goods-item .detail { font-size: 79%; }
  .parts-goods-item.is-cd .text { padding-bottom: 45px; }
  .parts-goods-item.is-cd .btns { padding-right: 10px; padding-left: 10px; bottom: 10px; } }
@media screen and (max-width: 400px) { .parts-goods-item .title { font-size: 93%; }
  .parts-goods-item .detail { font-size: 79%; } }
/* ------------------------------ form
------------------------------ */
.form-error.is-error { padding-bottom: 20px; }
.form-error.is-error .form-input, .form-error.is-error .form-select select { background: #fbeaea; border: 1px solid #d32f2f; }
.form-error.is-error .form-error-text { display: block; }
.form-error.is-fail { padding-bottom: 20px; }
.form-error.is-fail .form-input, .form-error.is-fail .form-select select { border: 1px solid #9e9e9e; }
.form-error.is-fail .form-error-text { display: block; }

.form-error-text { color: #d32f2f; display: none; font-size: 79%; letter-spacing: 0; line-height: 20px; position: absolute; left: 0; bottom: 0; }

.form-input { background: #f2f2f2; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.075) inset; -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.075) inset; -ms-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.075) inset; box-shadow: 0 2px 1px rgba(0, 0, 0, 0.075) inset; padding: 0 10px; width: 100%; height: 40px; }
.form-input:placeholder-shown { color: #9e9e9e; font-size: 93%; }
.form-input::-webkit-input-placeholder { color: #9e9e9e; font-size: 93%; }
.form-input:-moz-placeholder { color: #9e9e9e; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); opacity: 1; zoom: 1; font-size: 93%; }
.form-input::-moz-placeholder { color: #9e9e9e; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); opacity: 1; zoom: 1; font-size: 93%; }
.form-input:-ms-input-placeholder { color: #9e9e9e; font-size: 93%; }

.form-opt, .form-req { border: 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; display: inline-block; font-size: 72%; line-height: 1.5; text-align: center; width: 40px; }

.form-opt { border-color: #9e9e9e; color: #9e9e9e; }

.form-req { border-color: #ff9800; color: #ff9800; }

.form-postcode { padding-right: 80px; max-width: 290px; }
.form-postcode .form-input { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
.form-postcode .btn { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; font-size: 79%; line-height: 20px; padding-top: 10px; padding-bottom: 10px; position: absolute; top: 0; right: 0; width: 80px; }

.form-select { display: block; }
.form-select select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background: #fff; border: 1px solid #665f5c; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; color: #665f5c; cursor: pointer; display: block; padding: 9px 30px 9px 10px; width: 100%; }
.form-select select::-ms-expand { display: none; }
.form-select:before { content: '\f0d7'; font-family: 'Font Awesome 5 Free'; font-weight: 700; line-height: 20px; margin-top: -10px; pointer-events: none; position: absolute; right: 10px; top: 50%; }

.form-table { border-collapse: collapse; border-spacing: 0; }
.form-table th { font-weight: 400; text-align: left; }

textarea.form-input { padding-top: 10px; padding-bottom: 10px; }

.checkbox { background: #eee; border: 1px solid #eee; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); color: #616161; cursor: pointer; display: inline-block; line-height: 1.25; margin-top: 10px; margin-right: 10px; padding: 10px; text-align: center; -webkit-transition: 0.3s all ease-out; -moz-transition: 0.3s all ease-out; -ms-transition: 0.3s all ease-out; transition: 0.3s all ease-out; min-width: 80px; }
.checkbox:before { color: #bdbdbd; content: '\f058'; display: inline-block; font-family: 'Font Awesome 5 Free'; font-weight: bold; margin-right: 2px; }
.checkbox input { display: none; }

input[type=checkbox], input[type=radio] { display: none; }

input:checked + .checkbox, .checkbox.active { background: #fff; border-color: #ff9800 !important; color: #212121; font-weight: 700; }
input:checked + .checkbox:before, .checkbox.active:before { color: #ff9800; }

body.goods input:checked + .checkbox, body.goods .checkbox.active { border-color: #9575cd; }
body.goods input:checked + .checkbox:before, body.goods .checkbox.active:before { color: #9575cd; }

.list .checkbox { display: block; margin-right: 0; }

.keyword-trend { line-height: 1.25; }
.keyword-trend span, .keyword-trend .btn { display: inline-block; font-size: 72%; font-weight: 400; margin-top: 5px; padding: 3px 5px; }
.keyword-trend span { border: 1px solid #ff9800; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; color: #f57c00; }
.keyword-trend .btn { margin-left: 5px; }

.datetimepicker-wrap input { padding-right: 30px; }
.datetimepicker-wrap .btn-datetimepicker { position: absolute; top: 0; right: 0; width: 30px; height: 100%; }
.datetimepicker-wrap .btn-datetimepicker i { line-height: 20px; margin-top: -10px; position: absolute; top: 50%; left: 0; text-align: center; width: 100%; }

/* ------------------------------ keep
------------------------------ */
@-webkit-keyframes keep_message { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
  10% { -webkit-transform: scale(1.025, 1.025); -moz-transform: scale(1.025, 1.025); -ms-transform: scale(1.025, 1.025); transform: scale(1.025, 1.025); }
  20% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
  80% { -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); opacity: 1; zoom: 1; }
  100% { -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); opacity: 0; zoom: 1; } }
@-moz-keyframes keep_message { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
  10% { -webkit-transform: scale(1.025, 1.025); -moz-transform: scale(1.025, 1.025); -ms-transform: scale(1.025, 1.025); transform: scale(1.025, 1.025); }
  20% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
  80% { -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); opacity: 1; zoom: 1; }
  100% { -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); opacity: 0; zoom: 1; } }
@-ms-keyframes keep_message { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
  10% { -webkit-transform: scale(1.025, 1.025); -moz-transform: scale(1.025, 1.025); -ms-transform: scale(1.025, 1.025); transform: scale(1.025, 1.025); }
  20% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
  80% { -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); opacity: 1; zoom: 1; }
  100% { -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); opacity: 0; zoom: 1; } }
@keyframes keep_message { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
  10% { -webkit-transform: scale(1.025, 1.025); -moz-transform: scale(1.025, 1.025); -ms-transform: scale(1.025, 1.025); transform: scale(1.025, 1.025); }
  20% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
  80% { -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); opacity: 1; zoom: 1; }
  100% { -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); opacity: 0; zoom: 1; } }
.keep-message { background: #fff; border: 1px solid #e0e0e0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); font-size: 86%; letter-spacing: 0; line-height: 1.5; margin-top: 10px; padding: 10px; pointer-events: none; position: absolute; top: 100%; left: 0; min-width: 100%; z-index: 2; }
.keep-message:before, .keep-message:after { border-style: solid; border-width: 5px; content: ''; display: block; position: absolute; left: 10px; width: 0; height: 0; z-index: 2; }
.keep-message:before { border-color: transparent transparent #e0e0e0 transparent; top: -10px; }
.keep-message:after { border-color: transparent transparent #fff transparent; top: -9px; }
.keep-message.init { -webkit-animation: keep_message 1.5s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-animation: keep_message 1.5s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275); -ms-animation: keep_message 1.5s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275); animation: keep_message 1.5s forwards cubic-bezier(0.175, 0.885, 0.32, 1.275); }

/* ------------------------------ link
------------------------------ */
.parts-link, .parts-link-sp { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; color: #212121; color: #212121; display: block; font-size: 86%; letter-spacing: 0.025em; line-height: 1.5; margin-top: 10px; padding: 10px; }
.parts-link:first-child, .parts-link-sp:first-child { margin-top: 0; }
.parts-link.is-text, .parts-link-sp.is-text { background: none; border: none !important; padding: 0; }
.parts-link.is-text:before, .parts-link-sp.is-text:before { display: none; }
.parts-link .status, .parts-link-sp .status { margin-bottom: 10px; }

a.parts-link { padding-right: 30px; }
a.parts-link:before { color: #665f5c; content: '\f054'; font-family: 'Font Awesome 5 Free'; font-weight: 700; line-height: 20px; margin-top: -10px; position: absolute; right: 15px; top: 50%; }

.parts-link-coupon, .parts-link-ws { padding-left: 100px; }
.parts-link-coupon label, .parts-link-ws label { display: inline-block; font-size: 90%; line-height: 20px; margin-top: -10px; padding-left: 20px; position: absolute; top: 50%; left: 15px; }
.parts-link-coupon label i, .parts-link-ws label i { line-height: 20px; margin-top: -10px; position: absolute; top: 50%; left: 0; }

.parts-link-coupon-s { padding-left: 40px; }
.parts-link-coupon-s i { line-height: 20px; margin-top: -10px; position: absolute; top: 50%; left: 15px; }

.parts-link-coupon, .parts-link-coupon-s { background: #fff4e5; }
.parts-link-coupon:before, .parts-link-coupon-s:before { color: #ff9800; }
.parts-link-coupon label, .parts-link-coupon-s label { color: #f57c00; }
.parts-link-coupon i, .parts-link-coupon-s i { color: #ff9800; font-size: 125%; }
.parts-link-coupon .detail, .parts-link-coupon-s .detail { padding-top: 5px; }

.parts-link-new, .parts-link-new-m { background: #fff4e5; padding-left: 100px; }
.parts-link-new:before, .parts-link-new-m:before { color: #ff9800; }
.parts-link-new label, .parts-link-new-m label { background: #fff; border: 1px solid #ff9800; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; color: #f57c00; display: inline-block; font-size: 90%; line-height: 20px; margin-top: -10px; position: absolute; top: 50%; left: 10px; text-align: center; width: 80px; }

.parts-link-new-m { padding-left: 120px; }
.parts-link-new-m label { width: 100px; }

.parts-link-text { border: 1px solid #e0e0e0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
.parts-link-text strong, .parts-link-text span { display: block; }
.parts-link-text span { color: #616161; font-size: 86%; }
.parts-link-text .detail { margin-top: 5px; }

.parts-link-ws, .parts-link-ws-s, .parts-link-ws-img, .parts-link-ws-text { background: #ecf6fe; }
.parts-link-ws:before, .parts-link-ws-s:before, .parts-link-ws-img:before, .parts-link-ws-text:before { color: #42a5f5; }
.parts-link-ws label, .parts-link-ws-s label, .parts-link-ws-img label, .parts-link-ws-text label { color: #2196f3; }
.parts-link-ws i, .parts-link-ws-s i, .parts-link-ws-img i, .parts-link-ws-text i { color: #42a5f5; font-size: 125%; }
.parts-link-ws .detail, .parts-link-ws-s .detail, .parts-link-ws-img .detail, .parts-link-ws-text .detail { padding-top: 10px; }
.parts-link-ws .detail .more, .parts-link-ws-s .detail .more, .parts-link-ws-img .detail .more, .parts-link-ws-text .detail .more { color: #2196f3; }
.parts-link-ws.is-text label, .parts-link-ws-s.is-text label, .parts-link-ws-img.is-text label, .parts-link-ws-text.is-text label { margin: 0 3px 0 0; position: relative; top: auto; left: auto; }

.parts-link-ws-s { padding-left: 100px; }
.parts-link-ws-s label { background: #fff; border: 1px solid #42a5f5; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; color: #2196f3; display: inline-block; font-size: 90%; line-height: 20px; margin-top: -10px; position: absolute; top: 50%; left: 10px; text-align: center; width: 80px; }
.parts-link-ws-s .date { color: #2196f3; letter-spacing: 0; }

.parts-link-ws-img { padding: 20px 25px 20px 110px; min-height: 120px; }
.parts-link-ws-img img { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); position: absolute; top: 20px; left: 20px; width: 80px; }
.parts-link-ws-img .date { color: #2196f3; padding-bottom: 10px; }
.parts-link-ws-img .detail { padding-top: 5px; }

.parts-link-ws-img-2 { padding: 20px 25px 20px 20px; min-height: 120px; }
.parts-link-ws-img-2 img { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); position: absolute; top: 20px; left: 20px; width: 80px; }
.parts-link-ws-img-2 .date { color: #2196f3; padding-bottom: 10px; }
.parts-link-ws-img-2 .detail { padding-top: 5px; }

.parts-link-ws-text .body { font-weight: 700; }

@media screen and (max-width: 767px) { .parts-link { background: none; border: none; border-bottom: 1px solid #e0e0e0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; margin-top: 0; padding-top: 10px; padding-bottom: 10px; }
  .parts-link-new { padding-left: 10px; padding-top: 10px; padding-bottom: 10px; }
  .parts-link-new label { display: block; margin: 0 0 5px; position: relative; top: auto; left: auto; }
  .parts-link-ws-s { padding-left: 10px; }
  .parts-link-ws-s label { margin: 0 3px 0 0; position: relative; top: auto; left: auto; }
  .parts-link-ws-s .body { display: block; padding-top: 5px; } }
@media screen and (max-width: 640px) { .parts-link-coupon, .parts-link-ws { padding-left: 65px; }
  .parts-link-coupon label, .parts-link-ws label { line-height: 1.1; padding-left: 0; text-align: center; width: 40px; }
  .parts-link-coupon label i, .parts-link-ws label i { line-height: inherit; margin-top: 0; position: relative; top: auto; left: auto; }
  .parts-link-coupon label span, .parts-link-ws label span { display: block; }
  .parts-link-coupon label { margin-top: -12px; }
  .parts-link-ws { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; min-height: 50px; }
  .parts-link-ws label { margin-top: -17px; }
  .parts-link-ws .detail, .parts-link-ws-s .detail { display: none; } }
@media screen and (max-width: 480px) { 
  .parts-link-ws-img { padding-top: 10px; padding-bottom: 10px; padding-left: 90px; min-height: 90px; }
  .parts-link-ws-img img { top: 10px; left: 10px; width: 70px; }
  .parts-link-ws-img .date { padding-bottom: 5px; }
  .parts-link-ws-img .detail { padding-top: 0; }
  .parts-link-ws-img-2 { padding-top: 10px; padding-bottom: 10px; padding-left: 20px; min-height: 90px; }
  .parts-link-ws-img-2 img { top: 10px; left: 10px; width: 70px; }
  .parts-link-ws-img-2 .date { padding-bottom: 5px; }
  .parts-link-ws-img-2 .detail { padding-top: 0; } }
/* ------------------------------ modal
------------------------------ */
.modal-bg, .modal-wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

.modal-bg { background: #000; cursor: pointer; -ms-filter: "alpha(opacity=75)"; filter: alpha(opacity=75); opacity: 0.75; zoom: 1; z-index: 999; }

.modal-wrap { cursor: pointer; z-index: 1000; }

.modal-body { display: table-cell; vertical-align: middle; padding: 20px; height: 100%; }

.modal-content { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; cursor: default; margin-right: auto; margin-left: auto; padding: 30px; overflow: auto; text-align: center; max-width: 640px; max-height: 100%; }
.modal-content .btn-close { margin-top: 30px; max-width: 160px; }

.modal-main { padding-top: 20px; text-align: left; }

.modal-close { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; }
.modal-close:before, .modal-close:after { background: #665f5c; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; border-radius: 1px; content: ''; display: block; margin-top: -1px; margin-left: -8px; position: absolute; top: 50%; left: 50%; width: 16px; height: 2px; }
.modal-close:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.modal-close:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.modal-title { font-size: 129%; font-weight: 700; line-height: 1.5; }
.modal-title i { color: #bcaaa4; }
.modal-title span { display: inline-block; padding-left: 20px; }
.modal-title.is-done span:before { color: #bcaaa4; content: '\f058'; font-family: 'Font Awesome 5 Free'; font-weight: 700; line-height: 20px; margin-top: -10px; position: absolute; top: 50%; left: 0; }

body.is-modal { overflow: hidden; }
body.is-modal .modal-bg { display: block; }
body.is-modal .modal-wrap { display: table; }

@media screen and (max-width: 480px) { .modal-body { padding: 10px; }
  .modal-close { top: 5px; right: 5px; }
  .modal-content { padding-right: 20px; padding-left: 20px; padding-bottom: 20px; }
  .modal-title { font-size: 115%; font-weight: 700; line-height: 1.5; } }
/* ------------------------------ movie
------------------------------ */
.movie { background: #ccc; width: 100%; height: 0; }
.movie > *, .movie iframe, .movie video { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; }

.movie16x9 { padding-top: 56.25%; }

/* ------------------------------ owl
------------------------------ */
.owl-prev, .owl-next { -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover; display: block; margin-top: -40px; position: absolute; top: 50%; -webkit-transition: 0.3s opacity ease-out; -moz-transition: 0.3s opacity ease-out; -ms-transition: 0.3s opacity ease-out; transition: 0.3s opacity ease-out; width: 32px; height: 80px; }

.owl-prev { background-image: url(/assets/images/common/btn_prev.png); left: 20px; }

.owl-next { background-image: url(/assets/images/common/btn_next.png); right: 20px; }

.owl-dots { display: none !important; }

.owl-dots-custom { padding-top: 10px; text-align: center; }
.owl-dots-custom .owl-dot { background: #e0e0e0; border: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; cursor: pointer; display: inline-block; margin: 6px 3px 0; outline: none; padding: 0; width: 8px; height: 8px; }
.owl-dots-custom .owl-dot.active { background: #689f38; }

.is-purple + .owl-dots-custom .owl-dot.active { background: #9575cd; }

/* ------------------------------ client
------------------------------ */
.client-footer { padding-top: 50px; text-align: center; }
.client-footer .btn { background: #fff; border: 1px solid #689f38; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; color: #689f38; display: inline-block; width: 300px; }

/* ------------------------------ instagram
------------------------------ */
.instagram-footer { margin-bottom: 20px;  }
.instagram-footer-title { margin-bottom: 10px; }
.instagram-footer-title:before { background: #ccc; content: ''; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; }
.instagram-footer-title span { background: #f2f2f2; display: inline-block; padding: 0 10px; }
.instagram-footer .image { background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; display: block; padding-top: 100%; width: 100%; height: 0; }

/* ------------------------------ facebook page plugin
------------------------------ */
.fb-footer { padding-top: 40px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-bottom: 40px; padding-left: 15px; text-align: center; max-width: 530px; }
.fb-footer-title { margin-bottom: 10px; }
.fb-footer-title:before { background: #ccc; content: ''; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; }
.fb-footer-title span { background: #f2f2f2; display: inline-block; padding: 0 10px; }
body.contact .fb-footer { display: none; } 
@media screen and (max-width: 480px) { .fb-footer { padding-right: 10px; padding-left: 10px; } }

/* ------------------------------ pagetop
------------------------------ */
.pagetop { background: #665f5c; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; color: #fff; color: #fff; -ms-filter: "alpha(opacity=75)"; filter: alpha(opacity=75); opacity: 0.75; zoom: 1; position: fixed; bottom: 20px; right: 20px; z-index: 100; text-align: center; width: 40px; height: 40px; }
.pagetop.is-hover { -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); opacity: 1; zoom: 1; }
.pagetop:before { content: '\f0de'; font-family: 'Font Awesome 5 Free'; font-size: 125%; font-weight: 700; line-height: 20px; margin-top: -6px; position: absolute; top: 50%; left: 0; width: 100%; }
.pagetop.active { bottom: 20px; }

@media screen and (max-width: 767px) { .pagetop { right: 15px; } }
@media screen and (max-width: 480px) { .pagetop { right: 10px; bottom: 10px; } }
/* ------------------------------ payment
------------------------------ */
.payment { background: #fff4e5; border: 1px solid #ff9800; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; line-height: 20px; padding: 15px; text-align: center; }
.payment strong { font-size: 125%; }
.payment .btn-cancel, .payment .btn-edit, .payment .btn-ok { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; padding: 0; position: absolute; top: 0; right: 0; text-align: center; width: 40px; height: 100%; }
.payment .btn-cancel:before, .payment .btn-edit:before, .payment .btn-ok:before { font-family: 'Font Awesome 5 Free'; font-weight: 700; line-height: 20px; margin-top: -10px; position: absolute; top: 50%; left: 0; width: 100%; }
.payment .btn-cancel { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; display: none; right: 40px; }
.payment .btn-cancel:before { content: '\f00d'; }
.payment .btn-edit:before { content: '\f304'; }
.payment .btn-ok { display: none; }
.payment .btn-ok:before { content: '\f00c'; }
.payment .form-input { display: none; padding-right: 90px; position: absolute; top: 0; left: 0; height: 100%; }
.payment.is-edit .btn-cancel, .payment.is-edit .btn-ok, .payment.is-edit .form-input { display: block; }
.payment.is-edit .btn-edit { display: none; }
.payment.is-edit .price { display: block; visibility: hidden; }

/* ------------------------------ pickup
------------------------------ */
.parts-pickup { background: #ff9800; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; color: #fff; display: inline-block; font-size: 79%; letter-spacing: 0; line-height: 24px; text-align: center; padding: 0 15px; }
.parts-pickup:after { border-color: #ff9800 transparent transparent transparent; border-style: solid; border-width: 5px; content: ''; display: block; margin-left: -5px; position: absolute; left: 50%; bottom: -10px; width: 0; height: 0; }

/* ------------------------------ privacy
------------------------------ */
.parts-privacy, .parts-terms { border: 1px solid #e0e0e0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font-size: 79%; padding: 15px 20px; }
.parts-privacy p, .parts-terms p { color: #616161; margin-top: 0.5em; }
.parts-privacy a, .parts-terms a { font-weight: 700; text-decoration: underline; }
.parts-privacy.is-terms, .parts-terms.is-terms { overflow: auto; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -ms-overflow-scrolling: touch; overflow-scrolling: touch; max-height: 160px; }

@media screen and (max-width: 480px) { .parts-privacy { line-height: 1.5; padding: 10px; } }
/* ------------------------------ header
------------------------------ */
.site-header { background: #a3bf58; letter-spacing: 0; padding-top: 20px; }
.site-header .text { text-align: center; width: 110px; }
.site-header .logo { width: 110px; }
.site-header .logo.is-top { padding-top: 15px; padding-bottom: 15px; }
.site-header .area { padding-top: 5px; }
.site-header .area a { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; display: block; font-size: 79%; font-weight: bold; line-height: 24px; }
.site-header .area a span { display: inline-block; padding-right: 10px; }
.site-header .area a:after { color: #665f5c; content: "\f150"; display: inline-block; font-family: 'Font Awesome 5 Free'; font-weight: bold; line-height: 20px; margin-top: -10px; position: absolute; top: 50%; right: 8px; }
.site-header .count { background: #689f38; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; color: #fff; font-size: 65%; letter-spacing: -0.025em; line-height: 1.25; padding-top: 9px; position: absolute; top: 0; left: 120px; text-align: center; width: 75px; height: 75px; }
.site-header .count strong { display: inline-block; font-size: 175%; letter-spacing: 0; padding-top: 1px; }
.site-header .banners { position: absolute; top: 0; right: 20px; }
.site-header .banner-pr { color: #000; color: #000; margin-top: 10px; }
.site-header nav { background: #665f5c; margin-top: 10px; padding: 5px 0; }
.site-header nav li { display: inline-block; padding-right: 15px; }
.site-header nav li:last-child { padding-right: 0; }
.site-header nav a { display: inline-block; font-size: 86%; color: #fff; color: #fff; padding-left: 18px; }
.site-header nav a:before { color: #bcaaa4; display: inline-block; font-family: 'Font Awesome 5 Free'; font-weight: bold; line-height: 30px; margin-top: -15px; position: absolute; top: 50%; left: 0; text-align: center; width: 16px; }
.site-header nav a.search:before { content: '\f002'; }
.site-header nav a.coupon:before { content: '\f3ff'; }
.site-header nav a.certificate:before { content: '\f559'; /*
content: '\e900';
font-family: "icon";
font-size: 110%;
font-weight: normal;
*/ }
.site-header nav a.instructor:before { content: '\e902'; font-family: "icon"; font-size: 120%; font-weight: normal; }
.site-header nav a.wear:before { content: '\e903'; font-family: "icon"; font-size: 120%; font-weight: normal; }
.site-header nav a.fitness:before { content: '\e901'; font-family: "icon"; font-size: 120%; font-weight: normal; }
.site-header nav a.blank:before { content: '\f2d2'; font-family: 'Font Awesome 5 Free'; font-weight: normal; }
.site-header .menu { color: #fff; color: #fff; display: none; font-size: 65%; text-align: center; position: absolute; top: 0; left: 0; width: 64px; height: 100%; }
.site-header .menu i, .site-header .menu span, .site-header .menu:before, .site-header .menu:after { position: absolute; }
.site-header .menu i, .site-header .menu:before, .site-header .menu:after { background: #fff; margin-left: -12px; position: absolute; top: 50%; left: 50%; -webkit-transition: 0.3s all ease-out; -moz-transition: 0.3s all ease-out; -ms-transition: 0.3s all ease-out; transition: 0.3s all ease-out; width: 24px; height: 2px; }
.site-header .menu:before, .site-header .menu:after { content: ''; }
.site-header .menu i { margin-top: -15px; }
.site-header .menu:before { margin-top: -8px; }
.site-header .menu:after { margin-top: -1px; }
.site-header .menu span { display: block; margin-top: 3px; position: absolute; top: 50%; left: 0; width: 100%; }
.site-header .client { line-height: 20px; margin-top: -10px; position: absolute; top: 50%; right: 20px; color: #fff; font-size: 79%; letter-spacing: 0; }
.site-header .client .btn-client { color: #fff; color: #fff; }
.site-header .client > a { color: #fff; color: #fff; }
.site-header .client i { font-size: 125%; }

.site-close { background: #fff; border: 1px solid #d32f2f; color: #d32f2f; /*font-size: 79%;*/ line-height: 1.5; padding: 10px; text-align: center; }
.site-container .site-close { margin-top: 20px; }
.site-header-menu { display: none; position: absolute; top: 76px; left: 0; width: 100%; z-index: 500; }
.site-header-menu ul { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); margin: 0 auto; max-width: 700px; }
.site-header-menu ul:before { border-color: transparent transparent #fff transparent; border-style: solid; border-width: 5px; content: ''; display: block; position: absolute; top: -10px; left: 7px; width: 0; height: 0; }
.site-header-menu li { border-top: 1px solid #e0e0e0; }
.site-header-menu li:first-child { border-top: 0; }
.site-header-menu a { display: block; line-height: 1.5; padding: 12px 12px 12px 24px; }
.site-header-menu a:before { content: '\f0da'; font-family: 'Font Awesome 5 Free'; font-weight: 700; position: absolute; top: 10px; left: 10px; }
.site-header-menu.is-top { display: none; }
.site-header-menu.is-top a { padding-left: 32px; }
.site-header-menu.is-top a:before { display: inline-block; font-family: 'Font Awesome 5 Free'; font-weight: bold; line-height: 30px; margin-top: -15px; position: absolute; top: 50%; left: 10px; text-align: center; width: 16px; }
.site-header-menu.is-top a.search:before { content: '\f002'; }
.site-header-menu.is-top a.coupon:before { content: '\f3ff'; }
.site-header-menu.is-top a.certificate:before { content: '\f559'; }
.site-header-menu.is-top a.instructor:before { content: '\e902'; font-family: "icon"; font-size: 120%; font-weight: normal; }
.site-header-menu.is-top a.wear:before { content: '\e903'; font-family: "icon"; font-size: 120%; font-weight: normal; }
.site-header-menu.is-top a.fitness:before { content: '\e901'; font-family: "icon"; font-size: 120%; font-weight: normal; }
.site-header-menu.is-top a.blank:before { content: '\f2d2'; font-family: 'Font Awesome 5 Free'; font-weight: normal; }
.site-header-menu.is-client { top: 76px !important; }

.site-header-client { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); display: none; margin-top: 5px; position: absolute; right: 0; z-index: 600; }
.site-header-client:before { border-color: transparent transparent #fff transparent; border-style: solid; border-width: 5px; content: ''; display: block; position: absolute; top: -10px; right: 7px; width: 0; height: 0; }
.site-header-client li { border-top: 1px solid #e0e0e0; }
.site-header-client li:first-child { border-top: 0; }
.site-header-client a { display: block; line-height: 1.5; padding: 12px 12px 12px 24px; white-space: nowrap; }
.site-header-client a:before { content: '\f0da'; font-family: 'Font Awesome 5 Free'; font-weight: 700; position: absolute; top: 10px; left: 10px; }

body.is-site-header-menu .site-header .menu i, body.is-site-header-menu .site-header .menu:after { margin-top: -8px; }
body.is-site-header-menu .site-header .menu i { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
body.is-site-header-menu .site-header .menu:before { -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); opacity: 0; zoom: 1; }
body.is-site-header-menu .site-header .menu:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
body.is-site-header-menu .site-header-menu { display: block; }
body.is-site-header-menu .contents-main { -ms-filter: "alpha(opacity=25)"; filter: alpha(opacity=25); opacity: 0.25; zoom: 1; pointer-events: none; }

body.is-site-header-client .site-header-client { display: block; }

@media screen and (max-width: 767px) { .site-header { padding-bottom: 20px; }
  .site-header .text { margin-right: auto; margin-left: auto; width: 152px; padding-right: 42px; }
  .site-header .banners, .site-header .banner-pr, .site-header nav { display: none; }
  .site-header .menu { display: block; width: 54px; }
  .site-header-menu ul { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; max-width: none; }
  .site-header-menu ul:before { border-width: 10px; top: -20px; left: 17px; }
  .site-header-menu.is-client { top: 86px !important; } }
@media screen and (max-width: 480px) { .site-header { padding: 0; }
  .site-header .text { margin: 0; padding: 20px 0 40px; width: 100%; }
  .site-header .logo { margin-right: auto; margin-left: auto; width: 88px; }
  .site-header .logo.is-top { padding-top: 0; padding-bottom: 0; }
  .site-header .area { padding-top: 22px; position: absolute; top: 0; right: -10px; height: 100%; }
  .site-header .area select { width: 70px !important; }
  .site-header .area a { line-height: 15px; margin-top: -20px; position: absolute; right: 0; top: 50%; width: 75px; }
  .site-header .area a span { text-align: left; padding-top: 5px; padding-bottom: 5px; }
  .site-header .count { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; top: auto; right: -20px; bottom: 0; left: -20px; padding: 3px 0 5px; width: auto; height: auto; }
  .site-header .count br { display: none; }
  .site-header .menu { bottom: 25px; width: 44px; height: auto; }
  .site-header .client { margin-top: -20px; right: 10px; }
  .site-header-menu ul:before { top: -15px; left: 12px; }
  .site-header-menu.is-client { top: 67px !important; } }
/* ------------------------------ footer
------------------------------ */
.site-footer { background: #fff; color: #9e9e9e; line-height: 1.5; letter-spacing: 0; margin-top: 10px; text-align: center; min-width: 1080px; }
.site-footer nav { font-size: 86%; padding-top: 30px; }
.site-footer nav a { color: #665f5c; color: #665f5c; display: inline-block; margin: 0 10px; }
.site-footer nav a:before { content: "\f0da"; display: inline-block; font-family: 'Font Awesome 5 Free'; font-weight: bold; margin-right: 3px; }
.site-footer .footer-title { font-size: 79%; padding-top: 30px; }
.site-footer .copyright { border-top: 1px solid #e0e0e0; font-size: 65%; margin-top: 10px; padding: 10px 0; }

@media screen and (max-width: 767px) { .site-footer { min-width: inherit; }
  .site-footer nav { display: inline-block; text-align: left; }
  .site-footer .footer-title { display: none; } }
/* ------------------------------ structure
------------------------------ */
html, body { width: 100%; height: 100%; }

body, input, textarea { font-family: Lato, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

body { background: #f2f2f2; color: #212121; font-size: 14px; font-weight: 400; letter-spacing: 0.05em; line-height: 2; }

.wrapper { margin: 0 auto -140px; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -ms-overflow-scrolling: touch; overflow-scrolling: touch; min-width: 1080px; min-height: 100%; height: auto !important; height: 100%; }

.footer-push, .site-footer { height: 140px; }

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

.container { margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; width: 1080px; }

.site-container { margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; width: 1080px; }

.site-container { display: inline-block; }

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

/*\*/
* html .site-container { height: 1%; }

.site-container { display: block; }

/**/
.contents-left, .contents-right { padding-top: 20px; }

.contents-left { float: left; width: 860px; }

.contents-right { letter-spacing: 0; float: right; width: 160px; }
.contents-right .content { padding-top: 20px; }
.contents-right .content-right-title { background: #665f5c; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; color: #fff; font-size: 86%; font-weight: bold; line-height: 1.5; margin-bottom: 5px; padding: 5px 10px; }
.contents-right .list { margin-left: -5px; }
.contents-right .list ul { display: table; table-layout: fixed; width: 100%; }
.contents-right .list li { display: table-cell; padding-top: 5px; padding-left: 5px; vertical-align: top; }
.contents-right .content-banner { margin-left: -5px; }
.contents-right .content-banner p { float: left; padding-top: 5px; padding-left: 5px; width: 50%; }
.contents-right .content-sub { line-height: 1.5; }
.contents-right .content-sub a { color: #665f5c; color: #665f5c; display: block; font-size: 72%; padding-left: 70px; min-height: 65px; }
.contents-right .content-sub a img { position: absolute; top: 0; left: 0; width: 65px; }

.contents-main { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.05); box-shadow: 0 0px 10px rgba(0, 0, 0, 0.05); margin-top: 40px; }
.contents-main:first-child { margin-top: 0; }
.contents-main .content, .contents-main .content-sp { padding: 30px; }
.contents-main .content-t { border-top: 1px solid #e0e0e0; }
.contents-main .content-b { border-bottom: 1px solid #e0e0e0; }
.contents-main .content-tb { border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
.contents-main .content-l, .contents-main .content-l-sp { padding: 30px 30px 40px; }
.contents-main .content-s, .contents-main .content-s-sp { padding: 20px 30px 40px; }
.contents-main .content-s .btns, .contents-main .content-s-sp .btns { text-align: right; }
.contents-main .content-s .btns .btn, .contents-main .content-s-sp .btns .btn { display: inline-block; margin-top: 10px; margin-left: 8px; width: 100%; max-width: 130px; }
.contents-main .content-s .btns .btn:first-child, .contents-main .content-s-sp .btns .btn:first-child { margin-left: 0; }
.contents-main .page-title { font-size: 172%; font-weight: 700; line-height: 1.5; margin-bottom: 20px; }
.contents-main .page-title span { display: block; font-size: 71%; }
.contents-main .page-title span.area { color: #616161; font-size: 50%; font-weight: 400; }
.contents-main .page-title.is-icon i, .contents-main .page-title.is-icon-m i, .contents-main .page-title.is-icon-l i { color: #bcaaa4; position: absolute; top: 5px; left: 0; }
.contents-main .page-title.is-icon { padding-left: 30px; }
.contents-main .page-title.is-icon-m { padding-left: 35px; }
.contents-main .page-title.is-icon-l { padding-left: 40px; }
.contents-main .page-title-btn .page-title { padding-right: 90px; }
.contents-main .page-title-btn .btn { font-size: 86%; line-height: 15px; margin-top: -17px; padding: 10px 10px 10px 0; position: absolute; top: 50%; right: 0; text-align: center; width: 90px; }
.contents-main .page-title-btn.is-new .btn { margin-top: 0 !important; padding: 10px; top: 0; width: auto; }
.contents-main .page-title-btn.is-offer .btn { width: 120px; }
.contents-main .content-title { background: #665f5c; color: #fff; font-size: 115%; font-weight: 700; letter-spacing: 0.025em; line-height: 1.5; padding: 10px 10px 10px 15px; }
.contents-main .content-title > i { color: #bcaaa4; }
.contents-main .content-title .btn-condition { font-size: 71%; line-height: 20px; margin-top: -15px; position: absolute; top: 50%; right: 10px; }
.contents-main .content-title.is-toggle { cursor: pointer; margin-bottom: 1px; }
.contents-main .content-title.is-toggle:after { content: '\f067'; font-family: 'Font Awesome 5 Free'; line-height: 20px; margin-top: -10px; position: absolute; right: 10px; top: 50%; }
.contents-main .content-title.is-toggle.active { margin-bottom: inherit; }
.contents-main .content-title.is-toggle.active:after { content: '\f068'; }
.contents-main .content-title-s { font-size: 100%; }
.contents-main .content-title [class^="icon-"], .contents-main .content-title [class*=" icon-"], .contents-main .content-title-s [class^="icon-"], .contents-main .content-title-s [class*=" icon-"] { vertical-align: inherit; }
.contents-main .content-title .icon-new:before, .contents-main .content-title-s .icon-new:before { background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; content: ''; display: block; position: absolute; top: 10%; left: 10%; width: 80%; height: 80%; }
.contents-main .content-title-condition { padding-top: 13px; padding-bottom: 13px; }
.contents-main > .content-title:first-child, .contents-main > .content-title-s:first-child, .contents-main > .content-title-condition:first-child { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
.contents-main .content-subtitle { background: #e0e0e0; font-size: 93%; font-weight: 700; line-height: 1.5; padding: 5px 10px; }
.contents-main .content-subtitle.is-m { padding: 10px; }
.contents-main .content-subtitle.is-orange { background: #fff4e5; color: #f57c00; }
.contents-main .content-subtitle.is-purple { background: #f4f1fa; color: #7E57C2; }

.contents-back { padding-top: 20px; }
.contents-back .btn { display: inline-block; font-size: 86%; font-weight: 400; padding: 10px 10px 10px 24px; }

@media screen and (min-height: 760px) { .contents-right { position: -webkit-sticky; position: sticky; top: 0; } }
@media screen and (max-width: 767px) { .wrapper { margin-bottom: 0 !important; min-width: inherit !important; min-height: inherit; }
  .footer-push, .site-footer { height: auto !important; }
  .container { width: auto; }
  .site-container { padding-right: 15px; padding-left: 15px; width: 100%; }
  .contents-left { float: none; width: auto; }
  .contents-right { display: none; }
  .contents-main .content { padding: 20px; }
  .contents-main .content-sp { padding: 0; }
  .contents-main .content-l, .contents-main .content-s { padding-right: 20px; padding-left: 20px; }
  .contents-main .content-l-sp { padding: 0; }
  .contents-main .content-s-sp { padding: 0; }
  .contents-main .content-s-sp .btns { padding-top: 10px; padding-right: 20px; padding-bottom: 40px; }
  .contents-main .page-title { font-size: 150%; letter-spacing: 0.025em; }
  .contents-main .page-title-btn.is-new .btn { margin-top: -1px !important; }
  .contents-back { text-align: center; } }
@media screen and (max-width: 480px) { .site-container { padding-right: 10px; padding-left: 10px; }
  .contents-left { padding-top: 10px; }
  .contents-main .content { padding: 20px 10px; }
  .contents-main .content-l, .contents-main .content-s { padding-right: 10px; padding-left: 10px; }
  .contents-main .content-l { padding-top: 20px; padding-bottom: 30px; }
  .contents-main .content-s { padding-top: 10px; padding-bottom: 20px; }
  .contents-main .content-s .btns, .contents-main .content-s-sp .btns { padding-right: 0; text-align: center; }
  .contents-main .page-title { font-size: 129%; }
  .contents-main .page-title span { font-size: 80%; }
  .contents-main .page-title.is-icon { padding-left: 25px; }
  .contents-main .page-title.is-icon-m { padding-left: 28px; }
  .contents-main .page-title.is-icon-l { padding-left: 30px; }
  .contents-main .page-title-btn.is-new .btn { margin-top: -3px !important; }
  .contents-main .content-title { padding-left: 10px; } }
/* ------------------------------ banner
------------------------------ */
.banner-big { width: 160px; }

.banner-pr { line-height: 1.5; padding-left: 24px; }
.banner-pr a { font-size: 86%; text-decoration: underline; }
.banner-pr a:after { content: "\f0da"; display: inline-block; font-family: 'Font Awesome 5 Free'; font-weight: bold; margin-left: 3px; }
.banner-pr:before { background: #665f5c; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; color: #fff; content: 'PR'; display: block; font-size: 65%; margin-top: -10px; position: absolute; left: 0; top: 50%; line-height: 20px; text-align: center; width: 20px; }

.contents-left .banner-prs { margin-top: 20px; }
.contents-left .banner-pr { border-top: 1px solid #e0e0e0; }
.contents-left .banner-pr a { display: block; padding-top: 10px; padding-bottom: 10px; padding-right: 30px; }
.contents-left .banner-pr a:after { content: "\f054"; line-height: 20px; margin-left: 0; margin-top: -10px; position: absolute; top: 50%; right: 0; }

/* header */
.banner-header { float: left; width: 560px; }
.banner-header div { text-align: right; }

.banner-header-right { float: left; padding-left: 10px; width: 260px; }

/* left */
.banner-left-rectangle { padding-top: 40px; text-align: center; }
.banner-left-rectangle ul { display: table; margin-right: auto; margin-left: auto; }
.banner-left-rectangle li { display: table-cell; padding-right: 20px; }
.banner-left-rectangle li:last-child { padding-right: 0; padding-left: 20px; }
.banner-left-rectangle img { max-width: 300px; }

.banner-left-rectangle-slide a { display: block; width: 300px; }
.banner-left-rectangle-slide .is-s a { width: 146px; }
.banner-left-rectangle-slide .is-s a:last-child { margin-top: 8px; }

.banner-left-rectangle-slide2 {
  overflow: hidden;
  height: 300px;
}
.banner-left-rectangle-slide2 .slide-item {
  -webkit-transition: 0.3s left ease-out;
  -moz-transition: 0.3s left ease-out;
  -ms-transition: 0.3s left ease-out;
  -o-transition: 0.3s left ease-out;
  transition: 0.3s left ease-out;
  position: absolute;
  top: 0;
}
.banner-left-rectangle-slide2 .slide-item.is-move {
  opacity: 0;
}
.banner-left-rectangle-slide2 .slide-item.is-show {
  -webkit-transition: 0.3s opacity ease-out;
  -moz-transition: 0.3s opacity ease-out;
  -ms-transition: 0.3s opacity ease-out;
  -o-transition: 0.3s opacity ease-out;
  transition: 0.3s opacity ease-out;
  opacity: 1;
}
.banner-left-rectangle-slide2 .slide-item .banner {
  width: 300px;
}
.banner-left-rectangle-slide2 .slide-item.is-s .banner {
  margin-top: 8px;
  width: 146px;
}
.banner-left-rectangle-slide2 .slide-item.is-s .banner:first-child {
  margin-top: 0;
}
@media screen and (max-width: 480px) {
  .banner-left-rectangle-slide2 {
    height: 240px;
  }

  .banner-left-rectangle-slide2 .slide-item .banner {
    width: 240px;
  }
  .banner-left-rectangle-slide2 .slide-item.is-s .banner {
    width: 116px;
  }
}


.banner-sp-main { padding: 20px 20px 0; text-align: center; }
.banner-sp-main img { max-width: 300px; }

/* right */
.banner-right-wide a, .banner-right-rotation-slide a { display: block; margin-top: 5px; }

.banner-right-rotation-square { margin-left: -5px; }
.banner-right-rotation-square p { float: left; padding-top: 5px; padding-left: 5px; width: 50%; }

/* footer */
.banner-sp-footer-rectangle { border-top: 1px solid #e0e0e0; line-height: 1.25; font-size: 72%; margin-top: 12px; margin-right: -5px; margin-left: -5px; padding-top: 20px; max-width: 300px; margin: 0 auto;}
.banner-sp-footer-rectangle ul { max-width: 360px; }
.banner-sp-footer-rectangle li { vertical-align: top; }
.banner-sp-footer-rectangle img { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; }
.contents-main .banner-sp-footer-rectangle { border-top: 0; margin-top: 0; padding-top: 0; }

@media screen and (max-height: 740px) { .banner-big { position: absolute; } }
@media screen and (max-width: 767px) { .banner-big { display: none; }
  .banner-left-movie li { padding-bottom: 20px; }
  .banner-left-rectangle { padding-top: 10px; }
  .banner-left-rectangle li { padding-right: 0; }
  .banner-left-rectangle li:last-child { display: none; }
  .banner-left-rectangle-slide a { width: 240px; }
  .banner-left-rectangle-slide .is-s a { width: 118px; }
  .banner-left-rectangle-slide .is-s a:last-child { margin-top: 4px; } }
@media screen and (max-width: 480px) { .banner-sp-main { padding: 10px 10px 0; }
  .banner-sp-footer-rectangle { padding-top: 10px; }
  .banner-left-rectangle-slide a { width: 200px; }
  .banner-left-rectangle-slide .is-s a { width: 98px; } }
@media screen and (max-width: 400px) { .banner-left-rectangle-slide a { width: 160px; }
  .banner-left-rectangle-slide .is-s a { width: 78px; } }
/* ------------------------------ content
------------------------------ */
.content-condition .list-title { border-bottom: 1px solid #e0e0e0; font-weight: 700; }
.content-condition .list-title i { color: #665f5c; }
.content-condition .area-list { margin-right: -5px; margin-left: -5px; }
.content-condition .area-list li { float: left; padding: 10px 5px 0; width: 25%; }
.content-condition .freeword .table li { padding-top: 15px; vertical-align: top; }
.content-condition .freeword .table li.keyword-trend { padding-top: 10px; padding-left: 10px; }
.content-condition .freeword .form-input { font-size: 86%; }
.content-condition .btn-open { margin-top: 10px; text-align: left; }
.content-condition .btn-open:first-child { margin-top: 0; }

.content-contact { border-top: 1px solid #e0e0e0; }
.content-contact .lead { line-height: 1.5; padding-left: 30px; }
.content-contact .is-icon-m + .lead { padding-left: 35px; }
.content-contact .is-icon-l + .lead { padding-left: 40px; }
.content-contact .form-req { position: absolute; top: 12px; right: 20px; }
.content-contact dl { display: table; letter-spacing: 0.025em; line-height: 1.5; margin-top: 20px; width: 100%; }
.content-contact dl:first-child { margin-top: 0; }
.content-contact dt, .content-contact dd { display: table-cell; vertical-align: top; }
.content-contact dt { font-size: 93%; font-weight: bold; padding-top: 12px; padding-right: 70px; width: 180px; }
.content-contact dt.op { padding-right: 10px; }
.content-contact dd .checkbox-list { margin-top: -10px; margin-left: -10px; }
.content-contact dd .checkbox-list .checkbox { display: block; letter-spacing: 0; font-size: 86%; text-align: left; height: 100%; }
.content-contact dd .flex { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.content-contact dd .flex li { padding-top: 10px; padding-left: 10px; }
.content-contact dd .flex2 li { width: 50%; }
.content-contact dd .flex3 li { width: 33.33%; }
.content-contact .form-input { font-size: 93%; }
.content-contact .date { height: 100px; }
.content-contact .text { height: 200px; }
.content-contact .text2 { height: 100px; }
.content-contact .notice { letter-spacing: -0.01em; margin-top: 0.5em; }
.content-contact label.is-age .form-input { display: inline-block; margin-right: 5px; width: 210px; }
.content-contact label.is-fee, .content-contact label.is-menu, .content-contact label.is-name, .content-contact label.is-people { display: inline-block; vertical-align: middle; }
.content-contact label.is-fee .form-input, .content-contact label.is-fee .checkbox, .content-contact label.is-menu .form-input, .content-contact label.is-menu .checkbox, .content-contact label.is-name .form-input, .content-contact label.is-name .checkbox, .content-contact label.is-people .form-input, .content-contact label.is-people .checkbox { display: inline-block; }
.content-contact label.is-fee .form-input, .content-contact label.is-fee .checkbox, .content-contact label.is-name .form-input, .content-contact label.is-name .checkbox, .content-contact label.is-people .form-input, .content-contact label.is-people .checkbox { display: inline-block; width: 100px; }
.content-contact label.is-fee, .content-contact label.is-menu, .content-contact label.is-name { float: left; padding-right: 10px; }
.content-contact label.is-menu .form-input, .content-contact label.is-menu .checkbox { width: 130px; }
.content-contact label.is-people .form-input { margin-right: 5px; }
.content-contact .btn-add { display: inline-block; font-size: 86%; margin-top: 10px; }
.content-contact .btn-add-blog { display: inline-block; font-size: 86%; margin-top: 10px; }
.content-contact .checkbox { margin: 0; }
.content-contact .school { border: 1px solid #e0e0e0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font-size: 86%; padding: 12px 10px; }
.content-contact .school ul, .content-contact .school li { list-style-type: disc; }
.content-contact .school ul { margin-left: 20px; }
.content-contact.is-confirm .lead { margin-top: 1em; }
.content-contact.is-confirm dl { border-bottom: 1px solid #e0e0e0; margin-top: 0; }
.content-contact.is-confirm dl:last-child { border-bottom: none; }
.content-contact.is-confirm dt, .content-contact.is-confirm dd { padding-top: 15px; padding-bottom: 15px; }
.content-contact.is-confirm dt { padding-right: 15px; }
.content-contact.is-confirm dd img { max-width: 120px; }
.content-contact.is-confirm .form-req { display: none; }
.content-contact.is-confirm .school { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; font-size: 93%; padding: 0; }
.content-contact.is-completed .lead { margin-top: 1em; }

.content-feature-s, .content-studio-s { line-height: 1.5; }
.content-feature-s .link, .content-studio-s .link { display: block; margin-top: 20px; padding-left: 90px; min-height: 80px; }
.content-feature-s .link:first-child, .content-studio-s .link:first-child { margin-top: 0; }
.content-feature-s a.link.is-ex .title:after, .content-studio-s a.link.is-ex .title:after { content: '\f2d2'; font-weight: normal; }
.content-feature-s img, .content-studio-s img { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; width: 80px; }
.content-feature-s .title, .content-studio-s .title { color: #212121; font-weight: 700; }
.content-feature-s .name, .content-studio-s .name { color: #616161; font-size: 86%; letter-spacing: 0.025em; padding-top: 5px; }
.content-feature-s .status, .content-studio-s .status { margin-bottom: 10px; }
.content-feature-s a.link .title:after, .content-studio-s a.link .title:after { color: #665f5c; content: '\f138'; display: inline-block; font-family: 'Font Awesome 5 Free'; padding-left: 3px; }

.content-feature-s ul { margin-top: 20px; }
.content-feature-s ul:first-child { margin-top: 0; }
.content-feature-s.is-list li { border-bottom: 1px solid #e0e0e0; }
.content-feature-s.is-list li:first-child { border-top: 1px solid #e0e0e0; }

.content-goods-brand { font-weight: 700; letter-spacing: 0; line-height: 1.5; }
.content-goods-brand .brand { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); color: #665f5c; color: #665f5c; display: block; }
.content-goods-brand ul { margin-top: 20px; }
.content-goods-brand ul:first-child { margin-top: 0; }
.content-goods-brand dl { display: table; table-layout: fixed; width: 100%; }
.content-goods-brand dt, .content-goods-brand dd { display: table-cell; vertical-align: middle; }
.content-goods-brand dt { border-right: 1px solid #f2f2f2; }
.content-goods-brand dd { text-align: left; padding-left: 20px; }
.content-goods-brand i { margin-left: 3px; }

.content-goods-brand-s { font-size: 72%; font-weight: 700; letter-spacing: 0; line-height: 1.5; margin-right: -5px; margin-left: -5px; text-align: center; }
.content-goods-brand-s .brand { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); color: #665f5c; color: #665f5c; display: block; width: 100%; height: 100%; }
.content-goods-brand-s li { padding: 0 5px; width: 25%; }
.content-goods-brand-s dt { border-bottom: 1px solid #f2f2f2; }
.content-goods-brand-s dd { padding-top: 10px; padding-bottom: 10px; }
.content-goods-brand-s img { max-width: 75%; }
.content-goods-brand-s i { margin-left: 3px; }

.content-goods-item { letter-spacing: 0; }
.content-goods-item .list { margin-top: -10px; margin-right: -5px; margin-left: -5px; }
.content-goods-item li { float: left; padding: 10px 5px 0; width: 20%; }
.content-goods-item .btn { font-size: 86%; padding-right: 0; padding-left: 0; }
.content-goods-item img { margin-bottom: 5px; width: 80px; }
.content-goods-item i { margin-left: 3px; }

.content-instructor { line-height: 1.5; }
.content-instructor .list { margin-left: -10px; }
.content-instructor .list a { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; margin-top: 10px; margin-left: 10px; text-align: left; width: calc(33.33% - 10px); min-height: 80px; }
.content-instructor .list li { vertical-align: middle; }
.content-instructor .list .image { width: 80px; }
.content-instructor .list .image img { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
.content-instructor .list .text { display: inline-block; padding-right: 30px; padding-left: 10px; }

.content-invoice { border: 1px solid #e0e0e0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font-size: 86%; overflow: auto; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -ms-overflow-scrolling: touch; overflow-scrolling: touch; max-height: 120px; }
.content-invoice li { border-top: 1px solid #e0e0e0; }
.content-invoice li:first-child { border-top: none; }
.content-invoice a { display: block; padding: 5px 20px 5px 28px; }
.content-invoice a:before { color: #9e9e9e; content: '\f09d'; font-family: 'Font Awesome 5 Free'; font-weight: 700; position: absolute; top: 5px; left: 8px; }
.content-invoice a:after { content: '\f054'; font-family: 'Font Awesome 5 Free'; font-weight: 700; line-height: 20px; margin-top: -10px; position: absolute; top: 50%; right: 10px; }

.content-notification li { background: #eee; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font-size: 86%; margin-top: 5px; padding: 3px 5px 3px 28px; }
.content-notification li:first-child { margin-top: 0; }
.content-notification li:before { color: #9e9e9e; content: '\f05a'; font-family: 'Font Awesome 5 Free'; font-weight: 700; position: absolute; top: 3px; left: 10px; }
.content-notification li.delete { background: #fbeaea; color: #d32f2f; }
.content-notification li.delete:before { color: #d32f2f; content: '\f2ed'; }
.content-notification li.edit:before { content: '\f304'; }
.content-notification li.warning { background: #fbeaea; color: #d32f2f; }
.content-notification li.warning:before { color: #d32f2f; content: '\f06a'; }

.content-ranking span { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; display: inline-block; margin-bottom: 3px; padding: 0 10px; }
.content-ranking .rank1 { background: #ffee58; }
.content-ranking .rank2 { background: #e0e0e0; }
.content-ranking .rank3 { background: #ffb74d; }
.content-ranking strong { font-size: 115%; }
.content-ranking .update { color: #616161; font-size: 79%; padding-top: 0.5em; text-align: right; }

.content-studio { line-height: 1.5; }
.content-studio .studio { display: block; padding-left: 110px; min-height: 100px; }
.content-studio a.studio { padding-right: 20px; }
.content-studio a.studio:before { color: #665f5c; content: '\f138'; display: inline-block; font-family: 'Font Awesome 5 Free'; font-size: 115%; font-weight: bold; line-height: 30px; margin-top: -15px; position: absolute; top: 50%; right: 0; }
.content-studio img { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; width: 100px; }
.content-studio .parts-pickup { margin-bottom: 8px; }
.content-studio .title { color: #212121; font-weight: 700; font-size: 115%; }
.content-studio .name { color: #616161; font-size: 86%; letter-spacing: 0.025em; padding-top: 5px; }
.content-studio .information { margin-top: 15px; }
.content-studio .information dl { display: table; font-size: 86%; width: 100%; }
.content-studio .information dt, .content-studio .information dd { display: table-cell; vertical-align: top; }
.content-studio .information dt { background: #eee; font-weight: 700; padding: 5px 0; text-align: center; width: 100px; }
.content-studio .information dd { padding: 5px 10px; }
.content-studio .information > dl dt, .content-studio .information > dl dd { border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; }
.content-studio .information > dl dt { border-left: 1px solid #e0e0e0; }
.content-studio .information > dl:first-child dt:first-child, .content-studio .information > dl:first-child dd:first-child { -webkit-border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; -ms-border-top-left-radius: 3px; border-top-left-radius: 3px; }
.content-studio .information > dl:first-child dt:last-child, .content-studio .information > dl:first-child dd:last-child { -webkit-border-top-right-radius: 3px; -moz-border-top-right-radius: 3px; -ms-border-top-right-radius: 3px; border-top-right-radius: 3px; }
.content-studio .information > dl:last-child dt, .content-studio .information > dl:last-child dd { border-bottom: 1px solid #e0e0e0; }
.content-studio .information > dl:last-child dt:first-child, .content-studio .information > dl:last-child dd:first-child { -webkit-border-bottom-left-radius: 3px; -moz-border-bottom-left-radius: 3px; -ms-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
.content-studio .information > dl:last-child dt:last-child, .content-studio .information > dl:last-child dd:last-child { -webkit-border-bottom-right-radius: 3px; -moz-border-bottom-right-radius: 3px; -ms-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
.content-studio .information.table dt, .content-studio .information.table dd { border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; }
.content-studio .information.table ul:first-child li:first-child dt:first-child, .content-studio .information.table ul:first-child li:first-child dd:first-child { -webkit-border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; -ms-border-top-left-radius: 3px; border-top-left-radius: 3px; }
.content-studio .information.table ul:first-child li:last-child dt:last-child, .content-studio .information.table ul:first-child li:last-child dd:last-child { -webkit-border-top-right-radius: 3px; -moz-border-top-right-radius: 3px; -ms-border-top-right-radius: 3px; border-top-right-radius: 3px; }
.content-studio .information.table ul:last-child dt, .content-studio .information.table ul:last-child dd { border-bottom: 1px solid #e0e0e0; }
.content-studio .information.table ul:last-child dt:first-child, .content-studio .information.table ul:last-child dd:first-child { -webkit-border-bottom-left-radius: 3px; -moz-border-bottom-left-radius: 3px; -ms-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
.content-studio .information.table ul:last-child dt:last-child, .content-studio .information.table ul:last-child dd:last-child { -webkit-border-bottom-right-radius: 3px; -moz-border-bottom-right-radius: 3px; -ms-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
.content-studio .information.table li:first-child dt:first-child, .content-studio .information.table li:first-child dd:first-child { border-left: 1px solid #e0e0e0; }
.content-studio .btns { text-align: center; }
.content-studio .btns .btn { display: inline-block; margin: 10px 5px 0; width: 160px; }
.content-studio.is-free .studio { padding-left: 0; min-height: inherit !important; }
.content-studio.is-free .title { font-size: 100%; }

.content-studio-s .title { font-size: 115%; }

.content-goods .list { margin-right: -10px; margin-left: -10px; }
.content-goods .owl-carousel { margin-top: -5px; }
.content-goods .owl-carousel .slide-item { padding: 5px 10px; }
.content-goods .btns { padding-top: 10px; }
.content-goods .parts-goods-item.is-cd .text { padding-bottom: 0 !important; }
.content-goods .parts-goods-item.is-cd .btns { padding: 10px 15px 15px !important; position: relative !important; bottom: auto !important; left: auto !important; }
.content-goods .parts-goods-item.is-cd .btns .btn { display: block; margin-top: 0; max-width: none; text-align: center; width: auto; }

@media screen and (max-width: 767px) { .contents-main .page-title-btn .page-title { padding-right: 70px; }
  .contents-main .page-title-btn .btn { margin-top: -22px; padding: 8px 0 8px 10px; text-align: left; width: 60px; }
  .contents-main .page-title-btn.is-new .btn { margin-top: -17px; }
  .contents-main .page-title-btn.is-offer .btn { width: 100px; }
  .content-condition .freeword .table li { padding-top: 20px; }
  .content-condition .freeword .table li.keyword-trend { padding-top: 5px; padding-left: 0; }
  .content-contact dd .flex li { width: 50% !important; }
  .content-feature-s .link, .content-studio-s .link { border-bottom: 1px solid #e0e0e0; margin-top: 0; padding: 20px 20px 20px 110px; min-height: 120px; }
  .content-feature-s a.link, .content-studio-s a.link { padding-right: 25px; }
  .content-feature-s a.link:before, .content-studio-s a.link:before { content: '\f054'; font-family: 'Font Awesome 5 Free'; font-size: 86%; font-weight: 700; line-height: 20px; margin-top: -10px; position: absolute; right: 15px; top: 50%; }
  .content-feature-s a.link.is-ex:before, .content-studio-s a.link.is-ex:before { content: '\f2d2'; font-weight: normal; }
  .content-feature-s a.link .title:after, .content-studio-s a.link .title:after { display: none; }
  .content-feature-s img, .content-studio-s img { top: 20px; left: 20px; }
  .content-feature-s ul { margin-top: 0; }
  .content-goods-brand { letter-spacing: 0; line-height: 1.5; }
  .content-goods-brand .brand { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; }
  .content-goods-brand .brand:before { content: '\f054'; font-family: 'Font Awesome 5 Free'; font-size: 86%; font-weight: 700; line-height: 20px; margin-top: -10px; position: absolute; right: 15px; top: 50%; }
  .content-goods-brand ul { margin-top: 0; }
  .content-goods-brand ul:last-child li:last-child { border-bottom: none; }
  .content-goods-brand li { border-bottom: 1px solid #e0e0e0; }
  .content-goods-brand dl { table-layout: auto; }
  .content-goods-brand dt, .content-goods-brand dd { padding: 20px; }
  .content-goods-brand dt { border-right: none; width: 240px; }
  .content-goods-brand dt img { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
  .content-goods-brand dd { padding-left: 5px !important; padding-right: 30px !important; }
  .content-goods-brand i { display: none; }
  .content-goods-brand.is-simple ul { margin-top: 0; }
  .content-goods-brand.is-simple ul:last-child li:last-child { border-bottom: 1px solid #e0e0e0; }
  .content-goods-brand-s img { max-width: 90%; }
  .content-goods-brand-s li { width: 33.33%; }
  .content-goods-item li { width: 50%; }
  .content-goods-item li.sub { width: 33.33%; }
  .content-goods-item img { width: 80px; }
  .content-instructor .list { margin-left: 0; padding-right: 20px; }
  .content-instructor .list a { margin-top: 20px; margin-left: 20px; width: calc(50% - 20px); }
  .content-new .parts-link:first-child { border-top: 1px solid #e0e0e0; }
  .content-ranking .update { padding-right: 20px; padding-bottom: 30px; }
  .content-studio .studio { padding-left: 90px; min-height: 80px; }
  .content-studio a.studio:before { content: '\f054'; }
  .content-studio img { width: 80px; }
  .content-studio .information { margin-top: 10px; }
  .content-studio .information dt { width: 80px; }
  .content-studio .information.table dt:first-child, .content-studio .information.table dd:first-child { border-left: 1px solid #e0e0e0; }
  .content-studio .information.table ul:first-child li:first-child dt:last-child, .content-studio .information.table ul:first-child li:first-child dd:last-child { -webkit-border-top-right-radius: 3px; -moz-border-top-right-radius: 3px; -ms-border-top-right-radius: 3px; border-top-right-radius: 3px; }
  .content-studio .information.table ul:first-child li:last-child dt:last-child, .content-studio .information.table ul:first-child li:last-child dd:last-child { -webkit-border-top-right-radius: 0; -moz-border-top-right-radius: 0; -ms-border-top-right-radius: 0; border-top-right-radius: 0; } }
@media screen and (max-width: 640px) { .content-condition .area-list li { width: 25%; }
  .content-contact .lead { font-size: 86%; margin-top: 0.5em; padding-left: 0 !important; }
  .content-contact .form-req { margin-left: 3px; position: relative; top: auto; right: auto; }
  .content-contact dl, .content-contact dt, .content-contact dd { display: block; }
  .content-contact dt { padding-top: 0; padding-bottom: 5px; padding-right: 0; width: auto; }
  .content-contact dd:after { clear: both; content: ''; display: block; }
  .content-contact label.is-name, .content-contact label.is-people { padding-right: 5px; width: 50%; }
  .content-contact label.is-name .checkbox, .content-contact label.is-name .form-input, .content-contact label.is-people .checkbox, .content-contact label.is-people .form-input { display: inline-block; width: 100%; margin-right: 0; }
  .content-contact label.is-name { float: left; }
  .content-contact label.is-name:last-child { padding-left: 5px; }
  .content-contact.is-confirm dl { display: table; width: 100%; }
  .content-contact.is-confirm dt, .content-contact.is-confirm dd { display: table-cell; vertical-align: top; }
  .content-contact.is-confirm dt { padding-right: 0; width: 110px; }
  .content-contact.is-confirm .form-text dl, .content-contact.is-confirm .form-text dt, .content-contact.is-confirm .form-text dd { display: block; }
  .content-contact.is-confirm .form-text dt { padding-bottom: 5px; width: auto; }
  .content-contact.is-confirm .form-text dd { padding-top: 0; } }
@media screen and (max-width: 480px) { .content-condition .area-list li { width: 50%; }
  .content-feature-s .link, .content-studio-s .link { padding-top: 10px; padding-bottom: 10px; padding-left: 90px; min-height: 90px; }
  .content-feature-s img, .content-studio-s img { width: 70px; top: 10px; left: 10px; }
  .content-goods-brand dl { table-layout: auto; }
  .content-goods-brand dt, .content-goods-brand dd { padding: 10px; }
  .content-goods-brand dt { width: 160px; }
  .content-goods-brand-s dd { padding-top: 5px; padding-bottom: 5px; }
  .content-goods-brand-s dd.is-short { padding-top: 13px; }
  .content-goods-item img { width: 60px; }
  .content-instructor .list { margin-left: 0; padding-right: 10px; }
  .content-instructor .list a { margin-top: 10px; margin-left: 10px; width: calc(50% - 10px); }
  .content-instructor .list .table-sp { display: block; text-align: center; }
  .content-instructor .list .table-sp ul, .content-instructor .list .table-sp li { display: list-item; }
  .content-instructor .list .image { width: auto; }
  .content-instructor .list .text { padding: 5px; }
  .content-ranking .update { padding-right: 10px; }
  .content-studio .studio { padding-left: 80px; min-height: 70px; }
  .content-studio img { width: 70px; }
  .content-studio .title { font-size: 108%; letter-spacing: 0; }
  .content-studio .information dt { width: 70px; }
  .content-goods .list { margin-right: -5px; margin-left: -5px; }
  .content-goods .owl-carousel .slide-item { padding: 5px; }
  .content-goods .parts-goods-item.is-cd .btns { padding: 10px !important; } }
@media screen and (max-width: 400px) { .content-goods-brand dt { width: 120px; }
  .content-goods-item li.sub .btn { font-size: 72%; } }
/* ------------------------------ data
------------------------------ */
.data dl { display: table; font-size: 93%; line-height: 1.75; width: 100%; }
.data dt, .data dd { border: 1px solid #e0e0e0; border-bottom: none; display: table-cell; padding: 10px 15px; }
.data dt { background: #eee; font-weight: 700; width: 160px; }
.data dd { border-left: none; }
.data dl:first-child dt:first-child, .data dl:first-child dd:first-child { -webkit-border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; -ms-border-top-left-radius: 3px; border-top-left-radius: 3px; }
.data dl:first-child dt:last-child, .data dl:first-child dd:last-child { -webkit-border-top-right-radius: 3px; -moz-border-top-right-radius: 3px; -ms-border-top-right-radius: 3px; border-top-right-radius: 3px; }
.data dl:last-child dt, .data dl:last-child dd { border-bottom: 1px solid #e0e0e0; }
.data dl:last-child dt:first-child, .data dl:last-child dd:first-child { -webkit-border-bottom-left-radius: 3px; -moz-border-bottom-left-radius: 3px; -ms-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
.data dl:last-child dt:last-child, .data dl:last-child dd:last-child { -webkit-border-bottom-right-radius: 3px; -moz-border-bottom-right-radius: 3px; -ms-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
.data ul, .data li { list-style-type: disc; }
.data ul { margin-left: 20px; }
.data li { padding-top: 3px; }
.data li:first-child { padding-top: 0; }
.data .btn { max-width: 160px; margin: 10px 0; }
.data .notice { font-size: 86%; }
.data.is-orange dt { background: #fff4e5; }

.data-m dl { display: table; font-size: 93%; }
.data-m dt, .data-m dd { padding-top: 15px; padding-bottom: 15px; }

@media screen and (max-width: 767px) { .data dl, .data dt, .data dd { display: block; }
  .data dl { font-size: 86%; line-height: 1.5; }
  .data dt, .data dd { padding-right: 10px; padding-left: 10px; }
  .data dt { background: #eee; border-bottom: none !important; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; width: auto !important; }
  .data dd { border-left: 1px solid #e0e0e0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; padding-bottom: 20px; }
  .data dl:first-child dt { -webkit-border-radius: 3px 3px 0 0 !important; -moz-border-radius: 3px 3px 0 0 !important; -ms-border-radius: 3px 3px 0 0 !important; border-radius: 3px 3px 0 0 !important; }
  .data dl:first-child dd { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; border-radius: 0 !important; }
  .data dl:last-child dt { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; border-radius: 0 !important; }
  .data dl:last-child dd { -webkit-border-radius: 0 0 3px 3px !important; -moz-border-radius: 0 0 3px 3px !important; -ms-border-radius: 0 0 3px 3px !important; border-radius: 0 0 3px 3px !important; }
  .data-m dt, .data-m dd { padding-top: 10px; padding-bottom: 10px; } }
@media screen and (max-width: 767px) { .data dt { padding-top: 5px !important; padding-bottom: 5px !important; }
  .data dd { padding-bottom: 15px; }
  .data .btn { margin-right: auto; margin-left: auto; } }
/* ------------------------------ form
------------------------------ */
.form-search .btn, .form-send .btn { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; position: absolute; top: 0; right: 0; text-align: center; height: 100%; }

.form-send .btn { font-size: 79%; line-height: 20px; padding: 10px 10px 10px 0; width: 50px; }
.form-send .btn:before { right: 7px; }

.form-search .btn { width: 40px; }
.form-search .btn:before { content: '\f002'; display: block; font-family: 'Font Awesome 5 Free'; font-weight: bold; line-height: 20px; margin-top: -10px; position: absolute; top: 50%; left: 0; width: 100%; }

/* ------------------------------ path
------------------------------ */
.site-path { color: #9e9e9e; font-size: 79%; letter-spacing: 0; line-height: 1.5; }
.site-path a { display: inline-block; color: #665f5c; color: #665f5c; margin-right: 5px; text-decoration: underline; }
.site-path strong { color: #212121; }

/* ------------------------------ search
------------------------------ */
.search-condition { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; background: #eee; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; letter-spacing: 0; line-height: 1.5; padding: 15px; min-height: 50px; }
.search-condition:after { content: ''; display: block; min-height: inherit; }
.search-condition p { font-size: 86%; padding-right: 90px; }
.search-condition .btn-condition { font-size: 79%; font-weight: bold; margin-top: -22px; position: absolute; top: 50%; right: 15px; }
.search-condition .btn-condition i { font-size: 150%; }

.search-condition-area dt { padding-right: 10px; position: absolute; top: 0; left: 0; width: 50%; height: 100%; }
.search-condition-area dt .map { background: #f0f5eb; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; text-align: center; height: 100%; }
.search-condition-area dt .map svg { filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2)); max-width: 260px; vertical-align: top; width: 100%; }
.search-condition-area dd { margin-left: 50%; padding-left: 10px; width: 50%; }
.search-condition-area dd > ul { border: 1px solid #bdbdbd; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; overflow: auto; height: 200px; }
.search-condition-area dd a { border-top: 1px solid #e0e0e0; display: block; font-size: 86%; padding: 5px 10px 5px 0; }
.search-condition-area dd a:before { content: '\f054'; font-family: 'Font Awesome 5 Free'; font-weight: bold; line-height: 20px; margin-top: -10px; position: absolute; top: 50%; right: 10px; }
.search-condition-area dd a.pref { background: #eee; border: none !important; font-weight: 700; padding-top: 3px; padding-bottom: 3px; padding-left: 10px; }
.search-condition-area dd a.pref:before { content: '\f067'; }
.search-condition-area dd ul li { border-top: 1px solid #fff; }
.search-condition-area dd ul li:first-child { border-top: none; }
.search-condition-area dd ul ul { border-top: none; display: none; margin-left: 20px; }
.search-condition-area dd ul ul li { border: none; }
.search-condition-area dd ul ul li:first-child a { border-top: none; }
.search-condition-area dd ul .active ul { display: list-item; }
.search-condition-area.is-list dd { margin-left: 0; padding-left: 0; width: auto; }

.search-condition-coupon dl { border-top: 1px solid #e0e0e0; display: table; width: 100%; }
.search-condition-coupon dl:first-child { border-top: none; margin-top: -10px; }
.search-condition-coupon dt, .search-condition-coupon dd { display: table-cell; vertical-align: top; }
.search-condition-coupon dt { font-size: 93%; font-weight: 700; padding: 10px 0; width: 100px; }
.search-condition-coupon dd { font-size: 86%; padding-bottom: 10px; }
.search-condition-coupon .checkbox { padding-top: 5px; padding-bottom: 5px; }
.search-condition-coupon .table .checkbox { display: block; margin-right: 0; }
.search-condition-coupon .btns { padding-top: 10px; }
.search-condition-coupon .category .flex-wrap { margin-right: -5px; margin-left: -5px; }
.search-condition-coupon .category .flex { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.search-condition-coupon .category .flex li { padding: 10px 5px 0; width: 33.33%; }
.search-condition-coupon .category .flex li .checkbox { display: block; margin: 0; text-align: left; width: 100%; height: 100%; }

.search-condition-feature .table .checkbox { display: block; margin-right: 0; text-align: left; }
.search-condition-feature .btns { padding-top: 20px; }

.search-condition-goods .genre { margin-top: -10px; margin-right: -5px; margin-left: -5px; }
.search-condition-goods .genre .flex { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.search-condition-goods .genre .flex li { padding: 10px 5px 0; width: 50%; }
.search-condition-goods .genre .flex .checkbox { margin: 0; text-align: left; width: 100%; }

.search-pickup-studio { padding: 0 30px 10px; }
.search-pickup-studio .content-studio { border-top: 1px solid #e0e0e0; padding: 20px 0; }
.search-pickup-studio .content-studio:first-child { border-top: none; padding-top: 0; }

.search-result .content-title { position: -webkit-sticky; position: sticky; top: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); z-index: 2; }
.search-result .content-title.is-scroll { position: relative; }
.search-result .content-studio { border-bottom: 1px solid #e0e0e0; padding: 30px; }
.search-result .content-studio.is-free { padding-top: 20px; padding-bottom: 20px; }
.search-result .content-coupon .parts-link, .search-result .content-coupon .parts-link-sp, .search-result .content-ws .parts-link, .search-result .content-ws .parts-link-sp { border-bottom: 1px solid #e0e0e0; margin-top: 0; }
.search-result .content-coupon .parts-link:last-child, .search-result .content-coupon .parts-link-sp:last-child, .search-result .content-ws .parts-link:last-child, .search-result .content-ws .parts-link-sp:last-child { margin-bottom: none; }
.search-result .content-coupon .parts-link .body, .search-result .content-coupon .parts-link-sp .body, .search-result .content-ws .parts-link .body, .search-result .content-ws .parts-link-sp .body { font-size: 115%; font-weight: 700; }
.search-result .content-coupon.list .parts-link, .search-result .content-coupon.list .parts-link-sp, .search-result .content-ws.list .parts-link, .search-result .content-ws.list .parts-link-sp { background: none; }
.search-result.is-orange .content-title > i, .search-result.is-blue .content-title > i { color: #fff; }
.search-result.is-orange .content-title { background: #ff9800; }
.search-result.is-simple .content-studio:first-child { border-top: 1px solid #e0e0e0; }
.search-result.is-blue .content-title { background: #42a5f5; }

.modal-wrap-condition .toggle-body { margin-bottom: 20px; }
.modal-wrap-condition .search-condition-area ul ul { margin-left: 0; padding-bottom: 5px; }
.modal-wrap-condition .search-condition-area ul ul li { border: none; padding: 5px 5px 0; }
.modal-wrap-condition .search-condition-area ul ul li .checkbox { background: #fff; border-color: #e0e0e0; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); display: block; font-size: 86%; margin: 0; padding: 5px 10px; text-align: left; }

@media screen and (max-width: 767px) { .search-condition-area dt { display: none; }
  .search-condition-area dd { margin-left: 0; padding-left: 0; width: auto; }
  .search-condition-coupon .category { display: block; }
  .search-condition-coupon .category dt, .search-condition-coupon .category dd { display: block; width: auto; }
  .search-condition-coupon .category dt { padding-bottom: 0; }
  .search-pickup-studio { padding-right: 0; padding-left: 0; }
  .search-pickup-studio .content-studio { padding-top: 0; padding-bottom: 0; }
  .search-pickup-studio .content-studio:first-child { border-top: 1px solid #e0e0e0; }
  .search-pickup-studio .content-studio .studio { padding: 20px 50px 20px 110px; min-height: 120px; }
  .search-pickup-studio .content-studio .studio:before { right: 20px; }
  .search-pickup-studio .content-studio img { top: 20px; left: 20px; }
  .search-result .content-studio { padding: 20px; }
  .search-result .content-studio.is-free { padding: 0; }
  .search-result .content-studio.is-free .studio { padding-top: 20px; padding-right: 50px; padding-bottom: 20px; padding-left: 20px; }
  .search-result .content-studio.is-free .studio:before { right: 20px; } }
@media screen and (max-width: 640px) { .search-condition-coupon .category .flex li { width: 50%; }
  .search-condition-goods .genre .flex li { width: 100%; } }
@media screen and (max-width: 480px) { .search-pickup-studio .parts-pickup { position: absolute; top: 10px; left: 10px; }
  .search-pickup-studio .content-studio .studio { padding: 10px 40px 10px 90px; min-height: 120px; }
  .search-pickup-studio .content-studio .studio:before { right: 10px; }
  .search-pickup-studio .content-studio img { top: 40px; left: 10px; }
  .search-result .content-studio { padding: 10px; }
  .search-result .content-studio.is-free { padding: 0; }
  .search-result .content-studio.is-free .studio { padding-top: 10px; padding-right: 30px; padding-bottom: 10px; padding-left: 10px; }
  .search-result .content-studio.is-free .studio:before { right: 10px; } }
@media screen and (max-width: 400px) { .search-condition-coupon .category .flex li { width: 100%; } }
/* ------------------------------ slide
------------------------------ */
.content .owl-prev, .content .owl-next, .content-s .owl-prev, .content-s .owl-next { margin-top: -30px; width: 24px; height: 60px; }
.content .owl-prev, .content-s .owl-prev { left: -10px; }
.content .owl-next, .content-s .owl-next { right: -10px; }

.content-goods .owl-prev { left: 0; }
.content-goods .owl-next { right: 0; }

.slide { line-height: 1.5; }
.slide .image-wrap { /*
width: 100%;
height: 0;
*/ }
.slide .image-wrap .image { background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover; /*
position: absolute;
top: 0;
*/ left: 0; width: 100%; width: 100%; height: 0; }

.slide3x2 .image-wrap .image { padding-top: 66.67%; }

.slide16x9 .image-wrap .image { padding-top: 56.25%; }

.slide-pickup { padding-bottom: 60px; }
.slide-pickup .title { background: rgba(0, 0, 0, 0.5); color: #fff; position: absolute; bottom: 0; padding: 10px 30px; width: 100%; }
.slide-pickup .title .parts-pickup { position: absolute; top: -30px; left: 30px; }
.slide-pickup .title p { font-size: 129%; font-weight: 700; letter-spacing: 0.025em; line-height: 1.5; }
.slide-pickup .text { font-weight: 700; letter-spacing: 0; padding: 20px 30px 10px; }

@media screen and (max-width: 767px) { .owl-prev, .owl-next { margin-top: -30px; width: 24px; height: 60px; }
  .content .owl-prev, .content .owl-next, .content-s .owl-prev, .content-s .owl-next { margin-top: -20px; width: 16px; height: 40px; }
  .slide-pickup { padding-bottom: 40px; }
  .slide-pickup .title, .slide-pickup .text { padding-right: 20px; padding-left: 20px; }
  .slide-pickup .title .parts-pickup { position: absolute; left: 20px; }
  .slide-pickup .title p { font-size: 115%; } }
@media screen and (max-width: 640px) { .slide-pickup .title { background: #665f5c; position: relative; bottom: auto; } }
@media screen and (max-width: 480px) { .owl-prev, .owl-next { margin-top: -20px; width: 16px; height: 40px; }
  .owl-prev { left: 10px; }
  .owl-next { right: 10px; }
  .content .owl-prev, .content-s .owl-prev { left: -5px; }
  .content .owl-next, .content-s .owl-next { right: -5px; }
  .content-goods .owl-prev { left: 0; }
  .content-goods .owl-next { right: 0; }
  .slide-pickup { padding-bottom: 30px; }
  .slide-pickup .title, .slide-pickup .text { padding-right: 10px; padding-left: 10px; }
  .slide-pickup .title .parts-pickup { position: absolute; left: 10px; } }
/* ------------------------------ table
------------------------------ */
.table ul, .table-sp ul { display: table; margin-right: auto; margin-left: auto; table-layout: fixed; width: 100%; }
.table li, .table-sp li { display: table-cell; }

.table10 { margin-right: -5px; margin-left: -5px; }
.table10 li { padding-right: 5px; padding-left: 5px; }

.table20 { margin-right: -10px; margin-left: -10px; }
.table20 li { padding-right: 10px; padding-left: 10px; }

.table30 { margin-right: -15px; margin-left: -15px; }
.table30 li { padding-right: 15px; padding-left: 15px; }

.table40 { margin-right: -20px; margin-left: -20px; }
.table40 li { padding-right: 20px; padding-left: 20px; }

.table40 { margin-right: -20px; margin-left: -20px; }
.table40 li { padding-right: 20px; padding-left: 20px; }

@media screen and (max-width: 767px) { .table { margin-right: 0; margin-left: 0; }
  .table ul, .table li { display: list-item; }
  .table li { padding-right: 0; padding-left: 0; } }
/* ------------------------------ toggle
------------------------------ */
.toggle-content { z-index: 3; }
.toggle-content nav { margin-right: -5px; margin-left: -5px; z-index: 2; }
.toggle-content nav ul { display: table; table-layout: fixed; width: 100%; }
.toggle-content nav li { display: table-cell; padding: 0 5px; vertical-align: top; }
.toggle-content nav a, .toggle-content nav span { background: #eee; border: 1px solid #eee; border-bottom: none; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; color: #212121; color: #212121; display: block; font-size: 93%; line-height: 1.25; padding: 15px 10px 15px 19px; }
.toggle-content nav a.active, .toggle-content nav span.active { background: #fff; border-color: #689f38 !important; color: #558b2f; color: #558b2f; font-weight: 700; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); opacity: 1; zoom: 1; }
.toggle-content nav a.active:after, .toggle-content nav span.active:after { background: #fff; content: ''; display: block; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; }
.toggle-content nav.is-b a.active:after, .toggle-content nav.is-b span.active:after { display: none; }
.toggle-content.is-bottom nav a, .toggle-content.is-bottom nav span { border: 1px solid #eee; border-top: none; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }
.toggle-content.is-bottom nav a:after, .toggle-content.is-bottom nav span:after { top: -1px; bottom: auto; left: 0; }
.toggle-content.is-open > nav { margin-right: 10px; margin-left: 10px; }
.toggle-content.is-open > .toggle-body { border-right: none; border-bottom: none; border-left: none; padding: 0; }
.toggle-content.is-line2 > nav a { line-height: 30px; padding-top: 10px; padding-bottom: 10px; }
.toggle-content.is-line2 > nav .line2 a { line-height: 15px; }
.toggle-content.is-filter .toggle-body { border-top: none; }
.toggle-content.is-blue nav a.active, .toggle-content.is-blue nav span.active { border-color: #42a5f5 !important; color: #2196f3; color: #2196f3; }
.toggle-content.is-purple nav a.active, .toggle-content.is-purple nav span.active { border-color: #9575cd !important; color: #7E57C2; color: #7E57C2; }

.toggle-body { border: 1px solid #689f38; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; display: none; padding: 19px; }
.toggle-body.active { display: block; }

.is-blue .toggle-body { border-color: #42a5f5; }

.is-purple .toggle-body { border-color: #9575cd; }

@media screen and (max-width: 767px) { .toggle-content nav a, .toggle-content nav span { font-size: 86%; padding-left: 14px; padding-right: 5px; }
  .toggle-content.is-blue nav { max-width: 360px; }
  .toggle-body { padding: 15px; }
  .btn-open { -webkit-transition: 0.3s opacity ease-out; -moz-transition: 0.3s opacity ease-out; -ms-transition: 0.3s opacity ease-out; transition: 0.3s opacity ease-out; margin-bottom: 10px; }
  .btn-open + .toggle-body { display: none !important; }
  .btn-open.is-open { border-bottom: none; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; margin-bottom: 0; }
  .btn-open.is-open + .toggle-body { display: block !important; } }
@media screen and (max-width: 480px) { .toggle-content nav { margin-left: -2px; margin-right: -2px; }
  .toggle-content nav li { padding-right: 2px; padding-left: 2px; }
  .toggle-content nav a, .toggle-content nav span { font-size: 79%; padding-left: 9px; } }

/* ------------------------------ Book & Goods Modal Icon
------------------------------ */

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

/* ------------------------------ Offer Carousel
------------------------------ */

.new-offer{overflow:hidden;}
.new-offerInner .item{width:415px;}
@media screen and (max-width: 767px){
.new-offerInner .item{width:100%;}}

/* ------------------------------ Coupon_completed Modal_btn
------------------------------ */

.modal-content .coupon-btn-close { margin-top: 30px; max-width: 160px; }
.coupon-btn-modal-close {position: absolute;top: 10px;right: 10px;width: 30px;height: 30px;}

.coupon-btn-modal-close { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; }
.coupon-btn-modal-close:before, .coupon-btn-modal-close:after { background: #665f5c; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; border-radius: 1px; content: ''; display: block; margin-top: -1px; margin-left: -8px; position: absolute; top: 50%; left: 50%; width: 16px; height: 2px; }
.coupon-btn-modal-close:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.coupon-btn-modal-close:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
@media screen and (max-width: 480px) {.coupon-btn-modal-close { top: 5px; right: 5px; }}

/* ------------------------------ Studio Access ranking
------------------------------ */
.content-ranking .content-access-ranking form{display: table-cell; width: 100%;}
.content-ranking .content-access-ranking ul li{width: 33.3%;}
@media screen and (max-width: 767px) {
	.content-ranking .content-access-ranking form{display: block;}
	.content-ranking .content-access-ranking ul li{width: 100%;}}

/* ------------------------------ Studio Access ranking
------------------------------ */
.site-header .area select{width: 110px; height: 25px; position;}
@media screen and (max-width: 767px) {.site-header .area select{height: 27px;}}

/* ------------------------------ Offer_List
------------------------------ */
.search-condition-area dd a.active{background: #eee;border: none !important;font-weight: 700;padding-top: 3px;padding-bottom: 3px;padding-left: 10px;}

/* ------------------------------ 404_Page
------------------------------ */
.notfound-btns{margin-right: auto;margin-left: auto;padding-right: 0;padding-left: 0;padding-bottom: 40px;max-width: 520px;}
@media screen and (max-width: 767px){.404-btns{max-width: none;}}

/* ------------------------------ Coupon_print
------------------------------ */
.print-hide{display:none !important}

/* ------------------------------ Studio 急上昇ワード
------------------------------ */
.keyword-trend-inner{display:flex;}
.keyword-trend-inner form:first-child a{margin-left:0;}
/* ------------------------------ バナー
------------------------------ */
.banner-left-rectangle-slide .is-l{margin-top:8px;}
@media screen and (max-width: 767px){.banner-left-rectangle-slide .is-l{margin-top:4px;}}
.banner-header{display:block;}
@media screen and (max-width: 767px){.banner-header{display:none;}}