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

.pcNone{ display:none;}
.spNone{ display:block;}
/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
a,
a:hover{ text-decoration:none; transition:all .3s;}
p{ margin:0.5em 0;}
#contentsArea #mainImgBox{ padding:0;}
#gymPage > .secBox{/* background:url(/sportsgym/images/line_contents01.png) no-repeat center bottom/1000px; */padding: 0;}
.secBox > .sectionInner{max-width:1000px;margin:0 auto;padding: 2em 0;box-sizing:border-box;}
.infoBox .formBtn{ margin:1em;}
.infoBox .formBtn a{
	padding:0.8em;
    background-color:#feb13e;
    color:#fff;
    font-weight:bold;
    border-radius:15px;
    position:relative;
	display:block;
	font-size:125%;
}
.infoBox .formBtn a:after{
	content:"";
    width:24px;
    height:24px;
	position: absolute;
	top:0;
	bottom:0;
    right:1em;
	margin:auto;
	background:url(/images/btn_clr_form.png) no-repeat top center/cover;
}
.infoBox .formBtn a:hover{ opacity:0.6;}
.secBox .infoBox{ max-width:700px; text-align:center; border:10px solid #ccc; padding:0 1em 1em; margin:3em auto;}
.secBox .infoBox > p{ margin:1em auto;}
.secBox .infoBox > p.tac{ margin:-1.5em auto 1em; background-color:#fff; display:inline-block; padding:0 2em; font-size:125%; color:#000; line-height:1.2em;}
.secBox .infoBox ul{ margin:1em auto 0;}
.secBox .infoBox li.telBtn{ position:relative; padding:0 0 0 50px;}
.secBox .infoBox li.telBtn:before{
	content:"";
    width:32px;
    height:32px;
	position: absolute;
	top:0;
	bottom:0;
    left:0;
	margin:auto;
	background:url(/common_images/ico_tel.png) no-repeat top center/cover;
}
.secBox .infoBox li.telBtn a{ color:#000; font-size:200%; line-height:1em;}
.secBox .infoBox li.telBtn a span{ display:block; color:#333; font-size:50%; line-height:1.4em; margin:0.5em 0 0;}
.secBox .infoBox li.formBtn{ max-width:250px; width:100%; margin:0 1em;}
.secBox .infoBox p > a{ max-width:640px; padding:0.5em; margin:0 auto; border:2px solid #18aab6;}
.secBox .infoBox a:hover{ opacity:0.6;}
.secBox h3{/* text-align:center; */font-size:250%;line-height:1em;margin:1.5em auto 0.5em;}
.secBox h3 span{ display:block; color:#CF000C; font-size:50%;}
.secBox h4{ font-size:200%; position:relative; padding:0 0 0 64px; margin:0.5em 0; line-height:1.4em;}
.secBox h4.tac{ padding:0; font-size:150%; line-height:1.8em;}
.secBox h4.tac span{ color:#333; font-size:60%; font-weight:normal;}

.secBox h4 span{ display:block; color:#CF000C; font-size:50%; line-height:1em;}
.bg_diagonal{ position:relative;}
.bg_diagonal:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #fff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #fff),color-stop(.75, #fff), color-stop(.75, transparent),to(transparent));
    -webkit-background-size: 7px;
    background-image: linear-gradient( -45deg, #ccc 25%, #fff 25%, #fff 50%, #ccc 50%, #ccc 75%, #fff 75%, #fff);
    background-size: 7px 7px;
    background-attachment: fixed;
    z-index: -1;
    opacity: 0.3;
}
#contentsArea #mainImgBox,
#contentsArea .mainBox,
#contentsArea .mainBoxInner,
.mainBox .sectionInner{ width:100%; margin:auto;}


/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea .sectionInner{ padding:0;}
#headerArea p{ margin:0;}

/*----------------------------------------------------------------------------
 ***                                                                 mainSec
----------------------------------------------------------------------------*/
#gymPage{}
#gymPage > h2{ text-align:center; padding:40px 0; margin:0 auto 1em; background:url(/sportsgym/images/img_titlec.jpg) no-repeat top center/1000px;}
#gymPage > h2 a:hover{ opacity:0.6;}




#fvSec{width:100%;height:400px;overflow: hidden;display:flex;}

#fvSec .left-column {
  flex: 1; /* 残りのスペースを全て占める (または固定幅を設定) */
  background-color: #888; /* 灰色 */
  background-image: url("../images/bg_fv01a.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 44%; /* もし左カラムを特定の割合で固定したい場合 */
  /* width: 300px; */ /* もし左カラムを固定ピクセル幅にしたい場合 */
}
#fvSec .right-column {
  flex-shrink: 0; /* 右カラムの縮小を禁止 */
  width: 55%; /* 右カラムの幅をパーセンテージで指定 */
  margin: 0 0% 0 0%;
  /* width: 400px; */ /* または固定ピクセル幅 */
  background-color: #c80b4d; /* 赤色 */
  /* color: white; */ /* テキスト色 */
  padding-right: 5%; /* 左右と上下のパディング */
   /* 垂直方向の中央揃えと右の縦線のため */
  display: flex; /* 内部のコンテンツをFlexboxで配置 */
  align-items: center; /* 垂直方向の中央揃え */
  /* justify-content: flex-start; */ /* 水平方向の左揃え (デフォルト) */
  position: relative;
}

#fvSec .right-column:before{
    background: #c80b4d;
    content: "";
    position: absolute;
    width: 60px;
    height: 100%;
    clip-path: polygon(0 100%, 103% -6%, 102% 100%);
    left: -60px;
    top:0;
    bottom: 0;
    margin: auto;
    }


.right-column .content-wrapper {
  /* コンテンツ自体のスタイル (もし必要であれば) */
  max-width: 90%; /* コンテンツがパディングからはみ出さないように */
}

#fvSec .right-column .skewInner{/* transform: skewX(10deg); */padding: 0px 0 0 4%;width: 100%;max-width: 610px;color: #fff;}

#fvSec .right-column .skewInner .headBox{
    flex-wrap: nowrap;
    align-items: center;
}
#fvSec .right-column .skewInner .headBox > p{flex-shrink: 0; margin: 0;}
#fvSec .right-column .skewInner .headBox .h2tags{/* margin-left: 2em; */}
#fvSec .right-column .skewInner .headBox .h2tags h2{
    color: #fff;
    /* padding-bottom: 0.5em; */
    /* margin-bottom: 0.5em; */
    position: relative;
    font-size: 23px;
}
/* #fvSec .right-column .skewInner .headBox .h2tags h2:after{content:"";position: absolute;height: 2px;width: 2.2em;bottom: 0;left: 0;background:#fff} */
#fvSec .right-column .skewInner .headBox .h2tags .h2txt{
    color: #fff;
    font-weight: bold;
    font-size: 38px;
    line-height: 1.2em;
}
#fvSec .right-column .skewInner .headBox .h2tags .h2txt .smlTxt{font-size:50%}
#fvSec .right-column .skewInner .detailTxt{color: #fff; margin: 1em 0 0;}

#fvSec .right-column .skewInner .headBottomBox ul{gap: 2em; margin: 2em 0 0;}
#fvSec .right-column .skewInner .headBottomBox li{position: relative; width: 155px; height: 155px; background: #ffe9f3; border-radius: 50%;}
#fvSec .right-column .skewInner .headBottomBox li:after{
	content:"";
	position: absolute;
	width:0;
	height:0;
	margin:auto;
	right:0;
	left:0;
	bottom: 0.85em;
	border-style:solid;
	border-width: 13.9px 8px 0 8px;
	border-color: #c80b4d transparent transparent transparent;
	}
#fvSec .right-column .skewInner .headBottomBox img{position: absolute; bottom: 70%; left: 50%; transform: translateX(-50%); width: 87px; height: 64px;}
#fvSec .right-column .skewInner .headBottomBox p{text-align: center; margin-top: 33%; font-size: 120%; font-weight: bold; line-height: 1.4;}
#fvSec .right-column .skewInner .headBottomBox p .fontRed{color: #c80b4d;}

#topBnrBox{max-width:1000px; margin: 4em auto 0;}

#aboutSec.secBox{background: #f7f7f7; margin: 4em 0 1em; padding: 0;}
#aboutSec.secBox .sectionInner{padding: 3em 0;}
#aboutSec.secBox iframe{height: auto;}
#aboutSec.secBox .aboutTxt{flex-direction: column; gap: 1em;}
#aboutSec.secBox .aboutTxt h3{margin: 0; font-size: 180%; text-align: start;}
#aboutSec.secBox .aboutTxt .aboutOpen{margin: 1em 0 0;}
#aboutSec.secBox .aboutTxt .aboutOpen p{margin: 0;}
#aboutSec.secBox .aboutTxt .aboutOpen ul{padding: 0 0 0 1em;}
#aboutSec.secBox .aboutTxt .aboutOpen ul li:first-child{margin: 0 0 1em;}
#aboutSec.secBox .aboutTxt .aboutOpen dl dt{width: 8.5em; font-weight: normal;}
#aboutSec.secBox .aboutTxt .aboutOpen dl dd{width: calc(100% - 8.5em);}
#aboutSec.secBox .aboutTxt .aboutTel{align-items: center; gap: 1em;}

#mainSec .textBox{ max-width:640px;}
#mainSec .textBox h3{ color:#CF000C;font-size: 245%; line-height:1.2em; text-align:left; margin:0;}
#mainSec .textBox h3 span{ font-size:75%; display:inline-block;}
#mainSec .infoBox{ padding:0; margin:0; border:none;}
#mainSec nav{ margin:1em auto;}
#mainSec nav li{width: 49%;margin:0.6em 0;border-radius:10px;overflow:hidden;text-align:center;}
#mainSec nav li a{
	height: 134px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	display:block;
	color:#fff;
	padding: 2em 1em 2em;
	font-size:125%;
	font-weight:bold;
	box-sizing: border-box;
	align-content: center;
}
#mainSec nav li:nth-child(1) a{background-image: url(/sportsgym/images/247/btn_content_fit.png);}
#mainSec nav li:nth-child(2) a{background-image: url(/sportsgym/images/247/btn_content_studio.png);}
#mainSec nav li:nth-child(3) a{background-image: url(/sportsgym/images/btn_contents12.jpg);background-position-y: bottom;}
#mainSec nav li:nth-child(4) a{background-image: url(/sportsgym/images/btn_contents13.jpg);background-position-y: bottom;}
#mainSec nav li:nth-child(5) a{background-image: url(/sportsgym/images/btn_contents13.jpg);}
/*----------------------------------------------------*/
#mainSec nav li:nth-child(4),
#mainSec nav li:nth-child(5){/* width:49%; */}
/*----------------------------------------------------*/
#mainSec nav li:nth-child(4) a,
#mainSec nav li:nth-child(5) a{/* padding:3em 1em 2em; */}
/*----------------------------------------------------*/
#mainSec nav li a span{ display:block; font-size:75%; line-height:1.6em;}
#mainSec nav li a:hover{ opacity:0.6;}



/*----------------------------------------------------------------------------
 ***                                                            sportsgymSec
----------------------------------------------------------------------------*/
#sportsgymSec{
    padding: 0;
}
#sportsgymSec .sectionInner{ padding-top:0;}
#sportsgymSec h4:before{
	content:"";
	width:54px;
	height:54px;
	position:absolute;
	left:0;
	background:url(/sportsgym/images/img_contents17.jpg) no-repeat center/cover;
}
#sportsgymSec .gymEquipments{}
#sportsgymSec .gymEquipments li{width: 32%;}
#sportsgymSec .pickupBox{ padding:2em 0;}
#sportsgymSec .pickupBox h5{ background-color:#9B2375; color:#fff; position:relative; padding:0.5em 2em 0.4em 0.5em; margin:0 0 1em; line-height:1em; display:inline-block;}
#sportsgymSec .pickupBox h5:after{
	content:"";
	width: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0px;
    margin: auto;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #fff;
}
#sportsgymSec .pickupBox ul{padding: 0px 2em;border-left:1px solid #9B2375;border-bottom:1px solid #9B2375;}
#sportsgymSec .pickupBox li{ width:48%;}
#sportsgymSec .pickupBox li dd{margin: 0em auto 2em;}
#sportsgymSec .pickupBox li dd img{margin-top:1em;}
#sportsgymSec .pickupBox li .pickupImgBox {justify-content:space-between;}
#sportsgymSec .pickupBox li .pickupImgBox p{
    align-self: end;
}
#sportsgymSec .pickupBox li .pickupImgBox p a{
    filter: drop-shadow(0px 0px 3px #00000076);
}

#sportsgymSec .pickupBox li img{/* float:right; *//* margin:0 0 0 1em; */}
#sportsgymSec .pickupBox li dt{color:#000;padding:0 0 0.5em;margin:0 0 1em;border-bottom:1px dashed #9B2375;font-size: 135%;}





/* 250625追記 */
/*----------------------------------------------------------------------------
 ***                                                               pointSec
----------------------------------------------------------------------------*/
.pointSec {
    padding: 2em 0;
}
.pointSec .sectionInner{width: auto;/* padding: 0px 2em; */gap: 2em 3%;/* align-items: stretch; */align-items: flex-start;}
.pointSec .w100{width:100%}
.pointSec .w50{/* width: 48.5%; */}
.pointSec .number_content{
    /* text-align: center; */
    flex-grow: 1;
}
.pointSec .number_content .point_txt{
    font-size: 135%;
    font-weight: bold;
    color: #c80b4d;
    padding: 0 1em 0px 2.1em;
    position: relative;
    /* text-align: left; */
    margin: 0.5em auto 1em;
    display: inline-block;
}
.pointSec .number_content .point_txt:before{
	content:"";
	position: absolute;
	display: inline-block;
	background: #c80b4d;
	/* padding: 0.2em;;left:0em;
	top: 0;
	/* bottom: 0; */
	color: #fff;
	padding: 0.25em;
	margin: auto;
	height: max-content;
	top: 0;
	bottom: 0;
	left: 0;
}
.pointSec .number_content:nth-child(1) .point_txt:before{content:"01";/* background: #ccc; *//* padding: 0.2em; */}
.pointSec .number_content:nth-child(2) .point_txt:before{content:"02";}
.pointSec .number_content:nth-child(3) .point_txt:before{content:"03";}
.pointSec .number_content:nth-child(4) .point_txt:before{content:"04";}
.pointSec .number_content:nth-child(5) .point_txt:before{content:"05";}
.pointSec .number_content .numberBox{
    padding: 2.5% 5%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #fff6ef;
    border-radius: 10px;
    /* flex-grow: 1; */
}
.pointSec .number_content.w50 .numberBox{/* padding: 2.5% 5%; */\: #fff6ef;\: 10px;}
.pointSec .number_content.w100 .numberBox{/* padding: 2%; */}
.pointSec .number_content.w100 .pos_L{width:42.5%}
.pointSec .number_content.w100 .pos_R{width:55%}
.pointSec .number_content.w100 ul{width: 100%;}
.pointSec .number_content.w100 ul li{width: 24%;}
.pointSec .number_content.w100 ul li img{}
.pointSec .number_content .numberBox .pos_L,
.pointSec .number_content .numberBox .pos_R{width:49%;}
.pointSec .number_content .numberBox .pos_L{}
.pointSec .number_content .numberBox .pos_R{}
.pointSec .number_content .numberBox .pos_R iframe{max-width:100%;height:auto;aspect-ratio:16/9}
.pointSec .number_content .numberBox .smlImg{text-align:center;width:60%;margin:auto}
.pointSec .number_content .numberBox ul{gap: 1%;}

/*----------------------------------------------------------------------------
 ***                                                               studioSec
----------------------------------------------------------------------------*/
#studioSec{/* background:url(/sportsgym/images/line_contents01.png) no-repeat center bottom/1000px; */padding: 0;}
#studioSec h4:before{
	content:"";
	width:54px;
	height:54px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
	background:url(/sportsgym/images/img_contents19.jpg) no-repeat center/cover;
}
#studioSec .optionTag{ background-color:#f9ab09; color:#fff; line-height:1em; padding:0.8em 1em 0.6em; margin:1em 1em 1em 0; border-radius:20px; font-size:112.5%; font-weight:bold; display:inline-block;}
#studioSec ul{}
#studioSec ul li{width:49%;height:auto;}


/*----------------------------------------------------------------------------
 ***                                                                priceSec
----------------------------------------------------------------------------*/
#priceSec .sectionInner{ padding:0;}
#priceSec .sectionInner .planInfo{
    margin: 1em auto 3em;
}
#priceSec .sectionInner .planInfo p{
    text-align: center;
    margin: auto;
    font-size: 21px;
    font-weight: bold;
    color: #000;
    line-height: 1.4em;
}
#priceSec .sectionInner .planInfo p span{
    font-size: 60%;
}

#priceSec .notesBox{ padding:1em; margin:0 auto 3em; border:1px dashed #C30D23;}
#priceSec .notesBox dt{ color:#C30D23;}
#priceSec .notesBox li{ margin:0.5em 0; line-height:1em; position:relative; padding:2px 0 0 16px;}
#priceSec .notesBox li:before{
	content:"";
	width:10px;
	height:10px;
	background-color:#333;
	border-radius:6px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
}

.memberBox {
    border: 1px solid #ccc;
    margin-bottom: 3em;
}
.memberBox h4{
    background: #e8355d;
    color: #fff;
    text-align: center;
    padding: 0.2em;
    margin: 0;
}
.memberBox .memberInfo{}
.memberBox .memberInfo .memberTxt{
    text-align: center;
    margin: 1.5em auto;
    font-size: 20px;
    font-weight: bold;
    color: #e8355d;
}
.memberBox .memberInfo .price{
    text-align: center;
    margin: 1em 0 2em;
}


/*----------------------------------------------------------------------------
 ***                                                             campaignSec
----------------------------------------------------------------------------*/
#gymPage #campaignSec{ background:none;}
#campaignSec .sectionInner{padding:0;margin: 2em auto 0em;}
#campaignSec .sectionInner .contentsInner{
    margin: 0.5em auto 0;
}
#campaignSec p.tac{ margin:2em auto; max-width:910px; width:100%;}
#campaignSec p.trialBtn a{ border:2px solid #18aab6; box-sizing:border-box; color:#333; padding:0.5em;}
#campaignSec p.trialBtn a .textBox{ width:25%; padding:0; margin:auto; line-height:1.4em; text-align:left; font-size:87.5%; color:#333;}
#campaignSec p.trialBtn a .textBox span{ font-size:125%; display:block; line-height:1em; color:#e05a24; margin:8px 0; padding:8px 0;}
#campaignSec p.trialBtn a .textBox span:first-of-type{ border-bottom:1px dashed #ccc; font-size:175%; color:#18aab6;}
#campaignSec p.trialBtn a .textBox span:last-of-type{ padding:0; font-size:250%;}
#campaignSec .txtDecoUl{text-decoration: underline;}
#campaignSec .cpnBox{margin-top: 3em;}
#campaignSec .cpnBnr{width: 100%; max-width:1000px; padding:0; margin-bottom: 1em;}
#campaignSec .cpnTopTxt{color: #c80b4d; text-align: center; font-size: 200%; font-weight:bold; margin-bottom: 1em;}
#campaignSec .cpnTable{width:100%; font-size:130%; margin-bottom: 2em;}
#campaignSec .cpnTable th,
#campaignSec .cpnTable td{vertical-align: middle; padding: 0.5em 1em;}
#campaignSec .cpnTable .monthlyFee,
#campaignSec .cpnTable .admissionFee{font-weight:bold;}
#campaignSec .cpnTable .bgGlay{background-color: #f5f5f5;}
#campaignSec .cpnTable .txtRed{color: #c80b4d;}
#campaignSec .cpnTable .txtBlue{color: #1a9492;}
#campaignSec .notesBox{ padding:1em; margin:0 auto 3em; border:1px dashed #C30D23;}
#campaignSec .notesBox .ttl{margin-right:1em;min-width: 4em;display: inline-block;}
#campaignSec .notesBox dt{ color:#C30D23;}
#campaignSec .notesBox li{ margin:0.5em 0; line-height:1em; position:relative; padding:2px 0 0 16px;}
#campaignSec .notesBox li:before{	content:"";	width:10px;	height:10px;background-color:#333;border-radius:6px;position:absolute;top:0;bottom:0;left:0;margin:auto;}

/* -----------------------------------------------
  追加分 250718 
----------------------------------------------- */
/* 情報関係 */
#infoSec{/* margin-top: -8em; */padding: 0;}
#infoSec .infoList {
	width: calc(32% - 2px);
	/* border: 1px solid black; */
	/* flex: 0 0 calc((100% - 2% * 2) / 3); */ /* liタグが3つの場合 */
	box-sizing: border-box;
	position: relative;
}
#infoSec .infoList:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 0;
	right: -3.5%; /* gapの半分 (2%/2=1%) と、破線の幅の半分を考慮 */
	width: 1%; /* 破線の幅 */
	height: 100%; /* li要素の高さに合わせる */
	border-right: 1px dashed gray; /* 破線のスタイル */
}

#infoSec .infoList .linkBox{/* border: #4d4d4d 1px solid; */background: #fff;/* box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); */}
#infoSec .linkBox .gymTxt{
    width: 100%;
    padding: 7% 0 2%;
    margin-right: -4%;
    text-align: center;
}
#infoSec .linkBox .gymTxt p,
#infoSec .linkBox .gymTxt h3{text-align:center;width: 100%;display: inline-block;margin: 0;}
#infoSec .linkBox .gymTxt p.gymInfoTxt{
    color: #c9a67f;
    line-height: 1.2em;
}
#infoSec .linkBox .gymTxt h3{font-size:2em;font-size: 1.38em;}
#infoSec .linkBox .gymTxt{
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
}
#infoSec .linkBox .subTxt{font-size: 0.77em;}
#infoSec .linkBox .subTxt:after{content:"▶";}
#infoSec .linkBox .gymImg {
    width: 100%;
    /* clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%); */
    height: 140px;
    margin: 0;
    position: relative;
    overflow: clip;
}
#infoSec .linkBox .gymImg:after{
	content:"";
	position:absolute;
	height:75px;
	width:75px;
	right: -30px;
	left: 0;
	margin: auto;
	bottom: 10px;
}

#infoSec .linkList{/* border-top:1px solid; *//* border-bottom:1px solid; */color:#ccc;padding: 1em 5%;margin: 0em auto;}
#infoSec .linkList .linkMain{text-align:center;margin: 0em auto 1.5em;}
#infoSec .linkList .linkMain a{position:relative;padding: 0.3em 4em;border:1px solid;border-radius:4em;font-size: 123%;font-weight: bold;/* margin: 0.7em auto 0; */align-items: center;display: inline-flex;gap: 0.25em;color: #3f3a51;}
#infoSec .linkList .linkMain a:after{content:"▶";position:absolute;right:0.75em;}
#infoSec .linkList .linkListBox a:after{content: "";background: url(../../common_images/icon_exLinks_gym.png);position:absolute;/* right: -1.5em; */background-size: contain;background-repeat: no-repeat;width: 1em;height: 1em;top: 0;bottom: 0;margin: auto;margin-left: 0.25em;}
#infoSec .linkList .linkListBox{
    margin: 0.8em auto 0.5em;
    gap: 0.5em;
}
#infoSec .linkList .linkListBox li{width: auto;text-align: center;display: grid;}
#infoSec .linkList .linkListBox a{position:relative;/* background:#3f3a51; */color: #3f3a51;padding: 0.25em 0em;border-radius:4em}



/* お知らせ欄 */
#newsSec{background: #f7f7f7;}
#newsSec .newsBox{background:#fff;margin-bottom:2%;}

#newsSec .newsBox .newsImg{
    position: relative;
}
#newsSec .newsBox.hover .newsImg:after{
	content:"";
	position: absolute;
	width:28px;
	height:28px;
	background-image: url("../images/247/icon_arrow.png");
	right: 10px;
	bottom: 10px;
}
#newsSec .newsBox .newsTxt{
    display: grid;
    width: 90%;
    margin: 1em auto;
}
#newsSec .newsBox .newsTxt .newsType{
    order: 1;
    color:#c9a67f;
    /* line-height: 1em; */
    margin-bottom: 0;
}
#newsSec .newsBox .newsTxt .newsType:before{
	content:"";
	display:inline-block;
	width: 0.8em;
	height: 0.8em;
	background:#c9a67f;
	border-radius:1em;
	margin-right: 0.25em;
}
#newsSec .newsBox .newsTxt h3{
    order: 2;
    font-size: 1.115em;
    line-height: 1.3em;
    height: 2.8em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 0;
}
#newsSec .newsBox .newsTxt .subTxt{
    order: 3;
    font-size: 0.85em;
}


#newsSec .notice{
    text-align: center;
    margin: 2.5em auto;
}
#newsSec .notice a{
    padding: 1em 4em;
    border: 1px solid;
    color: #c80b4d;
    background:#fff;
    font-weight: bold;
    font-size: 120%;
    position: relative;
    transition:0.2s ease-in-out;
}
#newsSec .notice a:after{content:"▶";position:relative;margin-left: 0.5em;}
#newsSec .notice a:hover{background:#c80b4d;color:#fff;}
#newsSec .renewTxt{text-align:center;}


ul.conts3{gap: 2% 2%;}
ul.conts3 li{width:32%;height: auto;}
ul.conts2 li{width:49%;}
ul.conts2 li.pickupBnr{width:100%;}
ul.conts2 li.oddLastChild{/* margin: 0 auto; */}
.h2Box .h2SubTxt{color:#c9a67f;font-weight:bold}


/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#gymsArea{/* background:#F1E5E6; */margin-top: 0;padding-top:50px;}
#gymsAreaInner{width:1000px;margin:0 auto;display: flex;justify-content: space-between;}
#gymsLinlUl{text-align:center;padding: 1.5em 0;margin-top: 2em;background: #eee;}
#gymsLinlUl li{ display:inline-block; padding:0 14px; font-size:90%; border-right:#999 solid 1px;}
#gymsLinlUl li:first-child{ border-left:#999 solid 1px;}
#copyright{background: #e8355d;color:#FFF;text-align:center;font-size:80%;padding:20px 0;margin: 0;/* border-top:#FC3 solid 1px; */}

#gymsInfo{/* float:left; */width:405px;color: #333;}
#gymsInfo h2{margin-bottom:15px;font-size: 160%;}
#gymsInfo p{color: #333;}
#gymsInfo .address a{color: #333;}
#gymsInfo .address{margin-bottom: 1em;}
#gymsInfo .address strong{font-size:125%;}

#gymsInfo .infoList{margin-bottom:2em}
#gymsInfo .infoList li{
    margin-bottom: 1.6em;
    padding-left: 1em;
}
#gymsInfo .infoList li:last-child{
    margin-bottom:0;
}
#gymsInfo .txt{margin:0 0 0.2em}
#gymsInfo .infoList .txt strong{font-size:100%}

#gymsInfo dl{margin-bottom:20px;color: #333;}
#gymsInfo dl.facility{display:flex;margin-bottom: 0.2em;}
#gymsInfo dl.facility dt,
#gymsInfo dl.facility dd{margin:0}
#gymsInfo dl.facility dt{
    width: 10em;
    font-weight: normal;
}
#gymsInfo dl.facility dd{}

#gymsInfo .btn_link-gym {margin: 0 0 0 1em;display: inline-block;}
#gymsInfo .btn_link-gym a{color: #fff;}
#gymsInfo .btn_link-gym a:before,
#gymsInfo .btn_link-gym a:after {}

#gymsInfo .btn_link-gym a:before {}

#gymsInfo .btn_link-gym a:after {}

#gymsMap{width:552px;/* height:322px; *//* border:#D78030 solid 1px; */margin: 0 0 5px 0;}

#gymsMap .accessInfo{
    width: 97%;
    margin: 1em auto;
    color: #333;
}
#gymsMap .accessInfo dd{
    margin-left: 10px;
    margin-top: 5px;
}