@charset "utf-8";
@import "reset.css";

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

img { -ms-interpolation-mode: bicubic; }

/* 総合カテゴリcommon.css */

/* header
---------------------------------------- */

/* google カスタムサーチ */
/*.cse .gsc-control-cse,
.gsc-control-cse{
    padding:0 !important;
    position:relative !important;
    top:-5px !important;
}

.cse .gsc-control-wrapper-cse,
.gsc-control-wrapper-cse{
    width:170px !important;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2{
    padding:6px 8px !important;
    position:relative !important;
    top:-1px !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input{
    padding-right:5px !important;
}*/

a:hover {
	text-decoration: none;
}

/* global_nav */
#header .global_nav{
	padding: 15px 0;
	background: url(/img/index/index_bg_glovalnav.png) no-repeat 50% 3px;
}
#header .global_nav:after { content: ""; display: block; clear: both; }
#header .global_nav li{
	float: left;
	text-indent: -3000px;
	overflow: hidden;
}


#header .global_nav li a{
	display: block;
	height: 28px;
	line-height: 0;
}
#header .global_nav #nav01{ width: 130px;}
#header .global_nav #nav02{ width: 238px;}
#header .global_nav #nav03{ width: 133px;}
#header .global_nav #nav04{ width: 150px;}
#header .global_nav #nav05{ width: 160px;}
#header .global_nav #nav06{ width: 209px;}
#header .global_nav #nav01 a{ width: 130px; background: url(/img/index/index_nav_01_01.png) no-repeat 0 0; }
#header .global_nav #nav02 a{ width: 238px; background: url(/img/index/index_nav_01_01.png) no-repeat -130px 0; }
#header .global_nav #nav03 a{ width: 133px; background: url(/img/index/index_nav_01_01.png) no-repeat -368px 0; }
#header .global_nav #nav04 a{ width: 150px; background: url(/img/index/index_nav_01_01.png) no-repeat -501px 0; }
#header .global_nav #nav05 a{ width: 160px; background: url(/img/index/index_nav_01_01.png) no-repeat -651px 0; }
#header .global_nav #nav06 a{ width: 209px; background: url(/img/index/index_nav_01_01.png) no-repeat -811px 0; }
#header .global_nav .current#nav01 a,#header .global_nav #nav01 a:hover{ background: url(/img/index/index_nav_01_01.png) no-repeat 0 100%; }
#header .global_nav .current#nav02 a,#header .global_nav #nav02 a:hover{ background: url(/img/index/index_nav_01_01.png) no-repeat -130px 100%; }
#header .global_nav .current#nav03 a,#header .global_nav #nav03 a:hover{ background: url(/img/index/index_nav_01_01.png) no-repeat -368px 100%; }
#header .global_nav .current#nav04 a,#header .global_nav #nav04 a:hover{ background: url(/img/index/index_nav_01_01.png) no-repeat -501px 100%; }
#header .global_nav .current#nav05 a,#header .global_nav #nav05 a:hover{ background: url(/img/index/index_nav_01_01.png) no-repeat -651px 100%; }
#header .global_nav .current#nav06 a,#header .global_nav #nav06 a:hover{ background: url(/img/index/index_nav_01_01.png) no-repeat -811px 100%; }


/*===============================

共通ヘッダー

================================*/

#gheader { min-width: 1020px; }
#gheader .inner { width:1020px; margin: 0 auto; }
#gheader .gheader__top { display: table; padding-bottom: 24px; }
.gheader__top h1, #gheader .gheader__topNav { display: table-cell; line-height: 1; }
#gheader .gheader__top h1 { vertical-align: bottom; text-align: left; margin-bottom: 8px; }
#gheader .gheader__topNav { vertical-align: middle; }
#gheader .gheader__topNav--fst { display: flex; display: -webkit-flex; display: -ms-flexbox; justify-content: flex-end; -webkit-justify-content: flex-end; flex-wrap: wrap; margin-bottom: 8px; padding-top: 2px; }
#gheader .gheader__topNav--fst li { padding-left: 2px; }
#gheader .gheader__topNav--scd { display: table; float: right; margin-bottom: 8px; }
#gheader .gheader__topNav--scd li { padding-left: 15px; font-size: 12px; display: table-cell; vertical-align: middle; }
#gheader .gheader__topNav--scd a { color: #999; text-decoration: none; }
#gheader .gheader__topNav--scd a:hover { text-decoration: underline; }
#gheader .gheader__topNav--thd { display: table; float: right; }
#gheader .gheader__topNav--thd li { padding-left: 6px; display: table-cell; vertical-align: top; }
#gheader .gheader__globalNav {  }

/*カスタム検索結果*/
/*#gsc-i-id1:placeholder-shown {color: rgba(0,0,0,.4); font-size: 12px; }
#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; }
#___gcse_0 { float: left !important; border: 1px solid #ddd; padding: 9px 0; }
.cse .gsc-control-cse, .gsc-control-cse { background-color: transparent !important; }
.gsc-control-wrapper-cse { width: 147px !important; }
.gsc-search-button:first-child { position: absolute; top: -7px; right: 2px; border: none; background-color: #ddd; padding: 10px 10px 11px; }
.gsc-search-button:hover { opacity: 1; }
form.gsc-search-box { margin-bottom: 0 !important; }
.gsc-input-box { border: none !important; background: transparent !important; }
.gsib_a { padding: 0 !important; }
.gsc-input-box { border: none !important; background: transparent !important; }
.cse .gsc-control-cse, .gsc-control-cse { padding: 0 !important; position: relative !important; top: 0px !important; }
table.gsc-search-box { margin-bottom: 0 !important; }
td.gsc-input { width: 107px; float: left; }
.gsc-search-box-tools .gsc-search-box .gsc-input { padding-right: 0 !important; padding-top: 2px; }
input.gsc-input { font-size:11px !important; border: none; height: 18px !important; margin: 0 !important; background: inherit !important; text-indent: .5em !important; }
.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * { text-align: left; }*/


/*
	hrader-util-btns
--------------------------------*/
#header .hrader-util-btns { width: 180px; margin-left: auto; margin-right: 20px; }
#header .hrader-util-btns ul { width: 180px; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; }
#header .hrader-util-btns li {}
#header .hrader-util-btns a { font-size: 1.1rem; }

/*
	検索窓
--------------------------------*/

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

}

@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: 10px; width: 134px; }
#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: 0; 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: 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; }

}

input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {  }

#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: 13px;/*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-right: -20px;  margin-top: 7px; }
.gssb_c { z-index: 9999 !important;  }
.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: 18px; /*height: 18px !important;*/ margin: 0 !important; background: inherit !important; text-indent: .5em !important; font: 99% arial,helvetica,clean,sans-serif; height: 2.5em !important; }
input.gsc-input { width: 120%; padding: 0px; padding-top: 6px !important; }
td.gsc-search-button { position: absolute; top: 5px; 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; }

/*.search-pc { width: inherit; }*/
.header .header-util .util-sub .util-sub-right { width: inherit; }

/*店舗下層ページ用*/
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus { height: 1.6em !important; }
input.gsc-input { padding-top: 0 !important; }
.gsc-search-button:first-child { top: 0; }
#gsc-i-id1 { font-size: 14px; }
.gscb_a { line-height: 1; }
.gsst_b { margin-top: 3px; }


.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 { 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: 505px; } }
.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: 56px;}
.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: 300px; 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; 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; box-sizing: border-box; }
@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; }

/*ie11*/
@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {

	#header-main {
		-webkit-backface-visibility:hidden;
		backface-visibility:hidden;
		transform: translate3d(0,0,0);
	}

	.ao-tab {
		-webkit-backface-visibility:hidden;
		backface-visibility:hidden;
		transform: translate3d(0,0,0);
	}

	.header .header-main .header-main-inner .btns a { padding-top: 1.3em; }
	.header .header-main .header-main-inner .btns .btn-akajoy { padding: 1.2em 0; }
	.index-intro_bottom > div a { padding: 26px 0 18px !important; }
	.index-intro_list li h4 { padding: 13px 0 6px !important; }

}

/*
	共通ヘッダー : 各ページ設定
================================*/

/* sougou */
.body-sougou .typeSougou { display: none; }
.body-sougou #gheader .gheader__globalNav {}
header.header.header_index .header-main .header-main-inner h1 { font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif; }


/* aojoy */
.body-aojoy .typeAojoy { display: none; }
.body-aojoy #gheader .gheader__globalNav {}


/* akajoy */
.body-akajoy .typeAkajoy { display: none; }
.body-akajoy #gheader .gheader__globalNav {}


/* yoga */
.body-yoga .typeYoga { display: none; }
.body-yoga #gheader .gheader__globalNav {}


/* joyplus */
body.body-joyplus { font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; line-height: normal; }
.body-joyplus #gheader .typeJoyplus { display: none; }

.body-joyplus #gheader .importantNews { border-radius: 4px; overflow: hidden; margin-bottom: 20px; }
.body-joyplus #gheader .importantNews table{ width: 100%; }
.body-joyplus #gheader .importantNews th, .body-joyplus #gheader .importantNews td { padding: .7em 1em; vertical-align: top; }
.body-joyplus #gheader .importantNews th { background: #666; color: #fff; width: 150px; text-align: center; line-height: normal; }
.body-joyplus #gheader .importantNews td { background: #f3f3f3; text-align: left; line-height: normal; }
.body-joyplus #gheader .importantNews li + li { border-top: #ddd solid 1px; padding-top: .7em; margin-top: .7em; }
.body-joyplus #gheader .importantNews a { text-decoration: none; color: #000; transition: .25s ease-out; position: relative; display: block; line-height: normal; }
.body-joyplus #gheader .importantNews a:hover { /*text-decoration: underline;*/ opacity: .5; }
.body-joyplus #gheader .importantNews .importantNews__date { position: absolute; width:9em; }
.body-joyplus #gheader .importantNews .importantNews__text { margin-left: 9em; display: block; }

/*.body-joyplus #gheader .gheader__globalNav { background: #e8e8e8; padding: 34px 0 0 0 ;}
.body-joyplus #gheader .gheader__globalNav ul { display: flex; display: -webkit-flex; justify-content: flex-end; -webkit-justify-content: flex-end; flex-wrap: wrap; box-sizing: border-box; border-left: #fff solid 1px; overflow: hidden; }
.body-joyplus #gheader .gheader__globalNav li { width: 33.3%; height: 50px; box-sizing: border-box; border-right: #fff solid 1px; }
.body-joyplus #gheader .gheader__globalNav a { display: block; height: 50px; transition: .5s ease-out; position: relative; }
.body-joyplus #gheader .gheader__globalNav a img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.body-joyplus #gheader .gheader__globalNav a img:hover { background: none; }
.body-joyplus #gheader .gheader__globalNav a span { text-indent: -9999em; }
.body-joyplus #gheader .gheader__globalNav li:nth-child(1) a:hover, .body-joyplus #gheader .gheader__globalNav li:nth-child(1) a.active { background: #949494; }
.body-joyplus #gheader .gheader__globalNav li:nth-child(2) a:hover, .body-joyplus #gheader .gheader__globalNav li:nth-child(2) a.active { background: #c3d72b; }
.body-joyplus #gheader .gheader__globalNav li:nth-child(3) a:hover, .body-joyplus #gheader .gheader__globalNav li:nth-child(3) a.active { background: #00a4cc; }
.body-joyplus #gheader .gheader__globalNav li:nth-child(4) a:hover, .body-joyplus #gheader .gheader__globalNav li:nth-child(4) a.active { background: #fe6280; }
*/

.body-joyplus .gheader__globalNav {/* background: #e8e8e8;*/ padding:0 0 0 0 ;}
.body-joyplus .gheader__globalNav.sub { background: #e8e8e8; padding:0 0 0 0 ; position: relative; z-index: 1; }
.body-joyplus .gheader__globalNav ul { display: flex; display: -webkit-flex; justify-content: flex-end; -webkit-justify-content: flex-end; flex-wrap: wrap; box-sizing: border-box; border-left: #fff solid 1px; overflow: hidden;background: #e8e8e8; }
.body-joyplus .gheader__globalNav li { width: 33.3%; height: 50px; box-sizing: border-box; border-right: #fff solid 1px; }
.body-joyplus .gheader__globalNav a { display: block; height: 50px; transition: .5s ease-out; position: relative; }
.body-joyplus .gheader__globalNav a img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.body-joyplus .gheader__globalNav a img:hover { background: none; }
.body-joyplus .gheader__globalNav a span { text-indent: -9999em; }
.body-joyplus .gheader__globalNav li:nth-child(1) a:hover, .body-joyplus .gheader__globalNav li:nth-child(1) a.active { background: #c3d72b; }
.body-joyplus .gheader__globalNav li:nth-child(2) a:hover, .body-joyplus .gheader__globalNav li:nth-child(2) a.active { background: #00a4cc; }
.body-joyplus .gheader__globalNav li:nth-child(3) a:hover, .body-joyplus .gheader__globalNav li:nth-child(3) a.active { background: #fe6280; }


.body-joyplus .gheader__news { width: 1020px; margin: 1px auto; overflow: hidden; }
.body-joyplus .gheader__newsBtn { display: block; background: #e8e8e8; color: #000; transition: .25s ease-out; line-height: normal; font-size: 14px; }
.body-joyplus .gheader__newsBtn:after { content: "";clear: both; display: block; width: 100%; }
.body-joyplus .gheader__newsBtn img { width: 100%;display: block; }
.body-joyplus .gheader__newsBtn span { width: 255px; display: inline-block; text-align: center; background: #000; color: #fff;padding: 10px 0; margin-right: 1em; }
/*.body-joyplus .gheader__newsBtn span:after { width: 8px; height: 8px; border-top: #fff solid 1px; border-right: #fff solid 1px; content: ""; display: block; transform: rotate(45deg) translateY(-65%); position: absolute; top: 50%;right: -12px; }
*/
.body-joyplus .gheader__newsBtn:hover { opacity: .6; }

.body-joyplus #panBox { width: 1020px; margin: 0 auto; padding: 20px 0; text-align: left;}
.body-joyplus #panBox li {display: inline-block; font-size: 12px;}
.body-joyplus #panBox li:after {content:"　＞　";}
.body-joyplus #panBox li:last-child:after {content:"";}
.body-joyplus #panBox li a {font-size: 12px;}

.body-joyplus #banner { width: 1020px; margin: 0 auto; } /* 2020-03-03 kato */
.body-joyplus #banner .important_news_area { display: -webkit-flex; display: flex; }
.body-joyplus .important_news_title { width: 22%; text-align: center; background-color: #000;color: #fff; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 21px 14px; } /* 2020-03-03 kato */
.body-joyplus .important_news_title p { color: #fff !important; font-size: 15px; }
.body-joyplus .important_news_box { width: 78%; background-color: #fff; box-sizing: border-box; border: 1px solid #000; padding: 1% 2%; text-align: left; } /* 2020-03-03 kato */
.body-joyplus .important_news_area { margin: 30px 0; font-weight: normal; /* text-decoration: underline; */ }
.body-joyplus .important_news_message { font-weight: normal; /* text-decoration: underline; */ }



/*日中英ボタン用css変更*/

.inheader_ab_right {
    position: absolute;
    top: 0;
    right: 0;
    background: #000;
    color: #fff;
    padding: 3px 16px 4px 17px;
	font: 13px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
    font-size: 96%;
}

.inheader_ab_right ul li {
    float: left;
    margin-left: 16px;
}

.inheader_ab_right ul li.current a {
	text-decoration:underline;
}
.inheader_ab_right ul li:first-child {
    margin-left: 0;
}
.inheader_ab_right ul li a {
	color:#fff;
}

#header .inner {
    padding: 34px 0 0px !important;
}

.inquiry_search .google_custom_search {
    float: right;
    width: 172px;
    height: 32px;
}

#header .global_nav {
    padding: 12px 0;
}




/*
  設備紹介 アイコン
--------------------------------*/
.shop_equipment_option {
  font-weight: bold;
  width: 100%;
  margin: 35px auto 10px;
  text-align: left;
  font-size: 18px;
}
.shop_equipment_block {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.shop_equipment_block li {
  width: 87px;
    height: 87px;
    float: left;
    margin: 0px 13px 13px 0;
    border-radius: 5px;
    overflow: hidden;
}

/*.shop_equipment_block li:nth-child(4n) {
  margin-right: 0;
}*/

body.body-aojoy .shop_equipment_block li { background: #002059; }
body.body-akajoy .shop_equipment_block li { background: #c21632; }
body.body-yoga .shop_equipment_block li { background: #007880; }
body.body-joyplus .shop_equipment_block li { background: #000; }

body.body-aojoy .shop_equipment_option { color: #000; }
body.body-akajoy .shop_equipment_option { color: #000; }
body.body-yoga .shop_equipment_option { color: #000; }
body.body-joyplus .shop_equipment_option { color: #000; }


/*
  お知らせ
--------------------------------*/

.shop_text_notice_wrap { margin-bottom: 100px; max-height: 300px; overflow: auto; }
.shop_text_notice_wrap li { text-align: left; font-size: 14px; line-height: 1.57; }





/* footer
============================================================================== */

#footer .footer_2nd{
  background: #041c5c;
}
#footer .footer_2nd .inner{
  width: 1020px;
  margin: 0 auto;
  padding: 5px 0 30px;
}
#footer .footer_2nd .nav_group{
  margin: 25px 0 0;
}
#footer .footer_2nd .nav_group:after { content: ""; display: block; clear: both; }
#footer .footer_2nd .nav_group ul{
  float: left;
  padding: 0 40px 0 0;
}
#footer .footer_2nd a{
  color: #fff;
  font-size: 88%;
}

/* フッターナビ */
#footer .footer_nav{
  padding: 10px 0;
  background: #002346;
}
#footer .footer_nav .inner{
  width: 1010px;
  margin: 0 auto;
  padding: 0 0 0 10px;
  border-left: 1px solid #fff;
  color: #fff;
  font-size: 12px;
}
#footer .footer_nav .inner:after { content: ""; display: block; clear: both; }
#footer .footer_nav .nav{
  float: left;
  width: 600px;
}
#footer .footer_nav .nav:after { content: ""; display: block; clear: both; }
#footer .footer_nav .nav li{
  display: inline-block;
  padding: 0 10px 0 0;
  border-right: 1px solid #fff;
}
#footer .footer_nav .nav li a{
  color: #fff;
}
#footer .footer_nav .copyright{
  float: right;
  width: 400px;
  text-align: right;
}




/*===============================

共通フッター

================================*/
/* sougou */
.body-sougou #footer .footer_2nd { background: #5a5a5a; }
.body-sougou #footer .footer_nav { background: #1a1a1a; }


/* aojoy */
.body-aojoy #footer .footer_2nd { background: #041c5c; }
.body-aojoy #footer .footer_nav { background: #002346; }


/* akajoy */
.body-akajoy #footer .footer_2nd { background: #880000; }
.body-akajoy #footer .footer_nav { background: #880000; }


/* yoga */
.body-yoga #footer .footer_2nd { background: #049098; }
.body-yoga #footer .footer_nav { background: #049098; }


/* joyplus */
.body-joyplus #footer .footer_2nd { background: #000; }
.body-joyplus #footer .footer_nav { background: #000; }


/*
  共通フッター : 各ページ設定
================================*/
/*
.footer { padding-bottom: 14px; min-width: 1020px; }
.footer a { color: #fff; text-decoration: none; font-size: 88%; }
.footer a:hover { text-decoration: underline; }
.footer .in_footer  {width:1110px;margin:0 auto;text-align:left;padding-top:26px; overflow: hidden; }
.footer .in_footer a  {color:#fff;}
.footer .in_footer a:link {text-decoration:none;}
.footer .in_footer a:hover  {text-decoration:none;}

.in_footer div  {}
.in_footer div ul li  {background:url(/img/aojoy/common/sitemap_allow.gif) 0 3px no-repeat;padding-left:10px;font-size:78.4%;}
.in_footer div ul li:first-child  {background-image:none;padding-left:0px;}

.in_footer div.first  {clear:both;margin-right:60px;}
.in_footer div.first ul {float:left;margin-right: 50px;margin-bottom:30px;}
.in_footer div.first > ul:last-child {margin-right:0;}

.in_footer div.second {clear:both;}
.in_footer div.second ul  {float:left;margin-right: 46px;margin-bottom:30px;}
.in_footer div.second > ul:last-child {margin-right:0;}

.in_footer div.third  {clear:both;}
.in_footer div.third ul {float:left;margin-right: 50px;margin-bottom:30px;}
.in_footer div.third > ul:last-child {margin-right:0;}


.footer_bottom table  {}
.footer_bottom table   th {padding-right:20px;}
*/


.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; }
.bottom_body dl dd.ddwrap ul li.aka { border-left:12px solid #c21632 !important; }
.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; }

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

#copy { font-size:85.5%; text-align:right; color:#fff; }
.most_bottom { width:1020px; margin:0 auto; text-align:left; padding-top:26px; }
.most_bottom ul { float:left; margin-right: 8px; font-size:85.5%; line-height: 1; padding-right: 8px; border-right: 1px solid #fff; }
.most_bottom ul.last { border:none; }
.most_bottom a { color:#fff; }
.most_bottom a:link { text-decoration:none; }
.most_bottom a:hover { text-decoration:underline; }

.content { min-width: 1020px; }


/*index*/
.bg-index {background-color: #5a5a5a;}

.footer.joyplus { border-bottom: 12px solid #000; }
.bg-kuro {background-color: #000;}

/* aojoy */
.footer.aojoy{ border-bottom: 12px solid #041c5c; }
.bg-ao {background-color: #041c5c;}

/* akajoy */
.footer.akajoy{  border-bottom: 12px solid #c21632;}
.bg-aka {background-color: #c21632;}

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


/* joyplus */
.body-joyplus #blackFooterIn p {float: left; margin: 0 50px 0 0; font-size: 16px; color: #fff;}
.body-joyplus #blackFooter{/*background:#000000;*/padding: 20px 0 60px 0; }
.body-joyplus #blackFooterIn {width: 1020px;margin: 0 auto;text-align: left;overflow: hidden; }
.body-joyplus #blackFooterIn img{float: left;margin: 0 50px 0 0; }
.body-joyplus #blackFooterIn #footerShopLink{/*width: 500px;*/float: left; }
.body-joyplus #blackFooter ul{margin: 0; }
.body-joyplus #blackFooter li{display:inline-block;margin: 0 20px 0 0;font-size: 14px; }
.body-joyplus #blackFooter li:nth-child(3n) { margin-right: 0 }
.body-joyplus #blackFooter li a{color:#000;text-decoration: none; }
.body-joyplus #blackFooter li a:hover{text-decoration: none; }
.body-joyplus .most_bottom li{margin: 0 !important; }
.body-joyplus .footer .in_footer  {/*width:1020px;margin:0 auto;text-align:left;padding-top:26px;*/}
.body-joyplus .footer .in_footer a  {color:#fff;}
.body-joyplus .footer .in_footer a:link {text-decoration:none;}
.body-joyplus .footer .in_footer a:hover  {text-decoration:none;}
.body-joyplus .in_footer div {clear:both;}
.body-joyplus .in_footer div ul {float:left;margin-right: 46px;margin-bottom:30px;}
.body-joyplus .footer_wrap {border-top: 1px solid #666;}
.body-joyplus .in_footer a { font-size: 10.976px; }

#footerShopLink li a { position: relative; }
#footerShopLink li a:after { position: absolute; top: 50%; right: 0; transform: translateY(-50%); }

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


@media (min-width: 900px){
.col-lg-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
}}

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

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

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

.card-texts a {
    display: block;
}

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

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

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



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

@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 .border-white {border: 1px solid #fff; box-sizing: border-box;}

img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}
@media (min-width: 900px){
.col-lg-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}}

.card-texts a {
    display: block;
}

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

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

@media (min-width: 514px){
.btn-pagetop-wrapper {
    padding: 22px 0 23px 0;
    border-bottom: 1px solid #FFF;
}}


@media (min-width: 514px){
.btn-pagetop-wrapper a {
    padding: 0;
    font-size: 1.4rem;
}}
.btn-pagetop-wrapper a {
    color: #fff;
    transition: opacity 0.3s linear !important;
    font-size: 1.2rem;
}


.card-texts a {
    display: block;
    text-align: center;
}

@media (min-width: 900px){
.col-lg-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}}


.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) { .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: 321px) { 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(../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; }

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

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

–––––––––––––––––––––––––––––––––––––––––––––––––– */
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; } }

/* Wordpress admin bar 重複対策
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.footer-ribbon { margin-bottom: 30px; }

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

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

@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: left; padding: 0px 0 28px 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; text-decoration: none;} }

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

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

.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; text-decoration: none;/*font-weight: 100;*/}

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

#footer-facilities .tenpoichiran { border-bottom: 1px solid #880000; 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; }

#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 #880000; }

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

#footer_shop_list_wrap .link-list-wrapper { padding-left: 15px; padding-right: 15px; max-height: 1110px; width: 100%; }
@media (max-width: 1080px) {
	#footer-facilities.aojoy .bottom_body .footer_bottom_wrap { width: 100%; max-width: 1020px; }
	#footer-facilities.aojoy .footer_bottom { width: 100%; max-width: 1020px; box-sizing: border-box; }
}

body.body-joyplus #footer-ribbon .card-texts { padding-top: 0; }
body.body-joyplus .footer .in_footer { 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; }

.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;/*font-weight: 100;*/text-decoration: none; } }

.link-list-wrapper { overflow: hidden; /*border-top: 1px solid #fff;*/  padding: 40px 30px 20px; width: 1110px; margin: 0  auto;}


body.home .link-list-wrapper { width: auto; max-width: 1110px; }


/*
	横長バナー
--------------------------------*/
.banner_area { overflow: hidden; margin: 25px auto 45px; }
.banner_area h3 { font-size: 22px; margin-bottom: 25px; line-height: 1; font-weight: bold; }
.banners_campaign_area { margin-bottom: 45px; }
.banners_campaign_area ul {}
.banners_campaign_area li {}
.banners_campaign_area li + li { margin-top: 10px; }
.banners_campaign_area a {}

.banners_pickup_area { margin-bottom: 45px; }
.banners_pickup_area ul {}
.banners_pickup_area li {}
.banners_pickup_area li + li { margin-top: 10px; }
.banners_pickup_area a {}

.banners_other_area { width: 1020px; margin: 0 auto 60px; }
.banners_other_area ul { text-align: center; }
.banners_other_area li { display: inline-block; margin: 0 10px; }
.banners_other_area li + li {  }
.banners_other_area a {}


.banner_bottom_area { width: 100%; overflow: hidden; margin-bottom: 45px; }
.banners_yoyaku_area {}
.banners_yoyaku_area ul { width: 100%; margin: 0 auto; overflow: hidden; }
.banners_yoyaku_area li { width: 330px; float: left; margin: 0 15px 15px 0; }
.banners_yoyaku_area li:nth-child(3n) { margin-right: 0; }
.banners_yoyaku_area a { /*background: #000; color: #fff;*/ }

#map_area_btn,
.banner_btn{
	width: 100%;
	height: 60px;
	border-radius: 5px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content:center;
	font-size:16px;
	text-align:center;
	margin: 0 auto;
	box-sizing: border-box;
	line-height: 1.2;
}

#map_area_btn:after,
.banner_btn:after {
	content: "";
	width: 8px;
	height: 8px;
	display: block;
	position: absolute;
	top: 50%;
	right: 14.19px;
	border-top: #fff solid 2px;
	border-right: #fff solid 2px;
	-webkit-transform: rotate(45deg) translate(-50%);
	transform: rotate(45deg) translate(-50%);
}

body.body-aojoy #map_area_btn{
background: #002059;
color: #FFF;
margin: 30px 0 20px 0;
margin: 30px 0 20px 0;
padding: 24px 0;
border-radius: 8px;
width: 210px;
text-align: center;
text-indent:-15px;
}

body.body-akajoy #map_area_btn{
background: #c21632;
color: #FFF;
margin: 30px 0 20px 0;
margin: 30px 0 20px 0;
padding: 24px 0;
border-radius: 8px;
width: 210px;
text-align: center;
text-indent:-15px;
}

body.body-yoga #map_area_btn{
background: #007880;
color: #FFF;
margin: 30px 0 20px 0;
margin: 30px 0 20px 0;
padding: 24px 0;
border-radius: 8px;
width: 210px;
text-align: center;
text-indent:-15px;
}

body.body-joyplus #map_area_btn{
background: #000;
color: #FFF;
margin: 30px 0 20px 0;
margin: 30px 0 20px 0;
padding: 24px 0;
border-radius: 8px;
width: 210px;
text-align: center;
text-indent:-15px;

}


.shop_detail_block1_left_btn01{
	margin: 17px auto 25.5px auto;
}
.shop_detail_block1_left_btn01 a{
	color: #FFF;
}


body.body-aojoy .shop_detail_block1_left_btn01{
    background: #002059;
}
body.body-akajoy .shop_detail_block1_left_btn01{
    background: #c21632;
}
body.body-yoga .shop_detail_block1_left_btn01{
    background: #007880;
}
body.body-joyplus .shop_detail_block1_left_btn01{
    background: #000000;
}

.banner_btn:before{
	right: 14.19px;
	display: block;
	position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
}

body.body-aojoy .scheduleBoxL .banner_btn:before{
  content:url(/img/common/pdf_ao.svg);
  width: 21px;
  left: 18px;
}

body.body-akajoy .scheduleBoxL .banner_btn:before{
  content:url(/img/common/pdf_aka.svg);
  width: 21px;
  left: 18px;
}

body.body-yoga .scheduleBoxL .banner_btn:before{
  content:url(/img/common/pdf_yoga.svg);
  width: 21px;
  left: 18px;
}

body.body-joyplus .scheduleBoxL .banner_btn:before{
  content:url(/img/common/pdf_joyplus.svg);
  width: 21px;
  left: 18px;
}


body.body-aojoy .banner_btn{
	color: #002059;
	border: solid 2px #002059;
}
body.body-akajoy .banner_btn{
	color: #c21632;
	border: solid 2px #c21632;
}
body.body-yoga .banner_btn{
	color: #007880;
	border: solid 2px #007880;
}
body.body-joyplus .banner_btn{
	color: #000000;
	border: solid 2px #000000;
}

body.body-aojoy .banner_btn:after{
	border-top: #002059 solid 2px;
	border-right: #002059 solid 2px;
}
body.body-akajoy .banner_btn:after{
	border-top: #c21632 solid 2px;
	border-right: #c21632 solid 2px;
}
body.body-yoga .banner_btn:after{
	border-top: #007880 solid 2px;
	border-right: #007880 solid 2px;
}
body.body-joyplus .banner_btn:after{
	border-top: #000000 solid 2px;
	border-right: #000000 solid 2px;
}

.scheduleBoxL .banner_btn,
.scheduleBoxR .banner_btn { width: 330px; margin: 0; }


body.body-akajoy .banner_type_personaltrainingbtn:before,
body.body-akajoy .banner_type_mashcyclebtn_464_122:before,
body.body-akajoy .banner_type_issho_btn_464_122:before,
body.body-akajoy .banner_type_btn:before,
body.body-akajoy .banner_type_aka_yoga_program:before,
body.body-akajoy .banner_type_ao_yoga_program:before,
body.body-akajoy .banner_type_midori_yoga_program:before,
body.body-akajoy .banner_type_holiday_program:before,
body.body-akajoy .banner_type_event_program:before,
body.body-akajoy .banner_type_davinciboardbtn:before,
body.body-akajoy .banner_type_holiday01:before,
body.body-akajoy .banner_type_newyear02:before,
body.body-akajoy .banner_type_bioexercise:before{
  content:url(/img/common/banner_icon_calendar_aka.svg);
  width: 30px;
}

body.body-akajoy .banner_type_tenpo_btn:before,
body.body-akajoy .banner_type_tenpo_btn_2:before,
body.body-akajoy .banner_type_tenpo_btn_3:before,
body.body-akajoy .banner_type_short_swim_prg:before,
body.body-akajoy .banner_type_obihiro_swimmingschool:before,
body.body-akajoy .banner_type_kaatsu:before,
body.body-akajoy .banner_type_kaatsu02:before,
body.body-akajoy .banner_type_emstraining:before,
body.body-akajoy .banner_type_ems_mypage:before,
body.body-akajoy .banner_type_ems_trial:before{
  content:url(/img/common/banner_icon_note_aka.svg);
  width: 30px;
}


body.body-aojoy .banner_type_personaltrainingbtn:before,
body.body-aojoy .banner_type_mashcyclebtn_464_122:before,
body.body-aojoy .banner_type_issho_btn_464_122:before,
body.body-aojoy .banner_type_btn:before,
body.body-aojoy .banner_type_aka_yoga_program:before,
body.body-aojoy .banner_type_ao_yoga_program:before,
body.body-aojoy .banner_type_midori_yoga_program:before,
body.body-aojoy .banner_type_holiday_program:before,
body.body-aojoy .banner_type_event_program:before,
body.body-aojoy .banner_type_davinciboardbtn:before,
body.body-aojoy .banner_type_holiday01:before,
body.body-aojoy .banner_type_newyear02:before,
body.body-aojoy .banner_type_bioexercise:before{
  content:url(/img/common/banner_icon_calendar_ao.svg);
  width: 30px;
}

body.body-aojoy .banner_type_tenpo_btn:before,
body.body-aojoy .banner_type_tenpo_btn_2:before,
body.body-aojoy .banner_type_tenpo_btn_3:before,
body.body-aojoy .banner_type_short_swim_prg:before,
body.body-aojoy .banner_type_obihiro_swimmingschool:before,
body.body-aojoy .banner_type_kaatsu:before,
body.body-aojoy .banner_type_kaatsu02:before,
body.body-aojoy .banner_type_emstraining:before,
body.body-aojoy .banner_type_ems_mypage:before,
body.body-aojoy .banner_type_ems_trial:before{
  content:url(/img/common/banner_icon_note_ao.svg);
  width: 30px;
}


body.body-yoga .banner_type_personaltrainingbtn:before,
body.body-yoga .banner_type_mashcyclebtn_464_122:before,
body.body-yoga .banner_type_issho_btn_464_122:before,
body.body-yoga .banner_type_btn:before,
body.body-yoga .banner_type_aka_yoga_program:before,
body.body-yoga .banner_type_ao_yoga_program:before,
body.body-yoga .banner_type_midori_yoga_program:before,
body.body-yoga .banner_type_holiday_program:before,
body.body-yoga .banner_type_event_program:before,
body.body-yoga .banner_type_davinciboardbtn:before,
body.body-yoga .banner_type_holiday01:before,
body.body-yoga .banner_type_newyear02:before,
body.body-yoga .banner_type_bioexercise:before{
  content:url(/img/common/banner_icon_calendar_yoga.svg);
  width: 30px;
}

body.body-yoga .banner_type_tenpo_btn:before,
body.body-yoga .banner_type_tenpo_btn_2:before,
body.body-yoga .banner_type_tenpo_btn_3:before,
body.body-yoga .banner_type_short_swim_prg:before,
body.body-yoga .banner_type_obihiro_swimmingschool:before,
body.body-yoga .banner_type_kaatsu:before,
body.body-yoga .banner_type_kaatsu02:before,
body.body-yoga .banner_type_emstraining:before,
body.body-yoga .banner_type_ems_mypage:before,
body.body-yoga .banner_type_ems_trial:before{
  content:url(/img/common/banner_icon_note_yoga.svg);
  width: 30px;
}


body.body-joyplus .banner_type_personaltrainingbtn:before,
body.body-joyplus .banner_type_mashcyclebtn_464_122:before,
body.body-joyplus .banner_type_issho_btn_464_122:before,
body.body-joyplus .banner_type_btn:before,
body.body-joyplus .banner_type_aka_yoga_program:before,
body.body-joyplus .banner_type_ao_yoga_program:before,
body.body-joyplus .banner_type_midori_yoga_program:before,
body.body-joyplus .banner_type_holiday_program:before,
body.body-joyplus .banner_type_event_program:before,
body.body-joyplus .banner_type_davinciboardbtn:before,
body.body-joyplus .banner_type_holiday01:before,
body.body-joyplus .banner_type_newyear02:before,
body.body-joyplus .banner_type_bioexercise:before{
  content:url(/img/common/banner_icon_calendar_joyplus.svg);
  width: 30px;
}

body.body-joyplus .banner_type_tenpo_btn:before,
body.body-joyplus .banner_type_tenpo_btn_2:before,
body.body-joyplus .banner_type_tenpo_btn_3:before,
body.body-joyplus .banner_type_short_swim_prg:before,
body.body-joyplus .banner_type_obihiro_swimmingschool:before,
body.body-joyplus .banner_type_kaatsu:before,
body.body-joyplus .banner_type_kaatsu02:before,
body.body-joyplus .banner_type_emstraining:before,
body.body-joyplus .banner_type_ems_mypage:before,
body.body-joyplus .banner_type_ems_trial:before{
  content:url(/img/common/banner_icon_note_joyplus.svg);
  width: 30px;
}


/*
	movie
--------------------------------*/
.movie_main_title { margin-bottom: 25px; font-size: 22px; font-weight: bold; line-height: 1; }
.movie_area a.movie_btn {
	color: #fff;
}
.movie_area a + a {
	margin-top: 10px;
}

.body-aojoy .movie_area a { background: #002059; }
.body-akajoy .movie_area a { background: #c21632; }
.body-yoga .movie_area a { background: #017F86; }
.body-joyplus .movie_area a { background: #000; }

.movie_area a:after{
  border-top: #FFF solid 2px !important;
  border-right: #FFF solid 2px !important;
}


/*
	docodemojoy_wrap
--------------------------------*/
#docodemojoy_wrap { position: relative; margin-bottom: 100px; }
.docodemojoy-inner { z-index: 100; max-width: 1020px; margin: 0 auto; position: relative; }
.docodemojoy-inner img { width: 100%; }
.docodemojoy01 { width: 60%; height: 150px; position: absolute; top: -23px; right: 0; background: #c5112d; }
.docodemojoy02 { width: 60%; height: 150px; position: absolute; top: -44px; left: 0; background: #1f2a5d; }
.docodemojoy03 { width: 60%; height: 150px; position: absolute; top: 162px; left: 0; background: #007880; }
.docodemojoy04 { width: 60%; height: 150px; position: absolute; top: 147px; right: 0; background: #000; }


/*
	qrList
--------------------------------*/
#qrList td:nth-child(even) { padding-left: 20px; }



/*ie11*/
@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {

body.body-aojoy .header .header-util .util-sub { width: 280px; }
body.body-akajoy .header .header-util .util-sub { width: 280px; }
.contBlock h2, .contBlock_over h2, .box h2 { line-height: 1.2; }
body.body-joyplus .banner_area h3 { line-height: 1.4; margin-bottom: 16px; }
#map_area_btn { padding: 24px 0 22px; }
body.body-joyplus #map_area_btn { padding: 17px 0 14px; }
/*body.body-joyplus #map_area_btn::after { transform: translateY(-3px); }*/
.contBlock h3, .contBlock_over h3 { padding: 7px 15px 5px; }
/*.banner_btn { padding-top: 3px; }*/
body.body-akajoy .banner_btn { padding-top: 0; }
body.body-yoga .banner_btn { padding-top: 0; }
/*body.body-joyplus .banner_btn { padding-top: 6px; }
*/.box .leftBox .contBlock_over .txt { padding: 22px 30px 20px 0px; }
#blackFooter li a { padding: 22px 0 20px; }
/*#blackFooter li a::after { transform: translateY(4px); }*/
body.body-joyplus .box .leftBox .contBlock_over .txt::after { transform: translateY(-2px); }
body.body-joyplus .header .header-util .util-sub { width: 280px; }
body.body-joyplus #map_area_btn:after{top: 49% !important;}
body.body-joyplus .banner_btn:after { top: 47% !important;}




}



/*ipad*/

@media (min-width: 770px) { 

  .row.has-sp-nm {
     margin: 0 10px !important;
}

.footer ul.list-footer {
    text-align: left;
    padding: 0px 0 28px 20px !important;
}

.footer .copyright {
    padding: 0px 22px 20px 0 !important;
    text-align: left;
}

}