@charset "UTF-8";

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

/* DISPLAY
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-only-sp-se { display: block; }
@media (min-width: 321px) { .u-only-sp-se { display: none; } }
.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; } }
.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); }

.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; } }

/*header*/
/*.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 { 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; }
@media (min-width: 900px) { .header .header-util ul.util-logo { min-width: 520px; } }
.header .header-util ul.util-logo li { list-style-type: none; margin: 0 10px 0 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; display: block;}
.header .header-util ul.util-logo li:nth-child(1) img { display: block; max-height: 48px; width:100px;}
.header .header-util ul.util-logo li:nth-child(2) img { display: block; max-height: 48px; width:50px;}
.header .header-util ul.util-logo li:nth-child(3) img { display: block; max-height: 48px; width:60px;}
.header .header-util ul.util-logo li:nth-child(4) img { display: block; max-height: 48px; width:80px;}
.header .header-util ul.util-logo li:nth-child(5) img { display: block; max-height: 48px; width:50px;}

.header .header-util .util-sub { display: flex; justify-content: flex-start; 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; } }
.header .header-util .util-sub p, .header .header-util .util-sub a { color: #727171; }
.header .header-util .util-sub .util-sub-right { display: flex; justify-content: flex-start; align-items: center; justify-content: flex-end; }
.header .header-util .util-sub ul.list-header { width: auto; margin: 0 auto; list-style-type: none; margin: 0 auto 0 0; padding: 20px 0 0 0; font-size: 0; text-align: left; padding: 30px 0 28px 0; }
.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; }
.header .header-util .util-sub ul.list-header li:last-child { border: none; margin-right: 0; padding-right: 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 (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; }
@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 .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; }
@media (min-width: 900px) { .header .header-main .header-main-inner h1 { font-size: 1.6rem; padding-left: 18px; text-align: left; } }
.header .header-main .header-main-inner .btns { display: none; }
@media (min-width: 900px) { .header .header-main .header-main-inner .btns { display: flex; justify-content: flex-start; align-items: center; } }
.header .header-main.header-main-fixed { border-top: none; position: fixed; top: 0; }
.header #header-main-container { z-index: 1049; background-color: #fff; }*/

.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/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/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 ;text-align:center; }
.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-index*/
.header .header-main .header-main-inner .btns .btn-index { width: 120px; margin: 0 22px 0 0; }
.header .header-main .header-main-inner .btns .btn-index:last-child { margin: 0; }
.btn-index { 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-index::-moz-focus-inner { padding: 0; border: 0; }
.btn-index.btn-index-s { padding: 1.0em 1.0em; font-size: 1.2rem; border-radius: 3px; }
@media (min-width: 900px) { .btn-index.btn-index-s { font-size: 1.3rem; } }
.btn-index-group { letter-spacing: -0.31em; *letter-spacing: normal; }
.btn-index-group { word-spacing: -0.43em; }
.btn-index-group .btn-index { letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; }
.btn-index-hidden { display: none; }
.btn-index { 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-index { font-size: 1.8rem; transition: all 0.3s linear; } }
@media (min-width: 900px) { .btn-index:hover { opacity: 0.8; color: #ffffff; } }
.btn-index.has-margin { margin: 1em; }
.btn-index.btn-index-l { padding: 1.4em 1.4em; }
a.btn-index:link, a.btn-index:visited { color: #ffffff; }
a.btn-index-orange, a.btn-index-selected { color: #ffffff; }
.btn-index[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-index.btn-index-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-index.btn-index-disabled:hover, .btn-index.btn-index-disabled:focus, .btn-index.btn-index-disabled:active { border: none; background-image: none; /* csslint ignore:start */ /* csslint ignore:end */ cursor: not-allowed; box-shadow: none; pointer-events: none; }
.btn-index-orange { color: #ffffff; background-color: #fca500; }
a.btn-index-orange:link, a.btn-index-orange:visited { color: #ffffff; }
a.btn-index-orange:hover { text-decoration: none; }
@media (min-width: 900px) { a.btn-index-orange:hover { opacity: 0.8; } }
.btn-index-purple { color: #ffffff; background-color: #444444; }
a.btn-index-purple { background-color: #444444; }
a.btn-index-purple:link, a.btn-index-purple:visited { color: #ffffff; }
a.btn-index-purple:hover { text-decoration: none; }
@media (min-width: 900px) { a.btn-index-purple:hover { opacity: 0.8; } }
.btn-index-gray { color: #ffffff; background-color: #4a4a4a; }
a.btn-index-gray { background-color: #4a4a4a; }
a.btn-index-gray:link, a.btn-index-gray:visited { color: #ffffff; }
@media (min-width: 900px) { a.btn-index-gray:hover { opacity: 0.8; } }
.btn-index-white { color: #111111; background-color: #ffffff; }
.btn-index-white:hover { color: #111111; }
@media (min-width: 900px) { .btn-index-white:hover { color: #4a4a4a; } }
a.btn-index-white { background-color: #ffffff; }
a.btn-index-white:link, a.btn-index-white:visited { color: #111111; }
a.btn-index-white:hover { color: #111111; }
@media (min-width: 900px) { a.btn-index-white:hover { color: #4a4a4a; } }
.btn-index-group .btn-index { 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-index-group .btn-index:first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
.btn-index-group .btn-index:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-right: none; }


/*.btn-aojoy*/
.header .header-main .header-main-inner .btns .btn-aojoy { width: 120px; margin: 0 22px 0 0; }
.header .header-main .header-main-inner .btns .btn-aojoy:last-child { margin: 0; }
.btn-aojoy { 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-aojoy::-moz-focus-inner { padding: 0; border: 0; }
.btn-aojoy.btn-aojoy-s { padding: 1.0em 1.0em; font-size: 1.2rem; border-radius: 3px; }
@media (min-width: 900px) { .btn-aojoy.btn-aojoy-s { font-size: 1.3rem; } }
.btn-aojoy-group { letter-spacing: -0.31em; *letter-spacing: normal; }
.btn-aojoy-group { word-spacing: -0.43em; }
.btn-aojoy-group .btn-aojoy { letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; }
.btn-aojoy-hidden { display: none; }
.btn-aojoy { 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-aojoy { font-size: 1.8rem; transition: all 0.3s linear; } }
@media (min-width: 900px) { .btn-aojoy:hover { opacity: 0.8; color: #ffffff; } }
.btn-aojoy.has-margin { margin: 1em; }
.btn-aojoy.btn-aojoy-l { padding: 1.4em 1.4em; }
a.btn-aojoy:link, a.btn-aojoy:visited { color: #ffffff; }
a.btn-aojoy-orange, a.btn-aojoy-selected { color: #ffffff; }
.btn-aojoy[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-aojoy.btn-aojoy-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-aojoy.btn-aojoy-disabled:hover, .btn-aojoy.btn-aojoy-disabled:focus, .btn-aojoy.btn-aojoy-disabled:active { border: none; background-image: none; /* csslint ignore:start */ /* csslint ignore:end */ cursor: not-allowed; box-shadow: none; pointer-events: none; }
.btn-aojoy-orange { color: #ffffff; background-color: #fca500; }
a.btn-aojoy-orange:link, a.btn-aojoy-orange:visited { color: #ffffff; }
a.btn-aojoy-orange:hover { text-decoration: none; }
@media (min-width: 900px) { a.btn-aojoy-orange:hover { opacity: 0.8; } }
.btn-aojoy-purple { color: #ffffff; background-color: #002059; }
a.btn-aojoy-purple { background-color: #002059; }
a.btn-aojoy-purple:link, a.btn-aojoy-purple:visited { color: #ffffff; }
a.btn-aojoy-purple:hover { text-decoration: none; }
@media (min-width: 900px) { a.btn-aojoy-purple:hover { opacity: 0.8; } }
.btn-aojoy-gray { color: #ffffff; background-color: #4a4a4a; }
a.btn-aojoy-gray { background-color: #4a4a4a; }
a.btn-aojoy-gray:link, a.btn-aojoy-gray:visited { color: #ffffff; }
@media (min-width: 900px) { a.btn-aojoy-gray:hover { opacity: 0.8; } }
.btn-aojoy-white { color: #111111; background-color: #ffffff; }
.btn-aojoy-white:hover { color: #111111; }
@media (min-width: 900px) { .btn-aojoy-white:hover { color: #4a4a4a; } }
a.btn-aojoy-white { background-color: #ffffff; }
a.btn-aojoy-white:link, a.btn-aojoy-white:visited { color: #111111; }
a.btn-aojoy-white:hover { color: #111111; }
@media (min-width: 900px) { a.btn-aojoy-white:hover { color: #4a4a4a; } }
.btn-aojoy-group .btn-aojoy { 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-aojoy-group .btn-aojoy:first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
.btn-aojoy-group .btn-aojoy:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-right: none; }

/*.btn-akajoy*/
.header .header-main .header-main-inner .btns .btn-akajoy { width: 120px; margin: 0 22px 0 0; }
.header .header-main .header-main-inner .btns .btn-akajoy:last-child { margin: 0; }
.btn-akajoy { 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-akajoy::-moz-focus-inner { padding: 0; border: 0; }
.btn-akajoy.btn-akajoy-s { padding: 1.0em 1.0em; font-size: 1.2rem; border-radius: 3px; }
@media (min-width: 900px) { .btn-akajoy.btn-akajoy-s { font-size: 1.3rem; } }
.btn-akajoy-group { letter-spacing: -0.31em; *letter-spacing: normal; }
.btn-akajoy-group { word-spacing: -0.43em; }
.btn-akajoy-group .btn-akajoy { letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; }
.btn-akajoy-hidden { display: none; }
.btn-akajoy { 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-akajoy { font-size: 1.8rem; transition: all 0.3s linear; } }
@media (min-width: 900px) { .btn-akajoy:hover { opacity: 0.8; color: #ffffff; } }
.btn-akajoy.has-margin { margin: 1em; }
.btn-akajoy.btn-akajoy-l { padding: 1.4em 1.4em; }
a.btn-akajoy:link, a.btn-akajoy:visited { color: #ffffff; }
a.btn-akajoy-orange, a.btn-akajoy-selected { color: #ffffff; }
.btn-akajoy[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-akajoy.btn-akajoy-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-akajoy.btn-akajoy-disabled:hover, .btn-akajoy.btn-akajoy-disabled:focus, .btn-akajoy.btn-akajoy-disabled:active { border: none; background-image: none; /* csslint ignore:start */ /* csslint ignore:end */ cursor: not-allowed; box-shadow: none; pointer-events: none; }
.btn-akajoy-orange { color: #ffffff; background-color: #fca500; }
a.btn-akajoy-orange:link, a.btn-akajoy-orange:visited { color: #ffffff; }
a.btn-akajoy-orange:hover { text-decoration: none; }
@media (min-width: 900px) { a.btn-akajoy-orange:hover { opacity: 0.8; } }
.btn-akajoy-purple { color: #ffffff; background-color: #c21632; }
a.btn-akajoy-purple { background-color: #c21632; }
a.btn-akajoy-purple:link, a.btn-akajoy-purple:visited { color: #ffffff; }
@media (min-width: 900px) { a.btn-akajoy-purple:hover { opacity: 0.8; } }
a.btn-akajoy-purple:hover { text-decoration: none; }
.btn-akajoy-gray { color: #ffffff; background-color: #4a4a4a; }
a.btn-akajoy-gray { background-color: #4a4a4a; }
a.btn-akajoy-gray:link, a.btn-akajoy-gray:visited { color: #ffffff; }
@media (min-width: 900px) { a.btn-akajoy-gray:hover { opacity: 0.8; } }
.btn-akajoy-white { color: #111111; background-color: #ffffff; }
.btn-akajoy-white:hover { color: #111111; }
@media (min-width: 900px) { .btn-akajoy-white:hover { color: #4a4a4a; } }
a.btn-akajoy-white { background-color: #ffffff; }
a.btn-akajoy-white:link, a.btn-akajoy-white:visited { color: #111111; }
a.btn-akajoy-white:hover { color: #111111; }
@media (min-width: 900px) { a.btn-akajoy-white:hover { color: #4a4a4a; } }
.btn-akajoy-group .btn-akajoy { 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-akajoy-group .btn-akajoy:first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
.btn-akajoy-group .btn-akajoy:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-right: none; }

/*.btn-yoga*/
.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; }
.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; }
a.btn-yoga-orange:hover { text-decoration: none; }
@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; }
a.btn-yoga-purple:hover { text-decoration: none; }
@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; }

/*.btn-joyplus*/
.header .header-main .header-main-inner .btns .btn-joyplus { width: 120px; margin: 0 22px 0 0; }
.header .header-main .header-main-inner .btns .btn-joyplus:last-child { margin: 0; }
.btn-joyplus { 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-joyplus::-moz-focus-inner { padding: 0; border: 0; }
.btn-joyplus.btn-joyplus-s { padding: 1.0em 1.0em; font-size: 1.2rem; border-radius: 3px; }
@media (min-width: 900px) { .btn-joyplus.btn-joyplus-s { font-size: 1.3rem; } }
.btn-joyplus-group { letter-spacing: -0.31em; *letter-spacing: normal; }
.btn-joyplus-group { word-spacing: -0.43em; }
.btn-joyplus-group .btn-joyplus { letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; }
.btn-joyplus-hidden { display: none; }
.btn-joyplus { 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-joyplus { font-size: 1.8rem; transition: all 0.3s linear; } }
@media (min-width: 900px) { .btn-joyplus:hover { opacity: 0.8; color: #ffffff; } }
.btn-joyplus.has-margin { margin: 1em; }
.btn-joyplus.btn-joyplus-l { padding: 1.4em 1.4em; }
a.btn-joyplus:link, a.btn-joyplus:visited { color: #ffffff; }
a.btn-joyplus-orange, a.btn-joyplus-selected { color: #ffffff; }
.btn-joyplus[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-joyplus.btn-joyplus-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-joyplus.btn-joyplus-disabled:hover, .btn-joyplus.btn-joyplus-disabled:focus, .btn-joyplus.btn-joyplus-disabled:active { border: none; background-image: none; /* csslint ignore:start */ /* csslint ignore:end */ cursor: not-allowed; box-shadow: none; pointer-events: none; }
.btn-joyplus-orange { color: #ffffff; background-color: #fca500; }
a.btn-joyplus-orange:link, a.btn-joyplus-orange:visited { color: #ffffff; }
a.btn-joyplus-orange:hover { text-decoration: none; }
@media (min-width: 900px) { a.btn-joyplus-orange:hover { opacity: 0.8; } }
.btn-joyplus-purple { color: #ffffff; background-color: #000000; }
a.btn-joyplus-purple { background-color: #000000; }
a.btn-joyplus-purple:link, a.btn-joyplus-purple:visited { color: #ffffff; }
a.btn-joyplus-purple:hover { text-decoration: none; }
@media (min-width: 900px) { a.btn-joyplus-purple:hover { opacity: 0.8; } }
.btn-joyplus-gray { color: #ffffff; background-color: #4a4a4a; }
a.btn-joyplus-gray { background-color: #4a4a4a; }
a.btn-joyplus-gray:link, a.btn-joyplus-gray:visited { color: #ffffff; }
@media (min-width: 900px) { a.btn-joyplus-gray:hover { opacity: 0.8; } }
.btn-joyplus-white { color: #111111; background-color: #ffffff; }
.btn-joyplus-white:hover { color: #111111; }
@media (min-width: 900px) { .btn-joyplus-white:hover { color: #4a4a4a; } }
a.btn-joyplus-white { background-color: #ffffff; }
a.btn-joyplus-white:link, a.btn-joyplus-white:visited { color: #111111; }
a.btn-joyplus-white:hover { color: #111111; }
@media (min-width: 900px) { a.btn-joyplus-white:hover { color: #4a4a4a; } }
.btn-joyplus-group .btn-joyplus { 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-joyplus-group .btn-joyplus:first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
.btn-joyplus-group .btn-joyplus:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-right: none; }

body.sub-menu-open .sub-menu-panel { height: 100vh; }
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); }
#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; }


/*
ヘッダー固定
*/
#header-main { position: static; top: 0; }
body.js__sroll--fixed #header-main { position: fixed; top: 0; }

/*店舗を探すのボタンカラー*/
.header_index .btn-index-purple { color: #ffffff; background-color: #444444;}
.header_aojoy .btn-aojoy-purple { color: #ffffff; background-color: #002059;}
.header_akajoy .btn-akajoy-purple { color: #ffffff; background-color: #c21632;}
.header_joyplus .btn-joyplus-purple { color: #ffffff; background-color: #000000;}
.header_index .btn-index-purple { color: #ffffff; background-color: #444444;}