@charset "UTF-8";
/* PC
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* VARS, MIXIN
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.body-inner { max-width: 2400px; margin: 0 auto; }

.border-main { border: 1px solid #111111; background-color: #fff; }

.border-main-subtext { border: 1px solid #727171; background-color: #fff; }

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

body { margin: 0; }

article, aside, footer, header, nav, section { display: block; }

h1 { font-size: 2em; margin: 0.67em 0; }

figcaption, figure, main { display: block; }

figure { margin: 1em 40px; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ }

abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

b, strong { font-weight: inherit; }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

dfn { font-style: italic; }

mark { background-color: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

audio, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

img { border-style: none; }

svg:not(:root) { overflow: hidden; }

button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

button, input { /* 1 */ overflow: visible; }

button, select { /* 1 */ text-transform: none; }

button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

fieldset { padding: 0.35em 0.75em 0.625em; }

legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

textarea { overflow: auto; }

[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

details, menu { display: block; }

summary { display: list-item; }

canvas { display: inline-block; }

template { display: none; }

[hidden] { display: none; }

/* BASE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
* { box-sizing: border-box; }

html { font-size: 50%; }

@media (min-width: 320px) { html { font-size: 62.5%; } }

body { font-size: 1.6em; font-family: "Futura", "Avenir Next", "Lato", "NotoSansJP", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; line-height: 1.7; color: #111111; -webkit-font-smoothing: antialiased; word-break: break-all; }

@media (min-width: 900px) { body { line-height: 1.7; } }

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

a:link { color: #111111; text-decoration: none; transition: opacity 0.6s linear; opacity: 1; }

a:visited { color: #111111; }

a:hover { text-decoration: none; }

h1, h2, h3, h4, h5, h6 { font-size: 1.5rem; margin: 0; padding: 0; font-feature-settings: "palt"; font-family: "Futura", "Avenir Next", "Lato", "NotoSansJP-Regular", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: 400; }

@media (min-width: 900px) { h1, h2, h3, h4, h5, h6 { font-size: 1.8rem; } }

p, ul, li, ol, dl, dt, dd { margin: 0; padding: 0; }

ul li { list-style: none; }

p { word-break: break-all; font-size: 1.3rem; font-family: "Futura", "Avenir Next", "Lato", "NotoSansJP-Regular", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: 400; }

@media (min-width: 900px) { p { font-size: 1.4rem; } }

.font-ja { font-family: "Futura", "Avenir Next", "Lato", "NotoSansJP", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

.font-ja-thin { font-family: "Futura", "Avenir Next", "Lato", "NotoSansJP-Thin", "HiraginoSans-W2", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: 200; }

.font-ja-regular { font-family: "Futura", "Avenir Next", "Lato", "NotoSansJP-Regular", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: 400; }

.font-ja-medium { font-family: "Futura", "Avenir Next", "Lato", "NotoSansJP-Medium", "HiraginoSans-W4", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: 500; }

.font-ja-bold { font-family: "Futura", "Avenir Next", "Lato", "NotoSansJP-Bold", "HiraginoSans-W6", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: 700; }

ul.link-menu { box-sizing: border-box; text-align: center; margin: 0 0 30px 0; border: none; }

ul.link-menu li { position: relative; display: inline; border-bottom: none; }

ul.link-menu li a { display: inline; padding: 10px 20px 10px 30px; transition: opacity 0.3s linear; }

@media (min-width: 900px) { ul.link-menu li a:hover { transition: opacity 0.3s linear; } }

@media (min-width: 900px) and (min-width: 900px) { ul.link-menu li a:hover { opacity: 0.6; } }

ul.link-menu li a:before { position: absolute; content: ''; left: 10px; width: 14px; height: 14px; background: url(https://joyfit.mom/css/img/icon-rect-blk-r.svg) no-repeat center center; background-size: 22px; bottom: 1px; }

@keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }

/* WRAPPER
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.content-wrapper { position: relative; width: 100%; min-width: 290px; margin: 0 auto; }

.content-wrapper-common { position: relative; width: 100%; margin: 0 auto; padding: 0 15px; }

@media (min-width: 514px) { .content-wrapper-common { max-width: 930px; padding: 0 15px; } }

@media (min-width: 900px) { .content-wrapper-common { max-width: 1110px; padding: 0 15px; } }

.content-wrapper-common.s-sp-pd { padding: 0 15px; }

@media (min-width: 514px) { .content-wrapper-common.s-sp-pd { max-width: 930px; padding: 0 15px; } }

@media (min-width: 900px) { .content-wrapper-common.s-sp-pd { max-width: 1110px; padding: 0 15px; } }

.content-wrapper-common.no-sp-pd { padding: 0 0; }

@media (min-width: 514px) { .content-wrapper-common.no-sp-pd { max-width: 930px; padding: 0 15px; } }

@media (min-width: 900px) { .content-wrapper-common.no-sp-pd { max-width: 1110px; padding: 0 15px; } }

.content-wrapper-common.no-pc-pd { padding: 0 15px; }

@media (min-width: 514px) { .content-wrapper-common.no-pc-pd { max-width: 930px; padding: 0 0; } }

@media (min-width: 900px) { .content-wrapper-common.no-pc-pd { max-width: 1110px; padding: 0 0; } }

.content-wrapper-common.no-pd { padding: 0; }

@media (min-width: 514px) { .content-wrapper-common.no-pd { padding: 0; } }

@media (min-width: 900px) { .content-wrapper-common.no-pd { padding: 0; } }

.content-wrapper-common.tab-half { width: 100%; }

@media (min-width: 514px) { .content-wrapper-common.tab-half { width: 480px; } }

@media (min-width: 900px) { .content-wrapper-common.tab-half { width: 100%; } }

.content-wrapper-w { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; padding: 0; }

@media (min-width: 1200px) { .content-wrapper-w { padding: 0 15px; } }

@media (min-width: 1200px) { .content-wrapper-w.no-pd { padding: 0 0; } }

@media (min-width: 1200px) { .content-wrapper-w.pd-2x { padding: 0 30px; } }

.content-wrapper-m { position: relative; width: 100%; max-width: 700px; margin: 0 auto; padding: 0 15px; }

@media (min-width: 514px) { .content-wrapper-m { max-width: 930px; } }

@media (min-width: 900px) { .content-wrapper-m { padding: 0 15px; } }

.content-wrapper-m.s-sp-pd { padding: 0 15px; }

@media (min-width: 900px) { .content-wrapper-m.s-sp-pd { padding: 0 15px; } }

.content-wrapper-m.no-pd { padding: 0; }

@media (min-width: 900px) { .content-wrapper-m.no-pd { padding: 0; } }

.content-wrapper-s { position: relative; width: 100%; max-width: 540px; margin: 0 auto; padding: 0 15px; }

@media (min-width: 900px) { .content-wrapper-s { padding: 0 15px; } }

.ribbon-green { background-color: #0c9090; }

.ribbon-sp-pd { padding: 0 15px; }

@media (min-width: 900px) { .ribbon-sp-pd { padding: 0 0; } }

.content-pd-only-sp { padding: 0 15px; }

@media (min-width: 900px) { .content-pd-only-sp { padding: 0 0; } }

.content-pd-only-sp-2x { padding: 0 30px; }

@media (min-width: 900px) { .content-pd-only-sp-2x { padding: 0 0; } }

.content-pd-only-pc { padding: 0 0; }

@media (min-width: 900px) { .content-pd-only-pc { padding: 0 15px; } }

.content-pd { padding: 0 15px; }

@media (min-width: 900px) { .content-pd { padding: 0 15px; } }

.pd-ribbon-common { padding: 45px 0; }

@media (min-width: 900px) { .pd-ribbon-common { padding: 45px 0; } }

.maxw-1280 { max-width: 100%; margin: 0 auto; }

@media (min-width: 1250px) { .maxw-1280 { max-width: 1250px; } }

.maxw-1280.sp-pd { padding: 0 15px; }

@media (min-width: 1250px) { .maxw-1280.sp-pd { padding: 0; } }

/* GRID
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.row { box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0; }

@media (min-width: 900px) { .row { margin: 0 -15px; } }

.row.has-sp-nm { margin: 0 -15px; }

.row.no-negative-magin { margin-right: 0; margin-left: 0; }

@media (min-width: 514px) { .row.no-negative-magin { margin-right: 0; margin-left: 0; } }

@media (min-width: 900px) { .row.no-negative-magin { margin-right: 0; margin-left: 0; } }

.col { width: 100%; padding: 0 15px; }

.col .no-pd { padding: 0 0; }

.col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-offset-0, .col-xs-offset-1, .col-xs-offset-2, .col-xs-offset-3, .col-xs-offset-4, .col-xs-offset-5, .col-xs-offset-6, .col-xs-offset-7, .col-xs-offset-8, .col-xs-offset-9, .col-xs-offset-10, .col-xs-offset-11, .col-xs-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 15px; padding-left: 15px; }

.col-xs.no-pd, .col-xs-1.no-pd, .col-xs-2.no-pd, .col-xs-3.no-pd, .col-xs-4.no-pd, .col-xs-5.no-pd, .col-xs-6.no-pd, .col-xs-7.no-pd, .col-xs-8.no-pd, .col-xs-9.no-pd, .col-xs-10.no-pd, .col-xs-11.no-pd, .col-xs-12.no-pd, .col-xs-offset-0.no-pd, .col-xs-offset-1.no-pd, .col-xs-offset-2.no-pd, .col-xs-offset-3.no-pd, .col-xs-offset-4.no-pd, .col-xs-offset-5.no-pd, .col-xs-offset-6.no-pd, .col-xs-offset-7.no-pd, .col-xs-offset-8.no-pd, .col-xs-offset-9.no-pd, .col-xs-offset-10.no-pd, .col-xs-offset-11.no-pd, .col-xs-offset-12.no-pd { padding: 0; }

.col-xs { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; }

.col-xs-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; }

.col-xs-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; }

.col-xs-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }

.col-xs-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; }

.col-xs-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; }

.col-xs-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }

.col-xs-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; }

.col-xs-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; }

.col-xs-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; }

.col-xs-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; }

.col-xs-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; }

.col-xs-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }

.col-xs-offset-0 { margin-left: 0; }

.col-xs-offset-1 { margin-left: 8.33333333%; }

.col-xs-offset-2 { margin-left: 16.66666667%; }

.col-xs-offset-3 { margin-left: 25%; }

.col-xs-offset-4 { margin-left: 33.33333333%; }

.col-xs-offset-5 { margin-left: 41.66666667%; }

.col-xs-offset-6 { margin-left: 50%; }

.col-xs-offset-7 { margin-left: 58.33333333%; }

.col-xs-offset-8 { margin-left: 66.66666667%; }

.col-xs-offset-9 { margin-left: 75%; }

.col-xs-offset-10 { margin-left: 83.33333333%; }

.col-xs-offset-11 { margin-left: 91.66666667%; }

.start-xs { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; }

.center-xs { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; }

.end-xs { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; }

.top-xs { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.middle-xs { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.bottom-xs { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.around-xs { -ms-flex-pack: distribute; justify-content: space-around; }

.between-xs { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.first-xs { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }

.last-xs { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

@media (min-width: 514px) { .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-offset-0, .col-sm-offset-1, .col-sm-offset-2, .col-sm-offset-3, .col-sm-offset-4, .col-sm-offset-5, .col-sm-offset-6, .col-sm-offset-7, .col-sm-offset-8, .col-sm-offset-9, .col-sm-offset-10, .col-sm-offset-11, .col-sm-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 15px; padding-left: 15px; }
  .col-sm { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; }
  .col-sm-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; }
  .col-sm-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; }
  .col-sm-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }
  .col-sm-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; }
  .col-sm-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; }
  .col-sm-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
  .col-sm-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; }
  .col-sm-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; }
  .col-sm-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; }
  .col-sm-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; }
  .col-sm-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; }
  .col-sm-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
  .col-sm-offset-0 { margin-left: 0; }
  .col-sm-offset-1 { margin-left: 8.33333333%; }
  .col-sm-offset-2 { margin-left: 16.66666667%; }
  .col-sm-offset-3 { margin-left: 25%; }
  .col-sm-offset-4 { margin-left: 33.33333333%; }
  .col-sm-offset-5 { margin-left: 41.66666667%; }
  .col-sm-offset-6 { margin-left: 50%; }
  .col-sm-offset-7 { margin-left: 58.33333333%; }
  .col-sm-offset-8 { margin-left: 66.66666667%; }
  .col-sm-offset-9 { margin-left: 75%; }
  .col-sm-offset-10 { margin-left: 83.33333333%; }
  .col-sm-offset-11 { margin-left: 91.66666667%; }
  .start-sm { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; }
  .center-sm { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; }
  .end-sm { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; }
  .top-sm { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .middle-sm { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .bottom-sm { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
  .around-sm { -ms-flex-pack: distribute; justify-content: space-around; }
  .between-sm { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .first-sm { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }
  .last-sm { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }

@media (min-width: 900px) { .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-offset-0, .col-md-offset-1, .col-md-offset-2, .col-md-offset-3, .col-md-offset-4, .col-md-offset-5, .col-md-offset-6, .col-md-offset-7, .col-md-offset-8, .col-md-offset-9, .col-md-offset-10, .col-md-offset-11, .col-md-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 15px; padding-left: 15px; }
  .col-md { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; }
  .col-md-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; }
  .col-md-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; }
  .col-md-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }
  .col-md-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; }
  .col-md-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; }
  .col-md-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
  .col-md-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; }
  .col-md-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; }
  .col-md-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; }
  .col-md-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; }
  .col-md-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; }
  .col-md-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
  .col-md-offset-0 { margin-left: 0; }
  .col-md-offset-1 { margin-left: 8.33333333%; }
  .col-md-offset-2 { margin-left: 16.66666667%; }
  .col-md-offset-3 { margin-left: 25%; }
  .col-md-offset-4 { margin-left: 33.33333333%; }
  .col-md-offset-5 { margin-left: 41.66666667%; }
  .col-md-offset-6 { margin-left: 50%; }
  .col-md-offset-7 { margin-left: 58.33333333%; }
  .col-md-offset-8 { margin-left: 66.66666667%; }
  .col-md-offset-9 { margin-left: 75%; }
  .col-md-offset-10 { margin-left: 83.33333333%; }
  .col-md-offset-11 { margin-left: 91.66666667%; }
  .start-md { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; }
  .center-md { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; }
  .end-md { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; }
  .top-md { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .middle-md { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .bottom-md { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
  .around-md { -ms-flex-pack: distribute; justify-content: space-around; }
  .between-md { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .first-md { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }
  .last-md { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }

@media (min-width: 900px) { .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-offset-0, .col-lg-offset-1, .col-lg-offset-2, .col-lg-offset-3, .col-lg-offset-4, .col-lg-offset-5, .col-lg-offset-6, .col-lg-offset-7, .col-lg-offset-8, .col-lg-offset-9, .col-lg-offset-10, .col-lg-offset-11, .col-lg-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 15px; padding-left: 15px; }
  .col-lg { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; }
  .col-lg-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; }
  .col-lg-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; }
  .col-lg-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }
  .col-lg-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; }
  .col-lg-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; }
  .col-lg-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
  .col-lg-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; }
  .col-lg-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; }
  .col-lg-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; }
  .col-lg-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; }
  .col-lg-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; }
  .col-lg-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
  .col-lg-offset-0 { margin-left: 0; }
  .col-lg-offset-1 { margin-left: 8.33333333%; }
  .col-lg-offset-2 { margin-left: 16.66666667%; }
  .col-lg-offset-3 { margin-left: 25%; }
  .col-lg-offset-4 { margin-left: 33.33333333%; }
  .col-lg-offset-5 { margin-left: 41.66666667%; }
  .col-lg-offset-6 { margin-left: 50%; }
  .col-lg-offset-7 { margin-left: 58.33333333%; }
  .col-lg-offset-8 { margin-left: 66.66666667%; }
  .col-lg-offset-9 { margin-left: 75%; }
  .col-lg-offset-10 { margin-left: 83.33333333%; }
  .col-lg-offset-11 { margin-left: 91.66666667%; }
  .start-lg { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; }
  .center-lg { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; }
  .end-lg { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; }
  .top-lg { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .middle-lg { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .bottom-lg { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
  .around-lg { -ms-flex-pack: distribute; justify-content: space-around; }
  .between-lg { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .first-lg { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }
  .last-lg { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }

/* COMMON
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.c-main { color: #111111; }

.c-white { color: #fff; }

.c-green { color: #0c9090; }

.c-green-dark { color: #008182; }

.c-orange { color: #d95646; }

.c-orange-dark { color: #ce4037; }

.c-purple { color: #a71659; }

.c-purple-dark { color: #950047; }

@media (min-width: 900px) { .link-hover { opacity: 1; transition: opacity 0.3s linear; } }

@media (min-width: 900px) { .link-hover:hover { opacity: 0.6; } }

.f-palt { font-feature-settings: "palt"; }

.notice { font-size: 1.2rem !important; }

.bold { font-weight: bold; }

.is-center { text-align: center; }

.is-left { text-align: left; }

.is-right { text-align: right; }

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

.js-shuffle-singles { visibility: hidden; }

.js-shuffle-singles.show { visibility: visible; }

.bg-white { background-color: #fff; }

.bg-green { background-color: #0c9090; }

.bg-green-dark { background-color: #008182; }

.bg-orange { background-color: #d95646; }

.bg-orange-dark { background-color: #ce4037; }

.bg-purple { background-color: #a71659; }

.bg-purple-dark { background-color: #950047; }

.bg-gray { background-color: #ececec; }

.bg-beige { background-color: #f8ede7; }

.bg-beige-dark { background-color: #ded2c6; }

.bg-color1 { background-color: #666666; }

.bg-color2 { background-color: #aaaaaa; }

.bg-color3 { background-color: #333333; }

.bg-color4 { background-color: #999999; }

.bg-color5 { background-color: #cccccc; }

.bg-color6 { background-color: #f1f1f1; }

.bg-color7 { background-color: #777777; }

@media (min-width: 320px) { ul.link-list { padding: 0 30px; } }

@media (min-width: 900px) { ul.link-list { padding: 0 0; } }

ul.link-list li { position: relative; border-top: 1px solid #bbb7b8; }

ul.link-list li a { display: block; padding: 15px 15px; font-size: 14px; }

ul.link-list li:last-child { border-bottom: 1px solid #bbb7b8; }

ul.link-list li:after { position: absolute; content: ''; bottom: 20px; right: 15px; width: 14px; height: 14px; background: url(https://joyfit.mom/css/img/icon-arrow-blk-r.svg) no-repeat center center; background-size: 14px; }

@media (min-width: 900px) { ul.link-list li:hover { background: #ececec; cursor: pointer; } }

ul.notice li { font-size: 10px; }

.mt-s { margin-top: 25px; }

@media (min-width: 900px) { .mt-s { margin-top: 30px; } }

@media (min-width: 1367px) { .mt-s { margin-top: 45px; } }

.mt-m { margin-top: 50px; }

@media (min-width: 900px) { .mt-m { margin-top: 60px; } }

@media (min-width: 1367px) { .mt-m { margin-top: 80px; } }

.mt-l { margin-top: 80px; }

@media (min-width: 900px) { .mt-l { margin-top: 90px; } }

@media (min-width: 1367px) { .mt-l { margin-top: 120px; } }

.mt-10 { margin-top: 10px; }

.mt-20 { margin-top: 20px; }

.mb-s { margin-bottom: 40px; }

@media (min-width: 900px) { .mb-s { margin-bottom: 50px; } }

@media (min-width: 1367px) { .mb-s { margin-bottom: 50px; } }

.mb-m { margin-bottom: 50px; }

@media (min-width: 900px) { .mb-m { margin-bottom: 60px; } }

@media (min-width: 1367px) { .mb-m { margin-bottom: 80px; } }

.mb-l { margin-bottom: 80px; }

@media (min-width: 900px) { .mb-l { margin-bottom: 100px; } }

@media (min-width: 1367px) { .mb-l { margin-bottom: 100px; } }

.mb-10 { margin-bottom: 10px; }

.mb-20 { margin-bottom: 20px; }

.padding-side-m { padding: 0 30px; }

@media (min-width: 900px) { .padding-side-m { padding: 0; } }

p.common { margin: 1em 0; }

.pt-s { padding-top: 25px; }

@media (min-width: 900px) { .pt-s { padding-top: 30px; } }

@media (min-width: 1367px) { .pt-s { padding-top: 45px; } }

.pt-m { padding-top: 50px; }

@media (min-width: 900px) { .pt-m { padding-top: 60px; } }

@media (min-width: 1367px) { .pt-m { padding-top: 90px; } }

.pt-l { padding-top: 80px; }

@media (min-width: 900px) { .pt-l { padding-top: 90px; } }

@media (min-width: 1367px) { .pt-l { padding-top: 120px; } }

.pb-s { padding-bottom: 25px; }

@media (min-width: 900px) { .pb-s { padding-bottom: 30px; } }

@media (min-width: 1367px) { .pb-s { padding-bottom: 45px; } }

.pb-m { padding-bottom: 50px; }

@media (min-width: 900px) { .pb-m { padding-bottom: 60px; } }

@media (min-width: 1367px) { .pb-m { padding-bottom: 90px; } }

.pb-l { padding-bottom: 80px; }

@media (min-width: 900px) { .pb-l { padding-bottom: 90px; } }

@media (min-width: 1367px) { .pb-l { padding-bottom: 120px; } }

hr.common { height: 1px; border: none; background-color: #bbb7b8; margin: 30px 0; }

@media (min-width: 900px) { hr.common { margin: 40px 0; } }

img.alignright { float: right; margin: 0 0 1em 1em; }

img.alignleft { float: left; margin: 0 1em 1em 0; }

img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* DISPLAY
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-only-sp-se { display: block; }

.header-util * { box-sizing: border-box; margin: 0; padding: 0; }

#gsc-i-id1 { width: 82px !important; }

@media (min-width: 321px) {

.u-only-sp-se { display: none; }
#gsc-i-id1 { background: none !important; text-indent: 0 !important; /*font-size: 12px;*/ font-size: 1.3rem; }
#gsc-i-id1:placeholder-shown {color: rgba(0,0,0,.4); /*font-size: 12px;*/font-size: 1.3rem; }
#gsc-i-id1::-webkit-input-placeholder {color: rgba(0,0,0,.4); font-size: 12px;}
#gsc-i-id1:-moz-placeholder {color: rgba(0,0,0,.4); opacity: 1; font-size: 12px;}
#gsc-i-id1::-moz-placeholder {color: rgba(0,0,0,.4); opacity: 1; font-size: 12px;}
#gsc-i-id1:-ms-input-placeholder {color: rgba(0,0,0,.4); font-size: 12px;}
.gsib_a { padding: 0 2px !important; }
.gsst_b { margin: 0 -5px 0 0; }
.gsc-input-box { border: none !important; }
.cse .gsc-control-cse, .gsc-control-cse { padding: 0 !important; border-radius: 4px !important; }
form.gsc-search-box { margin: 2px 0 0 !important; position: relative;  /*height: 2.5em !important;*/  }
table.gsc-search-box { position: relative; /*border: 1px solid #dfe1e5;*/ border: none !important; height: 2.5em !important;  }
table .gsc-input { margin-top: 2px; }
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus { padding-right: 32px; /*height: 18px !important;*/ margin: 0 !important; background: inherit !important; text-indent: .5em !important; font: 99% arial,helvetica,clean,sans-serif; /*height: 2.5em !important;*/ }
.gsc-input { width: 120%; padding: 0px; }
td.gsc-search-button { position: absolute; top: 4px; right: 24px; }
.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus { padding: 0 !important; border: none !important; background: #fff !important; }
.gsc-search-button-v2 svg { fill: #9d9e9e !important; width: 16px !important; height: 16px !important; margin-top: 2px; }

}


.u-only-sp-s { display: block; }

@media (min-width: 514px) { .u-only-sp-s { display: none; } }

.u-only-sp { display: block; }

@media (min-width: 900px) { .u-only-sp { display: none; } }

.u-only-pc { display: none; }

@media (min-width: 900px) { .u-only-pc { display: block; }
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {  }
.search-pc { margin-right: .5em; width: 127px; } /*2020-03-22 kato*/
#gsc-i-id1 { background: none !important; text-indent: 0 !important; /*font-size: 12px;*/ font-size: 1.3rem; }
#gsc-i-id1:placeholder-shown {color: rgba(0,0,0,.4); /*font-size: 12px;*/font-size: 1.3rem; }
#gsc-i-id1::-webkit-input-placeholder {color: rgba(0,0,0,.4); font-size: 12px;}
#gsc-i-id1:-moz-placeholder {color: rgba(0,0,0,.4); opacity: 1; font-size: 12px;}
#gsc-i-id1::-moz-placeholder {color: rgba(0,0,0,.4); opacity: 1; font-size: 12px;}
#gsc-i-id1:-ms-input-placeholder {color: rgba(0,0,0,.4); font-size: 12px;}
.gsib_a { padding: 0 2px !important; }
.gsst_b { margin: 6px -5px 0 0; margin-right: -20px; position: absolute !important; top: -3px; right: 40px; }
.gsc-input-box { border: none !important; }
.cse .gsc-control-cse, .gsc-control-cse { padding: 0 !important; }
form.gsc-search-box { margin-bottom: 0 !important; position: relative; /* height: 2.5em !important; */ }
table.gsc-search-box { position: relative; /*border: 1px solid #dfe1e5;*/ border: 1px solid #bbb7b8 !important;  /*height: 2.5em !important;*/  }
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus { padding-right: 22px; /*height: 18px !important;*/ margin: 0 !important; background: inherit !important; text-indent: .5em !important; font: 99% arial,helvetica,clean,sans-serif; /*height: 2.5em !important;*/ } /*2020-03-24kato*/
.gsc-input { width: 120%; padding: 0px; }
td.gsc-search-button { position: absolute; top: 4px; right: 24px; }
.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus { padding: 0 !important; border: none !important; background: #fff !important; }
.gsc-search-button-v2 svg { fill: #9d9e9e !important; width: 16px !important; height: 16px !important; }

}

@-moz-document url-prefix(){
  #gsc-i-id1 { width: 87px !important; }
}

.u-only-pc-tab { display: none; }

@media (min-width: 514px) { .u-only-pc-tab { display: block; } }

.u-only-sp-i { display: inline; }

@media (min-width: 900px) { .u-only-sp-i { display: none; } }

.u-only-pc-i { display: none; }

@media (min-width: 900px) { .u-only-pc-i { display: inline; } }

html #wpadminbar { background: rgba(0, 0, 0, 0.5); }

/* BUTTONS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.btn-yoga { display: inline-block; zoom: 1; line-height: 1; white-space: nowrap; vertical-align: middle; text-align: center; cursor: pointer; -webkit-user-drag: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; box-sizing: border-box; }

.btn-yoga::-moz-focus-inner { padding: 0; border: 0; }

.btn-yoga.btn-yoga-s { padding: 1.0em 1.0em; font-size: 1.2rem; border-radius: 3px; }

@media (min-width: 900px) { .btn-yoga.btn-yoga-s { font-size: 1.3rem; } }

.btn-yoga-group { letter-spacing: -0.31em; *letter-spacing: normal; }

.btn-yoga-group { word-spacing: -0.43em; }

.btn-yoga-group .btn-yoga { letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; }

.btn-yoga-hidden { display: none; }

.btn-yoga { font-family: inherit; font-size: 1.5rem; padding: 1.0em 1.0em; color: #ffffff; background-color: #0c9090; text-decoration: none; border: none; width: 100%; }

@media (min-width: 900px) { .btn-yoga { font-size: 1.8rem; transition: all 0.3s linear; } }

@media (min-width: 900px) { .btn-yoga:hover { opacity: 0.8; color: #ffffff; } }

.btn-yoga.has-margin { margin: 1em; }

.btn-yoga.btn-yoga-l { padding: 1.4em 1.4em; }

a.btn-yoga:link, a.btn-yoga:visited { color: #ffffff; }

a.btn-yoga-orange, a.btn-yoga-selected { color: #ffffff; }

.btn-yoga[disabled] { border: none; background-image: none; background-color: #d1d1d1; /* csslint ignore:start */ /* csslint ignore:end */ cursor: not-allowed; box-shadow: none; pointer-events: none; }

.btn-yoga.btn-yoga-disabled { border: none; background-image: none; background-color: #d1d1d1; /* csslint ignore:start */ /* csslint ignore:end */ cursor: not-allowed; box-shadow: none; pointer-events: none; }

.btn-yoga.btn-yoga-disabled:hover, .btn-yoga.btn-yoga-disabled:focus, .btn-yoga.btn-yoga-disabled:active { border: none; background-image: none; /* csslint ignore:start */ /* csslint ignore:end */ cursor: not-allowed; box-shadow: none; pointer-events: none; }

.btn-yoga-orange { color: #ffffff; background-color: #d95646; }

a.btn-yoga-orange:link, a.btn-yoga-orange:visited { color: #ffffff; }

@media (min-width: 900px) { a.btn-yoga-orange:hover { opacity: 0.8; } }

.btn-yoga-purple { color: #ffffff; background-color: #a71659; }

a.btn-yoga-purple { background-color: #a71659; }

a.btn-yoga-purple:link, a.btn-yoga-purple:visited { color: #ffffff; }

@media (min-width: 900px) { a.btn-yoga-purple:hover { opacity: 0.8; } }

.btn-yoga-gray { color: #ffffff; background-color: #4a4a4a; }

a.btn-yoga-gray { background-color: #4a4a4a; }

a.btn-yoga-gray:link, a.btn-yoga-gray:visited { color: #ffffff; }

@media (min-width: 900px) { a.btn-yoga-gray:hover { opacity: 0.8; } }

.btn-yoga-white { color: #111111; background-color: #ffffff; }

.btn-yoga-white:hover { color: #111111; }

@media (min-width: 900px) { .btn-yoga-white:hover { color: #4a4a4a; } }

a.btn-yoga-white { background-color: #ffffff; }

a.btn-yoga-white:link, a.btn-yoga-white:visited { color: #111111; }

a.btn-yoga-white:hover { color: #111111; }

@media (min-width: 900px) { a.btn-yoga-white:hover { color: #4a4a4a; } }

.btn-yoga-group .btn-yoga { margin: 0; border-radius: 0; border-right: 1px solid #111; /* fallback color for rgba() for IE7/8 */ border-right: 1px solid rgba(0, 0, 0, 0.2); }

.btn-yoga-group .btn-yoga:first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }

.btn-yoga-group .btn-yoga:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-right: none; }

a.btn-3d-effect { display: inline-block; transition: opacity 0.3s linear; }

@media (min-width: 900px) { a.btn-3d-effect:hover { opacity: 0.6; } }

a.btn-3d-effect .btn-inner { font-size: 0; background-color: #fff; margin-bottom: 0; display: flex; justify-content: flex-start; align-items: center; }

@media (min-width: 900px) { a.btn-3d-effect .btn-inner { margin-bottom: 0; } }

a.btn-3d-effect .btn-inner .category-text, a.btn-3d-effect .btn-inner .name-text { display: inline-block; font-size: 1.4rem; line-height: 1; padding: 12px 12px; }

@media (min-width: 900px) { a.btn-3d-effect .btn-inner .category-text, a.btn-3d-effect .btn-inner .name-text { padding: 18px 15px; font-size: 1.8rem; } }

a.btn-3d-effect .btn-inner .category .category-text { color: #fff; font-size: 1.8rem; }

@media (min-width: 900px) { a.btn-3d-effect .btn-inner .category .category-text { font-size: 3.0rem; } }

a.btn-3d-effect .btn-inner .name .name-text { font-size: 1.4rem; }

@media (min-width: 900px) { a.btn-3d-effect .btn-inner .name .name-text { font-size: 1.8rem; } }

a.btn-3d-effect .btn-inner.orange { border: 1px solid #d95646; }

a.btn-3d-effect .btn-inner.orange .category { background-color: #d95646; }

a.btn-3d-effect .btn-inner.orange .name-text { color: #d95646; }

a.btn-3d-effect .btn-inner.purple { border: 1px solid #a71659; }

a.btn-3d-effect .btn-inner.purple .category { background-color: #a71659; }

a.btn-3d-effect .btn-inner.purple .name-text { color: #a71659; }

a.btn-3d-effect .btn-inner.green { border: 1px solid #0c9090; }

a.btn-3d-effect .btn-inner.green .category { background-color: #0c9090; }

a.btn-3d-effect .btn-inner.green .name-text { color: #0c9090; }

/* LIST
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul.common { width: auto; margin: 0 auto 60px; }

ul.common li { list-style-type: none; margin-bottom: 10px; }

ul.common li p { font-size: 1.2rem; }

ul.common li a { transition: opacity 0.3s linear; }

@media (min-width: 900px) { ul.common li a:hover { opacity: 0.6; } }

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

ul.inline { width: auto; margin: 0 auto; }

ul.inline li { list-style-type: none; margin: 0 30px 0 0; display: inline-block; }

ul.inline li p { font-size: 1.0rem; }

@media (min-width: 514px) { ul.inline li p { font-size: 1.4rem; } }

ul.inline li a { transition: opacity 0.3s linear; padding: 13px 0; display: block; line-height: 1; }

@media (min-width: 900px) { ul.inline li a:hover { opacity: 0.6; } }

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

ul.inline.white li p a { color: #fff; }

ul.common-center { width: auto; margin: 0 auto 60px; padding-left: 0; text-align: center; }

@media (min-width: 514px) { ul.common-center { display: flex; justify-content: left; flex-wrap: wrap; text-align: left; } }

ul.common-center li { list-style-type: none; margin-bottom: 10px; }

@media (min-width: 514px) { ul.common-center li { width: calc(100% / 3); } }

ul.common-center li > div { display: inline-flex; }

ul.common-center li > p { display: inline-flex; }

ul.common-center li a { font-size: 1.0rem; display: block; transition: opacity 0.3s linear; }

@media (min-width: 514px) { ul.common-center li a { font-size: 1.4rem; padding: 12px 0; } }

@media (min-width: 900px) { ul.common-center li a:hover { opacity: 0.6; } }

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

@media (min-width: 514px) { ul.common-center li:last-child { margin-bottom: 10px; } }

@media (min-width: 514px) { ul.common-center *::-ms-backdrop, ul.common-center li { width: 33.33%; } }

ul.common-center2 { width: auto; margin: 0 auto 60px; padding-left: 0; text-align: center; }

@media (min-width: 514px) { ul.common-center2 { display: flex; justify-content: left; flex-wrap: wrap; text-align: left; } }

ul.common-center2 li { list-style-type: none; margin-bottom: 10px; }

ul.common-center2 li > div { display: inline-flex; }

ul.common-center2 li > p { display: inline-flex; }

ul.common-center2 li a { font-size: 1.0rem; display: block; transition: opacity 0.3s linear; }

@media (min-width: 514px) { ul.common-center2 li a { padding: 12px　0; font-size: 1.4rem; } }

@media (min-width: 900px) { ul.common-center2 li a:hover { opacity: 0.6; } }

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

@media (min-width: 514px) { ul.common-center2 li:last-child { margin-bottom: 10px; } }

@media (min-width: 514px) { ul.common-center2 *::-ms-backdrop, ul.common-center2 li { width: 33.33%; } }

ul.disc { margin-bottom: 30px; padding-left: 20px; }

ul.disc li { list-style-type: disc; margin-bottom: 10px; }

ul.disc li a { transition: opacity 0.3s linear; }

@media (min-width: 900px) { ul.disc li a:hover { opacity: 0.6; } }

ul.disc li, ul.disc a { font-size: 1.2rem; }

@media (min-width: 514px) { ul.disc li, ul.disc a { font-size: 1.6rem; } }

ul.disc.notice li { font-size: 1.0rem; }

@media (min-width: 514px) { ul.disc.notice li { font-size: 1.4rem; } }

ul.asta { margin: 30px 0; padding-left: 2px; }

ul.asta li { list-style-type: none; margin-bottom: 10px; font-size: 1.2rem; }

ul.asta li a { transition: opacity 0.3s linear; }

@media (min-width: 900px) { ul.asta li a:hover { opacity: 0.6; } }

ul.asta li:before { content: '※'; }

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

@media (min-width: 514px) { ul.has-eyecatch-circle, ul.common-center.has-eyecatch-circle, ul.common-center2.has-eyecatch-circle { justify-content: left; } }

ul.has-eyecatch-circle li, ul.common-center.has-eyecatch-circle li, ul.common-center2.has-eyecatch-circle li { display: flex; align-items: center; justify-content: center; }

@media (min-width: 514px) { ul.has-eyecatch-circle li, ul.common-center.has-eyecatch-circle li, ul.common-center2.has-eyecatch-circle li { display: flex; align-items: center; justify-content: left; margin-bottom: 30px; width: calc(100% / 3); } }

ul.has-eyecatch-circle li .eyecatch-circle, ul.common-center.has-eyecatch-circle li .eyecatch-circle, ul.common-center2.has-eyecatch-circle li .eyecatch-circle { display: flex; justify-content: center; align-items: center; border-radius: 50%; flex-flow: column; vertical-align: top; width: 36px; height: 36px; flex: none; margin-right: 6px; }

@media (min-width: 514px) { ul.has-eyecatch-circle li .eyecatch-circle, ul.common-center.has-eyecatch-circle li .eyecatch-circle, ul.common-center2.has-eyecatch-circle li .eyecatch-circle { width: 50px; height: 50px; } }

ul.has-eyecatch-circle li .eyecatch-circle p, ul.common-center.has-eyecatch-circle li .eyecatch-circle p, ul.common-center2.has-eyecatch-circle li .eyecatch-circle p { display: block; color: #fff; line-height: 1; font-size: 1.0rem; }

@media (min-width: 514px) { ul.has-eyecatch-circle li .eyecatch-circle p, ul.common-center.has-eyecatch-circle li .eyecatch-circle p, ul.common-center2.has-eyecatch-circle li .eyecatch-circle p { font-size: 1.4rem; } }

ul.has-eyecatch-circle li .eyecatch-circle.green, ul.common-center.has-eyecatch-circle li .eyecatch-circle.green, ul.common-center2.has-eyecatch-circle li .eyecatch-circle.green { background-color: #0c9090; }

ul.has-eyecatch-circle li .eyecatch-circle.orange, ul.common-center.has-eyecatch-circle li .eyecatch-circle.orange, ul.common-center2.has-eyecatch-circle li .eyecatch-circle.orange { background-color: #d95646; }

ul.has-eyecatch-circle li .eyecatch-circle.purple, ul.common-center.has-eyecatch-circle li .eyecatch-circle.purple, ul.common-center2.has-eyecatch-circle li .eyecatch-circle.purple { background-color: #a71659; }

ul.has-eyecatch-circle li .eyecatch-text, ul.common-center.has-eyecatch-circle li .eyecatch-text, ul.common-center2.has-eyecatch-circle li .eyecatch-text { text-align: left; display: inline-block; }

@media (min-width: 514px) { ul.has-eyecatch-circle li .eyecatch-text, ul.common-center.has-eyecatch-circle li .eyecatch-text, ul.common-center2.has-eyecatch-circle li .eyecatch-text { width: calc(100% - 50px); } }

ul.has-eyecatch-circle li .eyecatch-text p, ul.common-center.has-eyecatch-circle li .eyecatch-text p, ul.common-center2.has-eyecatch-circle li .eyecatch-text p { word-break: break-word; line-height: 1; display: inline-block; font-size: 1.0rem; }

@media (min-width: 514px) { ul.has-eyecatch-circle li .eyecatch-text p, ul.common-center.has-eyecatch-circle li .eyecatch-text p, ul.common-center2.has-eyecatch-circle li .eyecatch-text p { font-size: 1.4rem; display: block; } }

@media (min-width: 514px) { ul.has-eyecatch-circle li .eyecatch-text p a, ul.common-center.has-eyecatch-circle li .eyecatch-text p a, ul.common-center2.has-eyecatch-circle li .eyecatch-text p a { padding-right: 30px; } }

/* HEADINGS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.h1 { font-size: 4.5rem; }

@media (min-width: 900px) { .h1 { font-size: 5.4rem; } }

.h2 { font-size: 3.0rem; text-align: center; }

@media (min-width: 900px) { .h2 { font-size: 3.0rem; } }

.h3 { font-size: 1.8rem; text-align: center; }

@media (min-width: 900px) { .h3 { font-size: 2.4rem; } }

.h3-s { font-size: 1.4rem; }

@media (min-width: 900px) { .h3-s { font-size: 2.4rem; } }

.h3-l { font-size: 2.4rem; text-align: center; }

@media (min-width: 900px) { .h3-l { font-size: 3.0rem; } }

.h4 { font-size: 1.6rem; text-align: center; }

@media (min-width: 900px) { .h4 { line-height: 1.7; font-size: 2.4rem; } }

.h5 { font-size: 1.1rem; text-align: center; }

@media (min-width: 900px) { .h5 { font-size: 1.4rem; } }

.heading-has-border { position: relative; border-top: 1px solid #bbb7b8; }

@media (min-width: 900px) { .heading-has-border { border-top: 1px solid #bbb7b8; } }

.heading-has-border:before { position: absolute; content: ''; width: 95px; height: 5px; top: 0; left: 0; right: 0; margin: 0 auto; background-color: #0c9090; }

@media (min-width: 900px) { .heading-has-border:before { width: 166px; height: 5px; } }

.heading-has-border h2, .heading-has-border h3, .heading-has-border h4 { padding: 30px 0 60px; }

.heading-has-border.orange:before { background-color: #d95646; }

.heading-has-border.purple:before { background-color: #a71659; }

.heading-has-underline { border-bottom: 1px solid #bbb7b8; position: relative; padding-bottom: 1.0rem; }

.heading-has-upperline { border-top: 1px solid #bbb7b8; position: relative; padding-bottom: 1.0rem; }

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Loader
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.loader-wrapper { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; justify-content: center; align-items: center; z-index: 1; opacity: 0; transition: all 0.4s ease-out; transition-delay: 1s; overflow: hidden; }

.loader-wrapper.show { opacity: 1; }

.loader, .loader:before, .loader:after { border-radius: 50%; width: 1.4em; height: 1.4em; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: load7 1.8s infinite ease-in-out; animation: load7 1.8s infinite ease-in-out; }

.loader { color: #ffffff; font-size: 10px; margin: 80px auto; position: relative; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; max-width: 100%; }

.loader:before, .loader:after { content: ''; position: absolute; top: 0; }

.loader:before { left: -3.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }

.loader:after { left: 3.5em; }

@-webkit-keyframes load7 { 0%, 80%, 100% { box-shadow: 0 1.8em 0 -1.3em; }
  40% { box-shadow: 0 1.8em 0 0; } }

@keyframes load7 { 0%, 80%, 100% { box-shadow: 0 1.8em 0 -1.3em; }
  40% { box-shadow: 0 1.8em 0 0; } }

.header { z-index: 1051; position: relative; background-color: #fff; width: 100%; height: 110px; }
@media (min-width: 900px) { .header { height: 120px; } }
.header .header-util { height: 55px; }
@media (min-width: 900px) { .header .header-util { height: 50px; } }
.header .header-util p { font-size: 0.9rem; }
@media (min-width: 900px) { .header .header-util p { font-size: 1.0rem; } }
.header .header-util .content-wrapper-w { max-width: 1280px; margin: 0 auto; height: 100%; display: flex; justify-content: flex-start; align-items: center; justify-content: space-between; padding: 0 15px; }
@media (min-width: 900px) { .header .header-util .content-wrapper-w { padding: 0 15px; } }
.header .header-util .header-main-inner { overflow: hidden; position: relative; }
.header .header-util ul.util-logo { width: auto; margin: 0; font-size: 0; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; }
@media (min-width: 900px) { .header .header-util ul.util-logo { min-width: 430px; } } /*2020-03-22 kato*/
.header .header-util ul.util-logo li { list-style-type: none; margin: 0; display: inline-block; }
.header .header-util ul.util-logo li p { font-size: 1.0rem; }
@media (min-width: 900px) { .header .header-util ul.util-logo li p { font-size: 1.4rem; } }
.header .header-util ul.util-logo li a { transition: opacity 0.3s linear; padding: 0; display: block; line-height: 1; }
@media (min-width: 900px) { .header .header-util ul.util-logo li a:hover { opacity: 0.6; } }
/*.header .header-util ul.util-logo li img { max-height: 48px; }*/
.header .header-util ul.util-logo li img { display: block; max-height: 48px;}
.header .header-util ul.util-logo li:nth-child(1) { margin-right: 8px; }
.header .header-util ul.util-logo li:nth-child(1) img { display: block; width: 100px;}
.header .header-util ul.util-logo li:nth-child(2) img { display: block; width: 52px;}
.header .header-util ul.util-logo li:nth-child(3) img { display: block; width: 73px;}
.header .header-util ul.util-logo li:nth-child(4) img { display: block; width: 94px;}
.header .header-util ul.util-logo li:nth-child(5) img { display: block; width: 57px;}
.header .header-util .util-sub { /*display: flex; align-items: center; justify-content: flex-end;*/ width: 100%; }
/*@media (min-width: 900px) { .header .header-util .util-sub { width: 430px; width: initial; justify-content: space-between; } }*/
@media (min-width: 900px) { .header .header-util .util-sub { width: 210px; justify-content: space-between; } } /*2020-03-22 kato*/
.header .header-util .util-sub p, .header .header-util .util-sub a { color: #727171; }
.header .header-util .util-sub .util-sub-right { width: 86px; height: 50px; border-left: #bbb7b8 solid 1px; position: absolute; top: 0; right: 0; }
.header .header-util .util-sub ul.list-header { width: auto; height: 1em; overflow: hidden; list-style-type: none; margin: 0; text-align: left; position: absolute; top: 4px; right: 0; background: #fff; padding: 1em 1.2em; z-index: 1; transition: .5s ease; }
.header .header-util .util-sub ul.list-header.js__on { height: 6em; }
.header .header-util .util-sub ul.list-header:after { content: ""; width: 0; height: 0; display: block; border-style: solid; border-width: 5px 3px 0 3px; border-color: #737272 transparent transparent transparent; position: absolute; top: 18px; right: 7px; }
.header .header-util .util-sub ul.list-header.js__on:after { content: ""; width: 0; height: 0; display: block; border-style: solid; border-width: 0 3px 5px 3px; border-color: transparent transparent #737272 transparent; position: absolute; top: 18px; right: 7px; }
.header .header-util .util-sub ul.list-header li { display: block; margin-bottom: 10px; }
.header .header-util .util-sub ul.list-header li:last-child { border: none; margin-right: 0; padding-right: 0; margin-bottom: 0; }
.header .header-util .util-sub ul.list-header li a { transition: opacity 0.3s linear; padding: 13px 0; display: block; line-height: 1.1; font-size: 0.9rem; padding: 0; }
@media (min-width: 900px) { .header .header-util .util-sub ul.list-header li a:hover { opacity: 0.6; } }
@media (min-width: 900px) { .header .header-util .util-sub ul.list-header li a { font-size: 1.1rem; } }
.header .header-util .util-sub ul.list-header.no-border li { border-right: none; margin: 0 8px 0 0; padding: 0 0 0 0; }
.header .header-util .util-sub ul.list-header.no-border li:last-child { border: none; margin-right: 0; }
.header .header-util .util-sub .search-sp { width: 18px; margin-left: 10px; }
.header .header-util .util-sub .search-sp img.icon-search-sp { width: 100%; vertical-align: middle; }
.header .header-main { border-top: 1px solid #bbb7b8; z-index: 1050; height: 55px; width: 100%; }

@media (max-width: 640px) {
  .gsc-control-cse { width: 100% !important; }
  .header .header-util .util-sub { display: flex; justify-content: flex-start; align-items: center; justify-content: flex-end; width: 100%; }
  .header .header-util .util-sub .util-sub-right { width: auto; border-left: none; display: flex; justify-content: flex-start; align-items: center; justify-content: flex-end; position: static; }
  .header .header-util .util-sub ul.list-header { height: auto; position: static; width: auto; margin: 0 auto; list-style-type: none; margin: 0 auto 0 0; font-size: 0; text-align: left; }
  .header .header-util .util-sub ul.list-header:after { display: none; }
  .header .header-util .util-sub ul.list-header li { margin: 0 6px 0 0; padding: 0 6px 0 0; border-right: 1px solid #727171; display: inline-block; }
}

@media (min-width: 900px) { .header .header-main { /*height: 103px; */} }
.header .header-main p { font-size: 1.1rem; }
@media (min-width: 900px) { .header .header-main p { font-size: 1.6rem; } }
.header .header-main .content-wrapper-w { height: 54px; display: flex; justify-content: flex-start; align-items: center; justify-content: space-between; padding: 0 15px; box-sizing: border-box; max-width: 1280px; }
@media (min-width: 900px) { .header .header-main .content-wrapper-w { height: 69px; padding: 0 15px; } }
/*.header .header-main .header-main-inner { display: flex; justify-content: flex-start; align-items: center; justify-content: space-between; width: 100%; }*/
.header .header-main .header-main-inner { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.header .header-main .header-main-inner .logo-link { display: flex; justify-content: flex-start; align-items: center; }
.header .header-main .header-main-inner img.logo { width: 39px; }
@media (min-width: 900px) { .header .header-main .header-main-inner img.logo { width: 78px; } }
.header .header-main .header-main-inner h1 { padding-left: 10px; font-size: 1.2rem; color: #4a4a4a; text-align: left; line-height: 1.5; }
@media (min-width: 900px) { .header .header-main .header-main-inner h1 { font-size: 1.6rem; padding-left: 18px; } }
.header .header-main .header-main-inner .btns { display: none; }
@media (min-width: 900px) { .header .header-main .header-main-inner .btns { display: flex !important; justify-content: flex-start; align-items: center; display: -webkit-box;  display: -webkit-flex; display: -ms-flexbox; } }
.header .header-main .header-main-inner .btns .btn-yoga { width: 120px; margin: 0 22px 0 0; }
.header .header-main .header-main-inner .btns .btn-yoga:last-child { margin: 0; }
.header .header-main.header-main-fixed { border-top: none; position: fixed; top: 0; }
.header #header-main-container { z-index: 1049; background-color: #fff; }

.header-tablet .gsc-input-box { padding-top: 0 !important; }
.cse .gsc-control-cse, .gsc-control-cse { width: 100% !important; }
@media (min-width: 900px) { .cse .gsc-control-cse, .gsc-control-cse { width: 129px !important; } }

#header .hrader-util-btns li.header-prevention { margin-right: 11px; }
#header .hrader-util-btns li.header-prevention:after { display: none; }
#header .hrader-util-btns li.header-prevention a { border: #BC5353 solid 1px; border-radius: 3px; color: #BC5353; padding: 0.3em 1.7em 0.3em 0.6em; position: relative; }
#header .hrader-util-btns li.header-prevention a:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 6px; border-color: transparent transparent transparent #bc5353; position: absolute; top: 50%; right: 5px; transform: translateY(-50%); }


.search-container { box-sizing: border-box; position: relative; border: 1px solid #bbb7b8; display: block; padding: 0 6px 0 6px; height: 2.0em; width: 120px; margin: 0 12px; overflow: hidden; display: flex; justify-content: flex-start; align-items: center; background-color: #fff; }

.search-container input[type="text"] { border: none; height: 100%; line-height: 1.2; font-size: 1.3rem; width: calc(100% - 22px); padding: 0; }

.search-container input[type="text"]:focus { outline: 0; }

.search-container input[type="submit"] { cursor: pointer; border: none; background-image: url(../../img/yoga/common/icon_search_l.svg); background-repeat: no-repeat; background-size: 14px 14px; background-position: right 0 top 8px; outline: none; height: 100%; width: 22px; margin: 0 4px; background-color: #fff; }

.search-sp-form { padding-top: 30px; }

.search-sp-form .search-container { width: 100%; margin: 0; border: 0; border-radius: 3px; }

.search-sp-form .search-container input[type="submit"] { background-image: url(../../img/yoga/common/icon_search_l_blk.svg); }

.header-menu-pc { background-color: rgba(255, 255, 255, 0.5); position: relative; width: 100%; z-index: 1030; transition: background-color 0.6s ease-in; }

.header-menu-pc ul li { padding: 0 20px 0 0; display: inline-block; }

.header-menu-pc ul li a { line-height: 1; font-size: 1.4rem; padding: 10px 0; display: block; transition: opacity 0.3s linear; }

@media (min-width: 900px) { .header-menu-pc ul li a:hover { opacity: 0.6; } }

.header-main.header-main-fixed .header-menu-pc { background-color: rgba(230, 230, 230, 0.8); }

.btn-rtial-fixed { z-index: 1044; position: fixed; top: 240px; right: 0; background-color: #0c9090; padding: 0; width: 60px; }

.btn-rtial-fixed a { transition: opacity 0.3s linear; color: #fff; display: block; padding: 18px 40px 18px 12px; line-height: 1.2; }

@media (min-width: 900px) { .btn-rtial-fixed a:hover { opacity: 0.6; } }

#sub-menu-button { position: absolute; top: 16px; right: 15px; width: 26px; height: 22px; display: inline-block; z-index: 1080; cursor: pointer; transition: opacity .3s; }

@media (min-width: 900px) { #sub-menu-button { display: none; } }

#sub-menu-button span { transition: all .4s 1s; display: inline-block; transition: all .4s; position: absolute; left: 0; width: 26px; height: 3px; border-radius: 2px; background-color: #0c9090; border-radius: 2px; }

#sub-menu-button span:nth-of-type(1) { top: 0px; }

#sub-menu-button span:nth-of-type(2) { top: 9px; }

#sub-menu-button span:nth-of-type(3) { top: 18px; }

#sub-menu-button.hide { display: none; }

.sub-menu-panel { position: fixed; background-color: #0c9090; color: white; top: 0; left: 0; bottom: 0; right: auto; color: white; transition: all .4s; width: 100vw; height: 0; overflow: hidden; z-index: 1022; }

.sub-menu-panel .sub-menu-scroll-container { width: 100vw; height: 100vh; overflow-y: scroll; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

.sub-menu-panel .sub-menu-container { min-height: 102vh; }

@media (min-width: 514px) { .sub-menu-panel .sub-menu-container { min-height: initial; } }

.sub-menu-panel ul.btns { font-size: 0; }

.sub-menu-panel ul.btns li { width: 50%; display: inline-block; }

.sub-menu-panel ul.btns a { padding: 1.5em 0; }

.sub-menu-panel .sub-menu { padding: 0 15px; }

@media (min-width: 320px) { .sub-menu-panel .sub-menu { padding: 0 30px; } }

@media (min-width: 514px) { .sub-menu-panel .sub-menu { padding: 0 30px; } }

.sub-menu-panel ul.sub-menu-list { text-align: center; padding: 16px 0 20px 0; }

@media (min-width: 514px) { .sub-menu-panel ul.sub-menu-list { padding: 40px 0 40px 0; } }

.sub-menu-panel ul.sub-menu-list li { transition: all 0.4s ease-in-out; transform: translateY(-8px); opacity: 0; }

.sub-menu-panel ul.sub-menu-list li a { color: #fff; padding: 16px 0; display: block; font-size: 1.6rem; }

@media (min-width: 514px) { .sub-menu-panel ul.sub-menu-list li a { padding: 22px 0; } }

.sub-menu-panel ul.sub-menu-list li.font-s a { font-size: 1.4rem; padding: 12px 0; }

@media (min-width: 514px) { .sub-menu-panel ul.sub-menu-list li.font-s a { padding: 18px 0; } }

.sub-menu-panel .sub-menu-brand { display: block; background-color: #fff; text-align: center; }

@media (min-width: 514px) { .sub-menu-panel .sub-menu-brand { display: none; background-color: #fff; text-align: center; } }

.sub-menu-panel .sub-menu-brand .util-logo { padding: 30px 30px 70px 30px;}

@media (min-width: 514px) { .sub-menu-panel .sub-menu-brand .util-logo { padding: 60px 0; } }

.sub-menu-panel .sub-menu-brand .util-logo li { list-style: none; overflow: hidden; }

.sub-menu-panel .sub-menu-brand .util-logo a { display: block; padding: 15px 0; }

.sub-menu-panel .sub-menu-brand .util-logo img { max-width: 180px; }

.sub-menu-panel .sub-menu-footer { height: 12px; background-image: url(../../img/yoga/common/footer_color_bar.png); background-size: auto 12px; background-position: bottom center; background-repeat: repeat-x; }

body.sub-menu-open .sub-menu-panel { height: 100vh; z-index: 1046;}

body.sub-menu-open .sub-menu-panel ul.sub-menu-list li { transform: translateY(0); transition-delay: 0.1s; opacity: 1; }

body.sub-menu-open .sub-menu-panel ul.sub-menu-list li:nth-child(1) { transition-delay: 0s; }

body.sub-menu-open .sub-menu-panel ul.sub-menu-list li:nth-child(2) { transition-delay: 0.02s; }

body.sub-menu-open .sub-menu-panel ul.sub-menu-list li:nth-child(3) { transition-delay: 0.04s; }

body.sub-menu-open .sub-menu-panel ul.sub-menu-list li:nth-child(4) { transition-delay: 0.06s; }

body.sub-menu-open .sub-menu-panel ul.sub-menu-list li:nth-child(5) { transition-delay: 0.08s; }

body.sub-menu-open .sub-menu-panel ul.sub-menu-list li:nth-child(6) { transition-delay: 0.1s; }

body.sub-menu-open .sub-menu-panel ul.sub-menu-list li:nth-child(7) { transition-delay: 0.12s; }

body.sub-menu-open .sub-menu-panel ul.sub-menu-list li:nth-child(8) { transition-delay: 0.14s; }

body.sub-menu-open .sub-menu-panel ul.sub-menu-list li:nth-child(9) { transition-delay: 0.16s; }

body.sub-menu-open .sub-menu-panel ul.sub-menu-list li:nth-child(10) { transition-delay: 0.18s; }

#sub-menu-trigger { display: none; }

#sub-menu-trigger:checked ~ #sub-menu-button { background: transparent; }

#sub-menu-trigger:checked ~ #sub-menu-button span { background-color: #0c9090; }

#sub-menu-trigger:checked ~ #sub-menu-button span:nth-of-type(1) { transform: translateY(9px) rotate(-45deg); }

#sub-menu-trigger:checked ~ #sub-menu-button span:nth-of-type(2) { opacity: 0; }

#sub-menu-trigger:checked ~ #sub-menu-button span:nth-of-type(3) { transform: translateY(-9px) rotate(45deg); }

#sub-menu-trigger:checked ~ #sub-menu-panel { left: 0; }

#sub-menu-trigger:checked ~ #overlay { display: block; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1000; transition: background .4s; background: rgba(0, 0, 0, 0.3); }

/* Wordpress admin bar 重複対策
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.footer-ribbon { margin-bottom: 30px; }
.footer-ribbon .card-texts { padding-top: 40px; }
.footer-ribbon .card-texts .brands-lists .card-container img { width: 100%; }

.footer-ttl h2 { position: relative; height: 3em; margin-bottom: 0; margin-top: 20px; }
.footer-ttl h2:before { content: ""; width: 100%; height: 1px; display: block; background-color: #fff; position: absolute; top: 1.5em; }
.footer-ttl h2 span { display: flex; align-items: center; justify-content: center; color: #fff; position: absolute; width: 9em; height: 3em; top: 0; left: 2em; font-size: 18px; }

@media (min-width: 900px) { .footer-ribbon { margin-bottom: 0; } }

@media (min-width: 1367px) { .footer-ribbon { margin-bottom: 0; } }

.footer { background-image: url(../../img/yoga/common/footer_color_bar.png); background-size: auto 12px; background-position: bottom center; background-repeat: repeat-x; }

@media (min-width: 900px) { .footer .footer-wrapper { /* display: flex; */ /* justify-content: flex-start; */ align-items: center; } }

.footer ul.list-footer { width: auto; margin: 0 auto; list-style-type: none; margin: 0 auto 0 0; padding: 20px 0 0 0; font-size: 0; text-align: center; }

@media (min-width: 900px) { .footer ul.list-footer { text-align: center; padding: 30px 0 14px 0; } }

.footer ul.list-footer li { padding: 0; display: block; }

@media (min-width: 900px) { .footer ul.list-footer li { margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: 1px solid #111111; display: inline-block; } }

.footer ul.list-footer li:last-child { border: none; }

.footer ul.list-footer li a { transition: opacity 0.3s linear; padding: 13px 0; display: block; line-height: 2.4; font-size: 1.2rem; padding: 0; }

@media (min-width: 900px) { .footer ul.list-footer li a:hover { opacity: 0.6; } }

@media (min-width: 900px) { .footer ul.list-footer li a { line-height: 1; font-size: 1.1rem; } }

.footer .copyright { padding: 40px 0 80px 0; text-align: center; }

@media (min-width: 900px) { .footer .copyright { padding: 0 0 28px 0; text-align: center; } }

.footer .copyright p { font-size: 1.2rem; }

@media (min-width: 900px) { .footer .copyright p { font-size: 1.1rem; } }

.footer-facilities-ribbon { background-color: #f2f2f2; }

.footer-facilities { padding: 40px 0 40px 0; }

@media (min-width: 900px) { .footer-facilities { padding: 30px 0 30px 0; } }

.footer-facilities .link-list-wrapper-2 { border-top: none; }

@media (min-width: 900px) { .footer-facilities .link-list-wrapper-2 { padding: 0 30px 0; overflow: hidden; } }

#footer-ribbon .in_footer div ul li { padding-left: 10px; }

#footer-ribbon .in_footer div ul li:first-child { background-image: none; padding-left: 0px; }

#footer-ribbon .in_footer div.first { clear: both; margin-right: 60px; }

#footer-ribbon .in_footer div.first ul { float: left; margin-right: 41px; margin-bottom: 30px; }

#footer-ribbon .in_footer div.first > ul:last-child { margin-right: 0; }

#footer-ribbon .in_footer div.second { clear: both; }

#footer-ribbon .in_footer div.second ul { float: left; margin-right: 34px; margin-bottom: 30px; }

#footer-ribbon .in_footer div.second > ul:last-child { margin-right: 0; }

#footer-ribbon .in_footer div.third { clear: both; }

#footer-ribbon .in_footer div.third ul { float: left; margin-right: 41px; margin-bottom: 30px; }

#footer-ribbon .in_footer div.third > ul:last-child { margin-right: 0; }

#footer-ribbon .in_footer ul li a { color: #fff; font-size: 1.0rem; }

#footer-facilities .bottom_body { padding: 18px 0; text-align: left; }

#footer-facilities .bottom_body .footer_bottom_wrap { margin: 0 auto; }

#footer-facilities .bottom_body .footer_bottom { margin: 0 auto; }

#footer-facilities .bottom_body .footer_bottom p { margin-bottom: 12px; font-weight: bold; }

#footer-facilities .tenpoichiran { border-bottom: 1px solid #ddd; margin-bottom: 12px; }

#footer-facilities .bottom_body dl { width: 1020px; display: inline-block; padding: 0 0 5px 0; margin: 0px 0 5px 0; clear: both; text-align: left; }

#footer-facilities .bottom_body dl dt, #footer-facilities .bottom_body dl dd { float: left; font-size: 85.5%; }

#footer-facilities .bottom_body dl dt { width: 80px; margin-right: 5px; display: inline-block; font-weight: bold; line-height: 1; }

#footer-facilities .bottom_body dl dd.ddwrap { display: inline-block; width: calc(100% - 90px); }

#footer-facilities .bottom_body dl dd.ddwrap ul li { float: left; line-height: 1; margin-bottom: 8px; padding-left: 2px; }

#footer-facilities .bottom_body dl dd.ddwrap ul li.aka { border-left: 12px solid #c21632; }

#footer-facilities .bottom_body dl dd.ddwrap ul li.ao { border-left: 12px solid #002588; }

#footer-facilities .bottom_body dl dd.ddwrap ul li.midori { border-left: 12px solid #049098; }

#footer-facilities .bottom_body dl dd.ddwrap ul li.kuro { border-left: 12px solid #000; }

#footer-facilities .bottom_body dl dd a { text-decoration: none; display: inline-block; margin-right: 20px; color: #000; }

#footer-facilities .bottom_body dl dd a:hover { text-decoration: underline; }

#footer-facilities .bottom_body dl dt, #footer-facilities .bottom_body dl dd a { font-size: 1.1rem; }

/* 店舗一覧
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.bottom_body  {background:#fff;padding: 18px 0;text-align:left;}
.bottom_body .footer_bottom_wrap {width: 1020px;margin:0 auto;}
.bottom_body .footer_bottom {width:1020px;margin:0 auto;}
.bottom_body .footer_bottom p {margin-bottom: 12px;}

.tenpoichiran {border-bottom:1px solid #880000;margin-bottom: 12px;}

.bottom_body dl {width: 1020px;display:inline-block;padding:0 0 5px 0;margin:0px 0 5px 0;clear:both;text-align: left;}
.bottom_body dl dt,.bottom_body dl dd {float:left;font-size:85.5%;}
.bottom_body dl dt  {width: 80px;margin-right:5px;display:inline-block;font-weight:bold;}
.bottom_body dl dd.ddwrap {width: 930px;display:inline-block;}
.bottom_body dl dd.ddwrap ul li {float:left;line-height:1;margin-bottom:8px;padding-left:2px;font-size: 11px;}
.bottom_body dl dd.ddwrap ul li.aka     {border-left:12px solid #880000;}
.bottom_body dl dd.ddwrap ul li.ao      {border-left:12px solid #002588;}
.bottom_body dl dd.ddwrap ul li.midori      {border-left:12px solid #049098;}
.bottom_body dl dd.ddwrap ul li.kuro      {border-left:12px solid #000;}

/* Recommoend list
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul.list-recommend { box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-direction: row; }

ul.list-recommend li { width: 100%; }

@media (min-width: 514px) { ul.list-recommend li { width: 33.33333333%; } }

@media (min-width: 514px) { ul.list-recommend li:first-child .list-recommend-set, ul.list-recommend li:nth-child(3n+1) .list-recommend-set { padding-right: 10px; } }

@media (min-width: 900px) { ul.list-recommend li:first-child .list-recommend-set, ul.list-recommend li:nth-child(3n+1) .list-recommend-set { padding-right: 40px; } }

@media (min-width: 514px) { ul.list-recommend li:nth-child(3n-1) .list-recommend-set { padding: 0 10px; } }

@media (min-width: 900px) { ul.list-recommend li:nth-child(3n-1) .list-recommend-set { padding: 0 20px; } }

@media (min-width: 514px) { ul.list-recommend li:nth-child(3n) .list-recommend-set { padding-left: 10px; } }

@media (min-width: 900px) { ul.list-recommend li:nth-child(3n) .list-recommend-set { padding-left: 40px; } }

ul.list-recommend li.sp-order-1 { order: 1; }

@media (min-width: 514px) { ul.list-recommend li.sp-order-1 { order: 1; } }

ul.list-recommend li.sp-order-2 { order: 2; }

@media (min-width: 514px) { ul.list-recommend li.sp-order-2 { order: 4; } }

ul.list-recommend li.sp-order-3 { order: 3; }

@media (min-width: 514px) { ul.list-recommend li.sp-order-3 { order: 7; } }

ul.list-recommend li.sp-order-4 { order: 4; }

@media (min-width: 514px) { ul.list-recommend li.sp-order-4 { order: 2; } }

ul.list-recommend li.sp-order-5 { order: 5; }

@media (min-width: 514px) { ul.list-recommend li.sp-order-5 { order: 5; } }

ul.list-recommend li.sp-order-6 { order: 6; }

@media (min-width: 514px) { ul.list-recommend li.sp-order-6 { order: 8; } }

ul.list-recommend li.sp-order-7 { order: 7; }

@media (min-width: 514px) { ul.list-recommend li.sp-order-7 { order: 3; } }

ul.list-recommend li.sp-order-8 { order: 8; }

@media (min-width: 514px) { ul.list-recommend li.sp-order-8 { order: 6; } }

ul.list-recommend li.sp-order-9 { order: 9; }

@media (min-width: 514px) { ul.list-recommend li.sp-order-9 { order: 9; } }

ul.list-recommend .list-recommend-set .list-recommend-heading { text-align: center; border-radius: 50px; height: 50px; display: flex; justify-content: center; align-items: center; margin-bottom: 10px; background-image: url(../../img/yoga/common/icon_plus.svg); background-size: 22px 22px; background-position: right 20px center; background-repeat: no-repeat; }

ul.list-recommend .list-recommend-set .list-recommend-heading:hover { cursor: pointer; }

@media (min-width: 900px) { ul.list-recommend .list-recommend-set .list-recommend-heading:hover { cursor: default; } }

@media (min-width: 514px) { ul.list-recommend .list-recommend-set .list-recommend-heading { height: 70px; margin-bottom: 20px; background-image: none; } }

ul.list-recommend .list-recommend-set .list-recommend-heading.orange { background-color: #d95646; }

ul.list-recommend .list-recommend-set .list-recommend-heading.purple { background-color: #a71659; }

ul.list-recommend .list-recommend-set .list-recommend-heading.green { background-color: #0c9090; margin-bottom: 40px; }

@media (min-width: 514px) { ul.list-recommend .list-recommend-set .list-recommend-heading.green { margin-bottom: 20px; } }

ul.list-recommend .list-recommend-set .list-recommend-heading p { color: #fff; /*font-size: 1.6rem;*/ line-height: 50px; }

@media (min-width: 900px) { ul.list-recommend .list-recommend-set .list-recommend-heading p { font-size: 1.9rem; } }

ul.list-recommend .list-recommend-set .list-recommend-body { text-align: center; margin: 0 -15px 40px -15px; display: none; }

@media (min-width: 514px) { ul.list-recommend .list-recommend-set .list-recommend-body { display: block; margin: 0 -15px 60px -15px; } }

ul.list-recommend .list-recommend-set .list-recommend-body p { font-size: 1.2rem; }

@media (min-width: 900px) { ul.list-recommend .list-recommend-set .list-recommend-body p { font-size: 1.4rem; } }

ul.list-recommend .list-recommend-set.open .list-recommend-heading { background-image: url(../../img/yoga/common/icon_minus.svg); background-size: 22px 22px; background-position: right 20px center; background-repeat: no-repeat; }

@media (min-width: 514px) { ul.list-recommend .list-recommend-set.open .list-recommend-heading { background-image: none; } }

ul.list-recommend .list-recommend-set.open .list-recommend-heading.green { background-color: #0c9090; margin-bottom: 10px; }

@media (min-width: 514px) { ul.list-recommend .list-recommend-set.open .list-recommend-heading.green { margin-bottom: 20px; } }

ul.list-recommend .list-recommend-set.open .list-recommend-body { display: block; animation: fadein 1s linear 0s; }

@media (min-width: 514px) { ul.list-recommend .list-recommend-set.open .list-recommend-body { animation: none; } }

_:-ms-fullscreen, :root .swiper-slide { padding-bottom: 20px; }

.swiper-slide img { vertical-align: bottom; width: 100%; }

#swiper-index { opacity: 0; transition: all 1.0s ease-in; transition-delay: 0.3s; }

#swiper-index.show { opacity: 1; }

#swiper-index img { vertical-align: bottom; width: 100%; }

@media (min-width: 514px) { #swiper-index img { width: initial; } }

/** Swiper 4.1.0 Most modern mobile touch slider and framework with hardware accelerated transitions http://www.idangero.us/swiper/ Copyright 2014-2018 Vladimir Kharlampidi Released under the MIT License Released on: January 13, 2018 */
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; }

.swiper-container-no-flexbox .swiper-slide { float: left; }

.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }

.swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; }

.swiper-invisible-blank-slide { visibility: hidden; }

/* Auto Height */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }

.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform; }

/* 3D Effects */
.swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; }

.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; }

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; }

.swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; }

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23b8b8b8'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23b8b8b8'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; }

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23b8b8b8'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23b8b8b8'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-lock { display: none; }

.swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; -o-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

/* Common Styles */
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; height: 10px; }

/* Bullets */
.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); }

.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.1; }

button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-pagination-bullet-active { opacity: 1; background: rgba(0, 0, 0, 0.3); }

.swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform; }

/* Progress */
.swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.2); position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #fff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progressbar { width: 100%; height: 4px; left: 0; top: 0; }

.swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; }

.swiper-pagination-white .swiper-pagination-bullet-active { background: #ffffff; }

.swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #ffffff; }

.swiper-pagination-black .swiper-pagination-bullet-active { background: #000000; }

.swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000000; }

.swiper-pagination-lock { display: none; }

/* Scrollbar */
.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; }

.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; }

.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; }

.swiper-scrollbar-cursor-drag { cursor: move; }

.swiper-scrollbar-lock { display: none; }

.swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; }

.swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; }

.swiper-slide-zoomed { cursor: move; }

/* Preloader */
.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* a11y */
.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-container-cube { overflow: visible; }

.swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; }

.swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; }

.swiper-container-flip { overflow: visible; }

.swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }

.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; }

/* Card: img top
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.card-img-top { display: block; position: relative; overflow: hidden; margin-bottom: 40px; }

@media (min-width: 900px) { .card-img-top { padding: 0 0 60px 60px; margin: 0; } }

.card-img-top .col-left { padding-right: 42px; margin-bottom: 30px; }

@media (min-width: 900px) { .card-img-top .col-left { float: left; width: 36%; padding-right: 50px; margin: 0; margin-top: 5px; } }

.card-img-top .col-left img { vertical-align: bottom; }

.card-img-top .col-left.orange { background-color: #d95646; }

.card-img-top .col-left.purple { background-color: #a71659; }

.card-img-top .col-left.green { background-color: #0c9090; }

@media (min-width: 900px) { .card-img-top .col-right { float: left; width: 64%; padding-left: 40px; } }

.card-img-top .col-right h3 { font-size: 1.5rem; margin-bottom: 20px; }

@media (min-width: 900px) { .card-img-top .col-right h3 { margin-bottom: 35px; font-size: 1.8rem; } }

.card-img-top .col-right p { font-size: 1.2rem; }

@media (min-width: 900px) { .card-img-top .col-right p { font-size: 1.6rem; } }

/* Card: img bottom
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.card-img-bottom { display: block; position: relative; overflow: hidden; margin-bottom: 60px; }

@media (min-width: 900px) { .card-img-bottom { padding: 0 90px 40px 90px; margin: 0; } }

@media (min-width: 514px) { .card-img-bottom .col-left { float: left; width: 65%; padding-right: 40px; } }

.card-img-bottom .col-left .heading { margin-bottom: 10px; display: flex; justify-content: flex-start; align-items: center; }

@media (min-width: 514px) { .card-img-bottom .col-left .heading { margin-bottom: 20px; } }

.card-img-bottom .col-left .heading .category { padding: 8px 12px 6px; }

@media (min-width: 514px) { .card-img-bottom .col-left .heading .category { padding: 10px 12px 8px; } }

@media (min-width: 900px) { .card-img-bottom .col-left .heading .category { padding: 10px 40px 8px; } }

.card-img-bottom .col-left .heading .name { padding: 8px 12px 6px; }

@media (min-width: 514px) { .card-img-bottom .col-left .heading .name { /*padding: 10px 20px 8px;*/ } }

.card-img-bottom .col-left .heading .category { min-width: 120px; text-align: center; }

@media (min-width: 900px) { .card-img-bottom .col-left .heading .category { min-width: 186px; } }

.card-img-bottom .col-left .heading .category .category-text { font-size: 1.4rem; color: #fff; line-height: 1; }

@media (min-width: 514px) { .card-img-bottom .col-left .heading .category .category-text { font-size: 1.8rem; } }

.card-img-bottom .col-left .heading .name .name-text { font-size: 1.4rem; line-height: 1; }

@media (min-width: 514px) { .card-img-bottom .col-left .heading .name .name-text { font-size: 1.8rem; } }

.card-img-bottom .col-left .heading.orange { border: 1px solid #d95646; }

.card-img-bottom .col-left .heading.orange .category { background-color: #d95646; }

.card-img-bottom .col-left .heading.orange .name-text { color: #d95646; }

.card-img-bottom .col-left .heading.purple { border: 1px solid #a71659; }

.card-img-bottom .col-left .heading.purple .category { background-color: #a71659; }

.card-img-bottom .col-left .heading.purple .name-text { color: #a71659; }

.card-img-bottom .col-left .heading.green { border: 1px solid #0c9090; }

.card-img-bottom .col-left .heading.green .category { background-color: #0c9090; }

.card-img-bottom .col-left .heading.green .name-text { color: #0c9090; }

@media (min-width: 514px) { .card-img-bottom .col-left .text-body { padding-left: 20px; margin-bottom: 0px; } }

.card-img-bottom .col-left p, .card-img-bottom .col-left span { font-size: 1.3rem; }

@media (min-width: 514px) { .card-img-bottom .col-left p, .card-img-bottom .col-left span { font-size: 1.6rem; } }

.card-img-bottom .col-right { margin-bottom: 10px; }

@media (min-width: 514px) { .card-img-bottom .col-right { margin-bottom: 30px; float: right; width: 35%; margin: 0; } }

.card-img-bottom .col-right img { vertical-align: bottom; width: 100%; }

/* Card: steps
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.ribbon-steps { background-color: #f8ede7; }

.ribbon-steps:nth-child(2n+1) { background-color: #ffffff; }

.card-steps { display: block; position: relative; overflow: hidden; padding: 30px 0 0; }

@media (min-width: 514px) { .card-steps { padding: 40px 15px 40px 15px; display: flex; justify-content: flex-start; align-items: center; } }

@media (min-width: 900px) { .card-steps { padding: 68px 50px 68px 54px; } }

.card-steps .col-steps { text-align: center; float: left; width: 60px; }

@media (min-width: 514px) { .card-steps .col-steps { float: left; width: 100px; } }

.card-steps .col-steps .steps-img { vertical-align: bottom; }

.card-steps .col-steps .steps-img.circle { min-height: 60px; }

.card-steps .col-steps .steps-img.arrow img { margin: 10px auto; width: 26px; }

@media (min-width: 514px) { .card-steps .col-steps .steps-img.arrow img { width: 40px; margin: 40px 0; } }

.card-steps .col-text { float: left; width: 100%; }

@media (min-width: 514px) { .card-steps .col-text { float: left; width: calc((100% - 100px)*0.70); padding: 0 40px; width: auto; } }

.card-steps .col-text .h3 { font-size: 1.4rem; text-align: left; margin-bottom: 10px; }

@media (min-width: 514px) { .card-steps .col-text .h3 { margin-bottom: 20px; font-size: 2.4rem; } }

.card-steps .col-text .h4 { padding: 4px 15px; font-size: 1.8rem; }

@media (min-width: 514px) { .card-steps .col-text .text-body { padding-left: 20px; } }

.card-steps .col-text p { font-size: 1.2rem; }

@media (min-width: 514px) { .card-steps .col-text p { font-size: 1.6rem; } }

.card-steps .col-img { width: 140px; margin-bottom: 30px; position: absolute; right: 0; }

@media (min-width: 514px) { .card-steps .col-img { position: relative; float: right; width: calc((100% - 100px)*0.30); margin: 0; } }

.card-steps .col-img img { max-width: 140px; vertical-align: bottom; }

@media (min-width: 514px) { .card-steps .col-img img { max-width: 100%; } }

.card-steps-footer { display: block; padding: 30px 0 30px; }

@media (min-width: 900px) { .card-steps-footer { display: flex; justify-content: flex-start; align-items: center; padding: 90px 50px 90px 54px; } }

@media (min-width: 900px) { .card-steps-footer .col-heading { float: left; max-width: 45%; padding: 0 15px; } }

@media (min-width: 900px) { .card-steps-footer .col-heading { padding: 0 60px 0 140px; } }

.card-steps-footer .col-heading .h3 { text-align: left; margin-bottom: 20px; font-size: 1.5rem; }

@media (min-width: 514px) { .card-steps-footer .col-heading .h3 { font-size: 1.8rem; } }

@media (min-width: 900px) { .card-steps-footer .col-heading .h3 { text-align: left; margin-bottom: 0; font-size: 2.2rem; padding-right: 0; } }

.card-steps-footer .col-text { width: 100%; }

@media (min-width: 900px) { .card-steps-footer .col-text { float: left; max-width: 55%; margin: 0; } }

.card-steps-footer .col-text ul:last-child { margin: 0; }

.card-steps-footer .col-text.no-pd { padding: 0; }

/* Card: text
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.card-texts { display: block; position: relative; overflow: hidden; padding: 40px 0 0 0; }

@media (min-width: 514px) { .card-texts { padding: 68px 0 10px 0; } }

.card-texts a { display: block; }

.card-texts .card-container { position: relative; background-color: #fff; padding: 30px 0 0; margin: 0 0 20px 0; }

@media (min-width: 514px) { .card-texts .card-container { margin: 0; padding: 40px; margin-bottom: 0; } }

.card-texts .card-container.no-pd { padding: 0; }

@media (min-width: 514px) { .card-texts .card-container.no-pd { padding: 0; } }

.card-texts .card-container a { transition: opacity 0.3s linear; }

@media (min-width: 900px) { .card-texts .card-container a:hover { opacity: 0.6; } }

.card-texts .card-container .text-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; text-align: center; color: #fff; display: flex; justify-content: center; align-items: center; }

.card-texts .card-container .text-overlay p { user-select: none; line-height: 1.5; font-size: 1.4rem; }

@media (min-width: 514px) { .card-texts .card-container .text-overlay p { font-size: 1.4rem; } }

@media (min-width: 900px) { .card-texts .card-container .text-overlay p { font-size: 2.0rem; } }

.card-texts .heading { height: 50px; margin-bottom: 30px; display: flex; justify-content: center; align-items: center; }

.card-texts .h3 { font-weight: bold; font-size: 1.5rem; }

@media (min-width: 514px) { .card-texts .h3 { font-size: 1.8rem; } }

.card-texts .btn { text-align: center; padding: 0 0; }

@media (min-width: 514px) { .card-texts .btn { padding: 0 35px; } }

.card-texts .border-white { border: 1px solid #fff; box-sizing: border-box; width: 100%; }

.card-texts .mb-pc-40 { margin-bottom: 0; }

@media (min-width: 514px) { .card-texts .mb-pc-40 { margin-bottom: 40px; } }

.card-texts .dokodemojoy { background-color: #e5e6e6; text-align: center; }

@media (min-width: 514px) { .card-texts .dokodemojoy img { max-width: 33.3333333333%; } }

.btn-pagetop-wrapper { text-align: center; margin: 20px 0; }

@media (min-width: 514px) { .btn-pagetop-wrapper { margin: 20px 0; } }

.btn-pagetop-wrapper a { color: #fff; transition: opacity 0.3s linear; font-size: 1.2rem; padding: 20px; }

@media (min-width: 900px) { .btn-pagetop-wrapper a:hover { opacity: 0.6; } }

@media (min-width: 514px) { .btn-pagetop-wrapper a { padding: 0; font-size: 1.4rem; } }

.link-list-wrapper { overflow: hidden; border-top: 1px solid #fff; }

@media (min-width: 514px) { .link-list-wrapper { padding: 40px 30px 20px; } }

/* PAGE: INDEX
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.index-cover-wrapper { position: relative; }

.index-slider { text-align: center; height: auto; position: relative; overflow: hidden; }

.index-slider-wrapper, .index-slider-wrapper img { background-color: #ded2c6; height: 90vw; }

@media (min-width: 514px) { .index-slider-wrapper, .index-slider-wrapper img { height: 42.96vw; max-height: 550px; } }

#cover-mov { position: relative; margin: 0 auto 0; width: 100%; height: initial; overflow: hidden; }

@media (min-width: 900px) { #cover-mov { width: 100%; height: initial; } }

#cover-mov #cover-img { opacity: 1; transition: opacity 0.6s ease-in; transition-delay: 0.3s; position: absolute; top: 0; width: 100%; text-align: center; }

@media (min-width: 900px) { #cover-mov #cover-img { opacity: 0; } }

#cover-mov #cover-img.show { opacity: 1; }

#cover-mov #cover-img .logo-container { position: absolute; width: 21.64%; top: 34.2%; right: 18.6%; }

#youtube-movie-container { position: relative; padding-bottom: 90vw; width: 177.7vw; height: 0; overflow: hidden; transform: translateX(-37vw); }

@media (min-width: 514px) { #youtube-movie-container { padding-bottom: 42.1875%; } }

@media (min-width: 900px) { #youtube-movie-container { transform: none; width: 100%; } }

#youtube-movie-container #youtube-movie { position: absolute; width: 100%; height: 56.25vw; max-height: 1012px; top: -56px; left: 0; }

@media (min-width: 900px) { #youtube-movie-container #youtube-movie { width: 100%; } }

@media (min-width: 1367px) { #youtube-movie-container #youtube-movie { top: 0; } }

#logo-over-youtube { position: absolute; top: 0; left: 0; right: 0; height: 100%; padding: 0 15px; opacity: 1; transition: opacity 0.3s ease-out; }

#logo-over-youtube.hide { opacity: 0; }

#logo-over-youtube.hide-fast { transition: none; opacity: 0; }

#logo-over-youtube .logo-container { width: 250px; height: 165px; background-color: rgba(255, 255, 255, 0.9); position: absolute; left: 15px; bottom: 20px; z-index: 1100; padding: 35px; }

.pickupmenu-l { color: #fff; text-align: center; padding: 12px 4px; font-size: 1.24rem; border-right: 1px solid #fff; min-height: 66px; }

@media (min-width: 900px) { .pickupmenu-l { padding: 20px; font-size: 1.6rem; border-right: none; } }
@media (max-width: 514px) { .pickupmenu-l { font-size: 3.3vw; } }

.pickupmenu-l.last { border-right: none; }

.pickupmenu-l a { display: block; color: #fff; }

.pickupmenu-l .text { color: #fff; }

.pickupmenu-l .arrow { width: 36px; margin: 0 auto; transition-duration: 0.3s; transform: translateY(10px); }

.pickupmenu-l-a { overflow: hidden; display: block; }

@media (min-width: 900px) { .pickupmenu-l-a { margin-top: 35px; } }

.pickupmenu-l-a img { transition: all 0.3s linear; }

.pickupmenu-l-a:hover img { opacity: .8; }

.pickupmenu-l-a:hover .arrow { transition-duration: 0.3s; transform: translateY(16px); }

#pickupmenu-sp-fix { position: fixed; bottom: -100px; width: 100%; transition: all 0.4s ease-out; z-index: 1045; }

#pickupmenu-sp-fix.show { bottom: 0; }

#news-important .news-important-wrapper { padding: 0 0 35px 0; }

@media (min-width: 514px) { #news-important .news-important-wrapper { padding: 15px 0; } }

@media (min-width: 900px) { #news-important .news-important-wrapper { padding: 15px 0 0 0; } }

@media (min-width: 514px) { #news-important .news-important { display: flex; justify-content: center; } } /* 2020-03-02 kato */

#news-important .news-important .heading { background-color: #0c9090; display: flex; align-items: center; } /* 2020-03-02 kato */

#news-important .news-important .heading .h3 { line-height: 1.4; font-size: 1.2rem; color: #fff; padding: 8px 20px; }

@media (min-width: 900px) { #news-important .news-important .heading .h3 { padding: 4px 20px; } }

#news-important .news-important .text-body { /*padding: 8px 15px;*/ text-align: center; background-color: #efefef; min-width: 60%; } /*2020-03-16 kato*/

@media (min-width: 514px) { #news-important .news-important .text-body { text-align: center; /*padding: 10px 20px;*/ } }

#news-important .news-important .text-body p { line-height: 1.8; font-size: 1.2rem; text-align: left; } /* 2020-02-25 kato, 2020-03-02 kato */

@media (min-width: 514px) { #news-important .news-important .text-body p { line-height: 1.8; /* 2020-03-02 kato */ } }

#news-important .news-important .text-body a { transition: opacity 0.3s linear; }

@media (min-width: 900px) { #news-important .news-important .text-body a:hover { opacity: 0.6; } }

#news-important .news-important .text-body ul { padding: 8px 15px; }
@media (min-width: 514px) { #news-important .news-important .text-body ul { padding: 10px 20px; } }

#intro img.logo { width: 72px; }

@media (min-width: 900px) { #intro img.logo { width: 142px; } }

#intro p.philosophy { letter-spacing: 0; line-height: 1.9; font-size: 1.2rem; }

@media (min-width: 900px) { #intro p.philosophy { font-size: 1.4rem; } }

#ganban-1 { background-color: #f8ede7; padding-bottom: 50px; }

@media (min-width: 900px) { #ganban-1 { padding-bottom: 40px; } }

#ganban-1 .mb-g1 { margin-bottom: 10px; }

@media (min-width: 900px) { #ganban-1 .mb-g1 { margin-bottom: 20px; } }

#ganban-1 .mb-g2 { margin-bottom: 35px; }

@media (min-width: 900px) { #ganban-1 .mb-g2 { margin-bottom: 20px; } }

#ganban-1 p.text-body { line-height: 2; font-size: 1.2rem; }

@media (min-width: 514px) { #ganban-1 p.text-body { font-size: 1.6rem; } }

#ganban-2 { padding: 40px 0 60px; }

#ganban-2 h3 { font-size: 1.4rem; }

@media (min-width: 514px) { #ganban-2 h3 { font-size: 1.8rem; } }

#lesson .btn-container { margin: 0 auto; }

@media (min-width: 514px) { #lesson .btn-container { max-width: 33.3333333333%; } }

#interior3d p { font-size: 1.2rem; }

@media (min-width: 900px) { #interior3d p { font-size: 1.6rem; } }

#interior3d .btn-container-s { margin: 0 auto; }

@media (min-width: 514px) { #interior3d .btn-container-s { max-width: 33.3333333333%; } }


/*ページ下部の固定戻るボタン*/

.modoru_btn{
  /*background:url(../sp-img/common/icon_pagetop_ao.svg) no-repeat;*/
  width: 50px;
    height: 50px;
    display: block;
    position: fixed;
    bottom: 12%;
    right: 3%;
}

.footer-yoga .modoru_btn{
  background:url(../../sp-img/common/icon_pagetop_yoga.svg) no-repeat;
  z-index: 1;
}

/*
  hrader-util-btns
--------------------------------*/
#header .hrader-util-btns { /*width: 180px;*/ margin-left: auto; margin-right: 6px; } /*2020-03-22 kato*/
#header .hrader-util-btns ul {/* width: 180px;*/ display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; } /*2020-03-22 kato*/
#header .hrader-util-btns li { text-align: left; } /*2020-03-22 kato*/
#header .hrader-util-btns li:after { content: "|";
    display: inline-block;
    margin: 0 .25em;
    /*transform: translateY(2px);*/
    font-weight: normal;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
    font-size: 13px; }
#header .hrader-util-btns li:last-child:after { display: none; }
#header .hrader-util-btns li:last-child { margin-right: 0; } /*2020-03-22 kato*/
#header .hrader-util-btns a { font-size: 1.1rem; }

@media (max-width: 1079px) { /*2020-03-22 kato*/
  #header .hrader-util-btns { width: 180px;}
  #header .hrader-util-btns ul { width: 180px; }
  .hrader-inquiry_vitality { width: 100%; }
  #header .hrader-util-btns li:first-child:after { display: none; }
}

/*検索窓*/
.header-tablet .gsc-input-box { padding-top: 0 !important; }
/*SP　ブランド　ヘッダーバグ修正*/

.sub-menu-open.js__on{
  top: 0px;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  /*position: fixed;*/
}





/* Android　よこ
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (max-width: 896px) and (orientation: landscape) {
  ul.disc { margin-bottom: 30px; padding-left: 40px; }

  .card-img-bottom .col-left .heading .name {
    padding: 0px 12px 0px;
}

.card-img-bottom .col-left .heading .name .name-text {
    font-size: 1.7rem;
}

.card-steps-footer .col-heading .h3 {
    padding: 0 0 0 20px;
}

ul.has-eyecatch-circle li, ul.common-center.has-eyecatch-circle li, ul.common-center2.has-eyecatch-circle li {
    display: flex;
    align-items: center;
/*    justify-content: left;*/
    margin-bottom: 30px;
    width: calc(100% / 3);
}

ul.has-eyecatch-circle li:nth-child(3) {
 padding: 0 0 0 30px;
 /* text-align: right !important; */
}


ul.common-center2 li a {
    padding: 12px　0;
    font-size: 1rem;
}


@media (min-width: 514px) { ul.has-eyecatch-circle li .eyecatch-text p a, ul.common-center.has-eyecatch-circle li .eyecatch-text p a, ul.common-center2.has-eyecatch-circle li .eyecatch-text p a { padding-right: 0px; } }


ul.list-recommend .list-recommend-set .list-recommend-body p {
    font-size: 1rem;
    word-break: normal;
    padding: 0 12px;
}
ul.list-recommend .list-recommend-set .list-recommend-heading p {
    color: #fff;
    font-size: 1.3rem !important;
    line-height: 0 !important;
}


}

/* 重要なお知らせ */
.news-important li + li { margin-top: .5em; }
.important_news-btn { display: flex; flex-wrap: wrap; text-align: left; }
.important_news-date { display: block; width: 7em; margin-right: 1em; font-size: 1.2rem; }
.important_news-title { display: block; width: calc(100% - 8em); font-size: 1.2rem; }

.important_news-wrap { text-align: center; }
.important_news-wrap li { text-align: left; }
.important_news-wrap li:nth-child(n + 5) { display: none; }
.important_news-wrap.js__on li:nth-child(n + 5) { display: block; }

.important_news-wrap .btn__more { display: inline-block; position: relative; padding: .5em 0 1.5em; color: #000; justify-content: center; text-decoration: none; font-size: 1.2rem; }
.important_news-wrap .btn__more span { position: relative; }
.important_news-wrap .btn__more span:after { content: ""; display: block; width: 6px; height: 6px; border-bottom: #000 solid 1px; border-right: #000 solid 1px; position: absolute; top: 50%; right: -14px; transform: rotate(45deg) translate(-50%, -50%); }
.important_news-wrap.js__on .btn__more span:after { transform: rotate(45deg) translate(-5%, -50%) scale(-1); }

@media only screen and (max-width: 640px) {
  #news-important .news-important .heading .h3 { font-size: 5vw; }
  #news-important .news-important-wrapper { padding-bottom: 4vw; }
  .important_news-btn { flex-direction: column; }
  .important_news-date { width: 100%; margin-right: 0; }
  .important_news-title { width: 100%; }
  .important_news-wrap .btn__more span { margin-right: 16px; }
}

/*--------------------------------

    #bnr

---------------------------------*/
#bnr { overflow: hidden; }
#bnr .inner { max-width: 1020px; margin: auto; padding: 0 15px; }
#bnr ul { display: flex; justify-content: center; /*flex-wrap: wrap;*/ margin: 25px 0 40px; }
#bnr li { width: 33%; margin: 0 10px; }
#bnr li img { width: 100%; }
#bnr li a:hover { opacity: .6; }

@media only screen and (max-width: 640px) {
  #bnr { background-color: #efefef; }
  #bnr .inner { margin: 4vw; }
  #bnr ul { margin: 2vw 0 1vw; flex-wrap: wrap; }
  #bnr li { width: 100%; margin: 0; }
  #bnr li + li { margin-top: 3vw; }
}


/*--------------------------------

  news

---------------------------------*/

.index-news { /*padding-top: 20px;*/ }
.index-news .index-inner { width: 1020px; margin: 0 auto; overflow: hidden; }
.index-news .index-ttl { font-family: 'Noto Serif Japanese medium'; text-align: center; letter-spacing: 2px; position: relative; margin-bottom: 0; }
.index-news .index-ttl span { display: block; font-size: 18px; color: #d1d1d1; margin-bottom: 11px; }
.index-news .index-ttl h2 { font-size: 20px; color: #292929; display: inline-block; background: #fff; padding: 0 10px; position: relative; z-index: 100; background: #fff; }
.index-news .index-ttl:after { content: ''; width: 100%; display: block; border-bottom: 1px solid #0c9090; position: absolute; top: 50%; z-index: 99; }


.index-news .news_ul { margin-bottom: 1em; text-align: left; }

.index-news .news_li { line-height: 1.7; border-bottom: #ccc solid 1px; font-size: 1.4rem;}
.index-news .news_li:nth-child(n + 3) { display: none; }
.index-news.js__on .news_li:nth-child(n + 3) { display: block; }
.index-news .news_li a { margin: .5em 0 0; padding-bottom: .5em; display: flex; /*flex-wrap: wrap;*/ align-items: flex-start; transition: opacity .5s ease; }
.index-news .news_li a:hover { opacity: .6; }
.index-news .news_li span { display: block; padding: .25em .5em; font-size: 1.2rem; text-align: left; }
.index-news .news_li .date { width: 10em; }
.index-news .news_li .tag {font-size: 1.1rem; width: 14em; background: #f3f3f3; padding: .25em 1em; text-align: center; margin-left: 1em; border-radius: 3px; }
.index-news .news_li .title { width: 62em; margin-left: 1em; text-align: left; }
.index-news .news_li.new .date:before { content: "new"; background-color: #e60012; color: #fff; padding: .25em .5em; margin-right: .5em; }

.btn__moreWrap { width: 100%; margin: 0 auto; text-align: right; }
.index-news .btn__more { padding: 1em; transition: opacity .5s ease; }
.index-news .btn__more:hover { opacity: .6; }
.index-news .btn__more span { position: relative; padding-right: 1em; font-size: 1.2rem; }
.index-news .btn__more span:after { content: ''; display: block; width: 8px; height: 8px; border-top: #000 solid 1px; border-right: #000 solid 1px; position: absolute; top: 50%; right: 0; transform: rotate(45deg) translateY(-75%); }
.btn_news_moreWrap { margin: 1.5em auto 1em; text-align: center; }
.btn_news_more { display: inline-block; margin: auto; position: relative; }
.btn_news_more span {  }
.btn_news_more span:after { content: ""; display: block; width: 6px; height: 6px; border-bottom: #000 solid 1px; border-right: #000 solid 1px; position: absolute; top: 50%; right: -14px; transform: rotate(45deg) translate(-50%, -50%); }
.index-news.js__on .btn_news_more span:after { transform: rotate(45deg) translate(-5%, -50%) scale(-1); }

@media only screen and (max-width: 1020px) {
  .index-news .index-inner { width: auto; margin: 0 15px; }
}

@media only screen and (max-width: 640px) {
  .index-news { padding: 0 0 6vw; }
  .index-news .index-inner { width: auto; margin: 0 15px; }
  .index-news .index-ttl span { display: block; font-size: 18px; color: #000; margin-bottom: 0; }
  .index-news .news_li a { width: 100%; flex-wrap: wrap; margin: .5em 0 0; padding-bottom: .5em; }
  .index-news .news_li .date { width: auto; }
  .index-news .news_li .tag { width: auto; padding: .25em 1em; border-radius: 3px; margin-left: .5em; }
  .index-news .news_li .title { width: 100%; margin-left: 0; }
  .btn_news_more span { font-size: 13px; }
  .index-news .btn__more span { font-size: 13px; }

  .yoga-news_ttl { margin: 3vw 3vw 5vw; }
  .btn_news_moreWrap { margin-top: .5em; }
}


/*--------------------------------

  news_archives

---------------------------------*/
.news_archives { overflow: hidden; width: 100%; max-width: 1020px; margin: 30px auto 60px; text-align: left; }
.news_archives .index-news .news_li a { margin-top: 1em; padding-bottom: 1em; }
.news_archives .index-news .news_li .date { width: 11em; }
.news_archives .index-news .news_li .title { margin-top: .1em; }
.news_archives .index-news .news_li.new .date:before { padding: .1em .5em .25em; }

@media only screen and (max-width: 640px) {
  .news_archives { width: auto; margin: 0 4vw; }
  .news_archives .index-news .news_li span { font-size: 12px; }
  .news_archives .index-news .news_li .tag { font-size: 11px; padding: .25em 1em; }
  .news_archives .index-news .news_li .date { width: auto; padding-left: 0; }
  .news_archives .index-news .news_li a { margin-top: 0; padding-bottom: 0; }
  .news_archives .index-news .news_li .title { margin-top: .25em; font-size: 12px; }
}

/*--------------------------------

  .single_contents

---------------------------------*/

.single_contents #mbg_content li { line-height: 1.6; }

.single_contents { max-width: 1020px; margin: 0 auto 60px; position: relative; overflow: hidden; text-align: left; }
.single_contents p { line-height: 2; margin-bottom: 1em; }
.single_contents_date  { font-size: 13px; color: #aaa; line-height: 1.6; }
.single_contents_tag { padding: .25em 1em; text-align: center; margin-left: 1em; border-radius: 3px; border: 1px solid #ccc; }
.single_contents_title { font-size: 18px; margin-bottom: 1em; line-height: 2; margin-top: .25em; }
.single_contents_body { line-height: 2; }
.yoga-news_ttl { margin-bottom: 40px; }

/* ----- yoga ----- */
.single_contents_yoga h2 { color: #0c9090; }
.single_contents_yoga h2:after { background: #0c9090; }
.yoga-news_ttl { font-size: 27px; text-align: left; border-bottom: 1px dotted #007f86; color: #007f86; padding-bottom: 3px; font-family: "Noto Serif Japanese", serif; font-weight: normal; }

@media only screen and (max-width: 640px) {
  .single_contents_title { margin-top: .25em; }
}


/*--------------------------------

  #footer_brandlogos

---------------------------------*/
#footer_brandlogos { padding: 80px 0; }
#footer_brandlogos .inner { width: 1020px; margin: 0 auto; }
#footer_brandlogos .top,
#footer_brandlogos .btm ul { display: flex; justify-content: center; }
#footer_brandlogos .top { margin-bottom: 35px; }
#footer_brandlogos .top img { width: 150px; }
#footer_brandlogos .btm li { margin: 0 12px; }
#footer_brandlogos .btm li:nth-of-type(1) { width: 92px; }
#footer_brandlogos .btm li:nth-of-type(2) { width: 130px; }
#footer_brandlogos .btm li:nth-of-type(3) { width: 165px; }
#footer_brandlogos .btm li:nth-of-type(4) { width: 100px; }
#footer_brandlogos .btm li img { width: 100%; }

@media only screen and (max-width: 899px) {
  #footer_brandlogos { padding: 8vw 0; }
  #footer_brandlogos .inner { width: 92%; }
  #footer_brandlogos .top { margin-bottom: 5vw; }
  #footer_brandlogos .top img { width: 30vw; }
  #footer_brandlogos .btm li { margin: 0 7px; }
  #footer_brandlogos .btm li:nth-of-type(1) { width: 24.53vw; }
  #footer_brandlogos .btm li:nth-of-type(2) { width: 34.67vw; }
  #footer_brandlogos .btm li:nth-of-type(3) { width: 44vw; }
  #footer_brandlogos .btm li:nth-of-type(4) { width: 26.67vw; }
}


/*--------------------------------

  inquiry

---------------------------------*/

#page_inquiry .select_wrap { /*margin-bottom: 7px;*/ display: flex; flex-wrap: wrap; position: relative; }
#page_inquiry .select_wrap + .select_wrap { margin-top: 7px; }
#page_inquiry .select_wrap span { width: 9em; background: #E3E3E3; display: inline-block; text-align: center; border: #E3E3E3 solid 1px; border-radius: 0; padding: .5em; }
#page_inquiry .select_wrap select { -webkit-appearance: none; appearance: none; border-radius: 0; border: #E3E3E3 solid 1px; padding: .5em; width: calc(480px - 9em); background: none; }
#page_inquiry .select_wrap.arrow:after { content: ""; display: block; width: 6px; height: 6px; border-bottom: #aaa solid 2px; border-right: #aaa solid 2px; position: absolute; top: 50%; left: 460px; transform: rotate(45deg) translate(-50%, -50%); }

.experoenceBox form td .txt_l { display: block; }

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

#sub-menu-scroll-container .sub-menu-bnr_recess { max-width: 88vw; width: 100%; margin: auto; padding: 40px 0; margin-top: 24px; border-top: #fff solid 1px; }
#sub-menu-scroll-container .sub-menu-bnr_recess a { padding: 0; }
#sub-menu-scroll-container .sub-menu-bnr_recess img { max-width: 88vw; width: 100%; margin: auto; }
#page_inquiry .select_wrap select { width: calc(100% - 8em - 14px) !important; }

}

.btn_prevention { position: relative; overflow: hidden; }
.btn_prevention a { display: block; margin: 60px auto; max-width: 700px; width: 100%; transition: opacity .5s ease; }
.btn_prevention a:hover { opacity: .6; }
.btn_prevention a img { width: 100%; height: auto; }

@media only screen and (max-width: 768px) {
  .btn_prevention { position: relative; overflow: hidden; }
  .btn_prevention a { display: block; margin: 30px auto; width: 91%; }
  .btn_prevention a img { width: 100%; height: auto; }
}




/*
yoga under page
*/

/* body.yoga-kasou {font:14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;color:#303030;text-align:center;-webkit-text-size-adjust: none;min-width: 1020px;} */
.yogaUnder_wrap {font-size:14px; color:#303030; text-align:center;-webkit-text-size-adjust: none;}
.yogaUnder_wrap .sp { display: none; }
.yogaUnder_wrap .pc { display: block; }


@media screen and (max-width: 640px) {
  .yogaUnder_wrap  {min-width: 100%;}
  .yogaUnder_wrap .sp { display: block; }
  .yogaUnder_wrap .pc { display: none; }
  #contents { zoom: 1 !important; }
}

#header-menu { font-family: "Futura", "Avenir Next", "Lato", "NotoSansJP-Regular", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

.yogaUnder_wrap { max-width: 1180px; width: 90%; margin: 0 auto 100px; }
.yogaUnder_wrap h1, 
.yogaUnder_wrap h2, 
.yogaUnder_wrap h3, 
.yogaUnder_wrap h4, 
.yogaUnder_wrap h5, 
.yogaUnder_wrap h6,
.yogaUnder_wrap p { font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif; }
.yogaUnder_wrap p { font-size: 16px; }
.yogaUnder_wrap .ff_en { font-family: "Futura", "Avenir Next", "Lato", "NotoSansJP-Regular", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

@media screen and (max-width: 640px) {
  .yogaUnder_wrap { max-width: 100%; width: 100%; margin: auto; }
  .yogaUnder_wrap p { font-size: 11px; }
}

.yogaUnder_title { font-size: 24px; margin-top: 67px; }
.yogaUnder_title span { position: relative; padding-top: 1em; }
.yogaUnder_title span:after { content: ""; width: 100%; min-width: 165px; height: 5px; background-color: #0C9090; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }

@media screen and (max-width: 640px) {
  .yogaUnder_title { font-size: 20px; margin-top: 60px; text-align: center; }
  .yogaUnder_title span { position: relative; padding-top: 1.3em; }
  .yogaUnder_title span:after { min-width: 145px; }
}

.yogaUnder_read { margin-top: 58px; }
.yogaUnder_read p { margin-top: 49px; line-height: 2; }
.yogaUnder_read p sup { font-size: .5em; vertical-align: baseline; }
.yogaUnder_read p span { font-size: 12px; }
.yogaUnder_read p.yogaUnder_readText-large { font-size: 24px; line-height: 1.7; }
.yogaUnder_read p.yogaUnder_readText-small { font-size: 14px; line-height: 1.71;  margin-top: 30px; }
.yogaUnder_read p.yogaUnder_readText-small span { display: block; font-size: 12px; line-height: 1.75; margin-top: 20px; }
.yogaUnder_read p.yogaUnder_readText-small span.note { margin-top: 0; }
.yogaUnder_readPic { margin-top: 69px; }
.yogaUnder_readPic img { width: 100%; }

@media screen and (max-width:640px) {
  .yogaUnder_read { margin-top: 37px; padding: 0 15px; text-align: center; }
  .yogaUnder_read p { margin-top: 29px; line-height: 1.83; }
  .yogaUnder_read p.yogaUnder_readText-large { font-size: 17px; line-height: 1.56; }
  .yogaUnder_read picture { display: block; width: 100vw; margin-right: calc(-1 * ((100vw - 100%) / 2)); margin-left: calc(-1 * ((100vw - 100%) / 2)); }
  .yogaUnder_readPic { margin-top: 39px; }
  .yogaUnder_read p.yogaUnder_readText-large_sp { font-size: 17px; }
  .yogaUnder_read p.yogaUnder_readText-small { font-size: 11px; line-height: 1.83; margin-top: 30px; letter-spacing: -.06em; }
  .yogaUnder_read p.yogaUnder_readText-small span { font-size: 10px; line-height: 2; margin-top: 20px; }
}

.yogaUnder_boxList { margin-top: 60px; }
.yogaUnder_boxList ul { display: flex; justify-content: center; flex-wrap: wrap; }
.yogaUnder_boxList li { width: 30%; margin: 0 1.66%; }
.yogaUnder_boxList li:nth-child(n + 4) { margin-top: 30px; }
.yogaUnder_boxList-title { width: 100%; height: 132px; display: flex; justify-content: center; align-items: center; color: #fff; }
.yogaUnder_boxList-title span { display: block; font-size: 15px; margin-top: 5px; }
.yogaUnder_boxList li.beauty .yogaUnder_boxList-title { background-color: #d95646; }
.yogaUnder_boxList li.original_lesson .yogaUnder_boxList-title { background-color: #A71659; }
.yogaUnder_boxList li.enjoy_yoga .yogaUnder_boxList-title { background-color: #0C9090; }
.yogaUnder_boxList-text p { text-align: left; margin-top: 20px; font-size: 14px;line-height: 1.71; }

@media screen and (max-width: 640px) {
  .yogaUnder_boxList { margin-top: 40px; padding: 0 15px; }
  .yogaUnder_boxList li { width: 100%; margin: 0; }
  .yogaUnder_boxList li + li { margin-top: 40px; }
  .yogaUnder_boxList li.beauty h3 img { width: 44px; }
  .yogaUnder_boxList li.original_lesson h3 img { width: 98px; }
  .yogaUnder_boxList li.enjoy_yoga h3 img { width: 82px; }
  .yogaUnder_boxList-title { width: 100%; height: 62px; display: flex; justify-content: center; align-items: center; color: #fff; }
  .yogaUnder_boxList-text p { text-align: left; margin-top: 6px; font-size: 12px; line-height: 1.83; }
  .yogaUnder_boxList-title span { margin-top: 0; }
}

.yogaUnder_kengakutaiken { margin-top: 100px; margin-bottom: 100px; }
.yogaUnder_kengakutaiken p { font-size: 14px; }
.yogaUnder_kengakutaiken ul { display: flex; justify-content: space-around; margin-top: 28px; }
.yogaUnder_kengakutaiken li { width: 32%; }
.yogaUnder_kengakutaiken li a { height: 55px; font-size: 18px; display: block; background-color: #0C9090; display: flex; align-items: center; justify-content: center; color: #fff; }

@media screen and (max-width: 640px) {
  .yogaUnder_kengakutaiken { margin-top: 20px; margin-bottom: 50px; padding: 0 15px; }
  .yogaUnder_kengakutaiken p { text-align: left; line-height: 1.83; font-size: 12px; }
  .yogaUnder_kengakutaiken ul { display: flex; justify-content: space-around; margin-top: 28px; flex-wrap: wrap; }
  .yogaUnder_kengakutaiken li { width: 100%; }
  .yogaUnder_kengakutaiken li + li { margin-top: 10px; }
  .yogaUnder_kengakutaiken li a { height: 44px; font-size: 16px; display: block; background-color: #0C9090; display: flex; align-items: center; justify-content: center; color: #fff; }
}


.yogaUnder_block h3 { font-size: 24px; margin-top: 65px; line-height: 1.75; }
.yogaUnder_block_inner { margin-top: 40px; }
.yogaUnder_wrap .yogaUnder_block_inner { font-size: 14px; line-height: 1.71; margin-top: 30px; }
.yogaUnder_wrap .yogaUnder_block_inner p { margin-top: 30px; font-size: 14px; }
/* .yogaUnder_wrap .yogaUnder_block_inner p.yogaUnder_readText-small { font-size: 14px; line-height: 1.71;  margin-top: 30px; } */
.yogaUnder_block_inner p span { display: block; font-size: 12px; line-height: 1.75; margin-top: 20px; }
.yogaUnder_block_inner p sup { font-size: .5em; vertical-align: baseline; }
.yogaUnder_blockPic { margin-top: 60px; }

@media screen and (max-width: 640px) {
  .yogaUnder_block { padding: 0 15px; }
  .yogaUnder_block picture { display: block; width: 100vw; margin-right: calc(-1 * ((100vw - 100%) / 2)); margin-left: calc(-1 * ((100vw - 100%) / 2)); }
  .yogaUnder_block h3 { font-size: 17px; margin-top: 35px; line-height: 1.56; letter-spacing: -.05em; }
  .yogaUnder_block_inner { margin-top: 30px; }
  .yogaUnder_wrap .yogaUnder_block_inner p { font-size: 11px; line-height: 1.83; margin-top: 20px; letter-spacing: -.05em; }
  .yogaUnder_block_inner p span { display: block; font-size: 10px; line-height: 1.75; margin-top: 20px; }
  .yogaUnder_blockPic { margin-top: 35px; }
}

.yogaUnder_lessonList { margin: 100px auto 0; width: 91.5%; max-width: 1080px; }
.yogaUnder_lessonList ul { display: flex; justify-content: center; flex-wrap: wrap; }
.yogaUnder_lessonList li { display: flex; align-items: center; justify-content: center; width: 23.2%; height: 70px; background-color: #d95646; border-radius: 35px; color: #fff; font-size: 18px; }
.yogaUnder_lessonList li + li { margin-left: 2.4%; }
.yogaUnder_lessonList li:nth-child(1), .yogaUnder_lessonList li:nth-child(5) { margin-left: 0; }
.yogaUnder_lessonList li:nth-child(n + 5) { margin-top: 30px; }
.yogaUnder_lessonList li.bg_red { background-color: #A71659; }

@media screen and (max-width: 640px) {
  .yogaUnder_lessonList { margin-top: 40px; width: 100%; max-width: 100%;  }
  .yogaUnder_lessonList li { display: flex; align-items: center; justify-content: center; width: 100%; height: 46px; background-color: #d95646; border-radius: 23px; color: #fff; font-size: 14px; }
  .yogaUnder_lessonList li + li { margin-left: 0; margin-top: 10px; }
  .yogaUnder_lessonList li:nth-child(1), .yogaUnder_lessonList li:nth-child(5) { margin-left: 0; }
  .yogaUnder_lessonList li:nth-child(n + 5) { margin-top: 10px; }
}

.yogaUnder_clothes { background: #F8EDE7; padding: 100px 0; }
.yogaUnder_2blocks { margin-top: 60px; margin-right: calc(-1 * ((100vw - 100%) / 2)); margin-left: calc(-1 * ((100vw - 100%) / 2)); }
.yogaUnder_2blocks h3 { font-size: 24px; position: relative; }
.yogaUnder_2blocks h3 span { display: block; font-size: 14px; margin-bottom: 8px; font-family: "Futura", "Avenir Next", "Lato", "NotoSansJP", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }
.yogaUnder_2blocks_inner { max-width: 975px; display: flex; justify-content: space-between; align-items: center; margin: auto; }
.yogaUnder_2blocks_inner img { width: 37.85%; }
.yogaUnder_2blocks_innerText { width: 52.62%; text-align: justify; }
.yogaUnder_2blocks_innerText p { font-size: 14px; margin-top: 25px; line-height: 1.93; }

@media screen and (max-width: 640px) {
  .yogaUnder_clothes { background: #F8EDE7; padding: 40px 0; }
  .yogaUnder_2blocks { width: 100%; margin-top: 40px; }
  .yogaUnder_2blocks h3 { font-size: 17px; position: relative; }
  .yogaUnder_2blocks h3 span { display: block; font-size: 11px; margin-bottom: 0; }
  .yogaUnder_2blocks_inner { max-width: 92%; display: flex; justify-content: space-between; align-items: center; margin: auto; flex-wrap: wrap; }
  .yogaUnder_2blocks_inner img { width: 100%; }
  .yogaUnder_2blocks_innerText { width: 100%; text-align: center; margin-top: 30px; }
  .yogaUnder_2blocks_innerText p { font-size: 11px; margin-top: 15px; line-height: 1.93; }

  .yogaUnder_clothes.yogaUnder_2blocks .yogaUnder_2blocks_innerText p { text-align: justify; }
}

.yogaUnder_feature { margin-top: 60px; }

@media screen and (max-width: 640px) {
  .yogaUnder_feature { margin-top: 40px; }
}


.yogaUnder_reasonList li { border: 1px solid #A71659; color: #A71659; }
.yogaUnder_reasonList li.bg_orange { border: 1px solid #D95646; color: #D95646; }
.yogaUnder_reasonList li .yogaUnder_boxList-text { display: flex; align-items: center; justify-content: center; height: 140px; }
.yogaUnder_reasonList li .yogaUnder_boxList-text p { text-align: center; font-size: 18px; margin: 0; line-height: 1.72; }
.yogaUnder_reasonPic { display: block; margin-top: 69px; }


@media screen and (max-width: 640px) {
  .yogaUnder_reasonList li { display: flex; border: 1px solid #A71659; color: #A71659; }
  .yogaUnder_reasonList li + li { margin-top: 10px; }
  .yogaUnder_boxList .yogaUnder_reasonList li:nth-child(n + 4) { margin-top: 10px; }
  .yogaUnder_reasonList li .yogaUnder_boxList-img { width: 50%; }
  .yogaUnder_reasonList li .yogaUnder_boxList-text { display: flex; align-items: center; justify-content: center; height: auto; width: 50%; }
  .yogaUnder_reasonList li .yogaUnder_boxList-text p { text-align: center; font-size: 11px; margin: 0; letter-spacing: -.05em; }
  .yogaUnder_reasonPic { margin-top: 39px; display: block; margin-right: calc(-1 * ((100vw - 100%) / 2)); margin-left: calc(-1 * ((100vw - 100%) / 2)); }

}

.yogaUnder_block.yogaUnder_shin .yogaUnder_block_inner p {}

@media screen and (max-width: 640px) {
  .yogaUnder_block.yogaUnder_shin .yogaUnder_block_inner p { text-align: justify; }
}

.yogaUnder_shinList { display: flex; flex-wrap: wrap; justify-self: flex-start; align-self: center; margin: 55px auto; width: 91.5%; max-width: 1080px; }
.yogaUnder_shinList dt { width: 23.15%; height: 55px; background: #D95646; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 18px; }
.yogaUnder_shinList dd { width: 76.85%; height: 55px; text-align: left; margin-bottom: 10px; display: flex; align-items: center; justify-content: flex-start; padding-left: 40px; border: 1px solid #D95646; color: #D95646; font-size: 14px; line-height: 1.4; flex-wrap: wrap; padding: 10px 0 10px 40px; }
.yogaUnder_shinList dd small { color: #000; display: block; }
.yogaUnder_shinPic { margin-top: 35px; width: 75.65%; }

@media screen and (max-width: 640px) {
  .yogaUnder_shinList { display: flex; flex-wrap: wrap; justify-self: flex-start; align-self: center; margin: 30px 0 0; width: 100%; max-width: 100%; }
  .yogaUnder_shinList dt { width: 100%; height: 40px; background: #D95646; margin-bottom: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 14px; }
  .yogaUnder_shinList dd { width: 100%; height: auto; text-align: left; margin-bottom: 10px; display: flex; align-items: center; justify-content: flex-start; padding: 5px 10px; border: 1px solid #D95646; color: #D95646; font-size: 12px; flex-wrap: wrap;}
  .yogaUnder_shinList dd small { color: #000; display: block; }
  .yogaUnder_shinPic { display: none; }
}

.yogaUnder_shinProf { display: flex; justify-content: space-between; align-items: center; margin: 40px auto 0; flex-wrap: wrap; padding: 40px 60px; background: #F8EDE7; height: 293px; box-sizing: border-box; width: 91.5%; max-width: 1080px; }
.yogaUnder_shinProf figure { width: 29.6%; margin: 0; max-width: 284px; }
.yogaUnder_shinProf figure figcaption { font-size: 12px; margin-top: 10px; }
.yogaUnder_shinProf_innerText { width: 64.2%; text-align: justify; margin-top: 0; }
.yogaUnder_shinProf_innerText h4 { font-size: 12px; color: #D95646; }
.yogaUnder_wrap .yogaUnder_shinProf_innerText p { font-size: 12px; margin-top: 15px; line-height: 1.67; }
.yogaUnder_wrap .yogaUnder_shinProf_innerText p + p { margin-top: 20px; }

@media screen and (max-width: 640px) {
  .yogaUnder_shinProf { display: flex; justify-content: space-between; align-items: center; margin: 20px auto 0; flex-wrap: wrap; padding: 25px 15px 20px; background: #F8EDE7; height: auto; box-sizing: border-box; width: 100%; max-width: 100%; }
  .yogaUnder_shinProf_innerText h4 { font-size: 11px; line-height: 1.5em; letter-spacing: -.05em; }
  .yogaUnder_wrap .yogaUnder_shinProf_innerText p { font-size: 11px; margin-top: 15px; line-height: 1.67; }
  .yogaUnder_shinProf figure { width: 100%; margin: 20px 0 0; max-width: 100%; }
  .yogaUnder_shinProf figure figcaption { font-size: 11px; margin-top: 5px; }
  .yogaUnder_shinProf_innerText { width: 100%; text-align: justify; margin-top: 0; }
}

.yogaUnder_balance .yogaUnder_2blocks_inner { margin-top: 40px; }
.yogaUnder_balance .yogaUnder_2blocks_inner .yogaUnder_2blocks_innerText p { margin-top: 0; }

@media screen and (max-width: 640px) {
  .yogaUnder_balance .yogaUnder_2blocks_inner .yogaUnder_2blocks_innerText { margin-top: 15px; }
  .yogaUnder_balance .yogaUnder_2blocks_inner .yogaUnder_2blocks_innerText p { line-height: 1.83; text-align: justify; }
}

.yogaUnder_4boxList { margin-top: 60px; max-width: 975px; margin: auto; }
.yogaUnder_4boxList h3 { font-size: 24px; margin-top: 65px; }
.yogaUnder_4boxList ul { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 40px; }
.yogaUnder_4boxList li { width: 23.08%; }
.yogaUnder_4boxList li + li { margin-left: 2.5%; }
.yogaUnder_4boxList li:nth-child(n + 5) { margin-top: 25px; }
.yogaUnder_4boxList li figure { width: 100%; margin: 0; max-width: 100%; }
.yogaUnder_4boxList li figure figcaption { font-size: 14px; margin-top: 8px; }
.yogaUnder_4boxList .note { text-align: center; margin-top: 60px; font-size: 12px; }

@media screen and (max-width: 640px) {
  .yogaUnder_4boxList { margin-top: 40px; max-width: 100%; padding: 0 15px; }
  .yogaUnder_4boxList h3 { font-size: 18px; margin-top: 35px; line-height: 1.56; }
  .yogaUnder_4boxList ul { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 40px; }
  .yogaUnder_4boxList li { width: 48.8%; margin: 0 0 20px 0; }
  .yogaUnder_4boxList li + li { margin: 0 0 20px; }
  .yogaUnder_4boxList li:nth-child(n + 5) { margin-top: 0; }
  .yogaUnder_4boxList li:nth-child(even) { margin: 0 0 0 2.3%; }
  .yogaUnder_4boxList li figure { width: 100%; margin: 0; }
  .yogaUnder_4boxList li figure figcaption { font-size: 12px; margin-top: 3px; }
  .yogaUnder_4boxList .note { text-align: left; margin-top: 6px; font-size: 12px; line-height: 1.83; }
}


.yogaUnder_prepare { background: #F5F5F5; padding: 80px 0; }
.yogaUnder_prepare.yogaUnder_2blocks .yogaUnder_2blocks_inner { max-width: 785px; display: flex; justify-content: space-between; align-items: center; margin: auto; }
.yogaUnder_prepare.yogaUnder_2blocks h3 { font-size: 22px; position: relative; }
.yogaUnder_prepare.yogaUnder_2blocks h3 span { display: block; font-size: 14px; margin-bottom: 8px; }
.yogaUnder_prepare.yogaUnder_2blocks .yogaUnder_2blocks_innerText { width: 68.86%; text-align: justify; }
.yogaUnder_prepare.yogaUnder_2blocks li { font-size: 16px; line-height: 1.69; }
.yogaUnder_prepare.yogaUnder_2blocks li span { display: block; font-size: 12px; text-indent: 2em; line-height: 2.25; }

@media screen and (max-width: 640px) {
  .yogaUnder_prepare { background: #F5F5F5; padding: 30px 15px; }
  .yogaUnder_prepare .yogaUnder_2blocks_inner { max-width: 100%; display: flex; justify-content: space-between; align-items: center; margin: auto; }
  .yogaUnder_prepare.yogaUnder_2blocks h3 { font-size: 16px; width: 100%; text-align: left; }
  .yogaUnder_prepare.yogaUnder_2blocks .yogaUnder_2blocks_innerText { width: 100%; text-align: left; margin-top: 15px; }
  .yogaUnder_prepare.yogaUnder_2blocks li { font-size: 12px; line-height: 2.15; }
  .yogaUnder_prepare.yogaUnder_2blocks li span { display: block; font-size: 12px; text-indent: 0; line-height: 2.25; }
}


.yogaUnder_step h3 { font-size: 24px; margin-top: 100px; }
.yogaUnder_step .yogaUnder_2blocks { padding: 80px 0; }
.yogaUnder_step .yogaUnder_2blocks + .yogaUnder_2blocks { margin-top: 0; }
.yogaUnder_step .yogaUnder_2blocks:nth-of-type(odd) { background: #F8EDE7; }
.yogaUnder_step .yogaUnder_2blocks h4 { font-size: 24px; color: #303030; }
.yogaUnder_step .yogaUnder_2blocks_inner { position: relative; max-width: 965px; display: flex; justify-content: space-between; align-items: center; margin: auto; }
.yogaUnder_step .yogaUnder_2blocks_inner .yogaUnder_stepPic { width: 28.19%; }
.yogaUnder_step .yogaUnder_2blocks_inner .yogaUnder_stepIco { position: absolute; width: 10.37%; left: 0; top: -20px; }
.yogaUnder_step .yogaUnder_2blocks_innerText { width: 65.46%; text-align: justify; padding-left: 14.51%; }
.yogaUnder_step .yogaUnder_2blocks_innerText p { font-size: 16px; margin-top: 20px; line-height: 1.69; }
.yogaUnder_step .yogaUnder_2blocks_innerText p span { color: #D95646; display: block; }
.yogaUnder_step .yogaUnder_2blocks_innerText .note { display: block; margin-top: 40px; padding-left: 1em; }
.yogaUnder_step .yogaUnder_2blocks_innerText li { width: 100%; font-size: 12px; margin-top: 0; line-height: 1.5; }

.yogaUnder_step + .yogaUnder_prepare.yogaUnder_2blocks { margin-top: 0; }

@media screen and (max-width: 640px) {
  .yogaUnder_step { margin-top: 40px; }
  .yogaUnder_step h3 { font-size: 20px; margin-top: 60px; }
  .yogaUnder_step .yogaUnder_2blocks { padding: 30px 15px; margin-top: 40px; }
  .yogaUnder_step h3 + .yogaUnder_2blocks { margin-top: 60px; }
  .yogaUnder_step .yogaUnder_2blocks h4 { font-size: 16px; color: #303030; line-height: 1.5; }
  .yogaUnder_step .yogaUnder_2blocks_inner { position: relative; max-width: 100%; display: flex; justify-content: space-between; align-items: center; margin: auto; flex-direction: column-reverse; }
  .yogaUnder_step .yogaUnder_2blocks_inner .yogaUnder_stepPic { position: absolute; width: 37.33%; right: 0; top: 0; }
  .yogaUnder_step .yogaUnder_2blocks_inner .yogaUnder_stepIco { position: absolute; width: 16%; left: 0; top: 0; }
  .yogaUnder_step .yogaUnder_2blocks_innerText { width: 100%; text-align: left; padding: 20% 0 0 0; }
  .yogaUnder_step .yogaUnder_2blocks_innerText p { font-size: 12px; margin-top: 10px; line-height: 1.83; letter-spacing: -.03em; }
  .yogaUnder_step .yogaUnder_2blocks_innerText .note { display: block; margin-top: 20px; padding-left: 0; }
  .yogaUnder_step .yogaUnder_2blocks_innerText li { width: 100%; font-size: 12px; margin-top: 0; line-height: 1.83; }
  .yogaUnder_step .yogaUnder_2blocks:last-child .yogaUnder_2blocks_innerText { padding-top: 14%; }
}


.yogaUnder_faq { margin-top: 70px; }
.yogaUnder_faq_inner { width: 94.1%; text-align: left; margin: auto; }
.yogaUnder_faq_inner dt { position: relative; font-size: 18px; line-height: 1.71; margin-top: 25px;  padding: 0 0 0 40px; }
.yogaUnder_faq_inner dt:before { content: ''; display: block; width: 36px; height: 39px; position: absolute; left: 0; top: -5px; width: 36px; height: 39px; background: url(../../img/yoga/faq/question.svg) no-repeat center center; background-size: 36px 39px; }

.yogaUnder_faq_inner dd { position: relative; font-size: 14px; line-height: 1.5; margin-top: 25px; padding: 0 0 25px 40px; border-bottom: 1px solid #DDDDDD; }
.yogaUnder_faq_inner dd:before { content: ''; display: block; width: 36px; height: 39px; position: absolute; left: 0; top: -10px; width: 33px; height: 39px; background: url(../../img/yoga/faq/answer.svg) no-repeat center center; background-size: 33px 39px; }
.yogaUnder_faq_inner dd p { font-size: 14px; line-height: 1.5; }
.yogaUnder_faq_inner dd sup { font-size: 10px; vertical-align: text-bottom; }
.yogaUnder_faq_inner dd ol, .yogaUnder_faq_inner dd ul, .yogaUnder_faq_inner dd .note { margin-top: 20px; text-indent: 0; }
.yogaUnder_faq_inner dd a { display: block; margin-top: 20px; text-decoration: underline; }
.yogaUnder_faq_inner dd ol { list-style-type: decimal; padding-left: 1.5em; }
.yogaUnder_faq_inner dd ol li { list-style-type: decimal; }
.yogaUnder_faq_inner dd ul li { list-style-type: disc; }

@media screen and (max-width: 640px) {
  .yogaUnder_faq { margin-top: 40px; }
  .yogaUnder_faq_inner { width: 94.1%; text-align: left; margin: auto; }
  .yogaUnder_faq_inner dt { position: relative; font-size: 16px; line-height: 1.63; margin-top: 25px;  padding: 0 0 0 40px; }
  .yogaUnder_faq_inner dt:before { content: ''; display: block; width: 28px; height: 42px; position: absolute; left: 8px; top: -7px; background: url(../../img/yoga/faq/question.svg) no-repeat center center; background-size: 28px 42px; }

  .yogaUnder_faq_inner dd { position: relative; font-size: 12px; line-height: 1.83; margin-top: 15px; padding: 0 0 25px 40px; border-bottom: 1px solid #DDDDDD; }
  .yogaUnder_faq_inner dd:before { content: ''; display: block; width: 26px; height: 45px; position: absolute; left: 9px; top: -11px; background: url(../../img/yoga/faq/answer.svg) no-repeat center center; background-size: 26px 45px; }
  .yogaUnder_faq_inner dd p { font-size: 12px; line-height: 1.83; }
  .yogaUnder_faq_inner dd sup { font-size: 10px; vertical-align: text-bottom; }
  .yogaUnder_faq_inner dd ol, .yogaUnder_faq_inner dd ul, .yogaUnder_faq_inner dd .note { margin-top: 20px; text-indent: 0; }
  .yogaUnder_faq_inner dd a { display: block; margin-top: 20px; text-decoration: underline; }
  .yogaUnder_faq_inner dd ol { list-style-type: decimal; padding-left: 1.5em; }
  .yogaUnder_faq_inner dd ul { padding-left: 1.5em; }
  .yogaUnder_faq_inner dd ol li { list-style-type: decimal; }
  .yogaUnder_faq_inner dd ul li { list-style-type: disc; }
}


.yogaUnder_news { margin: 55px 0 125px 0; }
.yogaUnder_news_inner { display: flex; align-items: center; width: 94.1%; text-align: left; margin: auto; border-bottom: 1px solid #DDDDDD; padding: 14px 0; }
.yogaUnder_news_inner dt { display: flex; align-items: center; justify-content: space-between; width: 19%; position: relative; font-size: 14px; line-height: 1.5; }
.yogaUnder_news_inner dt span { display: flex; align-items: center; justify-content: center; width: 60%; height: 24px; background: #F3F3F3; font-size: 12px; border-radius: 4px; }
.yogaUnder_news_inner dd { width: 81%; font-size: 14px; line-height: 1.5; padding: 0 10px; }

.yogaUnder_news ul { text-align: left; width: 94.1%; margin: auto; }
.yogaUnder_news .news_li { border-bottom: 1px solid #DDDDDD; }
.yogaUnder_news .news_li a { width: 100%; display: flex; flex-wrap: wrap; padding: 1em 0; }
.yogaUnder_news .news_li a .date { font-size: 14px; line-height: 1.5; width: 5em; }
.yogaUnder_news .news_li a .tag { width: 152px; height: 2em; font-size: 12px; display: flex; align-items: center; justify-content: center; background-color: #F3F3F3; margin-left: 20px; border-radius: 4px; }
.yogaUnder_news .news_li a .title { padding: 0 20px; width: calc(100% - 250px); }

@media screen and (max-width: 640px) {
  .yogaUnder_news { margin: 20px 0 80px 0; }
  .yogaUnder_news_inner { display: flex; align-items: center; flex-wrap: wrap; width: 92%; text-align: left; margin: auto; border-bottom: 1px solid #DDDDDD; padding: 20px 0; }
  .yogaUnder_news_inner dt { display: flex; align-items: center; justify-content: flex-start; width: 100%; position: relative; font-size: 14px; line-height: 1.5; }
  .yogaUnder_news_inner dt span { display: flex; align-items: center; justify-content: center; width: 40%; height: 24px; background: #F3F3F3; font-size: 12px; border-radius: 4px; margin-left: 10px; }
  .yogaUnder_news_inner dd { width: 100%; font-size: 12px; line-height: 1.5; padding: 0; margin-top: 10px; }
  .yogaUnder_news .news_li a .date { width: auto; font-size: 14px; }
  .yogaUnder_news .news_li a .tag { font-size: 12px; }
  .yogaUnder_news .news_li a .title  { display: block; width: 100%; padding: 0; font-size: 12px; margin-top: 10px; }
}


.yogaUnder_title-orenge span:after { background-color: #D95646; }
.yogaUnder_tabBtnLists { display: flex; margin-top: 60px; }
.yogaUnder_tabBtnLists li { width: 33.33%; border: #D95646 solid 1px; position: relative; }
.yogaUnder_tabBtnLists li a.btn_tab { display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100px; color: #D95646; }
.yogaUnder_tabBtnLists li a.btn_tab:hover { cursor: pointer; opacity: 1; }
.yogaUnder_tabBtnLists li a.btn_tab.js_on { background-color: #D95646; color: #fff; }
.yogaUnder_tabBtnLists li a.btn_tab.js_on:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 12px 10.5px 0 10.5px; border-color: #d95746 transparent transparent transparent; position: absolute; bottom: -25px; left: 50%; transform: translate(-50%, -100%); }
.yogaUnder_tabBtnLists li h3 { font-size: 24px; }
.yogaUnder_tabBtnLists li span { font-size: 16px; }
.yogaUnder_tabContentsLists { position: relative; }

.yogaUnder_tabContentsLi { position: absolute; top: 0; }
.yogaUnder_tabContentsLi.js_on { position: static; }
.yogaUnder_tabContentsLists {  }
.yogaUnder_flow { margin-top: 60px; }
.yogaUnder_flow ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.yogaUnder_flow li { width: 18%; position: relative; }
.yogaUnder_flow li picture { position: relative; display: block; }
.yogaUnder_flow li picture:after { content: ''; display: block; background: url(../../img/yoga/signup/arrow.svg) no-repeat center center; width: 13px; height: 10px; position: absolute; left: 106.5% ; top: 52%; background-size: 13px 10px; transform: rotate(-90deg) translateY(-50%);}
.yogaUnder_flow li:last-child picture:after { content: ''; display: none; }
.yogaUnder_flow h4 { color: #d95646; font-size: 18px; }
.yogaUnder_flow img { width: 100%; margin-top: 18px; }
.yogaUnder_flow span { display: block; margin-top: 18px; text-align: left; }

.yogaUnder_tabContentsLi { display: none; }
.yogaUnder_tabContentsLi:nth-of-type(1) { display: block; }
.yogaUnder_preparation { background-color: #f8ede7; padding: 40px 60px 60px; text-align: left; line-height: 1.7; margin-top: 60px; }
.yogaUnder_preparation h3 { font-size: 24px; position: relative; padding-bottom: 30px; margin-bottom: 30px; text-align: center; }
.yogaUnder_preparation h3:after { content: ""; width: 100%; height: 1px; display: block; background-color: #fff; position: absolute; bottom: 0; left: 0; }
.yogaUnder_preparation p { font-size: 14px; }
.yogaUnder_preparation ol { font-size: 14px; }
.yogaUnder_preparation ol li { margin-left: 1.25em; list-style-type: decimal; }
.yogaUnder_preparation small { font-size: 12px; display: block; margin-top: 1em; }

.yogaUnder_btnSearch {}
.yogaUnder_btnSearch a { width: 100%; max-width: 346px; margin: 100px auto 0; display: flex; height: 55px; align-items: center; justify-content: center; background-color: #0c9090; color: #fff; font-size: 18px; }

@media screen and (max-width: 640px) {
  .yogaUnder_tabBtnLists { display: flex; margin-top: 45px; flex-wrap: wrap; }
  .yogaUnder_tabBtnLists .yogaUnder_read { padding: 0; }
  .yogaUnder_tabBtnLists li { width: 100%; border: none; position: relative; background: #fff; }
  .yogaUnder_tabBtnLists li + li { border-top: 1px solid #fff; }
  .yogaUnder_tabBtnLists li a.btn_tab { position: relative; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; height: 70px; color: #fff; padding: 0 15px; box-sizing: border-box; background: #D95646; }
  .yogaUnder_tabBtnLists li a.btn_tab:before { content: ''; position: absolute; right: 15px; width: 20px; height: 2px; background: #fff; }
  .yogaUnder_tabBtnLists li a.btn_tab:after { content: ''; position: absolute; right: 24px; width: 2px; height: 20px; background: #fff; }

  .yogaUnder_tabBtnLists li a.btn_tab:hover { cursor: pointer; opacity: 1; }
  .yogaUnder_tabBtnLists li a.btn_tab.js_on { background-color: #D95646; color: #fff; }
  .yogaUnder_tabBtnLists li a.btn_tab.js_on:before { content: ''; position: absolute; right: 15px; width: 20px; height: 2px; background: #fff; }
  .yogaUnder_tabBtnLists li a.btn_tab.js_on:after { content: ""; display: none; }

  .yogaUnder_tabBtnLists li h3 { font-size: 20px; }
  .yogaUnder_tabBtnLists li span { font-size: 14px; margin-top: -5px; }

  .yogaUnder_tabContentsLists { text-align: justify; }
  .yogaUnder_tabContentsLi { display: none; padding: 0 15px 40px; text-align: justify; }
  .yogaUnder_tabContentsLi:nth-of-type(1) { display: none; }
  .yogaUnder_tabContentsLi.js_on { position: static; background: #fff; }

  .yogaUnder_flow { margin-top: 40px; }
  .yogaUnder_flow ul { display: flex; flex-wrap: wrap; justify-content: space-between; }

  .yogaUnder_flow li picture { position: relative; display: block; }
  .yogaUnder_flow li picture:after { display:none; }
  .yogaUnder_flow li:last-child picture:after { content: ''; display: none; }


  .yogaUnder_flow li { width: 100%; position: relative; background: #fff; }
  .yogaUnder_flow li + li { margin-top: 60px; }
  .yogaUnder_flow li:after { content: ''; display: block; background: url(../../img/yoga/signup/arrow.svg) no-repeat center center; width: 20px; height: 15px; position: absolute; left: 50%; bottom: -35px; transform: translateX(-50%);  background-size: 20px 15px; }
  .yogaUnder_flow li:last-child:after { content: ''; display: none; }
  .yogaUnder_flow h4 { color: #d95646; font-size: 12px; text-align: center; margin-bottom: 3vw; }
  .yogaUnder_flow img { width: 100%; margin-top: 0; }
  .yogaUnder_flow li span { display: block; margin-top: 8px; font-size: 12px; line-height: 1.83; }


  .yogaUnder_preparation { background-color: #fff; padding: 0; text-align: left; line-height: 1.7; margin-top: 40px; }
  .yogaUnder_tabBtnLists li .yogaUnder_preparation h3 { font-size: 16px; position: relative; margin-bottom: 20px; text-align: justify; border-bottom: 1px solid #D95646; padding-bottom: 10px; }
  .yogaUnder_preparation h3:after { content: ""; width: 100%; height: 1px; display: block; background-color: #fff; position: absolute; bottom: 0; left: 0; }
  .yogaUnder_preparation p { font-size: 12px; line-height: 1.83; }
  .yogaUnder_preparation ol { font-size: 12px; line-height: 1.83;  }
  .yogaUnder_preparation ol li { margin-left: 1.25em; list-style-type: decimal; background: #fff; width: auto; }
  .yogaUnder_preparation ol li sup { font-size: 10px; vertical-align: text-bottom; }
  .yogaUnder_preparation small { font-size: 10px; display: block; margin-top: 1em; line-height: 2; }
  .yogaUnder_preparation small + small { margin-top: 1.5em; }



  .yogaUnder_tabContentsLi .yogaUnder_read { margin-top: 20px;}
  .yogaUnder_tabContentsLi .yogaUnder_read p { margin-top: 20px; font-size: 12px; line-height: 1.83; }
  .yogaUnder_tabContentsLi .yogaUnder_read p span { display: block; margin-top: 5px; font-size: 10px; line-height: 2; }
  .yogaUnder_tabContentsLi .yogaUnder_read .yogaUnder_readText-large { border-bottom: 1px solid #D95646; padding-bottom: 10px; font-size: 16px; }
  

  .yogaUnder_btnSearch { padding: 0 15px; }

  .yogaUnder_btnSearch a { width: 100%; max-width: 346px; margin: 60px auto ; display: flex; height: 44px; align-items: center; justify-content: center; background-color: #0c9090; color: #fff; font-size: 16px; }
}



@media screen and (max-width: 640px) {
  #panBox ul {
    text-align: left;
  }
  #interior3d .content-wrapper.mb-l .maxw-1280.sp-pd.mb-s picture img { width: 100%; }
  .yogaUnder_boxList li .yogaUnder_boxList-img img { width: 100%; }
  .yogaUnder_reasonList li .yogaUnder_boxList-img img { width: 100%; }
  .yogaUnder_shinProf img { width: 100%; }
  .yogaUnder_4boxList li img { width: 100%; }
  #yoga-contents > img { width: 100% !important; }
  ul.yoga-ouchi-kiji-list.clearfix li > img { width: 100%; }
  .yoga-beauty-column-kiji-list li img { width: 100%; }
  .yoga-bottom_buttons .pt20 > img { width: 100% !important; }
}


/*
#brands
 */
#brands { margin-bottom: 30px !important; }
.bg-kuro #brands { padding-top: 68px; }
.bg-green #brands { margin-bottom: 30px !important; }
#brands img { max-width: none; width: 100%; }
#brands img:hover { background-color: transparent; }

@media only screen and (max-width: 640px) {
  #brands { width: 92vw; padding-top: 0; margin-left: auto; margin-right: auto; }
  .bg-kuro #brands { padding-top: 68px; }
  .bg-green #brands { margin-bottom: 30px !important; }
  #brands .col + .col { margin-top: 15px; }
}

/*
.ly_news
*/
.ly_news_wrap {
  display: flex;
  flex-wrap: wrap;
/*  align-items: center; */
  justify-content: space-between;
  max-width: 1240px;
  margin: 40px auto 0;
}
.ly_news_l {
  width: 230px;
  font-size: 16px;
  text-align: center;
  display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.ly_news_l_inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 35px 0;
}
.ly_news_l h2 {
  font-size: 22px;
  font-weight: bold;
}
.ly_news_l p {
  margin-top: 20px;
}
.ly_news_l p a {
  position: relative;
  transition: 0.5s ease;
  font-weight: 400;
}
.ly_news_l p a:after {
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  transform: rotate(45deg);
  border-top: #f00 solid 2px;
  border-right: #f00 solid 2px;
  margin-left: 10px;
}
.ly_news_l p a:hover {
  opacity: 0.6;
}
.ly_news_r {
  width: calc(100% - 330px);
  font-size: 14px;
  text-align: center;
  padding: 35px 0;
}
.ly_news_r.js__on ul li:nth-of-type(n + 3) {
  display: block;
}
.ly_news_r.js__on .btn__more span:after {
  transform: rotate(45deg) translate(-5%, -50%) scale(-1);
}
.ly_news_r ul {
  text-align: left;
}
/* .ly_news_r li + li {
  border-top: #EBEBEB solid 1px;
} */
.ly_news_r li a {
  padding: 11px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-weight: 400;
}
.ly_news_r li a span {
  display: block;
  line-height: 1.6;
  box-sizing: border-box;
}
.ly_news_r li:nth-of-type(n + 3) {
  display: none;
}
.ly_news_r li .date {
  width: 6em;
}
.ly_news_r li .tag {
  background: #666;
  color: #fff;
  font-size: 14px;
  margin-top: 1px;
  width: 10em;
  padding: 0.25em 1em;
  text-align: center;
  margin-left: 1em;
  border-radius: 3px;
}
.ly_news_r li .title {
  padding: 0.25em 1em;
  width: calc(100% - 22em);
}
.ly_news_r .btn__more {
  display: inline-block;
  padding: 1em 0;
  position: relative;
  font-weight: 400;
}
.ly_news_r .btn__more span:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-bottom: #000 solid 1px;
  border-right: #000 solid 1px;
  position: absolute;
  top: 50%;
  right: -14px;
  transform: rotate(45deg) translate(-50%, -50%);
}

body:not(.index) .ly_news_wrap, body.yoga .ly_news_wrap {
  border: #0c9090 solid 1px;
}
body.akajoy .ly_news_wrap {
  border: #c21632 solid 1px;
}
body.aojoy .ly_news_wrap, body.aojoy_top .ly_news_wrap {
  border: #002059 solid 1px;
}
body.body-joyplus .ly_news_wrap {
  border: #000 solid 1px;
}
body:not(.index) .ly_news_l, body.yoga .ly_news_l {
  background-color: #0c9090;
  color: #fff;
}
body.akajoy .ly_news_l {
  background-color: #c21632;
  color: #fff;
}
body.aojoy .ly_news_l, body.aojoy_top .ly_news_l {
  background-color: #002059;
  color: #fff;
}
body.body-joyplus .ly_news_l, body.joyplus .ly_news_l {
  background-color: #000;
  color: #fff;
}

body:not(.index) .ly_news_l a {
  color: #fff;
}
body:not(.index) .ly_news_l p a:after {
  border-color: #fff;
}
body .ly_news_r .btn__more {
  transform: translateX(-162px);
}


@media screen and (max-width: 767px) {
  .ly_news_wrap {
    flex-direction: column;
    margin-top: 35px;
  }
  .ly_news_l {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  .ly_news_l h2 {
    font-size: 18px;
  }
  .ly_news_l p {
    margin-top: 0;
  }
  .ly_news_l a {
    font-size: 12px;
  }
  .ly_news_r {
    width: 100%;
    padding: 20px 0;
  }
  .ly_news_r li a {
    padding: 11px 0;
  }
  .ly_news_r li .title {
    display: block;
    width: 100%;
    padding-left: 0;
    margin-top: 0.5em;
  }
  body.akajoy .ly_news_r .btn__more {
    transform: translateX(0);
  }
}

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

  .news-wrap { width: 90.66vw; margin: auto; }
  .news-wrap * { box-sizing: border-box; }

  .ly_news_wrap {
    margin-top: 16vw;
  }

  .ly_news_r {
    padding: 20px;
  }

  .ly_news_l_inner {
    width: 90%;
    flex-direction: row;
    margin: auto;
    justify-content: space-between;
    padding: .5em 0;
  }
  #aka-contents .ly_news_l_inner p {
    width: auto;
    font-size: 20px;
  }
  #aka-contents .ly_news_l_inner a {
    font-size: 14px;
  }

  .ly_news_r {
    margin-top: 0;
    padding: 20px;
  }

  .ly_news_wrap {
    flex-direction: column;
    margin-top: 35px;
    margin-bottom: 4vw;
  }
  .ly_news_l {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  .ly_news_l h2 {
    font-size: 18px;
  }
  body.index .ly_news_l h2 {
    color: #000;
  }
  .ly_news_l p {
    margin-top: 0;
  }
  .ly_news_l a {
    font-size: 12px;
  }
  .ly_news_r {
    width: 100%;
    padding: 20px;
  }
  .ly_news_r li a {
    padding: 11px 0;
    color: #000;
  }
  .ly_news_r li .title {
    display: block;
    width: 100%;
    padding-left: 0;
    margin-top: 0.5em;
  }
  body.akajoy .ly_news_r .btn__more {
    transform: translateX(0);
  }
  body .ly_news_r .btn__more {
    transform: translateX(0);
  }

  #ao-contents .ly_news_l {
    background-color: #002059;
    color: #fff;
  }
  body.body-joyplus .ly_news_l {
    background-color: #000;
    color: #fff;
  }
  body .ly_news_r .btn__more {
    color: #000;
  }
}

#list-recommend { margin-top: 50px; }


/* shop_table */
.shop_table { table-layout: fixed; width: 100%; border-collapse: collapse; margin: 20px 0; }
.shop_table th, .shop_table td { padding: 10px; border: 1px solid #ddd; }
.shop_table th { background-color: #f5f5f5; font-weight: bold; }
.shop_table a { letter-spacing: 0; }
.shop_table a:hover { text-decoration: underline; }
.area_name { background-color: #f0f0f0; font-weight: bold; font-size: 14px; width: 88px; text-align: center; vertical-align: middle; }
.area_name[colspan="2"] { width: 195px; }
.prefecture_name { background-color: #f8f8f8; font-weight: bold; font-size: 14px; width: 107px; text-align: center; vertical-align: middle; }
.ddwrap ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 7px 10px; }
.ddwrap li { margin-right: 5px; line-height: 1; }
.ddwrap li a { line-height: 1; font-size: 12px; font-weight: normal; }
.ddwrap li a:before { content: ''; font-size: 10px; border-left: 14px solid #000000; margin-right: 0.25em; }
.ddwrap li a:hover { text-decoration: underline; }
.ddwrap li.midori a:before { border-color: #049098; }
.ddwrap li.aka a:before { border-color: #c21632; }
.ddwrap li.ao a:before { border-color: #002588; }
.ddwrap li.kuro a:before { border-color: #000000; }



/* .shop_bnrs */
.shop_bnrs { margin-top: 15px; }
.shop_bnrs ul { display: flex; flex-direction: column; gap: 10px; flex-wrap: wrap; }
.shop_bnrs ul li { display: flex; justify-content: center; align-items: center; border-radius: 2em; overflow: hidden; border: 1px solid #000; max-width: 240px; }
.shop_bnrs ul li a { padding: .8em 2em; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 14px; position: relative; }
.shop_bnrs ul li a:after { content: ''; position: absolute; top: 50%; right: 1em; transform: translateY(-50%) rotate(45deg); width: 10px; height: 10px; border-top: 2px solid #000; border-right: 2px solid #000; }
.shop_bnrs ul li a:hover { background-color: #000; color: #fff; }
.shop_bnrs ul li a:hover:after { border-color: #fff; }
.shop_info.gym24h .shop_bnrs ul li { border-color: #c21632; }
.shop_info.gym24h .shop_bnrs ul li a:after { border-color: #c21632; }
.shop_info.gym24h .shop_bnrs ul li a:hover:after { border-color: #fff; }
.shop_info.gym24h .shop_bnrs ul li a:hover { background-color: #c21632; }

.shop_info.joyfit .shop_bnrs ul li { border-color: #002059; }
.shop_info.joyfit .shop_bnrs ul li a:after { border-color: #002059; }
.shop_info.joyfit .shop_bnrs ul li a:hover:after { border-color: #fff; }
.shop_info.joyfit .shop_bnrs ul li a:hover { background-color: #002059; }

.shop_info.yoga .shop_bnrs ul li { border-color: #007880; }
.shop_info.yoga .shop_bnrs ul li a:after { border-color: #007880; }
.shop_info.yoga .shop_bnrs ul li a:hover:after { border-color: #fff; }
.shop_info.yoga .shop_bnrs ul li a:hover { background-color: #007880; }

.shop_info.joyplus .shop_bnrs ul li { border-color: #000; }
.shop_info.joyplus .shop_bnrs ul li a:after { border-color: #000; }
.shop_info.joyplus .shop_bnrs ul li a:hover:after { border-color: #fff; }
.shop_info.joyplus .shop_bnrs ul li a:hover { background-color: #000; }

/* .city_list */
.city_list { display: block; width: 100%; margin-top: 1em; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #ddd; }
.city_list ul { display: flex; gap: 10px; flex-wrap: wrap; }
.city_list ul li { display: flex; justify-content: center; align-items: center; border-radius: 2em; overflow: hidden; border: 1px solid #000; }
.city_list ul li a { padding: .5em 1em; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 14px; }
.city_list ul li a:hover { background-color: #000; color: #fff; }

.joyfit .city_list li { background-color: #002059; }
.gym24h .city_list li { background-color: #c21632; }
.yoga .city_list li { background-color: #007880; }
.joyplus .city_list li { background-color: #000; }

.city_name { font-size: 20px; border-bottom: 1px solid #007880; padding-bottom: 30px; margin-bottom: 30px; }
.city_list { border-bottom: solid 1px #007880; }