html{
	font-size: 62.5%;
}


body{
	font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	line-height: 1.6;
	font-size: 1.5rem;
	min-width: 320px;
}


img {
	width: 100%;
}

.container-center {
	max-width: 100%;
	text-align: center;
}

.center {
	margin: 0 auto;
	max-width: 1160px;
}


/* aタグ */
a {
	color: #040000;
	text-decoration: none;
}

a:hover {
	color: #aaaaaa;
	text-decoration: none;
}

a:hover img {
	opacity: 0.8;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";}

.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
}

.flex {
	display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  justify-content: space-between;
	flex: 0 0 100%;
	flex-wrap: wrap;
}

.res{
	display: block;
}

.res > .wd30,
.res > .wd40,
.res > .wd50,
.res > .wd60,
.res > .wd70,
.res > .wd80{
	width: 100%;
	}

@media (min-width: 959px) {
.res{display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.res > .wd30{width: 29%;}
.res > .wd40{width: 39%;}
.res > .wd50{width: 49%;}
.res > .wd60{width: 59%;}
.res > .wd70{width: 69%;}
.res > .wd80{width: 79%;}
}

.tac{
	text-align: center;
}
.tal{
	text-align: left;
}
.tar{
	text-align: right;
}




/* 汎用 */
.sans-serif{
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

.dsn { display: none; }


.wd90{width: 90%;}
	.wd80{width: 80%;}
	.wd70{width: 70%;}
	.wd60{width: 60%;}
	.wd50{width: 50%;}
	.wd40{width: 40%;}
	.wd95{width: 96%;}
	.wd30{width: 30% ;}



.mb0 { margin-bottom: 0px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb100 { margin-bottom: 100px; }

.pt10 { padding-top: 10px;; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt50 { padding-top: 50px; }
.pb10 { padding-bottom: 1vw; }
.pb20 { padding-bottom: 2vw; }
.pb30 { padding-bottom: 3vw; }
.pb40 { padding-bottom: 4vw; }
.pb50 { padding-bottom: 5vw; }
.pr10 { padding-right: 1vw; }
.pr20 { padding-right: 2vw; }
.pr30 { padding-right: 3vw; }
.pr50 { padding-right: 5vw; }
.pr60 { padding-right: 6vw; }
.pr80 { padding-right: 8vw; }
.pl10 { padding-left: 1vw; }
.pl20 { padding-left: 2vw; }
.pl30 { padding-left: 3vw; }
.pl50 { padding-left: 5vw; }
.pl60 { padding-left: 6vw; }
.pl80 { padding-left: 8vw; }




/* header */
header{
	background-color: #fff;
	padding: 5px;
/*
	position: -webkit-sticky;
	position: sticky;
*/
  top: 0px;
  z-index: 100;
  background:rgba(255,255,255,0.9);
}
#logo{
	width: 40%;
	 height: auto;
	 max-width: 350px;
	min-width: 250px;
	 vertical-align:middle;
	 padding: 7px 5px 5px;
	 }


/* footer */
.footer-link {
	display: flex;
	padding:30px 5% 15px;
	background-color: #EEEDED;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
}

.footer-link > li {
	font-size: 1.6rem;
	width: 48%;
	border-bottom: 1px solid #B4B5B5;
	margin-bottom: 15px;
	font-weight: 200;
}

.footer-link > li a{
	display: block;
	padding-left: 20px;
}

.copyright {
	background-color: #4D4D4D;
	color: #fff;
	font-size: 1.2rem;
	line-height: 4;
	padding-left: 5%;
	}

footer .arrow{
	position: relative;
	display: inline-block;
}

footer .arrow::before{
	content: '';
	transform: rotate(45deg);
  position: absolute;
  top: 31%;
  left: 0;
  width: 0.9rem;
  height: 0.9rem;
  border-top: 0.08rem solid #E65504;
  border-right: 0.08rem solid #E65504;
}








/*-------------------------
 * キッズ
 *-------------------------*/


/*-------- kids 全般-------*/

.marumoji,
#kids{
	font-family: "M PLUS Rounded 1c";
}


.kids-program{
	background-color:#BDE2F6;
	text-align: center;
	padding-top: 30px;
	margin-top: 30px;
	padding-bottom: 30px;
}

.kids-program-ttl{
	font-size: 28px;
	color: #fff;
	width: 80%;
	padding: 3px;
	background-color: #DF0012;
	border:  4px solid #FFEE00;
	margin: 0 auto;
	border-radius: 100px;
}


/* ------ キッズイベント　------ */
.kids-event{
	background-color: #FFF9D0;
	border-bottom: 10px solid #F5B2B2;
}

.kids-event2{
	background-color: #FCD7A1;
	border-bottom: 10px solid #FCD7A1;
	margin-top: 20px;
	margin-bottom: 30px;
}



/* ------ キッズスイミング　------ */
.kids-swimming{
	background-color: #87C9EE;
	padding-top:20px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
}

.kids-swimming-ttl-eng{
	color: #fff;
	letter-spacing: 3px;
	font-weight: bold;
}
.kids-swimming-ttl{
	color: #0068B4;
	font-size: 28px;
}

.kids-swimming-timeschedule-area{
	background-color: #BDE2F6;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 30px;
}

.kids-swimming-timeschedule-inner{
	background-color: #fff;
	width: 92%;
	border-radius: 15px;
	margin: auto;
}

/* ------ キッズスイミングの特徴　------ */
.kids-swimming-point{
	border-bottom: 20px #BDE2F6 solid;
	border-top: 20px #0079BD solid;
}
.kids-swimming-point-box{
	padding-top: 50px;
	padding-bottom: 50px;
	color: #fff;
	background-color: #0079BD;
}
.kids-swimming-point-box b{
	color: #FFF100;
	font-weight: 300;
}
.kids-swimming-point-box:nth-child(even){
	background-color: #005BA4;
}

.kids-swimming-point-icon{
	background-color: #E75563;
	padding: 3px 10px;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
}

.kids-swimming-point-ttl{
	font-size: 3rem;
	color: #fff;
}

.wappen-wrap{
	display: block;
}

.wappen{
	width: 70%;
	max-width: 300px;
	margin: auto;
	padding-top: 20px;
}
@media (min-width: 959px) {
.wappen-wrap{
	display: flex;
	width: 90%;
	margin: auto;
}
.wappen{
	width: 80%;
	margin: auto;
	padding-top: 5px;
}
.wappen img{
	width: 90%;
}

}



/* ------ キッズプログラム一覧　------ */
.kids-other-program-ttl-box{
	padding-top: 30px;
	text-align: center;
	padding-bottom: 30px;
}

.kids-other-program-ttl{
	font-size: 27px;
	color: #1FA94D;
}

.kids-other-program-box{
	background-color: #BAE3F9; /*-- ブルー --*/
	color:#00A0E9; /*-- ブルー --*/
	font-weight: bold;
	padding-top: 5px;
	margin-top: 5px;
}


.kids-other-program-name{
	padding: 0 20px;
	font-size: 33px;
	line-height: 37px;
	padding-top: 20px;
}

.kids-other-program-info-box{
	display: flex;
	align-items:flex-end;
	padding-bottom: 20px;
	justify-content:space-between;
}
.kids-other-program-info{
	color:#000;
	font-size: 12px;
	font-weight: normal;
	padding: 0 20px;
	width: 60%;
}

 .kids-other-program-info-right{
	width:140px;
}

.kids-other-program-price{
	font-size: 33px;
	line-height: 1.1;
	font-weight: 800;
	margin-bottom: -10px;
	text-align: left;
	padding-right: 3px;
}

.kids-other-program-price span{
	font-size: 15px;
}

.kids-other-program-times-wrap{
	width: auto;
	text-align: left;
	margin-left: 0;
	margin-right: auto;
}

.kids-other-program-times{
	background-color: #00A0E9;
	color: #fff;
	border-radius: 20px;
	padding: 0px 20px;
	font-size: 13px;
	text-align: right;


}

/* ------ キッズプログラム　カラー設定 ------ */
/*-- ダンス --*/
.kids-other-program-box.kids-dans{
	background-color: #FAE5C2; /*-- オレンジ --*/
	color:#E35504; /*-- オレンジ --*/
}
.kids-other-program-box.kids-dans .kids-other-program-times{
	background-color:#E35504; /*-- オレンジ --*/
}

/*-- 体操 --*/
.kids-other-program-box.kids-taiso{
	background-color: #E7EFCA; /*-- みどり --*/
	color:#1FA94D; /*-- みどり --*/
}
.kids-other-program-box.kids-taiso .kids-other-program-times{
	background-color:#1FA94D;/*-- みどり --*/
}

/*-- バレイ --*/
.kids-other-program-box.kids-bare{
	background-color: #F7DBE6; /*-- ピンク --*/
	color:#E75563; /*-- ピンク --*/
}
.kids-other-program-box.kids-bare .kids-other-program-times{
	background-color:#E75563; /*-- ピンク --*/
}

/*-- 空手 --*/
.kids-other-program-box.kids-karate{
	background-color: #D8E1F0; /*-- ブルー --*/
	color:#005BA4; /*-- ブルー --*/
}
.kids-other-program-box.kids-karate .kids-other-program-times{
	background-color:#005BA4;
	}






/* ----- 特典カード ----- */
.tokuten{
	position: relative;
	background-color: #FFF9D0;
}

.tokuten-img{
	position: absolute;
	top: 20%;
	left: -6%;
	width: 112%;
}

.taiken{
	padding: 30px 4%;
	text-align: center;
	background-color: #FFF9D0;
}

.taiken-hukukai{
	color: #DF0012;
	border-left: 4px solid #DF0012;
	border-right: 4px solid #DF0012;
	width: 76%;
	margin: 0 auto;
	font-size: 1.5rem;
	text-align: center;
	margin-top: 20px;
}

.taiken-card{
	width:100%;
	margin: 0 auto;
	padding-bottom: 10px;
	background-color: #F7DBE6;
	border: 4px solid #E75563;
}

.taiken-card-ttl{
	background-color: #E75563;
	margin-top: 8px;
	color: #FFEA00;
	font-size: 1.8rem;
	padding: 3px;
	font-weight: normal;
}
.taiken-card-price{
	font-size: 3.8rem;
	line-height: 1;
	color: #DF0012;
	font-weight: 800;
	position: relative;
	margin-top: 10px;
	letter-spacing: 5px;
}

.taiken-card-price span{
	font-size: 35px;
}

span.taiken-card-tax{
	position:absolute;
	top: 14px;
	left: calc(50% + 75px);
	color: #000;
	font-size: 15px;
	font-weight: 400;
}
.taiken-card-p{
	font-size: 18px;
	padding-top: 1.0rem;
	font-weight: 500;
}
.taiken-card-ttl-2{
	color: #DF0012;
	font-size: 3.5rem;
	font-weight: bold;
	line-height: 4.3rem;
}

.taiken-card-hukidashi{
	color: #DF0012;
	background-color: #FFEA00;
	padding: 8px 30px;
	margin:0 auto;
	margin-top: 3px;
	font-size: 27px;
	letter-spacing: 3px;
	line-height: 1;
	display: block;
	width: 220px;
	font-weight: 800;
	border-radius: 10px;
	position: relative;
}

.taiken-card-hukidashi:before{
  content: "";
  position: absolute;
  right: 0;
  top: -10px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: transparent transparent #FFEA00 transparent;
  border-width: 0 10px 10px 10px;
}

.taiken-card-wrap{
	position: relative;
	overflow: hidden;
	margin-top:20px;
	width: 100%;
}

.taiken-card-wrap.blue .taiken-card{
	background-color: #005BA6;
	border: 4px solid #002E60;
}

.taiken-card-wrap.blue  .taiken-card-ttl{
	background-color: #002E60;
}



.taiken-card-obi{
	position: absolute;
	transform: rotate(-45deg);
	width: 600px;
	height: 15px;
	background-color: #FFEA00;
	top: 0;
	left: -260px;
}

.taiken-card-obi-bottom{
	position: absolute;
	transform: rotate(-45deg);
	width: 600px;
	height: 15px;
	background-color: #FFEA00;
	bottom: 0px;
	right: -260px;
}

.adult-lesmills{
	background-color: black;
	margin-top: 30px;

}


/* ----- 店舗写真 ----- */
.photo-img{
	position: relative;
	height: 190px;
	padding-left: 30%;
	background-color: #000;
	margin-top: 10px;
	text-align: left;
	overflow: hidden;
}

.photo-img img{
	height: 190px;
	width: 100%;
	object-fit: cover;
}

.photo-img:before {
	position: absolute;
	content: '';
	left: 30%;
	top: 0px;
	width: 0;
	height: 0;
	border-left: solid 100px #000;
	border-top: solid 190px transparent;
	z-index: 2;
}

.photo-list-inner{
	position: absolute;
	top: 0px;
	left:0px;
	color: #fff;
	z-index: 3;
	width:55%;
	height: 100%;
	background:rgba(50,50,50,0.8);
}

.photo-list-en{
	color: #0094D7;
	font-size: 40px;
	line-height: 1;
	font-family: 'Bebas Neue', cursive;
	transform-origin: top left;
	padding-top: 18px;
	display: block;
}

.photo-list-ttl{
	display: block;
	background-color:#0094D7;
	padding-left: 5px;
	position: relative;
	width: 100%;
	font-size: 1.6rem;
	line-height: 22px;

}
.photo-list-ttl.min{
	transform: scale(0.6,1);
	width: 169%;
	margin-left: -33.3%;
}

.photo-list-ttl:after{
	position: absolute;
	content: '';
	left: 100%;
	top: 0px;
	width: 0;
	height: 0;
	border-left: solid 10px #0094D7;
	border-top: solid 22px transparent;
	z-index: 10;
}
.photo-list-text{
	font-size: 1.2rem;
	padding-top: 5px;
	line-height: 1.3;
	padding-right: 10px;
}


.photo-img:nth-child(odd) {
	padding-left: 0;
	padding-right: 30%;
}

.photo-img:nth-child(odd).photo-img:before{
	left:auto;
	right: 30%;
	border-left: none;
	border-right: solid 100px #000;
	border-top: solid 190px transparent;
}

.photo-img:nth-child(odd) .photo-list-inner{
	left:45%;
}

.photo-img:nth-child(odd) .photo-list-ttl{
	background-color:#DF0012;
	}

.photo-img:nth-child(odd) .photo-list-ttl:after{
	left: -10px;
	border-left: none;
	border-right: solid 10px #DF0012;
	}

.photo-img:nth-child(odd) .photo-list-en{
	color: #DF0012;
	}

.photo-list-en,
.photo-list-ttl,
.photo-list-text{
	padding-left: 10px;
}




/*-------------------------
 * 共通
 *-------------------------*/


/* ---------  メインボタン  -------- */
.btn-box{
	text-align: center;
}
.btn-go-area{
	background: #0079BD;
}

.btn-go{
	position: relative;
	background: #009DE6;
	z-index:1;
	color:#ffffff;
	width:96%;
	margin: 0 auto;
	display: block;
	height: 50px;
	line-height:50px;
	text-indent: 20px;
	font-size: 20px;
	letter-spacing: 2px;

}

.btn-go:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0px;
	width: 0;
	height: 0;
	border: none;
	border-left: solid 50px #0079BD;
	border-bottom: solid 50px transparent;
	z-index: 2;
}
.btn-go:after {
	position: absolute;
	content: '';
	right: 0;
	top: 0px;
	width: 0;
	height: 0;
	border: none;
	border-right: solid 50px #0079BD;
	border-top: solid 50px transparent;
	z-index: 2;
}

.btn-tel-area{
	border-bottom: 2px solid #009DE6;
}
.btn-tel-info{
	padding-top: 15px;
}
.btn-tel{
	font-size: 4rem;
	line-height: 4.5rem;
	font-weight: bold;
	letter-spacing: 2px;
	color: #009DE6;
	display: block;
	font-family: 'Bebas Neue', cursive;

}

.btn-tel-underline{
	height: 5px;
	background-color: #0079BD;
	margin-top: 10px;
}

.btn-tel-underline-center{
	width: 50%;
	height: 5px;
	margin: 0 auto;
	background-color: #fff;
	position: relative;
	z-index:1;
}

.btn-tel-underline-center:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0px;
	width: 0;
	height: 0;
	border-left: solid 5px #0079BD;
	border-bottom: solid 5px transparent;
	z-index: 2;
}

.btn-tel-underline-center:after {
	position: absolute;
	content: '';
	right: 0;
	top: 0px;
	width: 0;
	height: 0;
	border-right: solid 5px #0079BD;
	border-top: solid 5px transparent;
	z-index: 2;
}

/* ---------  メインボタン  赤 -------- */
.btn-box.btn-red .btn-go-area{
	background: #A2080A;
}

.btn-box.btn-red .btn-go{
	background: #E20012;
}

.btn-box.btn-red .btn-go:before {
	border-left: solid 50px #A2080A;
	}

.btn-box.btn-red .btn-go:after {
	border-right: solid 50px #A2080A;
	}

.btn-box.btn-red .btn-tel-area{
	border-bottom: 2px solid #E20012;
}

.btn-box.btn-red .btn-tel{
	color: #E20012;
}

.btn-box.btn-red .btn-tel-underline{
	background-color: #A2080A;
	}

.btn-box.btn-red .btn-tel-underline-center:before {
border-left: solid 5px #A2080A;
}

.btn-box.btn-red .btn-tel-underline-center:after{
	border-right: solid 5px #A2080A;
}

/* ----- 詳細はこちら ----- */
.syosai-btn {
  text-align: center;
/*  padding-top: 30px;
  margin-top: 30px; */
  padding-bottom: 30px;
}
.syosai-btn-ttl {
  font-size: 2.8rem;
  color: #fff;
  width: 90%;
  padding: 5px;
  background-color: #E75563;
  margin: 0 auto;
  border-radius: 100px;
  font-family: monospace;
}

.syosai-btn-ttl.yellow {
  color: #E4007F;
  background-color: #FFF799;
}



/* ----- フッター店舗情報 ----- */
#footer-logo{
	width: 60%;
	max-width: 300px;
	margin: 0 auto;
	text-align: center;
	padding-top: 50px;
}
.shop-info{
	display: flex;
	flex-wrap: wrap;
	width: 90%;
	margin: auto;
}

.shop-info dt{
	width: 25%;

}
.shop-info dd{
	width: 75%;
}

.shop-info dt,
.shop-info dd{
	border-bottom: 1px solid #F6D5C2;
	padding : 15px 3px;
}

.shop-info dt:last-of-type,
.shop-info dd:last-child{
	border-bottom:none;
}

/* 地図 */
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 50vh;
position: relative;
width: 90%;
margin: auto;
margin-top: 30px;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 95%;
width: 100%;
}


/* 注意書き */
.attention{font-size: 1.1rem;text-align: left;}
.attention li{
	margin-left:1em;
 text-indent:-1em;
}
.attention li:before{
	content: "※";
}


/*--共通見出し--*/

.midashi{
	display: inline-block;
	color: #005BA7;
	border-bottom: solid 2px #F9D8C5;
	font-size: 40px;
	line-height: 0.9;
	width: 60%;
	transform-origin: top center;
	padding-top: 50px;
	font-family: 'Bebas Neue', cursive;
	margin-bottom: 5px;
}

/* -----入会に必要なもの -----*/
.guide-area{
	background-color: #D9DCEB;
	padding: 30px 5% 40px;
	margin-top: 30px;
}
.guide-list{
flex-wrap: wrap;
}
.guide-list li{
	width: 49%;
	min-height: 60px;
	border: 2px solid #005BA4;
	margin-top: 10px;
	background: #fff;
	display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap:inherit;
}

.guide-list li span{
	font-size: 20px;
	color: #005BA4;
	line-height: 1.1;
	display: block;
	font-weight: bold;
}

.guide-list li.wd100{
	width: 100%;
	margin: auto;

}

.guide-list li p{
	line-height: 1.1;
	font-size: 11px;
	color: #000;
}


/* ----- 会員種別 ----- */
.menbership-area{
	width: 90%;
	margin: auto;
}
.menbership-info{
	border: 4px solid #D9DCEB;
}
.menbership-info p{
	background-color: #D9DCEB;
	padding: 10px 5px 14px;
}
.mem-ttl{
	background-color: #005BA4;
	color: #fff;
	font-size: 20px;
	margin-top: 30px;
}

.menbership-info-list{
	display: flex;
	flex-wrap: wrap;
	padding: 15px 15px 5px;
}

.menbership-info-list dt{
	width: 25%;

	margin-bottom: 10px;
	color: #fff;
}

.menbership-info-list dt span{
	background-color: #005BA4;
	display: block;
}
.menbership-info-list dl{
	width: 75%;
	text-align: left;
	padding: 0 15px;
	margin-bottom: 10px;
	font-weight: bold;
}

.menbership-list li:nth-child(even) .menbership-info{
	border: 4px solid #D8E1F0;
}
.menbership-list li:nth-child(even) .menbership-info p{
	background-color: #D8E1F0;
}
.menbership-list li:nth-child(even) .mem-ttl{
	background-color: #0079BD;
}

.menbership-list li:nth-child(even) .menbership-info-list dt span{
	background-color: #0079BD;
}



/*-------------------------
 *　大人
 *-------------------------*/

/* ----- 1日体験してみませんか ----- */
.otona-taiken{
	background-color: #F29A76;
}
.otona-ttl{
	color: #FFF799;
	font-size: 50px;
	padding: 10px;
	text-align: center;
}

/* ----- 初めての方でも安心 ----- */
.otona-beginner{
	background-color: #F8D7C4;
	padding-bottom: 30px;
	margin-top: 30px;
	border-bottom: 20px solid #FBEDE5;
}

.otona-beginner-ttl{
	color: #E10012;
	font-size: 2.0rem;
	padding: 10px 10px 10px;
	text-align: center;
	letter-spacing: 2px;
}
.beginner{
	position: relative;
}

.beginner div{
	position: absolute;
	top: -10px;
	left: 2%;
	font-size: 1.7rem;
	line-height: 1.3;
	width: 50%;
}

/* ----- 安心サポート ----- */
.anshin-area{
	text-align: center;
	padding-top: 30px;
}


.anshin-ttl-wrap{
	background-color: #E85A34;
	width: 90%;
	margin: auto;
}
.anshin-ttl{
	position: relative;
	background: #E10012;
	z-index:1;
	color:#ffffff;
	width:90%;
	margin: 0 auto;
	display: block;
	height: 40px;
	line-height:40px;
	text-indent: 20px;
	font-size: 1.7rem;
	letter-spacing: 1px;

}
.anshin-ttl:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0px;
	width: 0;
	height: 0;
	border: none;
	border-left: solid 40px #E85A34;
	border-bottom: solid 40px transparent;
	z-index: 2;
/* 	background-color: #E85A34; */
/* 	padding-left: 10px; */
}
.anshin-ttl:after {
	position: absolute;
	content: '';
	right: 0;
	top: 0px;
	width: 0;
	height: 0;
	border: none;
	border-right: solid 40px #E85A34;
	border-top: solid 40px transparent;
	z-index: 2;
}

.anshin-sub-ttl{
	color: #000;
	font-size: 1.8rem;
	padding: 0 3px 3px 3px;
	border-bottom: solid 2px #E10012;
	line-height: 1.1;
}

.anshin-sub-ttl+p{
	font-size: 1.3rem;
	line-height: 1.6;
	padding-top: 5px;
	padding-right: 5px;
}


.anshin-program-list{
	list-style: none;
	padding-top:30px;

}

.anshin-program-list li{
	width: 24%;
	font-size: 1.2rem;
}





/* ----- レズミルズ ----- */
.resmills{
	background-color: #000;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.resmills-text{
	color: #E10012;
	text-align: center;

}

.resmills-text-wrap{
	position: relative;
	padding: 10px;
	margin: 15px 0 20px;
	border-top: 1px solid #E10012;
	border-bottom: 1px solid #E10012;
}

.resmills-text-wrap:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0px;
	width: 200px;
	height: 0;
	border-top: solid 4px #E10012;
	border-right: solid 5px ;
	z-index: 2;
}

.resmills-text-wrap:after {
	position: absolute;
	content: '';
	right: 0;
	bottom: 0px;
	width: 200px;
	height: 0;
	border-bottom: solid 4px #E10012;
	border-left: solid 5px ;
	z-index: 2;
}




/*-------------------------
 * レスポンシブ
 *-------------------------*/



@media (min-width: 959px) {
	.kids-other-program,
	.menbership-list{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.kids-other-program-box{
		width: 49.5%;
	}

	.menbership-list {
		justify-content: flex-start;
	}
	.menbership-list li{
		width: 32.5%;
		margin-left: 0.8%
	}

	/* 店舗写真 */
	.photo-img{
		height: 350px;
		padding-left: 20%;
	}

	.photo-img img{
	height: 350px;
	}
	.photo-img:before {
	left: 20%;
	border-left: solid 100px #000;
	border-top: solid 350px transparent;
	}

	.photo-list-inner{
		width:30%;
	}
	.photo-img:nth-child(odd) {
	padding-right: 20%;
}

	.photo-img:nth-child(odd).photo-img:before{
		right: 20%;
		border-right: solid 100px #000;
		border-top: solid 350px transparent;
	}
	.photo-img:nth-child(odd) .photo-list-inner{
	left:70%;
}

.kids-swimming-point-area{
	display: flex;
	flex-wrap: wrap;
}
.kids-swimming-point-box{
	width: 50%;
	min-height: 280px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.kids-swimming-point-box:nth-child(even){
	background-color: #0079BD;
}

.kids-swimming-point-box:nth-child(1),
.kids-swimming-point-box:nth-child(4){
	background-color: #005BA4;
}


.photo-list-en{
	font-size: 50px;
	padding-top: 120px;
	display: block;
}

/* 地図 */
.gmap {
padding-bottom: 35%;
}

/* 初めての方でも安心 */
.beginner div{
	bottom: 20px;
	right: 30px;
	font-size: 2.7rem;
	line-height: 1.6;
}

}



/* js-swith */
.tab-area {
  text-align: center;
  display: flex;
	width: 100%;
  justify-content: space-around;
  padding: 10px 1%;
  flex-wrap: wrap;
}

.tab-btn-toms{
	position: relative;
	margin-bottom: 12px;
	width: 45%;}

@media (min-width: 959px) {
	.tab-btn-toms {
		width: 24%;
	}
}

.tab-btn{
	border:5px solid #E10012;
	border-left: 10px solid #E10012;
	position: relative;
	height:80px ;
	width: 45%;
	min-width: 260px;
	margin-top: 15px;
}

.tab-btn:before{
	position: absolute;
	content: '';
	left: 0;
	top: 0px;
	width: 0;
	height: 0;
	border-bottom: solid 74px #E10012;
	border-right: solid 30px transparent;
	z-index: 2;
}

.tab-btn-text{
	font-size: 2.8rem;
	display: block;
	min-width: 130px;
	color: #E10012;
	font-weight: bold;
	line-height: 70px;
}

.tab-btn.kids{
	border-color: #00A0E9;
}

.tab-btn.kids:before{
	border-bottom: solid 74px #00A0E9;
}

.tab-btn.kids .tab-btn-text{
color:#00A0E9;
}

.tab-btn.soccer{
	border-color: #00A580;;
}

.tab-btn.soccer:before{
	border-bottom: solid 74px #00A580;
}

.tab-btn.soccer .tab-btn-text{
color:#00A580;
}

.tab-btn.tennis{
	border-color: #ED6C00;;
}

.tab-btn.tennis:before{
	border-bottom: solid 74px #ED6C00;
}

.tab-btn.tennis .tab-btn-text{
color:#ED6C00;
}

.tab-btn:hover{
	cursor: pointer;
	box-shadow: 0 10px 10px -5px rgba(0,0,0,0.5);
}

.js-switch-panel{
  display:none;
}

.js-switch-panel.js-switch-show{
  display:block;
}




.fc-bk{color: #000 !important;}