@charset "utf-8";
/* CSS Document */



#contents_area .inner {
    max-width: 1100px;
}





/* 体育館アイコン */
.contents_area .access_gym {
	margin-top: -4%;
	padding-top: 7%;
}

.access_gym li {
    /*float: none;*/
}
.annotation_list, .square_list {
    padding-top: .5em;
}
.square_list_item {
    padding-left: 1em;
    text-indent: -1em;
    font-size: 1.6rem;
    line-height: 1.3;
    margin-bottom: .5em;
}
.square_list_item:before {
    content: "\025a0";
}

@media screen and (min-width: 768px) {
    
	/* PC */
	.access_gym a:hover img{
		filter: alpha(opacity=100);
		opacity: 1;
		-moz-opacity: 1;
	}
}

@media screen and (max-width: 960px) {
    
	.bg_line > .inner {
		padding-left: 0;
		padding-right: 0;
	}
	
	.contents_area .access_gym .inner {
        padding: 0 2%;
	}
	
	.gym_list {
		width: 100%;
	}
	
	.slick-disabled{
		transition: 0.5s
	}
	#contents_area .slick-disabled{
		opacity: 0;
		cursor: default;
	}
}
@media screen and (max-width: 768px) {
    
    .contents_area .access_gym {
        padding: 0 0 10px;
        margin-top: 0;
    }
    .contents_area .gym_list {
        padding-bottom: 10px;
    }
    
}





/* 白枠 */
.wrap_white {
	padding: 50px 8% 0;
	margin-bottom: 5rem;
}
.wrap_white.bd{
	border-width: 5px;
}
.wrap_white .btn_shadow{
	margin-bottom: 6.5rem;
}



.wrap_white .main_slide_img{
	margin: 0 auto 1.5rem;
	/* width: 800px; */
	width: 86.2%;
}

.wrap_white .img{
	position: relative;
	width: 100%;
}
.wrap_white .img img,
.wrap_white .img span{	
	position: absolute;
}
/* 白枠内メイン画像 */
.wrap_white .main_slide_img .slide_item .img{
	padding-bottom: 60%;
}
/* 白枠内サブ画像 */
/*.wrap_white .img_list .slide_item .img{
	padding-bottom: 65%;
}*/

.building_photo {
    width: 100%;
    max-width: 680px;
    margin: 0 auto 40px;
    position: relative;
}

.facility_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.facility_list_item {
    width: 48%;
    max-width: 420px;
    margin-bottom: 20px;
}
.facility_image {
    position: relative;
    margin-bottom: 10px;
}
.facility_photo {
    width: 100%;
}
.facility_info {
    padding-bottom: 30px;
}
.building_photo_caption,
.facility_photo_caption {
    position: absolute;
    font-weight: bold !important;
	right: 0;
	bottom: 5px;
	padding: 0.5rem 2rem;
	font-size: 1.8rem;
	color: #fff;
    background-color: #ff7378;
	border-radius: 1rem 0 0 1rem;
}
.facility_photo_caption.pos_ex {
    left: 0;
    right: auto;
    border-radius: 0 1rem 1rem 0;
}

.wrap_white .img span{
    font-weight: bold;
	right: 0;
	bottom: 5px;
	padding: 0.5rem 2rem;
	font-size: 1.8rem;
	color: #fff;
	border-radius: 1rem 0 0 1rem;
}


.main_slide_img .slick-list{
	padding-top: 0;
}
.main_slide_img .slick-prev{
	left: -5rem;
}
.main_slide_img .slick-next{
	right: -5rem;
}


@media screen and (max-width: 960px) {
	.wrap_white {
		border-radius:0;
		border-right-style: none;
		border-left-style: none;
	}
	.wrap_white .main_slide_img{
		width: 100%;
	}
	
	.main_slide_img .slick-prev{
		left: -2rem;
	}
	.main_slide_img .slick-next{
		right: -2rem;
	}
    .building_photo_caption,
    .facility_photo_caption {
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 768px) {
    
	.wrap_white{
		padding: 30px 6%;
	}
	.wrap_white .main_slide_img{
		margin-bottom: 5%;
	}
	
	.wrap_white .slick-prev{
		left: -3vw;
	}
	.wrap_white  .slick-next {
		right: -3vw;
	}
    
    .facility_list {
        display: block;
    }
    .facility_list_item {
        width: 100%;
        max-width: none;
    }
    .facility_image {
        width: 100%;
        max-width: 380px;
        margin: 0 auto 10px;
    }
    
	
	.wrap_white .btn_shadow{
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
    
    .wrap_white {
        padding: 20px 6%;
    }
    .facility_photo_caption {
        font-size: 1.4rem;
    }
}










/* 各体育館　色 */
.sports_center .building_photo_caption,
.sports_center .facility_photo_caption {
	background-color: #ff7378;
}
.chuoh .building_photo_caption,
.chuoh .facility_photo_caption {
	background-color: #ca87c7;
}
.chuoh_02 .building_photo_caption,
.chuoh_02 .facility_photo_caption {
	background-color: #58b5f8;
}
.kitashukugawa .building_photo_caption,
.kitashukugawa .facility_photo_caption {
	background-color: #c69c6d;
}
.ryutsuhigashi .building_photo_caption,
.ryutsuhigashi .facility_photo_caption {
	background-color: #fb8300;
}
.shiose .building_photo_caption,
.shiose .facility_photo_caption {
	background-color: #85d44d;
}



@media screen and (min-width: 768px) {
	/* PC */
	.sports_center .slick-prev:hover,
	.sports_center .slick-next:hover{
		background-color: #ff7378;
	}
	.chuoh .slick-prev:hover,
	.chuoh .slick-next:hover{
		background-color: #ca87c7;
	}
	.chuoh_02 .slick-prev:hover,
	.chuoh_02 .slick-next:hover{
		background-color: #58b5f8;
	}
	.kitashukugawa .slick-prev:hover,
	.kitashukugawa .slick-next:hover{
		background-color: #c69c6d;
	}
	.ryutsuhigashi .slick-prev:hover,
	.ryutsuhigashi .slick-next:hover{
		background-color: #fb8300;
	}
	.shiose .slick-prev:hover,
	.shiose .slick-next:hover{
		background-color: #85d44d;
	}
	
}










.gym_info {
    font-size: 1.6rem;
}
.gym_info * {
    font-weight: normal;
}
.gym_title {
    line-height: 1;
    padding: .8em;
    margin-bottom: 1em;
}
.gym_info h4.bd{
	margin-bottom: 1em;
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
	border-bottom-width: 5px;
	font-size: 4rem;
    font-weight: bold;
}

/*.gym_info .img_list .slide_item{
	float: left;
	margin-bottom: 2rem;
	width: 47.5%;
}*/
.gym_info .img_list .slide_item:nth-of-type(2n){
	float: right;
}
.annotation_list_item {
    font-size: 1.5rem;
    line-height: 1.3;
    margin-bottom: .5em;
    padding-left: 1em;
    text-indent: -1em;
}
.annotation_list_item:before {
    content: "\0203b";
}

.facility_name {
    font-weight: bold;
    width: 100%;
    font-size: 2rem;
}
.facility_name:before {
    content: "\0ff1c";
}
.facility_name:after {
    content: "\0ff1e";
}
.facility_detail {
    font-size: 2rem;
}
.usage_fee {
    line-height: 1.4;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: .3em;
}
.supplement {
    display: inline-block;
    font-size: .8em;
    /*margin: 0 .5em;*/
}
.gym_info.main_gym_info dt:last-of-type,
.gym_info.main_gym_info dd:last-of-type{
	margin-bottom: 0;
}
.access_list_item {
    line-height: 1.3;
    margin-bottom: .5em;
	padding-left: 1em;
	text-indent: -1em;
}
.access_list_item:before{
	content: "\030fb";
}
.gym_info.main_gym_info dl dd ul li .dib{
	text-indent: 0;
}

.gym_info_item {
    justify-content: flex-start;
    padding-bottom: .8em;
    margin-bottom: .8em;
}
.gym_info_item:not(:last-child) {
    border-bottom: 1px dotted #BBB;
}
.gym_info_item dt {
    font-weight: bold;
    width: 150px;
}
.gym_info_item dd {
    width: calc(100% - 150px);
}
/*.gym_info_item dt:before {
    content: "\0ff1c";
}
.gym_info_item dt:after {
    content: "\0ff1e";
}*/


@media screen and (max-width: 960px) {
    
    .gym_info h4.bd {
        font-size: 3rem;
        border-width: 3px;
    }
	.gym_info {
		width: 100%;
	}
    .wrap_white .gym_title {
        font-size: 2.5rem;
    }
    .facility_name {
        font-size: 1.8rem;
    }
    .facility_detail {
        font-size: 1.8rem;
    }
    
}
@media screen and (max-width: 768px) {
    
    .gym_info_item {
        display: block;
        font-size: 1.6rem;
    }
    .gym_info_item dt {
        font-size: 1.8rem;
        width: 100%;
    }
    .gym_info_item dd {
        width: 100%;
    }
	.gym_info .img_list .slide_item{
		margin-bottom: 10vw;
	}
	.gym_info  .slick-dots {
		bottom: 2vw;
	}
    .wrap_white .gym_title {
        font-size: 2.2rem;
    }
    .gym_info h4.bd {
        font-size: 2.5rem;
    }
    
}
@media screen and (max-width: 480px) {
    
    .gym_info_item {
        font-size: 1.4rem;
    }
    .gym_info_item dt {
        font-size: 1.6rem;
    }
    .wrap_white .gym_title {
        font-size: 1.8rem;
    }
    .gym_info h4.bd {
        font-size: 2rem;
    }
    .facility_name {
        font-size: 1.7rem;
    }
    .usage_fee {
        font-size: 1.7rem;
    }

}