@charset "utf-8";
/* CSS Document */
html {
	scroll-behavior: smooth;
}
#pcContact {
	z-index: 99;
}

.reco-jump {
	position: fixed;
	z-index: 99;
	top: 100px;
	right: 0;
	padding: 1em;
	color: #ffffff;
	font-weight: 900;
	background-color: #E34A00;
	writing-mode: vertical-rl;
	border-radius: 5px 0px 0px 5px;
	line-height: 1;
}
.reco-jump a {
	text-decoration: none;
	color: #ffffff;
}

/* TOP CATCH */
.shop-topcatch {
	position: relative;
	width: 100%;
/*
	height: 100vh;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
*/
	margin-bottom: 6em;
}
/*
.shop-topcatch:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: calc(100% - 4em);
	height: calc(100% - 4em);
	margin: 2em;
	border: 2px solid #f59300;
	box-sizing: border-box;
}
.shop-topcatch:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.6);
}
*/
.shop-topcatch > div {
	z-index: 4;
}
.topcatch-logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
}
/*
.azaminotop {
	background-image: url("../images/shop_pic/topcatch/top-bg-azamino.jpg");
}
.nakaharatop {
	background-image: url("../images/shop_pic/topcatch/top-bg-azamino.jpg");
}
*/
.shop-topcatch h1 {
	color: #ffffff;
	line-height: 1;
}
.shop-topcatch h1 span {
	font-size: 14px;
}
.price-in h1,
.price-in h2,
.price-in h3,
.price-in h4 {
	font-family: 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
	font-weight: 900;
	margin-bottom: 2em;
}


/* COMMON */
main * {
	/*border: 1px dashed red;*/
}
.spbr {
	display: none;
}
.shop-k * {
	/*border: 1px dashed red;*/
}
.shop-k {
	color: #666666;
}
.shop-k h2,
.pu-con h2 {
	font-size: 32px;
	line-height: 1;
	margin-bottom: 2em;
}
.shop-k h2 span,
.pu-con h2 span {
	font-size: 16px;
	text-transform: uppercase;
}
.shop-k h2:after,
.pu-con h2:after {
	content: "";
	display: block;
	width: 10%;
	height: 3px;
	margin: .5em auto;
	background-color: #f59300;
	border-radius: 2px;
}
.shop-k h3 {
	margin: 0;
	font-size: 24px;
	margin-bottom: 1em;
}
.shop-k h3 span {
	font-size: 18px;
}
.shop-k h4 {
	margin: 0;
}
.shop-k ul,
.shop-k li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
}
.shop-k > section {
	width: calc(100% - 2em);
	max-width: 1200px;
	margin: auto;
	padding: 1em;
}
.shop-k hr {
	margin: 2em 0;
}

.detail-btn {
	margin-bottom: 6em;
}
.detail-btn a {
	display: inline-block;
	text-decoration: none;
	color: #ffffff;
	font-size: 20px;
	font-weight: 900;
	background-color: #f59300;
	padding: 1em;
	border-radius: .5em;
	transition: all .5s ease;
}
.detail-btn a:hover {
	background-color: #E34A00;
}
.centering {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%), translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.centering-h {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.centering-v {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* Strength */
.shop-k > .shop-strengths {
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin-bottom: 6em;
}
/* POINT */
.point-k {

}
/*
.point-k-in {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	line-height: 1;
}
.point-k-in > div {
	font-weight: 900;
	width: calc(50% - 3em);
	padding: 1em;
	margin-bottom: 1em;
	background-color: #ffffff;
	border: 4px solid #ffda63;
	border-radius: 2em;
}
*/
/*
.po-k-right,
.po-k-left {
	position: relative;
	width: 100%;
	aspect-ratio: 4/1;
}
*/
.po-k-box {
	position: relative;
	width: 100%;
	aspect-ratio: 4/1;
}
.po-k-txt,
.po-k-bg {
	position: absolute;
	height: 100%;
	border: 10px solid #ffffff;
	box-sizing: border-box;
}
.po-k-box:nth-child(odd) .po-k-txt,
.po-k-box:nth-child(odd) .po-k-bg {
	/*right: 0;*/
	left: 0;
}
.po-k-box:nth-child(even) .po-k-txt,
.po-k-box:nth-child(even) .po-k-bg {
	/*left: 0;*/
	right: 0;
}
.po-k-txt {
	z-index: 2;
	width: 60%;
	color:  #ffffff;
	font-weight: 900;
	background-color: rgba(0,0,0,.6);
	backdrop-filter: blur(2px);
}
.po-k-txt .centering {
	width: 100%;
}
.po-k-txt h3 {
	width: 90%;
	margin: auto;
	border-bottom: 1px solid #ffffff;
}
.po-k-txt h3 span {
	font-size: 14px;
	background-color: rgba(255, 241, 0, .5);
	padding: 2px 4px;
}
.po-k-txt p {
	font-size: 16px;
}
.po-k-bg {
	z-index: 1;
	width: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
/* Azamino */
.po-k-bg.az001 {background-image: url(../images/shop_pic/po-bg/az001.jpg);}
.po-k-bg.az002 {background-image: url(../images/shop_pic/po-bg/az002.jpg);}
.po-k-bg.az003 {background-image: url(../images/shop_pic/po-bg/az003.jpg);}
.po-k-bg.az004 {background-image: url(../images/shop_pic/po-bg/az004.jpg);}
.po-k-bg.az005 {background-image: url(../images/shop_pic/po-bg/az005.jpg);}
.po-k-bg.az006 {background-image: url(../images/shop_pic/po-bg/az006.jpg);}
/* Matsudo */
.po-k-bg.mt001 {background-image: url(../images/shop_pic/po-bg/mt001.jpg);}
.po-k-bg.mt002 {background-image: url(../images/shop_pic/po-bg/mt002.jpg);}
.po-k-bg.mt003 {background-image: url(../images/shop_pic/po-bg/mt003.jpg);}
.po-k-bg.mt004 {background-image: url(../images/shop_pic/po-bg/mt004.jpg);}
.po-k-bg.mt005 {background-image: url(../images/shop_pic/po-bg/mt005.jpg);}
.po-k-bg.mt006 {background-image: url(../images/shop_pic/po-bg/mt006.jpg);}
/* Ichikawa */
.po-k-bg.ic001 {background-image: url(../images/shop_pic/po-bg/ic001.jpg);}
.po-k-bg.ic002 {background-image: url(../images/shop_pic/po-bg/ic002.jpg);}
.po-k-bg.ic003 {background-image: url(../images/shop_pic/po-bg/ic003.jpg);}
.po-k-bg.ic004 {background-image: url(../images/shop_pic/po-bg/ic004.jpg);}
.po-k-bg.ic005 {background-image: url(../images/shop_pic/po-bg/ic005.jpg);}
.po-k-bg.ic006 {background-image: url(../images/shop_pic/po-bg/ic006.jpg);}
/* Musashinakahara */
.po-k-bg.mn001 {background-image: url(../images/shop_pic/po-bg/mn001.jpg);}
.po-k-bg.mn002 {background-image: url(../images/shop_pic/po-bg/mn002.jpg);}
.po-k-bg.mn003 {background-image: url(../images/shop_pic/po-bg/mn003.jpg);}
.po-k-bg.mn004 {background-image: url(../images/shop_pic/po-bg/mn004.jpg);}
.po-k-bg.mn005 {background-image: url(../images/shop_pic/po-bg/mn005.jpg);}
.po-k-bg.mn006 {background-image: url(../images/shop_pic/po-bg/mn006.jpg);}
/* Mitaka */
.po-k-bg.mk001 {background-image: url(../images/shop_pic/po-bg/mk001.jpg);}
.po-k-bg.mk002 {background-image: url(../images/shop_pic/po-bg/mk002.jpg);}
.po-k-bg.mk003 {background-image: url(../images/shop_pic/po-bg/mk003.jpg);}
.po-k-bg.mk004 {background-image: url(../images/shop_pic/po-bg/mk004.jpg);}
.po-k-bg.mk005 {background-image: url(../images/shop_pic/po-bg/mk005.jpg);}
.po-k-bg.mk006 {background-image: url(../images/shop_pic/po-bg/mk006.jpg);}
/* Honmoku */
.po-k-bg.hm001 {background-image: url(../images/shop_pic/po-bg/hm001.jpg);}
.po-k-bg.hm002 {background-image: url(../images/shop_pic/po-bg/hm002.jpg);}
.po-k-bg.hm003 {background-image: url(../images/shop_pic/po-bg/hm003.jpg);}
.po-k-bg.hm004 {background-image: url(../images/shop_pic/po-bg/hm004.jpg);}
.po-k-bg.hm005 {background-image: url(../images/shop_pic/po-bg/hm005.jpg);}
.po-k-bg.hm006 {background-image: url(../images/shop_pic/po-bg/hm006.jpg);}
/* Concept */
.cncpt-k-outer {
}
.cncpt-k {
	text-align: left;
}
.cncpt-k-1st {

}
.cncpt-k-1st span {
	color: #f59300;
	font-size: 20px;
	font-weight: 900;
}
.cncpt-k-2nd {

}

/* Movie */
.mo-yt {
}
.mo-yt-in {
	width: 100%;
}
.mo-yt-in iframe {
	width: 100%;
	aspect-ratio: 16/9;
}

/* COACH */
.coach-k-in {
	position: relative;
	aspect-ratio: 16/9;
	background-image: url(../images/shop_pic/coach_body_pc_2.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 2em;
}
.coach-k-in > div {
	width: calc(100% - 2em);
	/*margin: 0 -1em;*/
	padding: 1em;
	background-color: rgba(0,0,0,.5);
	color: #ffffff;
	font-weight: 900;
}

/* Facilities */
.faci-k-outer {
}
.faci-k {
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
}
.faci-k-bk {
	position: relative;
	width: 30%;
	text-align: center;
	/*padding: 1em;*/
	margin-bottom: 2em;
}
.faci-k-bk h4 {
	position: absolute;
	bottom: 0;
	display: block;
	width: calc(100% - 1em);
	padding: .5em;
	color: #fff;
	text-shadow: 0 0 2px #000000;
	background-color: rgba(235, 097, 0, .8);
	border-radius: 0 0 1em 1em;
	border-top: 2px solid #ffffff;
}
.faci-k-bk > div {
	border-radius: 1em;
	overflow: hidden;
	box-shadow: 1px 1px 4px #59493f;
}
.faci-k-bk > div img {
	vertical-align: bottom;
}
.faci-k-bk p {

}

/* Lesson */
.lesson-k-outer {

}
.lesson-k {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 2em;
}
.lesson-k > div {
	position: relative;
	width: 33.3%;
	aspect-ratio: 1/1;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.lesson-k > div img {
	object-fit: cover;
	display: block;
}
.lesson-k > div > div {
	width: 100%;
	z-index: 2;
}
.lesson-k > div > div:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.3);
}


/* Price */
.plan-k-outer {

}

.plan-k,
.plan-k-4 {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.price-in .plan-k {
	justify-content: center;
}
.plan-k-4 {
	flex-wrap: wrap;
}
.plan-k > div,
.plan-k-4 > div {
	display: flex;
	flex-flow: column;
	justify-content: center;
	padding: 1em;
	background-color: #f59300;
	border-radius: 1em;
	margin: .5em;
}
.plan-k > div {
	width: calc(30% - 1em);
}
.price-in .plan-k > div {
	margin: .5em;
}
.plan-k-4 > div {
	width: calc(46% - .5em);
	margin-bottom: 1em;
}
.plan-k-1st {
	color: #ffffff;
	/*padding: 0 1em 1em 1em;*/
}
.plan-k-1st h3 {
	font-size: 20px;
	border: 0;
	/*border-bottom: 2px solid #ffffff;*/
	margin-bottom: 1em;
}
.plan-k-1st hr {
	width: 100%;
	border: 2px solid #ffffff;
	margin: 0;
	margin-bottom: 1em;
}
.plan-k-1st .prices {
	color: #666666;
	font-size: 16px;
	text-align: center;
	margin-bottom: 1em;
	background-color: #ffffff;
	border-radius: 1em;
	padding: .5em;
}
.plan-k-1st .prices > p {
	margin: 0;
}
.plan-k-1st .prices .taxout {
	font-size: 36px;
	font-weight: 900;
	color: #c44005
}
.plan-k-1st .prices .taxin {
	color: #666666;
}
.plan-k-1st .prices .taxin > span,
.plan-k-1st .prices .taxout > span {
	font-size: 14px;
}
.plan-k-2nd {
	padding: 1em;
	background-color: #ffffff;
	border-radius: 1em;
}
.plan-k-2nd hr {
	border: 0;
	border-bottom: 1px dotted #555555;
	margin: 1em 0;
}
.plan-k > div p
.plan-k-4 > div p {
	margin: 0.5em 0 0;
}
.plan-k > div .cap,
.plan-k-4 > div .cap {
	margin: 0;
	/*font-size: 120%;*/
	/*line-height: 1.3;*/
}
.plan-k ul,
.plan-k-4 ul {
	display: inline-block;
}
.plan-k-2nd-02 ul {
	font-size: 12px;
}
.plan-k-2nd-02 li:before{
	content: "☑";
	color: #E34A00;
	margin-right: 3px;
}
.plan-k-2nd-03 h4 {
	color: #ffffff;
	background-color: #E34A00;
	padding: .5em;
	margin-bottom: 1em;
	border-radius: 1.5em;
}
.plan-k-2nd-03 table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
.plan-k-2nd-03 th,
.plan-k-2nd-03 td {
	font-size: 14px;
	text-align: left;
	padding: 4px;
}
.plan-k-2nd-03 table hr {
	margin: 0;
}
/* Shop Information */
#info-k {

}
.info-k-in {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
}
.info-k-in > div {
	width: 100%;
}
.text-k {

}
.text-k dl {
	text-align: left;
}
.text-k dl hr {
	width: 100%;
	border: 0;
	border-bottom: 1px dotted #cccccc;
}
.text-k dt {
	float: left;
	padding: .5em;
}
.text-k dd {
	margin-left: 5em;
	padding: .5em;
}
.shoppic-k {

}

/* Pick up */
.pu-con {
}

.pu-con-2c,
.pu-con-4c {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.pu-con-2c > div {
	width: 49%;
	margin-bottom: .5em;
}

.pu-con-4c > div {
	width: 24%;
	margin-bottom: .5em;
}



@media screen and (max-width:1024px){
	.po-k-right,
	.po-k-left {
		aspect-ratio: 3/1;
	}
}


@media screen and (max-width:840px){
	.po-k-box {
		aspect-ratio: 2/1;
	}
	.po-k-right,
	.po-k-left {
		aspect-ratio: 5/2;
	}
	.po-k-txt {
		width: 100%;
		backdrop-filter: blur(0);
	}
/*
	.po-k-bg {
		width: 60%;
	}
*/
	.po-k-bg {
		width: 100%;
	}
	.plan-k > div {
		width: calc(45% - 1em);
	}
}

@media screen and (max-width:640px){

	.reco-jump {
		padding: .5em;
	}
	.reco-jump a {
		font-size: 12px;
	}
	.spbr {
		display: block;
	}
	header nav {
		display: none;
	}
	.shop-topcatch > div {
		width: 100%;
	}
	.shop-topcatch:before {
		width: calc(100% - 2em);
		height: calc(100% - 2em);
		margin: 1em;
	}
	.po-k-right,
	.po-k-left {
		aspect-ratio: 5/3;
	}
	.po-k-txt h3 {
		font-size: 18px;
	}
/*
	.po-k-bg {
		width: 100%;
	}
*/
/*
	.point-k-in > div {
		width: calc(50% - 2em);
		padding: .5em;
		font-size: 12px;
	}
*/
	.faci-k-bk {
		width: 48%;
		margin-bottom: 2em;
	}
	.plan-k,
	.plan-k > div,
	.plan-k-4,
	.plan-k-4 > div {
	}
	.plan-k,
	.plan-k-4 {
		display: block;
	}
	.plan-k > div,
	.plan-k-4 > div,
	.price-in .plan-k > div,
	.price-in .plan-k-4 > div {
		width: calc(100% - 2em);
		margin: auto;
		margin-bottom: 1em;
	}

	.info-k-in {
		display: block;
	}

	.pu-con-2c > div {
		width: 100%;
	}
	.pu-con-4c > div {
		width: 49%;
	}

}

/* 内部ページ */

/* 料金ページ */
.compare-list {
	width: 100%;
	/*max-width: 980px;*/
	margin: auto;
}
.com-icon {

}
.com-icon-list {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.com-icon-list > div {
	margin: 1em;
	font-size: 12px;
}
.com-icon-list > div > div {
	width: 80px;
	height: 80px;
	border-radius: 4px;
	background-color: #d4c4ab;
	margin: auto;
	font-size: 10px;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	transition: all .5s ease;
}

.com-tbl {
	overflow-x: scroll;
}
.com-tbl table {
	position: relative;
	width: 100%;
	/*max-width: 980px;*/
	margin: auto;
	border-collapse: separate;
	border-spacing: 2px;
	background-color: #aaaaaa;
}
.com-tbl th,
.com-tbl td {
	padding: .5em;
	white-space: nowrap;
}
.com-tbl th {
	font-size: 14px;
	background-color: #d4c4ab;
}
.com-tbl td {
	font-size: 20px;
	font-weight: 900;
	background-color: #ffffff;
}
.com-tbl td p {
	font-size: 14px;
	font-weight: 400;
}
.com-tbl .stk {
	position: sticky;
	left: 0;
	z-index: 2;
	border: 1px solid #aaaaaa;
	max-width: 140px;
	white-space: nowrap;
}
.com-tbl .stk p {
	white-space: wrap;
}
td.co-tb-price {
	font-size: 20px;
	white-space: nowrap;
	color: #eb6100;
	line-height: 1;
}
td.co-tb-price span {
	font-size: 14px;
}
.co-tb-taxin {
	color: #666666;
	font-size: 12px;
	margin-top: 1em;
}
/*
.fa-icons-top,
.fa-icons {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.fa-icons-top > div,
.fa-icons > div {
	position: relative;
	background-color: #d4c4ab;
	margin: .5em;
	font-size: 10px;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	transition: all .5s ease;
}
.fa-icons-top > div {
	width: 40px;
	height: 40px;
	border-radius: 4px;
}
.fa-icons > div {
	width: 24px;
	height: 24px;
	border-radius: 2px;
}
.fa-icons-top > div:hover .fkds,
.fa-icons > div:hover .fkds {
	display: inline;
}
.fkds {
	position: absolute;
	z-index: 99;
	left : 0;
	bottom: 100%;
	display: none;
	padding: 2px;
	font-weight: 900;
	background-color: rgba(255, 255, 255, 0.8);
	border: 1px solid #666666;
	border-radius: 4px;
	white-space: nowrap;
}
div.fa-i-gym {
	background-image: url(../images/shop_pic/fa-icons/gym.png);
}
div.fa-i-spa {
	background-image: url(../images/shop_pic/fa-icons/bath.png);
}
div.fa-i-gnbn {
	background-image: url(../images/shop_pic/fa-icons/ganban.png);
}
div.fa-i-stdo {
	background-image: url(../images/shop_pic/fa-icons/studio.png);
}
div.fa-i-hstdo {
	background-image: url(../images/shop_pic/fa-icons/yoga.png);
}
div.fa-i-pool {
	background-image: url(../images/shop_pic/fa-icons/pool.png);
}
div.fa-i-sauna {
	background-image: url(../images/shop_pic/fa-icons/sauna.png);
}
div.fa-i-shower {
	background-image: url(../images/shop_pic/fa-icons/shower.png);
}
div.fa-i-24h {
	background-image: url(../images/shop_pic/fa-icons/24h.png);
}
*/

.com-tbl2 {

}
table.com-tbl2 {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
table.com-tbl2 th,
table.com-tbl2 td {
	font-size: 14px;
	text-align: left;
	padding: 4px;
}
table.com-tbl2 th {
	background-color: #ffffff;
}
table.com-tbl2 hr {
	margin: 0;
	border: 0;
	border-bottom: 1px dotted #666666;
}

@media screen and (max-width:640px){
	.com-tbl table {
		border-spacing: 1px;
	}
}