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

a:hover{text-decoration: none;}
p, li, dt, dd{font-size: 100%; line-height: 1.3;}
img{width: 100%; height: auto;}

/*----------------------------------------------------------------------------
***                                                              mainsection
----------------------------------------------------------------------------*/
#wrap{min-width: 1200px;width: 100%;margin:0 auto;}
.mainSection > .mainSectionInner{margin: 0 auto; padding: 0;}
.mainSection .secBox > .sectionInner{max-width: 960px;margin: 0 auto 2em;background:#fff;border-radius: 5px;overflow: hidden;box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.1);}
.mainSection .secBox > .sectionInner .contentsBox{max-width: 100%;margin: 0 auto;}

/* breadcrumbArea */
#breadcrumbArea{margin-bottom: 0.5em;}
#breadcrumbArea ul li{color: #888; font-weight: bold;}
#breadcrumbArea ul li a{color: #888; padding: 0; background: none;}
#breadcrumbArea ul li a::after{content: "/"; padding: 0 0.3em;}

/* gymSec */
#gymSec{padding: 14px 20px 30px; background: url(../img/gym/bgi_01a.png); background-repeat: no-repeat; background-position: right 75px top 40px;}
#gymSec.kasou{background: none;}
#gymSec h2{position: relative; width: fit-content; margin: 0 auto; padding-left: 1em; text-align: center; font-size: 24px; font-weight: bold;}
#gymSec h2::before{position: absolute; top: 0; left: 0; content: ""; display: block; background: url(../img/gym/ico_01a.png); background-repeat: no-repeat; background-size: cover; width: 22px; height: 22px;}
#gymSec .searchBox{width: 500px; margin: 30px auto;}
#gymSec ul.searchUL{display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 10px;}
#gymSec ul.searchUL li{width: 160px;}
#gymSec ul.searchUL li a{display: block; width: 100%; padding: 0.5em 0; text-align: center; font-size: 14.5px; font-weight: bold; background: #fff; border-radius: 3px; box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.1);}
#gymSec ul.searchUL li.nolink{ width: 160px; padding: 0.5em 0; text-align: center; font-size: 14.5px; font-weight: bold; background: #ccc; border-radius: 3px;}
#gymSec .back a{position: relative; font-size: 14px;}
#gymSec .back img{width: 15px; position: absolute; left: -1.5em; bottom: 0; top: 0; margin: auto;}

#gymSec .search_InnerLink{margin-top: 30px;}
#gymSec .search_InnerLink .InnerLinkUl li{width: 60px; margin: 0 0.5em; text-align: center; max-width: 150px; font-size: 12px; font-weight: bold;}
#gymSec .search_InnerLink .InnerLinkUl li a{background: #f3fcfc; display: block; padding: 0.5em; border-radius: 5px; color: #0cbab9;}
#gymSec .storeListBox{width: 730px; margin: 30px auto;}
#gymSec .storeListBox .List_area{color: #0cbab9; font-size: 16px; font-weight: bold;}
#gymSec .storeListBox .list{gap: 10px; align-items: stretch; margin: 1em auto 2em;}
#gymSec .storeListBox .list li{width: 235px; position: relative;}
#gymSec .storeListBox .list li::after{content: ""; position: absolute; top: 50%; right: 5px; width: 9px; height: 9px; border-right: 2px solid #aaaaaa; border-top: 2px solid #aaaaaa; transform: translate(-50%, -50%) rotate(45deg);}
#gymSec .storeListBox .list li a{display: block; width: 100%; padding: 0.5em 1.5em 0.5em 1em; text-align: left; font-size: 14.5px; font-weight: bold; background: #fff; border-radius: 3px; box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1);}

/* bannerSec */
#bannerSec{padding: 30px 0; background: #f0f0f0;}
#bannerSec .bnrImg{max-width: 728px; height: auto; margin: 0 auto;}

@media screen and (max-width: 767px) {
	#wrap{min-width: 0;width: 100%;margin:0 auto;}
	.mainSection{max-width: 100%;position:relative;}
	.mainSection > .mainSectionInner{margin: 0 auto; padding: 0;}
	.mainSection .secBox > .sectionInner{max-width: 95%;margin: 0.8em auto 2em;background:#fff;border-radius: 5px;overflow: hidden;box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.1);}
	.mainSection .secBox > .sectionInner .secBox > .sectionInner{box-shadow:none;}
	.mainSection .secBox > .sectionInner .contentsBox{max-width: 100%;margin: 0 auto;}

	/* breadcrumbArea */
	#breadcrumbArea{width: 100%; margin-bottom: 2em;}

	/* gymSec */
	#gymSec{padding: 4% 5% 8%; background: none;}
	#gymSec .searchBox{width: 100%;}
	#gymSec ul.searchUL{justify-content: flex-start; gap: 15px;}
	#gymSec ul.searchUL li{width: calc((100% - 15px) / 2);}
	#gymSec ul.searchUL li a{padding: 0.8em 0; font-size: 16px;}
	#gymSec ul.searchUL li.nolink{width: calc((100% - 15px) / 2); padding: 0.8em 0;}
	#gymSec .back a{font-size: 16px;}
	
	#gymSec .storeListBox{width: 100%;}
	#gymSec .storeListBox .List_area{text-align: center;}
	#gymSec .storeListBox .list li{width: calc((100% - 15px) / 2);}
	#gymSec .storeListBox .list li a{font-size: 16px;}
	#gymSec .storeListBox .list li.ss_font a{font-size: 85%; line-height: 24px;}
	
	/* bannerSec */
	#bannerSec{padding: 6% 8%; background: #f0f0f0;}
	#bannerSec .bnrImg{max-width: 330px;}
}