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

p, li, dt, dd{font-size: 100%; line-height: 1.3;}
img{width: 100%; height: auto;}
.sectionInner{padding: 60px 1em;}
a:hover{text-decoration: none;opacity: 0.6;}

#Store_searchSec .mainTtlBox{margin-bottom: 3em;}
#Store_searchSec .mainTtlBox h2{font-size:200%;font-weight: bold;margin-bottom: 0.2em;}
#Store_searchSec .mainTtlBox .subTxt{font-size: 120%;color: #c9a680;font-weight: 600;}

#Store_searchSec .searchBox{margin:0 auto 2em;max-width: 1000px;}
#Store_searchSec .searchBox .searchUL{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: stretch;gap:1.5em;}
#Store_searchSec .searchBox .searchUL li{width: calc(95% / 3);text-align: center;background: #fff;border-radius: 3px;filter: drop-shadow(0px 0px 3px #bcbcbc);font-size: 120%;}
#Store_searchSec .searchBox .searchUL li.nolink{background: #ccc;filter: none;display: block;font-weight: 600;padding: 0.8em 0.2em;}
#Store_searchSec .searchBox .searchUL li a{display: block;font-weight: 600;padding: 0.8em 0.2em;}
#Store_searchSec .searchBox .searchUL li a:hover{background: #5aad31;color: #fff;opacity: 1;}

#Store_searchSec .text_search{max-width: 500px;margin: 0 auto 2em;}
#Store_searchSec .m-input-search {background-color: #fff;border: 1px solid #ccc;border-radius: 100vw;display: -webkit-box;display: -ms-flexbox;display: flex;height: 52px;}
#Store_searchSec .m-input-search__input[type=text] {background-color: #fff;border: 0;border-radius: 100vw 0 0 100vw;-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;height: 100%; width: 100%;padding: 12px 18px;}
#Store_searchSec .m-input-search__btn {-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: #1a1a1a;display: -webkit-box;display: -ms-flexbox;display: flex;border-radius: 100vw;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;height: calc(100% - 18px);-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin: 9px;width: 32px;}
#Store_searchSec .m-input-search__btn img{width: 16px;}
#Store_searchSec button{  -webkit-appearance: none;-moz-appearance: none;appearance: none;background: 0 0;border: none;cursor: pointer;margin: 0;outline: 0;padding: 0;}

#Store_searchSec .back a{position: relative;}
#Store_searchSec .back img{width: 20px; position: absolute; left: -1.5em;bottom: 0;top: 0;margin: auto;font-size: 120%;}


/*都道府県一覧*/
#Store_searchSec .search_InnerLink{margin:1em 0 2em;}
#Store_searchSec .search_InnerLink .InnerLinkUl li{width: 30%;margin: 0 1em;text-align: center;max-width: 150px;font-size: 120%;}
#Store_searchSec .search_InnerLink .InnerLinkUl li a{background: #eaeaea;display: block;padding: 0.5em;border-radius: 50vw;}
#Store_searchSec .storeListBox{max-width: 1000px;margin: auto;}
#Store_searchSec .storeListBox .List_area{background: #000;color: #fff;padding:0.5em 0.5em 0.3em;text-align: center;font-weight: 500;font-size: 120%;}
#Store_searchSec .storeListBox .list{gap:1em;align-items: stretch;margin: 1em auto 2em;}
#Store_searchSec .storeListBox .list li{border-radius: 3px;position: relative;font-size: 150%;width: 49%;display: flex;flex-direction: column;justify-content: center;line-height: 1;font-weight: 500;}
#Store_searchSec .storeListBox .list li::after{content: "";display: block;background: url(/assets/img/gym/icon_storeLink.png)no-repeat;width: 18px;height: 16px;background-size: cover;position: absolute;right: 20px;top: 0;bottom: 0;margin: auto;}
#Store_searchSec .storeListBox .list li a{display: block;background: #fff;filter: drop-shadow(0px 0px 3px #bcbcbc);padding:0.5em 1.5em 0.5em 1em;}

@media screen and (max-width: 767px) {
    .sectionInner{padding: 35px 1em;}
    #Store_searchSec .mainTtlBox{margin-bottom: 2em;}
    #Store_searchSec .mainTtlBox h2{font-size:160%;}
    #Store_searchSec .mainTtlBox .subTxt{font-size: 90%;}
    #Store_searchSec .searchBox{margin:0 5% 2em;}
    #Store_searchSec .searchBox .searchUL{gap:0.5em;}
    #Store_searchSec .searchBox .searchUL li{width: calc(94% / 3);font-size: 100%;}
    #Store_searchSec .searchBox .searchUL li a,
    #Store_searchSec .searchBox .searchUL li.nolink{padding: 0.7em 0.2em;}
    
    #Store_searchSec .text_search{width: 80%;margin: 0 auto 1.5em;}
    #Store_searchSec .m-input-search__input[type=text]{font-size:80%; }
    #Store_searchSec .back img{width: 14px; left: -1em;}
    
    /*都道府県一覧*/
    #Store_searchSec .search_InnerLink{margin:2em 0 1em;}
    #Store_searchSec .search_InnerLink .InnerLinkUl li{font-size: 100%;}
    #Store_searchSec .storeListBox .List_area{padding: 0.3em 0.5em 0.1em; }
    #Store_searchSec .storeListBox .list li{width: 47%;font-size: 120%;}
    #Store_searchSec .storeListBox .list li a{padding: 0.5em 1.5em 0.5em 0.3em;}
    #Store_searchSec .storeListBox .list li.s_font{font-size: 110%;}
    #Store_searchSec .storeListBox .list li.ss_font{font-size: 100%;}
    #Store_searchSec .storeListBox .list li::after{width: 9px;height: 8px;right: 10px;}
}