@charset "UTF-8";

/*TOP*/
.home #content	{width:1020px;margin:0 auto;}
.home .eyecatch	{position:relative;width:1020px;height:300px;background:url(/img/akajoy/index/top_catch.jpg) 0 0 no-repeat;text-indent:-9999px;margin-bottom:14px;}
.home .eyecatch a	{display:block;}
.home .eyecatch p	{position:absolute;top: 235px;left: 47px;text-indent:0;}



/*ミスワールドバナー 20160725*/
.home .eyecatch div.commemoration_banner	{position: absolute;
    top: 161px;
    right: 316px;
    text-indent: 0;
    width: 232px;}
.home .eyecatch div.commemoration_banner p	{position: static; padding:0; margin:0;}
.home .eyecatch div.commemoration_banner p.coment	{position: static; font-size:11px; color:#fff;}
.home .eyecatch div.commemoration_banner p.coment a	{color:#fff;}
.home .eyecatch div.commemoration_banner a:hover	{ background-color:none;}

.home .eyecatch div.commemoration_banner p a.button	{ display:block; width: 232px; height:125px; background:url(/img/akajoy/commemoration/miss.png) 0 0 no-repeat;}
.home .eyecatch div.commemoration_banner p a.button:hover	{ background-position:0 -125px;}

/*100店舗記念バナー 20160226ここまで*/


.home .eyecatch .in_catch	{text-indent:0;float:right;padding: 10px 9px 0 20px;background:#ddd;height:290px;overflow-y: hidden;overflow-x: hidden;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000);
background-color: rgba(0, 0, 0, 0.5);text-align:left;}

.home .eyecatch .in_catch .scrollbox ul li	{width:244px;margin-bottom:4px;}

.home .eyecatch .in_catch .scrollbox{
	width: 268px;
	height: 280px;
	font-size:12px;
	overflow-y: hidden;
	overflow-x: hidden;
}


.home .box_banner ul li	{float:left;margin-right:13px;}
.home .box_banner	{margin-bottom:0px;margin-left: 123px;}

.home #top_map	{margin-bottom:20px;}
.home #tab	{position:relative;height:53px;border-bottom: 1px solid #ddd;margin-bottom: 10px;text-align:left;}
.home #tab ul li	{cursor:pointer;}
.home #tab .now{background-position:0 -53px !important;z-index:1000 !important;}

.home #tab ul li#tab01	{position:absolute;top:0;left:0px;text-indent:-9999px;background:url(/img/akajoy/index/top_maptab01.gif) 0 0 no-repeat;width:127px;height:53px;z-index:999;}
.home #tab ul li#tab01:hover	{}
.home #tab ul li#tab02	{position:absolute;top:0;left:118px;text-indent:-9999px;background:url(/img/akajoy/index/top_maptab04.gif) 0 0 no-repeat;width:127px;height:53px;z-index:998;}
.home #tab ul li#tab02:hover	{}
.home #tab ul li#tab03	{position:absolute;top:0;left:236px;text-indent:-9999px;background:url(/img/akajoy/index/top_maptab05.gif) 0 0 no-repeat;width:127px;height:53px;z-index:997;}
.home #tab ul li#tab03:hover	{}
.home #tab ul li#tab04	{position:absolute;top:0;left:354px;text-indent:-9999px;background:url(/img/akajoy/index/top_maptab06.gif) 0 0 no-repeat;width:127px;height:53px;z-index:996;}
.home #tab ul li#tab04:hover	{}
.home #tab ul li#tab05	{position:absolute;top:0;left:472px;text-indent:-9999px;background:url(/img/akajoy/index/top_maptab08.gif) 0 0 no-repeat;width:127px;height:53px;z-index:995;}
.home #tab ul li#tab05:hover	{}
.home #tab ul li#tab06	{position:absolute;top:0;left:590px;text-indent:-9999px;background:url(/img/akajoy/index/top_maptab09.gif) 0 0 no-repeat;width:127px;height:53px;z-index:994;}
.home #tab ul li#tab06:hover	{}
/*.home #tab ul li#tab07	{position:absolute;top:0;left:708px;text-indent:-9999px;background:url(/img/akajoy/index/top_maptab07.gif) 0 0 no-repeat;width:127px;height:53px;z-index:993;}
.home #tab ul li#tab07:hover	{}
.home #tab ul li#tab08	{position:absolute;top:0;left:826px;text-indent:-9999px;background:url(/img/akajoy/index/top_maptab08.gif) 0 0 no-repeat;width:127px;height:53px;z-index:992;}
.home #tab ul li#tab08:hover	{}*/
.home #tab ul li#tab09	{position:absolute;top:0;left:708px;text-indent:-9999px;background:url(/img/akajoy/index/top_maptab10.gif) 0 0 no-repeat;width:127px;height:53px;z-index:992;}
.home #tab ul li#tab09:hover	{}


.home #top_news_area	{width:1020px;margin:0 auto;text-align:left;margin-bottom:20px;}

.home #top_news_area h3	{padding-bottom:17px;margin-bottom:17px;border-bottom:1px solid #bdbdbd;}
.home #top_news_area .left	{width:670px;}

.home #top_news_area .right	{padding-top: 33px;}
/*.home #top_news_area .right ul li	{float:left;margin-left:12px;}*/
.home #top_news_area .right ul li	{margin-bottom:8px;}


.home #top_news_area .scrollbox	{height:153px;overflow-y: hidden;overflow-x: hidden;}
.home #top_news_area .scrollbox dl:first-child	{padding-top:0;}
.home #top_news_area .left dl	{clear:both;text-align: left;border-bottom:1px dashed #3a3a3a;padding: 10px 0;}
.home #top_news_area .left dl dt,.home #top_news_area .left dl dd	{float:left;font-size:92.6%;}
.home #top_news_area .left dl dt	{width: 80px;margin-right:10px;display:inline-block;}
.home #top_news_area .left dl dd	{width: 550px;display:inline-block;}

.home #top_news_area .left dl dd a	{text-decoration:none;display:inline-block;color:#000;}
.home #top_news_area .left dl dd a:hover	{text-decoration:underline;}

.home .bottom_banners 	{margin-bottom:20px;}
.home .bottom_banners ul li	{float:left;margin-right:42px;}
.home .bottom_banners ul li	.last	{margin-right:0;}




/*20150401*/
.home ul.bottom_banner_space	{margin-bottom:20px;}
.home ul.bottom_banner_space li	{float:left;margin-right:41px;}
/*20150401*/




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

.home ul.bottom_banner_space {
    margin-bottom: 40px;
}

.home #top_news_area {
    width: 1020px;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 40px;
}


/* ----------------------------------------- */

/* @media screen and (max-width: 768px) {
    #aka-contents { min-width: auto; }
} */

/* #aka-contents .section_wrap * { font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; } */

#aka-contents .slick-dots li button { width: 10px; height: 10px; }
#aka-contents .slick-dots li button:before { width: 10px; height: 10px; content: ""; background-color: #ddd; opacity: 1; }
#aka-contents .slick-dots li.slick-active button:before { opacity: 1; background-color: #c21632; }
#aka-contents .slick-dots li { width: 10px; height: 10px; }
#aka-contents .slick-dots li button { width: 10px; height: 10px; }
#aka-contents .slick-dots { bottom: -20px; }

.news_area { border: #c21632 solid 1px; display: flex; }
.news_title { display: flex; flex-direction: column; width: 240px; align-items: center; justify-content: center; background-color: #c21632; color: #fff; }
.news_title p { font-size: 20px; }
.news_title a { font-size: 14px; color: #fff; margin-top: 5px; }
.news_title a:after { content: ""; display: inline-block; width: 9px; height: 9px; border-top: #fff solid 2px; border-right: #fff solid 2px; transform: rotate(45deg); margin-left: .3em; }
.news_box-wrap { background: #fff; width: 80%; padding: 20px 30px; } 
.news_area {  }
.news_li a { display: flex; align-items: flex-start; text-align: left; padding: .25em 0; }
.news_area .date { padding: 0.25em 1em; }
.news_area .tag { width: 12em; padding: 0.25em 1em; text-align: center; margin-left: 1em; border-radius: 3px; background: #f3f3f3; }
.news_area .title { padding: 0.25em 1em; }
.news_area .btn__more { display: inline-block; padding: 1em 0; }
.news_area .news_li:nth-child(n + 3) { display: none; }
.news_area.js__on .news_li:nth-child(n + 3) { display: block; }

.section_wrap {font-size: 16px; }
.section_wrap *,.section_wrap *:before,.section_wrap *:after { box-sizing: border-box; }
.section_wrap h2, .section_wrap h3, .section_wrap h4 { font-weight: bold; }
.section_wrap .bg_pink { background-color: #fff5f6; }
.section_wrap .section_inner { max-width: 1240px; margin: auto; }
.section_wrap section { position: relative; }
.section_wrap section + section { margin-top: 40px; padding-top: 80px; }
.section_wrap section .ttl { text-align: left; }
.section_wrap section .ttl h2 { font-size: 55px; position: relative; display: flex; align-items: center;  }
.section_wrap section .ttl h2:before { content: ""; width: 100vw; height: 1px; display: block; background-color: #c21632; position: absolute; top: 50%; right: calc(100% + 20px); }
.section_wrap section .ttl h2 span { font-size: 25px; color: #c21632; display: inline-block; margin-left: 22px; position: relative; }
.section_wrap section .ttl h2 span:before { content: ""; width: 100vw; height: 1px; display: block; background-color: #c21632; position: absolute; top: 50%; left: calc(100% + 20px); }
.section_wrap section .ttl p { font-size: 20px; line-height: 1.5; font-weight: bold; margin-top: .8em; }
.section_wrap section .cont { margin-top: 50px; }
.section_wrap .btn_desc { width: 220px; height: 50px; display: flex; align-items: center; justify-content: center; margin: 40px auto 0; position: relative; border: #c21632 solid 1px; border-radius: 6px; box-shadow: 6px 6px 0 rgba(0, 0, 0, .1); }
.section_wrap .btn_desc:after { content: ""; display: block; width: 8px; height: 8px; border-top: #c21632 solid 2px; border-right: #c21632 solid 2px; position: absolute; top: 50%; right: 10px; transform: translate(-50%, -50%) rotate(45deg); }

.section_wrap .btm_bnr { max-width: 1020px; width: 82.25%; margin: 80px auto 0; }
.section_wrap .btm_bnr h3 { font-size: 20px; }
.section_wrap .btm_bnr a { display: block; margin-top: 17px; }

.section_wrap .box_list { display: flex; flex-wrap: wrap; margin-top: 60px; }
.section_wrap .box_list li { width: 32%; margin-left: 1.5%; border: #c21632 solid 1px; border-radius: 8px; box-shadow: 6px 6px 0 rgba(0, 0, 0, .1); padding-bottom: 20px; overflow: hidden; }
.section_wrap .box_list li:nth-of-type( 3n - 2 ) { margin-left: 0; }
.section_wrap .box_list li:nth-of-type( n + 4 ) { margin-top: 40px; }
.section_wrap .box_list li .thumb { margin-left: -30px; margin-right: -30px; }
.section_wrap .box_list li h3 { padding: 0; font-size: 20px; }
.section_wrap .box_list li .thumb + h3 {  }
.section_wrap .box_list li p { padding: 0 20px; margin-top: 18px; text-align: left; min-height: 8em; line-height: 1.625; }
.section_wrap .box_list li .details { margin: 0 20px; border-top: #c21632 solid 1px; padding-top: 1em; }
.section_wrap .box_list li .details span { position: relative; font-weight: bold; }
.section_wrap .box_list li .details span:after { content: ""; display: inline-block; width: 10px; height: 10px; border-top: #c21632 solid 2px; border-right: #c21632 solid 2px;transform: translateY(-1px) rotate(45deg); margin-left: 0.5em; }

#related .box_list li h3 { margin-top: 27px; }



/*
hero
*/
.hero { height: 36.1vw; }
.hero .slids_wrap { height: 100%; }
.hero .sl_slides { height: 100%; }
.hero .sl_slide a { height: 100%; display: block; }
.hero .slick-list { height: 100%; }
.hero .slick-track { height: 100%; }



/*
news
*/
.section_wrap section.news { padding-top: 0; }
.news_li .tag { padding-top: 0; font-size: 14px; }

/*
pickup
*/
.pickup { padding-top: 50px; padding-bottom: 78px; }
.pickup .sl_slide { width: 700px; text-align: left; margin-left: 25px; margin-right: 25px; }
.pickup .sl_slide .tag { margin-top: 10px; }
.pickup .sl_slide .tag span { background-color: #c21632; padding: .25em 1em; color: #fff; line-height: 1; font-weight: bold; }
.pickup .sl_slide p { margin-top: 10px; line-height: 1.625; }
.pickup .sl_slide .details { color: #00b1ff; }
@media screen and (max-width: 736px) {
    .pickup .sl_slide { width: 100%; }
}

/*
feature
*/
.feature {  }
.feature h3 { }
.feature .cont ul { display: flex; flex-wrap: wrap; justify-content: center; }
.feature .cont ul li { width: 31%; margin-left: 3.5%; }
.feature .cont ul li:nth-of-type(3n - 2) { margin-left: 0; }
.feature .cont ul li:nth-of-type(n + 4) { margin-top: 40px; }
.feature .cont ul li .thumb { width: 100%; }
.feature .cont ul li .thumb img { width: 100%; }
.feature .cont ul li h3 { font-size: 20px; margin-top: 1em; }
.feature .cont ul li p { font-size: 16px; margin-top: 0.76em; line-height: 1.625; }


/*
facility
*/
.facility {  }
.facility .cont .sl_slide_head { display: flex; justify-content: center; }
.facility .cont .sl_slide_head li { width: 12%; }
.facility .cont .sl_slide_head li + li { margin-left: .5%; }
.facility .cont .sl_slide_head li a { width: 100%; height: 48px; border: #c21632 solid 1px; border-radius: 3em; display: flex; align-items: center; justify-content: center; font-size: 14px; }
.facility .cont .sl_slide_head li.active a { pointer-events: none; background-color: #c21632; color: #fff; }
.facility .sl_slide_btm { margin-top: 40px; }
.facility .sl_slide_btm .sl_slides { display: none; }
.facility .sl_slide_btm .sl_slides.active { display: block; }
.facility .sl_slide_btm .sl_slides_ttl { background-color: #c21632; color: #fff; padding-top: 37px; padding-bottom: 37px; }
.facility .sl_slide_btm .sl_slides_ttl .section_inner{ display: flex; align-items: center; justify-content: center; }
.facility .sl_slide_btm .sl_slides_ttl h3 { font-size: 35px; text-align: center; }
.facility .sl_slide_btm .sl_slides_ttl h4 { font-size: 20px; }
.facility .sl_slide_btm .sl_slides_ttl p { font-size: 16px; margin-top: .6em; }
.facility .sl_slide_btm .sl_slide_ul {  }
.facility .sl_slide_btm .sl_slide_ul .slick-slide { position: relative; max-width: 480px; width: 33.33%; }
.facility .sl_slide_btm .sl_slide_ul .slick-slide img { width: 100%; }
.facility .sl_slide_btm .sl_slide_ul .slick-slide .desc { position: absolute; bottom: 0; right: 0; background-color: rgba(0, 0, 0, .6); padding: 10px 20px; color: #fff; font-weight: bold; }
.facility .sl_slide_btm .sl_slide_btm_annotation { padding-top: 2em; text-align: right; font-size: 14px; line-height: 1.6; }
.facility .btn_3d { margin-top: 60px; }
.facility .beginner { margin-top: 120px; border-left: #c21632 solid; border-right: #c21632 solid; position: relative; }
.facility .beginner:before { content: ""; width: 20px; height: 1px; display: block; background-color: #c21632; position: absolute; top: 0; left: 0; }
.facility .beginner:after { content: ""; width: 20px; height: 1px; display: block; background-color: #c21632; position: absolute; top: 0; right: 0; }
.facility .beginner_inner { padding: 0 70px; }
.facility .beginner_inner:before { content: ""; width: 20px; height: 1px; display: block; background-color: #c21632; position: absolute; bottom: 0; left: 0; }
.facility .beginner_inner:after { content: ""; width: 20px; height: 1px; display: block; background-color: #c21632; position: absolute; bottom: 0; right: 0; }
.facility .beginner h3 { font-size: 55px; }
.facility .beginner h3 span { font-size: 25px; color: #c21632; display: block; }
.facility .beginner h3 + p { font-size: 20px; }
.facility .beginner .beginner_cont { display: flex; text-align: left; margin-top: 85px; }
.facility .beginner .beginner_cont .beginner_cont_l { position: relative; width: 48%; padding-left: 20px; }
.facility .beginner .beginner_cont .beginner_cont_l .pic { position: relative; }
.facility .beginner .beginner_cont .beginner_cont_l .pic .icon { width: 29.5%; position: absolute; top: -45px; left: -20px; }
.facility .beginner .beginner_cont .beginner_cont_l .pic .icon img { width: 100%; }
.facility .beginner .beginner_cont .beginner_cont_r { margin-left: 50px; width: 50%; }
.facility .beginner .beginner_cont h4 { font-size: 35px; }
.facility .beginner .beginner_cont p { font-size: 16px; margin-top: 40px; }
.facility .beginner .beginner_cont small { display: block; margin-top: 40px; font-size: 12px; }


/*
service
*/
.service { padding-bottom: 78px; }
.service .cont { margin-top: 57px; }
.service .cont ul { text-align: left; display: flex; flex-wrap: wrap; justify-content: space-between; }
.service .cont ul li { width: 23.5%; margin-left: 2%; }
.service .cont ul li:nth-of-type( n - 4 ) { margin-left: 0; }
.service .cont ul li:nth-of-type( n + 5 ) { margin-top: 33px; }
.service .cont ul li a {  }
.service .cont ul li img {  }
.service .cont ul li p { font-size: 16px; height: 25px; font-weight: bold; padding-right: 1em; margin-top: 1em; background: url(/img/akajoy/index/arrow_right.svg) 100% 50% no-repeat; background-size: 25px; }

/*
join
*/
.join {  }
.join .ttl p small { font-size: 14px; display: block; font-weight: normal; margin-top: .3em; }
.join .cont {  }
.join .cont ul { display: flex; justify-content: space-between; }
.join .cont ul li { width: 33%; }
.join .cont ul li .img_wrap { height: 157px; width: 100%; display: flex; align-items: center; justify-content: center; }
.join .cont ul li p { font-size: 16px; }
.join .cont ul li h3 { font-size: 25px; }
.join .cont ul li + li { border-left: #ccc solid 1px; }

/*
column
*/
.column {  }

/*
related
*/
.related {  }
.related .box_list li p { min-height: 7em; }

/*
brand
*/
.brand { margin-bottom: 80px; }
.brand .cont {  }
.brand .cont ul { display: flex; flex-wrap: wrap; justify-content: center; }
.brand .cont ul li { width: 31%; margin-left: 3.5%; }
.brand .cont ul li:nth-of-type(1) { margin-left: 0; }
.brand .cont ul li p { font-weight: normal; }


#aka-contents .section_wrap .txt {
    width: auto;
}