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

/* ------------------------------------------------------------

 * リニューアル用に追加 2019.01.18UP

------------------------------------------------------------ */

.common-section {
	color: #231815;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
	font-feature-settings: 'palt';
	font-size: 16px;
	font-size: 1.06vw;
	margin-bottom: 8.66%;
}

/* section-title */
.section-title {
	font-family: 'Ropa Sans', sans-serif;
	font-size: 2vw;
	letter-spacing: 0.1em;
	margin-bottom: 0;
	position: relative;
}
.section-title span {
	display: block;
	font-size: 0.76em;
    margin-bottom: -0.76em;
}
.section-title:after {
	background: #231815;
	content: '';
	display: block;
	height: 1px;
	position: absolute;
	bottom: 0; left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
    width: 15.66%;
}

/* section-lead */
.section-lead {
	line-height: 1.68;
	margin: 1.8% 0 0 0;
	text-align: center;
}

/* btn-normal */
.btn-normal p {
    width: 26.66%;
}
.btn-normal p a {
	background: #3e3a39;
	border-color: #3e3a39;
	border-radius: 0;
	font-size: 15px;
	font-size: 1vw;
	padding-left: 0;
	padding-right: 0;
}
.btn-normal p a:after {
	content: none;
}

/* CONCEPT
------------------------------*/

.shop-concept-area {
	margin: 4.33% 0 0 0;
	position: relative;
}
.shop-concept-area h3 {
	font-family: 'Ropa Sans', sans-serif;
	font-size: 30px;
	font-size: 2vw;
	letter-spacing: 0.2em;
	line-height: 1.37;
}
.shop-concept-area p {
	font-size: 18px;
	font-size: 1.2vw;
	letter-spacing: 0.1em;
	line-height: 2.1;
	margin: 1.2em 0 0 0;
}

/* image */
.shop-concept-area .image01 {
	position: relative;
	width: 735px;
	width: 49%;
	z-index: 1;
}
.shop-concept-area .image02 {
	margin: -7.33% 0 0 12.54%;
	width: 1312px;
    width: 87.46%;
}
.shop-concept-area .image03 {
	position: absolute;
	bottom: 0; right: 2%;
	width: 765px;
	width: 51%;
}
.shop-concept-area .image04 {
    margin: 2% 0 0 8%;
	width: 510px;
	width: 34%;
}

/* text */
.shop-concept-area .text01 {
	position: absolute;
	top: 1.46%; left: 52.66%;
}
.shop-concept-area .text02 {
	margin: 2.93% 0 0 19.46%;
}

/* FACILITY
------------------------------*/

.shop-facility-area {
	margin: 5.33% 0 0 0;
	position: relative;
}

/* headline */
.shop-facility-area h3 {
	font-family: 'Ropa Sans', sans-serif;
	font-size: 30px;
	font-size: 2vw;
	letter-spacing: 0.1em;
	text-align: center;
}
.shop-facility-area#studioOther h3 {
	padding: 4.6% 0 2.6%;
}
.shop-facility-area h3 img {
	display: block;
	margin: 0 auto;
	width: 108px;
	width: 7.2%;
}

/* slides */
.shop-facility-area:before {
	border-left: 1px solid #231815;
	border-right: 1px solid #231815;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: 50%; left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 1000px;
    width: 66.66%;
	z-index: 2;
}
.shop-facility-area .shop-facility-slider {
	margin: 0;
}
.shop-facility-area .swiper-button-prev,
.shop-facility-area .swiper-button-next {
	background-image: none;
	border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
	height: 34px;
	margin-top: 0;
	top: 58%;
	width: 34px;
}
.shop-facility-area .swiper-button-prev {
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	left: 12.8%;
}
.shop-facility-area .swiper-button-next {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	right: 12.8%;
}

/* PROGRAM
------------------------------*/

/* tab */
#tab {
	background: #231815;
	margin: 3% 0 0 0;
}
#tab ul {
	display: table;
	height: 70px;
	margin: 0 auto;
	table-layout: fixed;
	width: 960px;
	width: 64%;
}
#tab ul li {
	color: #ffffff;
	cursor: pointer;
	display: table-cell;
	font-family: 'Ropa Sans', sans-serif;
	font-size: 24px;
	font-size: 1.6vw;
	letter-spacing: 0.1em;
	line-height: 1;
	position: relative;
	text-align: center;
	vertical-align: middle;
}
#tab ul li:nth-child(2):after {
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	content: '';
	display: block;
	height: 50px;
	position: absolute;
	top: 10px; left: -1px;
	width: 100%;
	z-index: 1;
}
#tab ul li.select {
	background: #727171;
}
.disnon {
	display: none;
}

/* bg */
.shop-program-area .bg {
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 3.53% 0 2.66% 0;
}
.shop-program-area#programWoman .bg {
	background-image: url(../images/program/bg_program_woman.jpg);
}
.shop-program-area#programMan .bg {
	background-image: url(../images/program/bg_program_man.jpg);
}
.shop-program-area#programSenior .bg {
	background-image: url(../images/program/bg_program_senior.jpg);
}

/* headline */
.shop-program-area h3 {
	font-family: 'Ropa Sans', sans-serif;
	font-size: 30px;
	font-size: 2vw;
	letter-spacing: 0.1em;
	text-align: center;
}

/* paragraph */
.shop-program-area p {
    margin: 0.375em 0 0 0;
}

/* slider */
.shop-program-area .shop-program-slider {
	background: rgba(255, 255, 255, 0.85);
    margin: 2.66% 0 0 0;
	position: relative;
}
.shop-program-area .swiper-container {
	margin: 0 auto;
	width: 1270px;
    width: 84.66%;
}
.shop-program-area .shop-slide-list li {
	background: none !important;
    padding: 1.57% 0.9%;
}
.shop-slide-list li .shop-normal-list-thumb {
	max-height: 100% !important;
}
.shop-slide-list li dl {
    margin: 20px auto 0;
    width: 360px;
    width: 90.22%;
}
.shop-slide-list li dl dt {
	border-bottom: none;
	font-size: 17px;
	font-size: 1.1vw;
	font-weight: normal;
	margin-bottom: 0;
}
.shop-slide-list li dl dd {
	font-size: 14px;
	font-size: 0.93vw;
	line-height: 1.57;
}
.shop-program-area .swiper-button-prev,
.shop-program-area .swiper-button-next {
	display: none;
	background-size: 28px 38px;
	font-size: 28px;
	font-size: 1.8vw;
	margin-top: 0;
    top: 31.93%;
}
.shop-program-area .swiper-button-prev {
	left: 4.26%;
}
.shop-program-area .swiper-button-next {
	right: 4.26%;
}

/* recommend */
.shop-program-area .recommend {
	margin: 2% auto 0;
	overflow: hidden;
	width: 850px;
    width: 56.66%;
}
.shop-program-area .recommend dl {
	float: left;
	width: 400px;
    width: 47.05%;
}
.shop-program-area .recommend dl:nth-child(2) {
	float: right;
}
.shop-program-area .recommend dl dt {
	border: 1px solid #231815;
	font-size: 17px;
	font-size: 1.1vw;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.shop-program-area .recommend dl dd {
	font-size: 23px;
	font-size: 1.5vw;
    margin: 0.7em 0 0 0;
	text-align: center;
}

/* OTHER
------------------------------*/

.shop-other-area {
    margin: 5.66% 0 0 0;
}

/* shop-row */
.shop-other-area .shop-row {
	-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.shop-other-area .shop-row + .shop-row {
	margin-top: 1%;
}
.shop-other-area .shop-row:nth-child(2) {
	-ms-flex-flow: row-reverse;
	-webkit-flex-flow: row-reverse;
	flex-flow: row-reverse;
}

/* image */
.shop-other-area .shop-row .image {
	width: 745px;
    width: 49.66%;
}

/* text */
.shop-other-area .shop-row .text {
    padding: 0 0 0 5.2%;
	width: 755px;
    width: 50.34%;
}
.shop-other-area .shop-row:nth-child(2) .text {
    padding: 0 0 0 18.66%;
}
.shop-other-area .shop-row .text h3 {
	font-size: 30px;
	font-size: 2vw;
	line-height: 1.46;
}
.shop-other-area .shop-row .text p {
	font-size: 14px;
	font-size: 0.93vw;
	line-height: 1.57;
    margin: 1.57em 0 0 0;
}
.shop-other-area .shop-row .text p.notes {
	font-size: 12px;
	font-size: 0.8vw;
    margin-top: 2.6em;
}

/* PERSONAL
------------------------------*/

.shop-personal-area {
    margin: 2.4% 0 0 0;
}
.shop-personal-area p {
	font-size: 14px;
	font-size: 0.93vw;
	line-height: 1.57;
	margin: 1.85em auto 0;
	width: 580px;
    width: 38.66%;
}

/* PRICE
------------------------------*/

.shop-price-area table {
	border-bottom: 1px solid #898989;
	margin: 0 auto;
	width: 820px;
    width: 54.66%;
}
.shop-price-area table tr {
	border-top: 1px solid #898989;
}
.shop-price-area table tr th {
	font-size: 30px;
	font-size: 2vw;
	line-height: 1;
	padding: 0.73em 0 0.66em 4.14%;
	text-align: left;
	vertical-align: middle;
	width: 310px;
    width: 37.8%;
}
.shop-price-area table tr td {
	font-size: 30px;
	font-size: 2vw;
	line-height: 1;
    padding: 0.73em 0 0.66em 0;
	text-align: left;
	vertical-align: middle;
}
.shop-price-area table tr td span {
	display: block;
	font-size: 0.53em;
	margin-top: 0.5em;
}

/* ACCESS
------------------------------*/

.shop-access-bg {
	background: url(../images/access/bg_access.jpg) no-repeat center center;
	background-size: cover;
    padding: 1.66% 0 5% 0;
}

/* headline */
.shop-access-bg h2 {
	color: #ffffff;
}
.shop-access-bg h2:after {
	content: none;
}

.shop-access-area {
	background: rgba(255, 255, 255, 0.9);
	margin: 0 auto;
	padding: 2.33% 2% 1.2%;
	width: 1350px;
	width: 90%;
}
.shop-map-access dt {
	color: inherit;
	font-size: 16px;
	font-size: 1.03vw;
	letter-spacing: 0;
}
.shop-map-access dd {
	font-size: 16px;
	font-size: 1.03vw;
	letter-spacing: 0;
	margin-right: 0;
}
.shop-map-access dd:nth-child(2) {
	margin-right: 0.625em;
}

/* =============================
 *  SP
 * =============================*/

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

.common-section {
	font-size: 12px;
	margin-bottom: 18%;
}
.section-inner {
	padding: 0 4.6%;
}

/* section-title */
.section-title {
    font-size: 20px;
}
.section-title:after {
    width: 55%;
}

/* section-lead */
.section-lead {
	margin-top: 4%;
	padding: 0 4.6%;
}

/* btn-normal */
.btn-normal p {
    width: 55%;
    min-width: inherit;
}
.btn-normal p a {
	font-size: 12px;
	padding: 1em 5%;
}

/* CONCEPT
------------------------------*/

.shop-concept-area h3 {
	font-size: 20px;
	white-space: nowrap;
}
.shop-concept-area p {
	font-size: 12px;
	margin-top: 1em;
}

/* image */
.shop-concept-area .image01 {
	margin: 0 auto;
	width: 90.8%;
}
.shop-concept-area .image02 {
	margin: 0;
	width: 100%;
}
.shop-concept-area .image03 {
	margin: 0 auto;
	position: static;
	width: 90.8%;
}
.shop-concept-area .image04 {
	margin: -13.8% 0 0 43.4%;
    width: 52%;
}

/* text */
.shop-concept-area .text01 {
	padding: 4.6% 4.6%;
	position: static;
}
.shop-concept-area .text02 {
	margin: 0;
	padding: 4.6%;
}

/* FACILITY
------------------------------*/

.btn-normal + .shop-facility-area {
	margin-top: 12%;
}

/* headline */
.shop-facility-area h3 {
	font-size: 20px;
}
.shop-facility-area h3 img {
	max-width: 54px;
	width: 14.4%;
}

/* slides */
.shop-facility-area:before {
	content: none;
}
.shop-facility-area .swiper-button-prev,
.shop-facility-area .swiper-button-next {
	height: 24px;
	top: 65%;
	width: 24px;
}
.shop-facility-area#studioOther .swiper-button-prev,
.shop-facility-area#studioOther .swiper-button-next {
	top: 59%;
}
.shop-facility-area .swiper-button-next {
	right: 4.6%;
}
.shop-facility-area .swiper-button-prev {
	left: 4.6%;
}

/* PROGRAM
------------------------------*/

/* tab */
#tab ul {
	height: 50px;
	width: 100%;
}
#tab ul li {
	font-size: 16px;
}
#tab ul li:nth-child(2):after {
	height: 40px;
	top: 5px;
}

/* bg */
.shop-program-area#programMan .bg {
	background-position: 90% center;
}
.shop-program-area#programSenior .bg {
	background-position: 80% center;
}

/* headline */
.shop-program-area h3 {
	font-size: 20px;
}

/* slider */
.shop-program-area .swiper-container {
    width: 90.8%;
}
.shop-program-area .shop-slide-list li {
	background: none !important;
    padding: 2% 0;
}
.shop-slide-list li dl dt {
	font-size: 14px;
}
.shop-slide-list li dl dd {
	font-size: 11px;
}
.shop-program-area .swiper-button-prev,
.shop-program-area .swiper-button-next {
	display: block;
	background-size: 10px 20px;
	font-size: 10px;
    top: 37%;
}
.shop-program-area .swiper-button-prev {
	left: 0;
}
.shop-program-area .swiper-button-next {
	right: 0;
}

/* recommend */
.shop-program-area .recommend {
    width: 90.8%;
}
.shop-program-area .recommend dl {
	float: none;
	margin-top: 5%;
    width: 100%;
}
.shop-program-area .recommend dl:nth-child(2) {
	float: none;
}
.shop-program-area .recommend dl dt {
	font-size: 13px;
	height: 36px;
	line-height: 36px;
}
.shop-program-area .recommend dl dd {
	font-size: 16px;
}

/* OTHER
------------------------------*/

.shop-other-area {
    margin: 5.66% 0 0 0;
}

/* shop-row */
.shop-other-area .shop-row {
 	display: block;
}
.shop-other-area .shop-row + .shop-row {
	margin-top: 8%;
}

/* image */
.shop-other-area .shop-row .image {
    width: 100%;
}

/* text */
.shop-other-area .shop-row .text {
	padding: 4.6% 4.6% 0;
    width: 100%;
}
.shop-other-area .shop-row:nth-child(2) .text {
	padding: 4.6% 4.6% 0;
}
.shop-other-area .shop-row .text h3 {
	font-size: 20px;
}
.shop-other-area .shop-row .text p {
	font-size: 12px;
}
.shop-other-area .shop-row .text p.notes {
	font-size: 10px;
}

/* PERSONAL
------------------------------*/

.shop-personal-area p {
	font-size: 12px;
	margin-top: 1em;
    width: 90.8%;
}

/* PRICE
------------------------------*/

.shop-price-area table {
    width: 90.8%;
}
.shop-price-area table tr th {
	font-size: 20px;
    line-height: 1.4;
	padding: 0.73em 4.14% 0.66em 0;
}
.shop-price-area table tr td {
	font-size: 20px;
    line-height: 1.4;
    padding: 0.73em 0 0.66em;
}

/* ACCESS
------------------------------*/

.shop-map-access dt {
	font-size: 11px;
}
.shop-map-access dd {
	font-size: 11px;
}

}