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


html{
	font-size: 90%;
	line-height:1.4em;
}
.pcHidden{ display:block;}
.spHidden{ display:none;}
img{width:100%;max-width: fit-content;height:auto;}

@media screen and (min-width : 376px){
    html{ font-size :100%;} 
}
@media screen and (min-width : 667px){
    html{ font-size :120%;} 
}




/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body{ width:auto; min-width:auto;}
#wrap {}


/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea {width:auto;height:auto;/* border-bottom:#D4000C solid 2px; */padding: 0 1vw 1vw 2vw;}
#headerArea .sectionInner{
    width: 94%;
    flex-wrap: wrap;
}
#headerAreaLogo {float:none;width: 100%;padding: 1vw 0 2vw;}
#headerAreaLogo h1{font-size:70%;font-weight:normal;line-height:3vw;color:#808080;padding-top: 2.5vw;margin-bottom:1.2vw;}
#headerAreaLogo h1 a{margin-top: 1vw;}
#headerAreaLogo h1 img{width: auto;/* margin-top:2vw; */max-width: 70%;}


.headerLinkBox{top: 4.5vw;}
#headerLinkBox{width: 100%;flex-wrap: wrap;gap: 2vw;padding: 0vw 0 1.5vw;/* justify-content: flex-start; */}
#headerLinkBox ul{}
#headerLinkBox li{ line-height:0.1em;}
#headerLinkBox li img{ margin-bottom:1vw;}
#tpbtn{ z-index:9998; position:fixed; left:89vw; bottom:1vw; margin:0; display:none; width:10vw; height:auto;}
#tpbtn a {display:block; width:100%; height:100%;}
#headerLinkBox .box_tel{font-size: 1rem;/* margin: 0 auto 1vw; *//* padding-left:1.0em; */width: 41%;}
#headerLinkBox .btn_link-gym{/* margin:0 auto; */}

#headerLinkBox .box_tel::before{left: 0; width: 16px; height: 16px;}
#headerLinkBox .btn_link-gym a{padding: 0.7em 2.4em 0.7em 1.8em;/* font-size: 0.8em; *//* margin: 0 auto; */font-size: 90%;}

.slick-dots{ bottom:0; width:100vw; margin:3vw 0 0 120vw; position:relative;}

/*----------------------------------------------------------------------------
 ***                                                       Header - gNavi
----------------------------------------------------------------------------*/
#gnavi{}


/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea { width:auto; margin:0 auto;}
#contentsAreaInner {}




/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection {}
.mainSectionInner {}


/*----------------------------------------------------------------------------
 ***                                                              gymInfo
----------------------------------------------------------------------------*/
#gymsArea{}
#gymsAreaInner{
    width: 95%;
}
.gymInfoInner{width: 100%;margin-bottom:2em;padding-bottom:2em;border-bottom:1px dashed}
#gymsAreaInner .gymInfoInner:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: 0;}

.gymInfo_common{
    width: 100%;
    display: grid;
    margin: 0 auto 1em;
}
.gymInfo_common:last-child{margin-bottom:0}
.gymInfo_common h2{
    line-height: 1.2;
    border-top: 1px dashed #777;
    padding-top: 1em;
    margin-bottom: 1em;
}
.gymInfo_common:first-child h2{margin-bottom: 0.4em;padding-top: 0;border-top:0}
.gymInfo_common p{}
.gymInfo_common p a{}
.gymInfo_common p.address{}
.gymInfo_common p.address strong{}

.gymInfo_common .infoList{
    margin-bottom: 0.75em;
}
.gymInfo_common .infoList:last-child{
    margin-bottom: 0;
}
.gymInfo_common .infoList li{
    margin-bottom: 0.75em;
}
.gymInfo_common .infoList li:last-child{}
.gymInfo_common .txt{
    font-size: 90%;
}
.gymInfo_common .infoList .txt strong{}

.gymInfo_common dl{}
.gymInfo_common dl.facility{
    font-size: 80%;
}
.gymInfo_common dl.facility dt,
.gymInfo_common dl.facility dd{}
.gymInfo_common dl.facility dt{}
.gymInfo_common dl.facility dd{}

.accessMap .btn_link-gym {
    order: 999;
    margin: 0;
}
.gymInfo_common .btn_link-gym a{}
.gymInfo_common .btn_link-gym a:before,
.gymInfo_common .btn_link-gym a:after {}

.gymInfo_common .btn_link-gym a:before {}

.gymInfo_common .btn_link-gym a:after {}

.accessMap{
    margin-top: 0.5em;
}
.accessMap iframe{
    aspect-ratio: 16/9;
    height: auto;
}
.accessMap .accessInfo{}
.accessMap .accessInfo dd{
    font-size: 80%;
}


/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/

#footerArea{/* background:#F1E5E6; */margin-top: 0;padding-top:8vw;}


#footerAreaInner{ width:auto; margin:0 auto; width:90%;}
#footerLogoDl{ margin-bottom:25px;}
#footerLogoDl dt{ text-align:center; width:70%; margin:0 auto; margin-bottom:3vw;}
#footerLogoDl dd{ text-align:center; width:90%; margin:0 auto;}
#footerLogoDl dd img{ width:48%; margin:0 1%;}
#footerLinlUl{text-align:center;margin: 0;/* padding-top:20px; */}
#footerLinlUl li{ display:inline-block; padding:0 2vw; font-size:80%; border-right:#999 solid 1px;}
#footerLinlUl li:first-child{ border-left:#999 solid 1px;}
#footerLinlUldiving{ text-align:center; margin-bottom:7px; padding-top:20px;}
#footerLinlUldiving li{ display:inline-block; padding:0 2vw; font-size:80%; border-right:#999 solid 1px;}
#footerLinlUldiving li:first-child{ border-left:#999 solid 1px;}
#copyright{ text-align:center; font-size:70%; padding-bottom:20px; margin:0;}
#footerInfo{width: 100%;}
#footerInfo h2 img{ width:75%;}


#footerInfo .infoList{}
#footerInfo .infoList li{padding-left: 0em;font-size: 90%;}
#footerInfo .infoList li:last-child{}
#footerInfo .txt{
    font-size: 90%;
}
#footerInfo .infoList .txt strong{}
#footerInfo dl{}
#footerInfo dl.facility{
    justify-content: space-between;
}
#footerInfo dl.facility dt,
#footerInfo dl.facility dd{}
#footerInfo dl.facility dt{
    width: 9.5em;
}
#footerInfo dl.facility dd{
    width: calc(100% - 10em);
}

#footerInfo .btn_link-gym {
    margin: 0 auto 2em;
    display: block;
    text-align: center;
}
#footerInfo .btn_link-gym a{}
#footerInfo .btn_link-gym a:before,
#footerInfo .btn_link-gym a:after {}


#footerMap{ float:right; border:none; margin:0 0 5px 0; width:auto; height:auto;}
#footerMap .accessInfo{
    font-size: 90%;}
#footerMap .accessInfo dt{
    margin: 0 auto .25em;}
#footerMap .accessInfo dd{
    margin: 0 auto 1em;
}
#footerMapDiving{ float:right; border:none; margin:0 0 5px 0; width:auto; height:auto;}
#footerMap iframe{ margin:0; width:90vw; height:70vw;}
#footerMapDiving iframe{ margin:0; width:90vw; height:70vw;}
#footerMap p{ text-align:center; line-height:1.3em;}
#footerMapDiving p{ text-align:center; line-height:1.3em;}



/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/




/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section {}
.sectionInner {}
.secBox{
    padding: 2em 0;
}
.contentsInner{
    margin: 1.5em auto;
}

.h2Box{}
.h2Box h2{}
.h2Box .h2SubTxt{}


/* cta01 */
#wrap .cta01.secBox{
    margin: 2em auto 0;
}
#wrap .cta01.secBox .sectionInner{}
#wrap .cta01.secBox .sectionInner > p{}
#wrap .cta01.secBox .sectionInner .cta01_LinkBox{}
#wrap .cta01.secBox .sectionInner .cta01_LinkBox .box_tel{
    max-width: 205px;
}
#wrap .cta01.secBox .sectionInner .cta01_LinkBox .btn_link{}


.btn_link-gym {}
.btn_link-gym a{}
.btn_link-gym a:before,
.btn_link-gym a:after {}

.btn_link-gym a:before {}
.btn_link-gym a:after{}