@charset "utf-8";
/* ===================================================

◇	グループ施設表示用CSS　◇

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

#group_list_area { padding: 30px 0;}
#group_list_area .tit { margin: 0 auto 50px; width: 1000px; height: 32px; line-height: 32px; text-align: center;}
#group_list_area .tit img { display: inline-block; margin: 0 0 0 15px; vertical-align: middle;}
#group_list_area #group_list { margin: 0 auto 20px; width: 1000px;}

.group_list { width: 20%; float: left;}
.group_list dl { margin: 0 10px 30px 0;}
.group_list dt { margin: 0 0 10px; padding: 0; font-size: 13px;}
.group_list dt img { display: inline-block; margin: 0 7px 0 0; vertical-align: top;}
.group_list dd { font-size: 11px; line-height: 1.4;}
.group_list ul {}
.group_list li { margin: 0 0 5px; }
.group_list li a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.7;}
.group_list li br { display: none;}
.group_list a { display: block;}
.group_list .thum { display: block; float: left; margin: 0 10px 0 0;}
.group_list p { padding: 5px 0 0; }
.group_list p img,
.group_list p span { display: block;}
.group_list p img { margin: 0 0 5px;}

.class_guide    { clear: both; margin: 0 15px 15px; font-size: 12px; line-height: 1.4; text-align:left; }
.class_guide li { float: left; margin: 0 15px 0 0; font-size: 0;}
.class_guide li:last-child { margin-right: 0;}
.class_guide img { display: inline-block; margin: 0 5px 0 0; vertical-align: middle;}
.class_guide span { display: inline-block; font-size: 12px; vertical-align: middle;}

#group_list_area a:link,
#group_list_area a:visited { text-decoration: none; }
#group_list_area a:hover,
#group_list_area a:active { text-decoration: underline; }

#group_list_area:after,
.group_list li:after,
.class_guide:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}

@media screen and (max-width: 1000px) {
	#group_list_area .tit { width: 100%;}

	#group_list_area #group_list { width: 100%;}
	#group_list_area .acc_contents { width: 96% !important; margin: 0 auto;}

	.group_list dd { margin: 0 0 0 20px;}
	.group_list li { margin-bottom: 10px;}
	.group_list .thum { float: none; margin: 0;}
}
@media screen and (max-width: 768px) {
	#group_list_area { padding: 15px 1%; width: 98%;}

	#group_list_area .acc_contents { width: 100% !important;}

	.group_list { clear: both; width: 96%; float: none; margin: 15px auto 0; text-align: center;}
	.group_list dl { margin: 0 0 15px; width: 50%; float: left; text-align: left;}
	.group_list dt { font-size: 14px;}
	.group_list dd { margin: 0 0 0 20px; font-size: 13px;}
	.group_list li { margin-bottom: 5px; padding: 0 0 0 25px; position: relative;}
	.group_list li br { display: initial;}
	.group_list .thum { display: none;}
	.group_list p { padding: 0; text-align: left;}
	.group_list p img,
	.group_list p span { display: inline-block;}
	.group_list p img { position: absolute; margin: 0; top: 2px; left: 0;}
	.group_list p span { margin: 0 15px 0 0;}

	.class_guide { clear: both; width: 96%; margin: 0 auto; padding: 15px 0 0; text-align: left;}

	#fnav_area .acc_contents:after,
	.group_list:after,
	.group_list ul:after { clear: both; content: "."; display: block; height: 0; font-size: 0; visibility: hidden; }

}
@media screen and (max-width: 640px) {
	#group_list_area .tit { margin-bottom: 20px; height: auto;}

	.group_list dl { width: 100%; float: none;}
	.class_guide li { margin: 0 10px 5px 0;}
}




/* 修正履歴
================================================================



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