@charset "utf-8";
/* 総合TOP用CSS */

a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	background: #fff;
}

/* header
============================================================================== */
#header{
	margin: 0 0 68px;
	/*background: url(/cn/img/index/index_bg_mainvisual.jpg) no-repeat 50% 85px;*/
}
#header .inner{
	position: relative;
	width: 1020px;
	/*height: 565px;*/
	margin: 0 auto;
	padding: 22px 0 0px;
}
#header .title{
	margin: 0 0 0px;
}
#header .title:after { content: ""; display: block; clear: both; }
#header .title .tit{
	float: left;
	width:476px;
}
#header .title .tit p{
	padding: 8px 0 12px;
}
#header .title .extra{
	float: right;
	width:528px;
}
#header .title .extra .inquiry_search{
	margin: 0 0 1px auto;
}
#header .title .extra .inquiry_search:after { content: ""; display: block; clear: both; }
#header .title .extra .inquiry_search .inquiry{
	float: left;
	width:350px;
	padding: 5px 0 0;
	line-height: 1;
	font-size: 95%;
}

#header .title .extra .inquiry_search .google_custom_search{
	float: right;
	width: 232px;
}

#header .title .extra .web_signup{
	width: 200px;
	margin: 0 0 0 auto;
}
#header .title .extra .web_signup a{
	display: block;
	width: 200px;
	height: 34px;
}



/* メインビジュアルエリア */

#hero { width: 1030px; margin: 0 auto; display: -webkit-flex;
display: flex;  }
#hero .slider_wrap { width: 820px; margin: 0 auto; }
#hero .slider_wrap ul { width: 820px; }
#hero .slider_wrap li { width: 100%; }
#hero .slider_wrap li img { width: 100%; }
#hero .sidenav { width: 210px; background-color: #e8e8e8; }
#hero .sidenav ul { width: 190px; margin: 12px auto 0; }
#hero .sidenav li { width: 100%; }
#hero .sidenav li + li { margin-top: 10px; }
#hero .sidenav li img { width: 100%; }

#hero .slider_wrap .bx-pager {
	display: inline-block !important;
	position: absolute;
	left: 10px;
	bottom: 0;
	width: auto;
	background: #fff;
	border-radius: 7px 7px 0 0;
	padding: 10px 10px 6px;
	/*box-shadow: 3px 2px 2px #555;*/
}
#hero .slider_wrap .bx-wrapper .bx-pager.bx-default-pager a {
    background: #cacaca;
	opacity: 1.0;
}
#hero .slider_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover, #hero .slider_wrap .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #060606;
	opacity: 1.0;
}

#header .emblem{
	position: absolute;
	top: 194px;
	right: 8px;
	width: 193px;
	height: 190px;
}

#header .mainvisual .point{
	width: 890px;
/*	margin: 290px auto 1px;*/
	margin: 0 auto;
	position:relative;
}
#header .mainvisual .point dl {padding:8px 0 10px 0;}
#header .mainvisual .point dt{
	/*position:absolute;*/
	top:-74px;
	left:160px;
	text-align: center;
}
#header .mainvisual .point dd { transform: translateY(-12px); }
#header .mainvisual .point dd:after { content: ""; display: block; clear: both; }
#header .mainvisual .point dd li{
	float: left;
	margin: 0;
	padding:0 10px 0 10px;
}

#header .mainvisual .point dd li.list1{
	
}

#header .mainvisual .point dd li.list2{
	
}

#header .mainvisual .point dd li.list3{
	
}

#header .mainvisual .point dd li.list4{
	
}

#header .mainvisual .point dd li.list5{
	
}

#header .mainvisual .point dd li.list6{
	
}

#header .mainvisual .point dd li.list7{
	
}


#header .mainvisual .point dd li.first{
	padding-left: 0;
}

#header .mainvisual .banner{
	margin-bottom:0px;	
}

#header .mainvisual .banner:after { content: ""; display: block; clear: both; }
#header .mainvisual .banner li{
	float: left;
	width: 192px;
	padding:5px 0 0 15px;
	    text-align: left;
}
/*#header .mainvisual .banner li a:hover{
	display: block;
	background: url(/cn/img/index/index_bg_06_mvbanner.png) no-repeat;
}
*/
#header .mainvisual .banner li.first{
	padding-left: 0;
}
#header .mainvisual .banner li.zenkoku,
#header .mainvisual .banner li.shops{
	    padding-top: 24px;
}

/* GoogleMAP エリア
============================================================================== */
#googlemap{
	margin: 0 0 40px;
}
#googlemap .map_header{
	width: 1020px;
	margin: 0 auto 10px;
}
#googlemap .map_header .tit{
	margin: 0 0 10px;
}
#googlemap .map_header .map_nav:after { content: ""; display: block; clear: both; }
#googlemap .map_header .map_nav li{
	float: left;
	width: 99px;
	height: 28px;
	margin: 0;
	padding: 0 0 0 4px;
	overflow: hidden;
}
#googlemap .map_header .map_nav li.first{
	padding-left: 0;
}
#googlemap .map_header .map_nav li a{
	display: block;
	width: 99px;
	height: 28px;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
}
#googlemap .map_header .map_nav li#tab_map01 a{ background: url(/cn/img/index/index_nav_03.png) no-repeat 0 0; }
#googlemap .map_header .map_nav li#tab_map02 a{ background: url(/cn/img/index/index_nav_03.png) no-repeat -103px 0; }
#googlemap .map_header .map_nav li#tab_map03 a{ background: url(/cn/img/index/index_nav_03.png) no-repeat -206px 0; }
#googlemap .map_header .map_nav li#tab_map04 a{ background: url(/cn/img/index/index_nav_03.png) no-repeat -309px 0; }
#googlemap .map_header .map_nav li#tab_map05 a{ background: url(/cn/img/index/index_nav_03.png) no-repeat -412px 0; }
#googlemap .map_header .map_nav li#tab_map06 a{ background: url(/cn/img/index/index_nav_03.png) no-repeat -515px 0; }
#googlemap .map_header .map_nav li#tab_map07 a{ background: url(/cn/img/index/index_nav_03.png) no-repeat -618px 0; }
#googlemap .map_header .map_nav li#tab_map08 a{ background: url(/cn/img/index/index_nav_03.png) no-repeat -721px 0; }
/*20151013*/
#googlemap .map_header .map_nav li#tab_map09 a{ background: url(/cn/img/index/index_nav_03.png) no-repeat -825px 0; }

#googlemap .map_header .map_nav li.current#tab_map01 a,#googlemap .map_header .map_nav li#tab_map01 a:hover{ background: url(/cn/img/index/index_nav_03.png) no-repeat 0 100%; }
#googlemap .map_header .map_nav li.current#tab_map02 a,#googlemap .map_header .map_nav li#tab_map02 a:hover{ background: url(/cn/img/index/index_nav_03.png) no-repeat -103px 100%; }
#googlemap .map_header .map_nav li.current#tab_map03 a,#googlemap .map_header .map_nav li#tab_map03 a:hover{ background: url(/cn/img/index/index_nav_03.png) no-repeat -206px 100%; }
#googlemap .map_header .map_nav li.current#tab_map04 a,#googlemap .map_header .map_nav li#tab_map04 a:hover{ background: url(/cn/img/index/index_nav_03.png) no-repeat -309px 100%; }
#googlemap .map_header .map_nav li.current#tab_map05 a,#googlemap .map_header .map_nav li#tab_map05 a:hover{ background: url(/cn/img/index/index_nav_03.png) no-repeat -412px 100%; }
#googlemap .map_header .map_nav li.current#tab_map06 a,#googlemap .map_header .map_nav li#tab_map06 a:hover{ background: url(/cn/img/index/index_nav_03.png) no-repeat -515px 100%; }
#googlemap .map_header .map_nav li.current#tab_map07 a,#googlemap .map_header .map_nav li#tab_map07 a:hover{ background: url(/cn/img/index/index_nav_03.png) no-repeat -618px 100%; }
#googlemap .map_header .map_nav li.current#tab_map08 a,#googlemap .map_header .map_nav li#tab_map08 a:hover{ background: url(/cn/img/index/index_nav_03.png) no-repeat -721px 100%; }
/*20151013*/
#googlemap .map_header .map_nav li.current#tab_map09 a,#googlemap .map_header .map_nav li#tab_map09 a:hover{ background: url(/cn/img/index/index_nav_03.png) no-repeat -825px 100%; }

#googlemap .map_tab{
	width: 1020px;
	margin: 0 auto;
}



/* ショップインフォメーション
============================================================================== */
#about{
	margin: 0 0 40px;
	background: url(/cn/img/index/index_bg_line.png) no-repeat 50% 230px;
}
#about .inner{
	width: 1020px;
	margin: 0 auto;
}
#about .inner:after { content: ""; display: block; clear: both; }
#about .merit{
	float: left;
	width: 546px;
	margin: 10px 0 30px;
}
#about .merit:after { content: ""; display: block; clear: both; }
#about .merit .tit{
	margin: 0 0 10px;
}
#about .merit .merit_point{

}
#about .merit .merit_point:after { content: ""; display: block; clear: both; }
#about .merit .merit_point li{
	float: left;
	width: 128px;
	padding: 0 0 0 11px;
}
#about .merit .merit_point li.first{
	padding-left: 0;
}
#about .shop_map{
	float: right;
	width: 457px;
	margin: 0 0 20px;
}
#about .AED{
	clear: both;
	width: 582px;
	margin: 0 auto 40px;
}

#about .open_information{
	width: 1020px;
	margin: 0 auto 40px;
}
#about .open_information .tit{
	margin: 0 auto 20px;
	padding: 0 0 10px;
	border-bottom: 1px solid #999;
}
#about .open_information .banner_joyfit,
#about .open_information .banner_gym24h{
	margin: 0 0 20px;
}
#about .open_information .banner_joyfit dt,
#about .open_information .banner_gym24h dt{
	margin: 0 auto 10px;
}
#about .open_information .banner_joyfit dd,
#about .open_information .banner_gym24h dd{
	margin: 0 auto 10px;
}
#about .open_information .banner_joyfit dd:after,
#about .open_information .banner_gym24h dd:after{ content: ""; display: block; clear: both; }
#about .open_information .banner_joyfit dd .banner li,
#about .open_information .banner_gym24h dd .banner li{
	float: left;
	width: 247px;
	padding: 0 0 0 10px;
}
#about .open_information .banner_joyfit dd .banner li.first,
#about .open_information .banner_gym24h dd .banner li.first{
	padding-left: 0;
}
#about .open_information .bx-controls-direction .bx-prev{
	top: 38%;
	left: -50px;
	width: 45px;
	height: 45px;
	background: url(/cn/img/index/index_btn_02_01.png) no-repeat 0 0;
}
#about .open_information .bx-controls-direction .bx-next{
	top: 38%;
	right: -50px;
	width: 45px;
	height: 45px;
	background: url(/cn/img/index/index_btn_02_02.png) no-repeat 0 0;
}

#about .campaign_and_information{
	width: 1020px;
	margin: 0 auto 40px;
}
#about .campaign_and_information:after { content: ""; display: block; clear: both; }
#about .campaign_and_information .tit{
	padding: 0 0 10px;
	border-bottom: 1px solid #999;
}
#about .campaign_and_information .campaign{
	float: left;
	width: 480px;
}
#about .campaign_and_information .information{
	float: right;
	width: 480px;
}
#about .campaign_and_information .data{
	height: 149px;
	overflow: scroll;
}
#about .campaign_and_information .data li{
	padding: 10px 0;
	border-bottom: 1px dotted #999;
}
#about .campaign_and_information .data li dt{
	margin: 0 0 3px;
}
#about .campaign_and_information .data li dt a{
	color: #162f7a;
}






/* 店舗別紹介
============================================================================== */

/* 店舗タイトル部分 */
#block_joyfit{
	background: url(/cn/img/index/index_bg_03_block_joyfit.momg) no-repeat 50% 56px;
}
#block_joyfit .tit{
	padding: 12px 0 0;
	background: url(/cn/img/index/index_bg_01_block_joyfit.png) repeat-x;
}
#block_joyfit .tit .inner{
	width: 1020px;
	height: 62px;
	margin: 0 auto;
	background: url(/cn/img/index/index_etc_01_01.png) no-repeat 110px 100%;
}
#block_gym24h{
	background: url(/cn/img/index/index_bg_04_block_gym24h.jpg) no-repeat 50% 56px;
}
#block_gym24h .tit{
	padding: 10px 0 0;
	background: url(/cn/img/index/index_bg_02_block_gym24h.png) repeat-x;
}
#block_gym24h .tit .inner{
	width: 1020px;
	height: 58px;
	margin: 0 auto;
	background: url(/cn/img/index/index_etc_01_02.png) no-repeat 110px 100%;
}
#block_yoga{
	background: url(/cn/img/index/index_bg_04_block_yoga.jpg) no-repeat 50% 56px;
}
#block_yoga .tit{
	padding: 10px 0 0;
	background: url(/cn/img/index/index_bg_02_block_yoga.png) repeat-x;
}
#block_yoga .tit .inner{
	width: 1020px;
	height: 55px;
	margin: 0 auto;
	background: url(/cn/img/index/index_etc_01_03.png) no-repeat 110px 100%;
}


/* 店舗共通パーツ */
.shop_about{
	margin: 0 0 40px;
}
.shop_about .shop_content{
	width: 1020px;
	margin: 20px auto;
}
.shop_about .shop_content .sales_point{ margin: 0 0 20px; }
.shop_about .shop_content .sales_point:after { content: ""; display: block; clear: both; }
.shop_about .shop_content .sales_point li{
	float: left;
	width: 290px;
	padding: 0 0 0 75px;
}
.shop_about .shop_content .sales_point li.first{
	padding-left: 0;
}
.shop_about .shop_content .sales_point li .inner{
	background: #fff;
}
.shop_about .shop_content .sales_point li .txt{
	padding: 10px;
}
.shop_about .shop_content .sales_point li .txt dt{
	margin: 0 0 10px;
	font-size: 125%;
	font-weight: bold;
	color: #1f2c5c;
}
.shop_about#block_gym24h .shop_content .sales_point li .txt dt{
	color: #c21632;
}
.shop_about .shop_content .sales_point li .txt dd{
	line-height: 1.5;
}

.shop_about .shop_content .shop_foot{}
.shop_about .shop_content .shop_foot:after { content: ""; display: block; clear: both; }
.shop_about .shop_content .shop_foot .movie{
	float: left;
	width: 432px;
}
.shop_about .shop_content .shop_foot .movie:after { content: ""; display: block; clear: both; }
.shop_about .shop_content .shop_foot .movie li{
	float: left;
	width: 196px;
	padding: 0 20px 0 0;
}
.shop_about .shop_content .shop_foot .movie li .movie_frame{
	margin: 0 0 10px;
}
.shop_about .shop_content .shop_foot .movie li .btn li a{
	display: block;
	padding: 7px 0 5px 35px;
	background: url(/cn/img/index/index_ico_01_01.png) no-repeat 0 50%;
	color: #1f2c5c;
	font-weight: bold;
	font-size: 15px;
}
.shop_about#block_gym24h .shop_content .shop_foot .movie li .btn li a{
	background: url(/cn/img/index/index_ico_01_02.png) no-repeat 0 50%;
	color: #c21632;
}
.shop_about .shop_content .shop_foot .shop_nav{
	float: right;
	width: 592px;
}
.shop_about .shop_content .shop_foot .shop_nav .go_shop_site{
	float: left;
	width: 292px;
}
.shop_about .shop_content .shop_foot .shop_nav .yoyaku{
	float: right;
	width: 292px;
}
.shop_about#block_gym24h .shop_content .shop_foot .shop_nav .go_shop_signup li{
	float: left;
	width: 90px;
	padding: 0 0 0 5px;
}
.shop_about#block_gym24h .shop_content .shop_foot .shop_nav .go_shop_signup li.first{
	width: 100px;
	padding-left: 0;
}

#about .merit .merit_ttl01{
	margin:10px 0 20px;
}



.shop_about#block_yoga .shop_content .sales_point li .txt dt{
	color: #007f86;
}
.shop_about#block_yoga .shop_content .shop_foot .shop_nav .go_shop_signup li{
	float: left;
	width: 90px;
	padding: 0 0 0 5px;
}
.shop_about#block_yoga .shop_content .shop_foot .shop_nav .go_shop_signup li.first{
	width: 100px;
	padding-left: 0;
}

/* フッター
============================================================================== */

/* フッターバナー */
#footer .banner{
	width: 1020px;
	margin: 0 auto 20px;
}
#footer .banner:after { content: ""; display: block; clear: both; }
#footer .banner li{
	float: left;
	width: 237px;
	padding: 0 0 0 24px;
}
#footer .banner li.first{
	padding-left: 0;
}





/* facebook 20160524
============================================================================== */

.footer_facebook {width:1020px; margin:0 auto; margin-bottom:40px; background:url(/cn/img/index/joyfit_facebook_timeline_bg.jpg) no-repeat left center;}
.footer_facebook .timeline {width:500px; height:300px; margin:0 auto;}

.head_banner .facebook_banner { float:right; margin-right:10px;}
.head_banner .web_signup { float:right;}

#footer .banner {
    width: 1020px;
    margin: 0 auto 40px;
}




.home .banner ul {text-align:center;}
.home .banner ul li {display:inline-block;float:none !important;}


#header .title .extra {
    float: right;
    width:460px;
}
#header .title .extra .inquiry_search .inquiry {
	float: left;
    width: 220px;
    padding: 5px 0 0;
    line-height: 1;
    font-size: 95%;}










/* 相互利用をどこでもJOYに変更 20171227
============================================================================== */

#about{
	background: none;
}

#about .merit .tit{
	margin: 0;
}

#about .merit .txt{
	margin-top: 17px;
}

#about .merit{
	width: 1020px;
	background: url(/cn/img/index/index_mutual_map.png) right 74px no-repeat;
}

#about .merit .merit_txt {
	margin: 30px 0 20px;
}

#about .merit p:last-child {
	font-size: 12px;
	line-height: 1.5;
	margin-top: 12px;
}