@charset "UTF-8";
/* 2022.1002 Kishimoto */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@300&display=swap');
/* --------------------------------------------------------------------------
     PC用ここから min-width 1024px
---------------------------------------------------------------------------- */
/* 基本設定　ここから */
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
html {
	font-size: 62.5%;
	max-width: 100%;
	scroll-behavior: smooth;/*スムーススクロール*/
}
body {
	margin: 0 auto;
	padding: 0;
	font-family: 'Noto Serif JP', serif;
	max-width: 100%;
	height: auto;
	overflow-x: hidden!important;
}
p {
	font-size: 16px;
	font-size: 1.6em;
	color: #3E3A39; /*濃いグレイ */
	font-family: 'Noto Serif JP', serif;
	font-weight: 300;
}
h2 {
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: bold;
}
h3 {
}
li {
	list-style: none;
}
dt {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
dd {
	font-size: 16px;
	font-size: 1.4rem;
	line-height: 1.6em;/* padding-top: 0.6em; 
	padding-bottom: 1.3em; */
}
img {
	width: 100%;
	border: 0;
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}
/* clearfix　ここから */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* clearfix　ここまで */
* {
	margin: 0;
	padding: 0;
}
/* Google Map レスポンシブ　ここまで */
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
	display: block !important;
}
.sp {
	display: none !important;
}
@media screen and (max-width:767.98px) {/* 変更点。0.02引く。 */
.pc {
	display: none !important;
}
.sp {
	display: block !important;
}
.clearfix:after {  /* clearfix　ここから */
	　　　　content: ".";
	　　　　display: block;
	　　　　height: 0;
	　　clear: both;
	　　visibility: hidden;
}/* clearfix　ここまで */
h2 {
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: bold;
}
p {
	font-size: 14px;
	font-size: 1.4em;
	color: #3E3A39; /*濃いグレイ */
	font-family: 'Noto Serif JP', serif;
	font-weight: 300;
}
}
/* ---------------------基本設定　ここまで ---------------------- */
/* =========================================
       main
  =========================================*/
main {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.page_info_section {
	width: 80%;
	margin: 3% auto;
	padding: 0;
}
h2 {
	text-align: center;
	color: #333;
	font-size: 3.6rem;
	letter-spacing: 2rem;
}
.format_text {
	color: #333;
	font-size: 1.8rem;
	text-align: center;
	margin: 3% auto;
}
@media screen and (max-width:767.98px) {/* 変更点。0.02引く。 */
.page_info_section {
	width: 92%;
	margin: 3% auto;
	padding: 0;
}
h2 {
	font-size: 2.8rem;
	letter-spacing: 0.8rem;
	padding-left: 3%;
}
.format_text {
    width: 90%;
    display: block;
	font-size: 1.4rem;
	margin: 5% auto;
	text-align: left;
}
}
/*------------ タブで項目切り替えのsection -------------*/
* {
	box-sizing: border-box;
}
/* ラジオボタンは非表示 */
input[type="radio"] {
	display: none;
}
.tab_section {
	width: 100%;
	max-width: 100%;
	margin: 3% auto;
	display: flex;
	flex-flow: wrap;
	justify-content: center;
}
/*---- Vivoのタブ ---------*/
.tab-item {
	display: block;
	width: 26.6666667%;
	text-align: center;
	padding: 10px 0;
	cursor: pointer;
	order: -1;/* タブメニューは一番上に表示する */
	/* 下線以外をつける */
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-size: 2rem;
	color: #333;
}
.tab-item:not(:first-of-type) {
	border-left: none;
}
/* アクティブなタブの背景色と文字色を変える */
.tab-input:checked + .tab-item {
	background: #1B1464;/*紺*/
	color: white;
}
/*---- Bearsiのタブ ---------*/
.tab-item_b {
	display: block;
	width: 26.6666667%;
	text-align: center;
	padding: 10px 0;
	cursor: pointer;
	order: -1;/* タブメニューは一番上に表示する */
	/* 下線以外をつける */
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-size: 2rem;
	color: #333;
}
.tab-item_b:not(:first-of-type) {
	border-left: none;
}
/* アクティブなタブの背景色と文字色を変える */
.tab-input:checked + .tab-item_b {
	background: #da8a8a;/*サーモンピンク*/
	color: white;
}
/* コンテンツは原則非表示 */
.tab-content {
	width: 100%;
	display: none;
	justify-content: center;
	align-items: center;
	font-size: 40px;
	border: 1px solid #ccc;
}
.price_img_div {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	display: block;
}
.price_img_div img {
	width: 100%;
	margin: 0;
	padding: 0;
}
/* ラジオボタンがチェックされているコンテンツだけは表示 Vivo */
.tab-input:checked + .tab-item + .tab-content {
	display: block;
}
/* ラジオボタンがチェックされているコンテンツだけは表示 Bearsi */
.tab-input:checked + .tab-item_b + .tab-content {
	display: block;
}
.price_list_box {
	width: 80%;
	margin: 5% auto 0 auto;
}
.price_tittle_h3 {
	width: 100%;
	margin: 0 auto;
	padding: 0 1%;
	color: #fff;
	font-size: 2.4rem;
	font-weight: normal;
	background-color: #C7B299;
}
.bearsi_tittle_h4 { /*bearsiの時カテゴリ分けh4タイトル*/
    width: 85%;
    margin: 5% auto 0 auto;
    padding: 0 1%;
    font-size: 2.8rem;
    font-weight: normal;
    border-bottom: 1px solid #666;
    border-left: 10px solid #ac0b0b;
    color: #333;
}
 @media screen and (max-width:767.98px) {/* 変更点。0.02引く。 */
.tab_section {
	width: 100%;
	max-width: 100%;
	margin: 3% auto;
	display: flex;
	flex-flow: wrap;
}
.tab-item {/*--- Vivo---*/
	width: calc(100% / 3);
	font-size: 1.6rem;
	line-height: 2rem;
}
.tab-item_b {/*--- Bearsi---*/
	width: calc(100% / 3);
	font-size: 1.6rem;
	line-height: 2rem;
}
.price_list_box {
	width: 95%;
	margin: 5% auto 0 auto;
}
.price_tittle_h3 {
	margin-top: 12%;
	padding: 2%;
	font-size: 1.8rem;
	font-weight: normal;
	line-height: 2rem;
}
.bearsi_tittle_h4 {
    width: 98%;
    margin: 5% auto 0 auto;
    padding: 0 1%;
    font-size: 1.6rem;
}
}
/*---------- テーブル  Vivo------------------*/
table {
	border-collapse: collapse;
	width: 100%;
	margin: 2% auto;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}
.tb01 th, .tb01 td {
	padding: 10px;
	border: solid 1px #ccc;
	text-align: center;
	box-sizing: border-box;
	font-size: 1.5rem;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	color: #333;
}
.tb01 th {
	background: #1B1464;
	color: #fff;
	font-size: 1.8rem;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}
.tb01 .type { /*会員種別*/
	background-color: #fff;
	color: #1B1464;
	font-weight: bold;
	width: 18%;
}
.tb01 .monthly_fee { /*月会費*/
	width: 15%;
    font-family: 'M PLUS Rounded 1c', sans-serif;
}
.tb01 .years_fee { /*年一括*/
	width: 15%;
}
.tb01 .conditions {/*利用時間・条件など*/
	width: 33%;
	text-align: left;
}
.tb01 .towel {/*タオル付*/
	width: 12%;
	font-size: 2.4rem;
	color: #333;
}
.marker_yellow {
	color: #C00;
	background: linear-gradient(transparent 80%, #FFF9C4 80%);
}
@media screen and (max-width: 640px) {
.tb01 .head {
	display: none;
}
.tb01 {
	width: 100%;
}
.tb01 td, .tb01 th {
	display: block;
	width: 100%;
	border-bottom: none;
}
.tb01 td {
	padding: 0;
	display: block;
	width: 100%;
	line-height: 2.2rem;
	text-align: left;
}
.tb01 td:before {
	color: #fff;
	content: attr(data-label);
	font-weight: bold;
	padding: 0px;
	display: inline;
	background-color: #9996BF;
	float: left;
	width: 100%;
	text-align: center;
	font-size: 1.6rem;
}
.tb01 tr:last-child {
	border-bottom: solid 1px #ccc;
}
.tb01 .type {/*会員種別*/
	background-color: #1B1464;
	color: #fff;
	font-weight: 800;
	width: 100%;
}
.tb01 .monthly_fee { /*月会費*/
	width: 100%;
	text-align: center;
    font-family: 'M PLUS Rounded 1c', sans-serif;
}
.tb01 .years_fee { /*年一括*/
	width: 100%;
	text-align: center;
}
.tb01 .conditions {/*利用時間・条件など*/
	width: 100%;
	text-align: left;
}
.tb01 .towel {/*タオル付*/
	color: #333;
	text-align: center;
	width: 100%;
}
}
/*---------- テーブル  bearsi------------------*/
table {
	border-collapse: collapse;
	width: 100%;
	margin: 2% auto;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}
.tb01_b th, .tb01_b td {
	padding: 10px;
	border: solid 1px #ccc;
	text-align: center;
	box-sizing: border-box;
	font-size: 1.5rem;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	color: #333;
}
.tb01_b th {
	background: #da8a8a;
	color: #fff;
	font-size: 1.8rem;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}
.tb01_b .type { /*会員種別*/
	background-color: #fff;
	color: #1B1464;
	font-weight: bold;
	width: 18%;
}
.tb01_b .monthly_fee { /*月会費*/
	width: 15%;
    font-family: 'M PLUS Rounded 1c', sans-serif;
}
.tb01_b .years_fee { /*年一括*/
	width: 15%;
}
.tb01_b .conditions {/*利用時間・条件など*/
	width: 33%;
	text-align: left;
}
.tb01_b .towel {/*タオル付*/
	width: 12%;
	font-size: 2.4rem;
	color: #333;
}
.red_price {
	color: #C1272D;
	font-size: 2em;
	font-weight: 900;
}
.red_yen {
	color: #C1272D;
	font-size: 1.4em;
	font-weight: 900;
}
.conditions_p {/*利用時間・条件などのテキスト文字*/
	font-size: 1.5rem;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}
.conditions_back_p {/*ヨガかピラティス選択*/
    font-size: 1.5rem;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	background-color: #d4742e;
	color: #fff;
}
.circle {/*タオル、相互利用の○*/
	font-size: 2.4rem;
}
.additional_fee {/*タオル、相互利用の追加料金*/
	font-size: 1.4rem;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}
 @media screen and (max-width: 640px) {
.tb01_b .head {
	display: none;
}
.tb01_b {
	width: 100%;
}
.tb01_b td, .tb01_b th {
	display: block;
	width: 100%;
	border-bottom: none;
}
.tb01_b td {
	padding: 0;
	display: block;
	width: 100%;
	line-height: 2.2rem;
	text-align: left;
}
.tb01_b td:before {
	color: #fff;
	content: attr(data-label);
	font-weight: bold;
	padding: 0px;
	display: inline;
	background-color: #3e3a39;
	float: left;
	width: 100%;
	text-align: center;
	font-size: 1.6rem;
}
.tb01_b tr:last-child {
	border-bottom: solid 1px #ccc;
}
.tb01_b .type {/*会員種別*/
	background-color: #da8a8a;
	color: #fff;
	font-weight: 800;
	width: 100%;
}
.tb01_b .monthly_fee { /*月会費*/
	width: 100%;
	text-align: center;
    font-family: 'M PLUS Rounded 1c', sans-serif;
}
.tb01_b .years_fee { /*年一括*/
	width: 100%;
	text-align: center;
}
.tb01_b .conditions {/*利用時間・条件など*/
	width: 100%;
	text-align: left;
}
.tb01_b .towel {/*タオル付*/
	color: #333;
	text-align: center;
	width: 100%;
}
.red_price {
	font-size: 2.4rem;
	line-height: 4rem;
}
.red_yen {
	font-size: 1.8rem;
	line-height: 2rem;
}
.conditions_p {/*利用時間・条件などのテキスト文字*/
	font-size: 4vw;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	padding: 0 2%;
}
.conditions_back_p {/*ヨガかピラティス選択*/
	　　font-size: 4vw;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	background-color: #FC6;
	color: #fff;
}
.circle {/*タオル、相互利用の○*/
	font-size: 2rem;
}
}
/*-------------入会時に必要な持ち物 --------------*/
.when_joining {
	width: 80%;
	margin: 0 auto;
	padding: 2%;
}
.when_joining_h4 {
	text-align: center;
	background-color: #C7B299;
	color: #fff;
	font-size: 2rem;
}
.when_joining_ul {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.when_joining_li {
	flex-basis: 16%;
	text-align: center;
	border: 2px solid #C7B299;
	margin: 2% auto;
	padding: 0 0 2% 0;
}
.when_joining_li_p {
	font-size: 1.6rem;
	color: #C1272D;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 900;
	line-height: 1.5em;
}
.big_number {
	font-size: 1.8em;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}
.joining_p {
	font-size: 1.4rem;
	line-height: 2rem;
	color: #C1272D;
	font-weight: 900;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	padding-left: 10px;
}
@media screen and (max-width:767.98px) { /* 変更点。0.02引く。 */
.when_joining {
	width: 100%;
	margin: 0 auto;
	padding: 2%;
}
.when_joining_ul {
	border: 1px solid #C7B299;
}
.when_joining_li {
	flex-basis: 50%;
	text-align: center;
	border: 1px solid #C7B299;
	padding: 3% 3% 8% 3%;
	margin: 0 auto;
}
.when_joining_li_p {
	font-size: 1.4rem;
	line-height: 1.4em;
}
.big_number {
	font-size: 1.6em;
}
joining_p {
	font-size: 1.4rem;
	line-height: 2rem;
	padding-left: 10px;
}
}

/*------------- ご入会までの流れ --------------*/
.flow_until_admission_section {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.tittle_h5 {
	width: 80%;
	margin: 5% auto 2% auto;
	border-left: 20px solid #c69c6d;
	border-bottom: 1px solid #c69c6d;
	color: #333;
	font-size: 2.4rem;
	padding-left: 1%;
}
.flow_until_ul {
	width: 70%;
	margin: 2% auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
}
.flow_until_li {
	flex-basis: 40%;
	background-color: #fff;
	filter: drop-shadow(0 0px 3px rgba(0, 0, 0, .9));
	padding: 2%;
	margin: 2% 4%;
}
.li_tittle {
	font-size: 2.6rem;
	background-color: #c69c6d;
	color: #fff;
	padding: 0 2%;
}
.li_img {
	width: 100%;
	margin: 0 auto 2% auto;
	padding: 0;
}
.li_explanation {
	font-size: 1.6rem;
	color: #333;
}
.li_explanation_link {
	text-align: center;
	width: 95%;
    margin: 3% auto;
}
.li_explanation_link a {
	width: 100%;
	font-size: 1.6rem;
	text-decoration: none;
	background-color: #9b0101;
	color: #fff;
	display: inline-block;
	padding: 5px 20px;
}
.li_explanation_link a:hover {
	opacity: 0.7;
}
@media screen and (max-width:767.98px) { /* 変更点。0.02引く。 */
.tittle_h5 {
	width: 95%;
	margin: 5% auto;
	border-left: 12px solid #c69c6d;
	border-bottom: 1px solid #c69c6d;
	color: #333;
	font-size: 2rem;
	padding-left: 5px;
}
.flow_until_ul {
	width: 90%;
	margin: 2% auto;
}
.flow_until_li {
	flex-basis: 100%;
	padding: 4%;
	margin: 4% auto
}
.li_tittle {
	font-size: 2rem;
	padding: 0 4%;
}
.li_explanation {
	font-size: 1.4rem;
	padding: 1%;
}
}
/*------------- ご入会前の確認事項 ----------------*/
.checklist_section {
	width: 60%;
	margin: 0 auto;
	padding: 2%;
	background-color: #E4E4E4;
}
.checklist_tittle_h6 {
	width: 100%;
	text-align: center;
	color: #333;
	border-bottom: 1px solid #333;
	margin: 0 auto;
	padding: 0;
	font-size: 2.4rem;
}
.checklist_ul {
	margin: 2%;
	padding: 0 0 0 1.8rem;
}
.checklist_li {
	color: #333;
	font-size: 1.8rem;
	margin: 1% auto;
}
.check_box {
	margin-left: -1.8rem;
}
@media screen and (max-width:767.98px) { /* 変更点。0.02引く。 */
.checklist_section {
	width: 90%;
	margin: 0 auto;
	padding: 2%;
}
.checklist_tittle_h6 {
	margin: 0 auto;
	padding: 0;
	font-size: 2rem;
}
.checklist_ul {
	margin: 2%;
	padding: 0 0 0 1.6rem;
}
.checklist_li {
	color: #333;
	font-size: 1.6rem;
	margin: 1% auto;
}
.check_box {
	margin-left: -1.6rem;
}
}
/*------------- 注釈の箇所 -------------*/
.notes_section {
	width: 100%;
	margin: 0 auto 5% auto;
	padding: 0;
}
.annotation_ul {
	width: 70%;
	margin: 0 auto;
	padding: 0;
}
.annotation_li {
	font-size: 1.4rem;
	color: #333;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	padding: 0 0 0 26px;
}
.notes_section_h6 {
	width: 70%;
	margin: 3% auto 1% auto;
	padding: 0 0 0 20px;
	border-left: 10px solid #333;
	border-bottom: 1px solid #333;
	color: #333;
	font-size: 2rem;
}
.moji_red {
	color: #C1272D; /*深い赤*/
	font-weight: 900;
}
@media screen and (max-width:767.98px) { /* 変更点。0.02引く。 */
.notes_section_h6 {
	width: 95%;
	margin: 3% auto 1% auto;
    padding: 0 0 0 1rem;
	border-left: 10px solid #333;
	border-bottom: 1px solid #333;
	color: #333;
	font-size: 1.8rem
}
.annotation_ul {
	width: 95%;
	margin: 0 auto;
	padding: 0;
}
.annotation_li {
	font-size: 1.4rem;
	color: #333;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	padding: 0 0 0 1.6rem;
}
.kome {
	margin-left: -1.4rem;
}
}
/*------------------------------------------
　　　上部の　リンクボタン　３つの箇所　
--------------------------------------------*/
.three_btn_div {
	width: 100%;
    margin: 5% auto;
    padding: 0;
}
.three_btn_ul {
	width: 90%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 auto;
	padding: 0;
}
/*-------嬉しい特典優待ボタン ---------*/
.three_btn_li1 {/*嬉しい特典優待ボタン*/
    margin: 0 2%;
	padding: 0;
    flex-basis: 32%;
}
.li1_a {
	display: block;
	padding: 0.5em 1em;
	text-decoration: none;
	background: #c51818;
	color: #FFF;
	border-bottom: solid 5px #6f1010;
	border-radius: 10px;
	font-size: 1.4vw;
	text-align: center;
	margin: 0 auto;
}
.li1_a:hover {
	opacity: 0.7;
}
.li1_a:active {
	/*ボタンを押したとき*/
	-webkit-transform: translateY(4px);
	transform: translateY(4px);/*下に動く*/
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
	border-bottom: none;
}
/*-------相互利用ボタン ---------*/
.three_btn_li2 {/*相互利用ボタン*/
    margin: 0 2%;
	padding: 0;
    flex-basis: 28%;
}
.li2_a {
	display: block;
	padding: 0.5em 1em;
	text-decoration: none;
	background: #44bbb5;
	color: #FFF;
	border-bottom: solid 5px #2e6764;
	border-radius: 10px;
	font-size: 1.4vw;
	text-align: center;
	margin: 0 auto;
}
.li2_a:hover {
	opacity: 0.7;
}
.li2_a:active {
	/*ボタンを押したとき*/
	-webkit-transform: translateY(4px);
	transform: translateY(4px);/*下に動く*/
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
	border-bottom: none;
}
/*-------相互利用ボタン ---------*/
.three_btn_li3 {/*法人会員ボタン*/
    margin: 0 2%;
	padding: 0;
    flex-basis: 28%;
}
.li3_a {
	display: block;
	padding: 0.5em 1em;
	text-decoration: none;
	background: #37abd9;
	color: #FFF;
	border-bottom: solid 5px #1c5f7a;
	border-radius: 10px;
	font-size: 1.4vw;
	text-align: center;
	margin: 0 auto;
}
.li3_a:hover {
	opacity: 0.7;
}
.li3_a:active {
	/*ボタンを押したとき*/
	-webkit-transform: translateY(4px);
	transform: translateY(4px);/*下に動く*/
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
	border-bottom: none;
}
@media screen and (max-width:767.98px) { /* 変更点。0.02引く。 */
.three_btn_div {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.three_btn_ul {
	width: 95%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
	margin: 5% auto;
}
.three_btn_li1 {
	width: 100%;
	margin: 0 auto;
    padding: 0;
}
.li1_a {
    padding: 0.5em;
    font-size: 4.4vw;
    margin: 2% auto;
	width: 100%;
}
.three_btn_li2 {
	width: 100%;
	margin: 0 auto;
    padding: 0;
}
.li2_a {
    padding: 0.5em;
    font-size: 4.4vw;
    margin: 2% auto;
	width: 100%;
}
.three_btn_li3 {
	width: 100%;
	margin: 0 auto;
    padding: 0;
}
.li3_a {
    padding: 0.5em;
    font-size: 4.4vw;
    margin: 2% auto;
	width: 100%;
}
}

/*================================================================
  ペアシェアバナー （GR・中山観音・甲子園・豊中はシェアのみ）
==================================================================*/
.pair_share_div {
	width: 60%;
	margin: 0 auto;
	padding: 0;
}
.pair_share_div img {
	width: 100%;
	margin: 0;
	padding: 0;
}
.pair_share_div img:hover {
	opacity: 0.7;
}
@media screen and (max-width:767.98px) { /* 変更点。0.02引く。 */
.pair_share_div {
    width: 95%;
    margin: 0 auto;
    padding: 0;
}
}

/*========================
おすすめ種別　３種類
========================*/
.recommendation_div {
	width: 80%;
	margin: 8% auto;
	padding: 0;
}
.recommendation_h4 {
	text-align: center;
	font-size: 2.6rem;
    color: #333;
	letter-spacing: 1rem;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	margin: 0 auto 5% auto;
}
mark {
	background: linear-gradient(transparent 70%, #D0B796 0%);
}
.recommendation_div .recommendation_ul {
	width: 100%;
	margin: 2% auto;
	padding: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.recommendation_div .recommendation_li {
	flex-basis: 32%;
	border: 2px solid #D0B796;
	padding: 0;
	margin: 0 auto;
}
.recommendation_li dl {
	margin: 0 auto;
	padding: 1%;
}
.recommendation_li dt {
	text-align: center;
}
.recommendation_li dt img {
	width: 60px;
    margin: 2% auto;
}
.recommendation_li dl .membership_type_name_dd {
	text-align: center;
	font-size: 1.8vw;
	color: #C1272D;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 600;
	line-height: 1.2;
    margin: 0 auto;
}
.when_new_mark {/*ランキングにNEWマークがついているとき*/
    position: relative;
    top: -10px;
}
.recommendation_li dl .ranking_explanation_p_dd {/*ランキング詳細説明文　2023.1110追加（メリケン〜）*/
    font-size: 1vw;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	padding: 3% 4%;
	margin: 2% 5%;
	background-color: #faf5e7;
	color: #826744;
}
.recommendation_li dl .monthly_fee_dd {
	text-align: center;
	color: #333;
	font-size: 1.1vw;
	font-weight: 600;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	margin: 3% auto 0 auto;
}
.recommendation_li dl .fee_dd_big {
	font-size: 1.8vw;
}
.recommendation_li dl .explanatory_text_dd {
	font-size: 1vw;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	padding: 5%;
}
.recommendation_li .utilization_time_tittle {
	background-color: #826744;
	color: #fff;
	margin: 1%;
    font-size: 1.1vw;
    text-align: center;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}
.recommendation_li .utilization_time_ul {
	padding: 2% 2% 6% 2%;
}
.recommendation_li .utilization_time_li {
	font-size: 1.1vw;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	    padding: 0 4%;
}
@media screen and (max-width:767.98px) { /* 変更点。0.02引く。 */
.recommendation_div {
    width: 95%;
    margin: 5% auto;
    padding: 0;
}
.recommendation_h4 {
    font-size: 2.4rem;
    letter-spacing: 0.8rem;
    margin: 0 auto 5% auto;
}
.recommendation_div .recommendation_ul {
    width: 100%;
    margin: 2% auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
}
.recommendation_div .recommendation_li {
    flex-basis: 100%;
    margin: 3% auto;
}
.recommendation_li dl .membership_type_name_dd {
    font-size: 7vw;
}
.recommendation_li dl .monthly_fee_dd {
    font-size: 5vw;
}
.recommendation_li dl .fee_dd_big {
    font-size: 8vw;
}
.recommendation_li dl .ranking_explanation_p_dd {/*ランキング詳細説明文　2023.1110追加（メリケン〜）*/
    font-size: 4vw;
	margin: 2% 0;
	padding: 2%;
}
.recommendation_li dl .explanatory_text_dd {
    font-size: 4vw;
	padding: 2%;
}
.recommendation_li .utilization_time_tittle {
    font-size: 4vw;
}
.recommendation_li .utilization_time_li {
    font-size: 4vw;
}
}

/*----------------------
  ジャンルわけ選択 Vivo
----------------------*/
.genre_division_div {
	width: 78%;
	margin: 5% auto;
	padding: 0;
}
.genre_division_div .genre_division_ul {
	width: 100%;
	margin: 0 auto;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	justify-content: flex-start;
}
.genre_division_div .genre_division_ul .genre_division_li {
	flex-basis: 48%;
	margin: 8px 5px;
	padding: 1% 1% 2% 1%;
	background-color: #333;
	border-radius: 5px;
	text-align: center;
	line-height: 1rem;
	display: block;
	border: 2px solid #333;
}
.genre_division_div .genre_division_ul .genre_division_li:hover {
	background-color: #fff;
	border: 2px solid #333;
	color: #333;
}
.genre_division_div .genre_division_ul .genre_division_li a {
	color: #fff;
	text-decoration: none;
	font-size: 1.6rem;
	padding: 3%;
}
.genre_division_div .genre_division_ul .genre_division_li a:hover {
	color: #333;
}
.genre_arrows::after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f107';
	padding: 0 5%;
}
@media screen and (max-width:767.98px) { /* 変更点。0.02引く。 */
.genre_division_div {
    width: 98%;
    margin: 5% auto;
    padding: 0;
}
.genre_division_div .genre_division_ul .genre_division_li {
	flex-basis: 98%;
    margin: 1%;
    padding: 0 0 2% 0;
    line-height: 2.4rem;
}
.genre_division_div .genre_division_ul .genre_division_li a {
    font-size: 3.8vw;
    padding: 3% 1%;
}
}

/*---------------------------
  ジャンルわけ選択 Bearsi
---------------------------*/
.genre_division_div_bearsi {
	width: 78%;
	margin: 5% auto;
	padding: 0;
}
.genre_division_div_bearsi .genre_division_bearsi_ul {
	width: 100%;
	margin: 0 auto;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	justify-content: flex-start;
}
.genre_division_div_bearsi .genre_division_bearsi_ul .genre_division_bearsi_li {
	flex-basis: 48%;
	margin: 8px 5px;
	padding: 0;
	background-color: #333;
	border-radius: 5px;
	text-align: center;
	line-height: 0;
	display: block;
	border: 2px solid #333;
}
.genre_division_div_bearsi .genre_division_bearsi_ul .genre_division_bearsi_li:hover {
	background-color: #fff;
	border: 2px solid #333;
	color: #333;
}
.genre_division_div_bearsi .genre_division_bearsi_ul .genre_division_bearsi_li a {
	color: #fff;
	text-decoration: none;
	font-size: 1vw;
	padding: 0.5em 1em;
    line-height: 2;
}
.genre_division_div_bearsi .genre_division_bearsi_ul .genre_division_bearsi_li a:hover {
	color: #333;
}
.genre_arrows::after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f107';
	padding: 0 5%;
}
@media screen and (max-width:767.98px) { /* 変更点。0.02引く。 */
.genre_division_div_bearsi {
    width: 98%;
    margin: 5% auto;
    padding: 0;
}
.genre_division_div_bearsi .genre_division_bearsi_ul .genre_division_bearsi_li {
	flex-basis: 98%;
    margin: 1%;
    padding: 1% 1% 4% 1%;
    line-height: 0;
}
.genre_division_div_bearsi .genre_division_bearsi_ul .genre_division_bearsi_li a {
    font-size: 4.2vw;
	padding: 0.5em 0.3em;
	line-height: 1;
}
}

/*------------------------------------
 プレミアム会員のPOPUP 2022.12.28
-------------------------------------*/
.premium_member {
}
.premium_member:hover {
	opacity: 0.7;
}
@media screen and (max-width:767.98px) { /* 変更点。0.02引く。 */
}

/*----------------------------------------------------
 パーソナルトレーニングお声バナーボタン
 西神南、西神、大日、セトレ、メリケン 2023.03.03
-----------------------------------------------------*/
.personal_voice_btn_div {
	width: 80%;
	margin: 2% auto;
	padding: 0;
	text-align: center;
}
.personal_voice_btn_div img {
	width: 50%;
	margin: 0 auto;
	padding: 0;
}
.personal_voice_btn_div img:hover {
	opacity: 0.5;
}
@media screen and (max-width:767.98px) { /* 変更点。0.02引く。 */
.personal_voice_btn_div {
    width: 95%;
    margin: 8% auto 3% auto;
    padding: 0;
    text-align: center;
}
.personal_voice_btn_div img {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
}
/*----------------------------------------------------
  中山観音　パーソナル内容追記 2023.0330
----------------------------------------------------*/
.courses_choose_div {
	width: 90%;
	margin: 2% auto;
	padding: 1% 2%;
	border: 1px solid #826744;
}
.courses_choose_div h6 {
	text-align: center;
	border-bottom: 1px solid #826744;
	color: #826744;
	margin: 0 auto 2% auto;
	line-height: 2;
}
.courses_choose_div dl {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: flex-start;
}
.courses_choose_div dl dt {
	flex-basis: 30%;
	background-color: #826744;
	text-align: center;
	margin: 1%;
	color: #fff;
	font-size: 1.6vw;
}
.courses_choose_div dl dd {
	flex-basis: 66%;
	margin: 1%;
	font-size: 1.2vw;
}
.price_h5 {
	text-align: center;
	font-size: 1.6vw;
	margin: 5% auto 0 auto;
}
@media screen and (max-width:767.98px) { /* 変更点。0.02引く。 */
.courses_choose_div {
    width: 100%;
}
.courses_choose_div h6 {
	font-size: 4.6vw;
}
.courses_choose_div dl {
	flex-direction: column;
}
.courses_choose_div dl dt {
    flex-basis: 100%;
	margin: 1% auto;
	font-size: 4.2vw;
	width: 100%;
}
.courses_choose_div dl dd {
    flex-basis: 100%;
    margin: 1% auto;
	width: 100%;
	font-size: 4vw;
}
.price_h5 {
	text-align: center;
	font-size: 4.4vw;
}
}


/*---------------------------------
　　エステメニュー　追加　2023.0526
　　ウィズ　西神・西神南・ヒューイット甲子園・香櫨園
　　神戸テセラ　メリケン
　　ソエルテ　芦屋・大日
　　アマンシィ　豊中・箕面
----------------------------------*/
.esthetic_menu {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background-color: #fbeded;
}
.menu_pdf {
	width: 70%;
	margin: 0 auto;
	padding: 3% 0 8% 0;
}
.menu_pdf_p {
	text-align: center;
	font-size: 1.6vw;
	margin: 0 auto 2% auto;
}
.esthetic_menu a {
}
.esthetic_menu a:hover {
	opacity: 0.7;
}
.esthetic_menu a img {
}
.esthetic_link_btn { /*アマンシィリンクボタン */
    text-align: center;
	margin: 0 auto;
    width: 80%;
	font-size: 1.4vw;
}
.esthetic_link_btn a {
	text-decoration: none;
	padding: 0.5em 1em;
	background-color: #b3726a;
	border: 1px solid #b3726a;
	color: #fff;
	display: inline-block;
    margin: 5% auto 1% auto;
}
.esthetic_link_btn a:hover {
	background-color: #fff;
	border: 1px solid #b3726a;
	color: #b3726a;
}
.esthetic_annotation_text {
	text-align: center;
	font-size: 1vw;
}
@media screen and (max-width:767.98px) { /* 変更点。0.02引く。 */
.menu_pdf {
    width: 95%;
    margin: 0 auto;
    padding: 8% 0 10% 0;
}
.menu_pdf_p {
    text-align: center;
    font-size: 4vw;
    margin: 0 auto 2% auto;
}
.esthetic_link_btn {
    margin: 0 auto;
    width: 100%;
    font-size: 4vw;
}
.esthetic_annotation_text {
    font-size: 3.2vw;
}
}

/*========================
  NEWマーク　20230724
=========================*/
.new_mark_red {
	width: 30%;
}
.new_mark_ranking {/*ランキングの箇所*/
    width: 12%;
	bottom: 0;
	position: relative;
	margin-right: 3%;
}
@media screen and (max-width:767.98px) { /* 変更点。0.02引く。 */
.new_mark_red {
    width: 15%;
}
.new_mark_ranking {/*ランキングの箇所*/
}
}

/*====================================
 シェアの2名　数字大きく 豊中 20230803
======================================*/
.people_2 {
	font-size: 2.8vw;
	color: #C1272D;
	font-weight: bold;
}
.good_deal {
	background-color: yellow;
	font-size: 1.2vw;
	color: #C1272D;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	text-align: center;
	margin: 1% 5%;
	line-height: 1.2;
	padding: 1%;
}
@media screen and (max-width:767.98px) { /* 変更点。0.02引く。 */
.people_2 {
    font-size: 9vw;
}
.good_deal {
	margin: 0;
	font-size: 5vw;
}
}
/*====================================
 個室利用の注釈　南 20230821
======================================*/
.tb01 .private_room_fee {
	width: 28%;
}
.private_room_yellow {
	background-color: yellow;
	padding: 0.5em 0;
    margin: 3% auto;
}
.private_room_p {
	color: #C1272D;
	font-size: 1.4vw;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 700;
	padding: 0.2em 0;
}
@media screen and (max-width:767.98px) { /* 変更点。0.02引く。 */
.tb01 .private_room_fee {
    width: 100%;
}
.private_room_p {
    font-size: 6vw;
	padding: 0.5em 0;
}
}


/*================================================
  2023年11月　リニューアル　大日・守口　料金pdf
=================================================*/
.renewal_fee_section {
	width: 80%;
	margin: 0 auto;
	padding: 0;
}
.renewal_fee_p {
	text-align: center;
	font-size: 1.2vw;
	margin: 0 auto;
}
@media screen and (max-width:767.98px) { /* 変更点。0.02引く。 */
.renewal_fee_section {
	width: 95%;
	margin: 0 auto;
	padding: 0;
}
.renewal_fee_p {
	font-size: 3vw;
	margin: 0 auto;
}
}
/*================================================
 リニューアル大日・守口　料金案内変更 2023.1101〜
=================================================*/
.new_fee_section {
	width: 80%;
	margin: 0 auto;
	padding: 0;
}
.new_price_plan_h4 {
	font-size: 2.2vw;
	font-family: 'Noto Sans JP', sans-serif;
}
.new_price_mark_red {
	position:relative;
	width: 8%;
	top: 20px;
	margin:0 2%;
}
.new_fee_dl {
	width: 100%;
	margin: 5% auto;
	padding: 0;
	border: 2px solid #163063;/*紺色罫線*/
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	font-family: 'Noto Sans JP', sans-serif;
}
.new_fee_dt {
	flex-basis: 35%;
	background-color: #163063; /*背景紺色*/
	text-align: center;
	color: #FF0;
	font-size: 1.4vw;
	line-height: 1.5;
	padding: 3% 0;
	margin: 0 auto;
}
.new_species_name {
	color: #fff;
	font-size: 1.8vw;
}
.new_monthly_fee_dd {
	flex-basis: 30%;
	margin: 0 auto;
	text-align: center;
	font-size: 1.6vw;
	font-weight: 600;
	border-right: 2px solid #163063;
	padding: 3% 0;
	line-height: 1.2;
}
.new_monthly_fee_red {
	color: #C03;
	font-size: 2.2vw;
    font-family: 'M PLUS Rounded 1c', sans-serif;
}
.tax_in_new_monthly_fee {
	font-weight: 400;
	font-size: 1.2vw;
    font-family: 'M PLUS Rounded 1c', sans-serif;
}
.new_year_fee_dd {
	flex-basis: 35%;
	margin: 0 auto;
	text-align: center;
	padding: 0;
}
.value_text {
	font-weight: 600;
	text-align: center;
	font-size: 1.4vw;
	background:linear-gradient(transparent 60%, #ff6 60%);
	display: inline-block;
	font-family: 'Noto Sans JP', sans-serif;
	color: #000;
	margin: 5% auto 2% auto;
}
.new_year_fee_dd div {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	margin: 0 auto;
}
.new_year_fee_p {
	font-weight: 600;
	color: #000;
	font-size: 1.4vw;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1.3;
	display: inline-block;
	margin: 1% 2%;
}
.new_year_fee_red {
	color: #C03;
	font-size: 1.8vw;
}
.tax_in_new_year_fee {
	font-weight: 400;
	font-size: 1.1vw;
}
.discount_p {
	margin: 1% 2%;
	background-color: #C03;
	display: inline-block;
	color: #FF0;
	font-family: 'Noto Sans JP', sans-serif;
	padding: 0 5%;
    line-height: 1.5;
	font-size: 2vw;
	font-weight: 400;
}
@media screen and (max-width:767.98px) { /* 変更点。0.02引く。 */
.new_fee_section {
    width: 90%;
    margin: 0 auto;
    padding: 0;
}
.new_price_plan_h4 {
    font-size: 6vw;
}
.new_price_mark_red {
    position: relative;
    width: 15%;
    top: 10px;
    margin: 0 2%;
}
.new_fee_dl {
	flex-direction: column;
	margin: 8% auto;
}
.new_fee_dt {
    flex-basis: 100%;
    text-align: center;
    color: #FF0;
    font-size: 4.2vw;
    line-height: 1.5;
    padding: 3%;
    margin: 0 auto;
	width: 100%;
}
.new_species_name {
    font-size: 6vw;
}
.new_monthly_fee_dd {
    flex-basis: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 5vw;
    font-weight: 600;
	border-right: none;
    border-bottom: 2px solid #163063;
    padding: 3%;
    line-height: 1.2;
	width: 100%;
}
.new_monthly_fee_red {
    font-size: 8vw;
    font-family: 'M PLUS Rounded 1c', sans-serif;
}
.tax_in_new_monthly_fee {
    font-size: 4vw;
    font-family: 'M PLUS Rounded 1c', sans-serif;
}
.new_year_fee_dd {
    flex-basis: 100%;
	width: 100%;
}
.value_text {
	font-size: 5vw;
}
.new_year_fee_dd div {
	width: 100%;
	margin: 0 auto 3% auto;
}
.new_year_fee_p {
	font-size: 5vw;
}
.new_year_fee_red {
    font-size: 6vw;
}
.discount_p {
	font-size: 6vw;
	margin: 3% 2%;
}
.tax_in_new_year_fee {
    font-size: 4vw;
}
}
/*--- 吹き出しBOX背景 ---*/
.arrow_box {
	position:relative;
    width: 98%;
    height:auto;
	margin: 0 auto;
    background: #FAF3B9;/*クリーム色*/
    padding:10px;
    text-align:center;
    font-size:30px;
    font-weight:bold;
}
.arrow_box:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(255, 229, 9, 0);
    border-top-width: 30px;
    border-bottom-width:30px;
    border-left-width:30px;
    border-right-width:30px;
    margin-left: -30px;
    border-bottom-color: #FAF3B9;/*クリーム色*/
    bottom:100%;
    left:50%;
}
.arrow_box_h6 {
	font-size: 2vw;
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
	color: #C03;
	margin: 1% auto 0 auto;
}
.arrow_box_h6_annotation {
	font-size: 1.2vw;
	color: #000;
	font-weight: 400;
}
.two_stores_contents_ul {
	width: 100%;
	margin: 1% auto 2% auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
}
.two_stores_contents_dainichi {
	flex-basis: 72%;
	background-color: #fff;
	margin: 0 5px;
}
.two_stores_contents_moriguchi {
	flex-basis: 28%;
	background-color: #fff;
	margin: 0 5px;
}
.dainichi_tittle {
	text-align: center;
	color: #fff;
	background-color: #c30d23;/*赤色*/
	font-size: 1.6vw;
	font-family: 'Noto Sans JP', sans-serif;
}
.moriguchi_tittle {
	text-align: center;
	color: #fff;
	background-color: #163063;/*紺色*/
	font-size: 1.6vw;
	font-family: 'Noto Sans JP', sans-serif;
}
.available_items_ul {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	padding: 12px 1%;
}
.available_items_li_d {
	flex-basis: 19%;
	margin: 5px 3px;
}
.available_items_li_m {
	flex-basis: 47%;
	margin: 5px 3px;
}
.available_items_li_d img {
	width: 140px;
	margin: 0 auto;
	padding: 0;
}
.available_items_li_m img {
	width: 140px;
	margin: 0 auto;
	padding: 0;
}
.item_name_p {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 0.9vw;
	margin: 0.3vw auto;
}
@media screen and (max-width:767.98px) { /* 変更点。0.02引く。 */
.arrow_box {
	width: 100%;
	padding: 2%;
}
.arrow_box:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(255, 229, 9, 0);
    border-top-width: 15px;
    border-bottom-width:15px;
    border-left-width:15px;
    border-right-width:15px;
    margin-left: -15px;
    border-bottom-color: #FAF3B9;/*クリーム色*/
    bottom:100%;
    left:50%;
}
.arrow_box_h6 {
    font-size: 6vw;
}
.arrow_box_h6_annotation {
    font-size: 4vw;
}
.two_stores_contents_ul {
    width: 100%;
    margin: 1% auto 2% auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
}
.two_stores_contents_dainichi {
    flex-basis: 100%;
	margin: 3%;
}
.two_stores_contents_moriguchi {
    flex-basis: 100%;
	margin: 3%;
}
.dainichi_tittle {
	font-size: 5vw;
}
.moriguchi_tittle {
	font-size: 5vw;
}
.available_items_ul {
	padding: 2%;
}
.available_items_li_d {
    flex-basis: 48%;
    margin: 1%;
}
.available_items_li_m {
    flex-basis: 48%;
    margin: 1%;
}
.available_items_li_d img {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.available_items_li_m img {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.item_name_p {
	font-size: 3.8vw;
}
}
/*--------- ペア&学生の料金 ---------*/
.pair_student_fee_div {
	width: 100%;
	margin: 8% auto;
	padding: 0;
}
.pair_student_fee_dl {
	width: 100%;
	border: 2px solid #163063;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	padding: 0;
	font-family: 'Noto Sans JP', sans-serif;
	margin: 3% auto;
}
.pair_student_fee_name_dt {
	flex-basis: 20%;
    background-color: #163063;
    text-align: center;
    color: #fff;
    font-size: 1.8vw;
    line-height: 1.5;
    padding: 4.1% 0;
    margin: 0 auto;
}
.pair_student_fee_price_dd {
	flex-basis: 48%;
	text-align: center;
	font-size: 1.6vw;
	font-weight: 600;
	border-right: 2px solid #163063;
	padding: 2.1% 1%;
	line-height: 1.2;
}
.pair_student_fee_red {
	color: #C03;
    font-size: 2.2vw;
}
.tax_in_pair_student_fee {
    font-weight: 400;
    font-size: 1.2vw;
}
.discount_text {
	font-weight: 600;
    text-align: center;
    font-size: 1.4vw;
    display: inline-block;
    font-family: 'Noto Sans JP', sans-serif;
    color: #000;
    margin: 1% auto;
}
.fluorescence_yellow_marker {
    background: linear-gradient(transparent 60%, #ff6 60%);
}
.discount_percent {
    margin: 1% 2%;
    background-color: #C03;
    display: inline-block;
    color: #FF0;
    font-family: 'Noto Sans JP', sans-serif;
    padding: 0 5%;
    line-height: 1.5;
    font-size: 1.5vw;
    font-weight: 400;
}
.pair_student_fee_annotation_dd {
	flex-basis: 32%;
	font-weight: 400;
    font-size: 1vw;
	text-indent: -1vw;
	text-align: left;
	padding: 2% 2% 2% 3%;
}
@media screen and (max-width:767.98px) { /* 変更点。0.02引く。 */
.pair_student_fee_div {
    width: 100%;
    margin: 10% auto;
    padding: 0;
}
.pair_student_fee_dl {
	flex-direction: column;
	margin: 5% auto;
}
.pair_student_fee_name_dt {
    flex-basis: 100%;
	width: 100%;
	font-size: 6vw;
}
.pair_student_fee_price_dd {
    flex-basis: 100%;
	width: 100%;
	font-size: 5vw;
	border-right: none;
	padding: 5% 0 0 0;
}
.pair_student_fee_red {
    font-size: 8vw;
}
.tax_in_pair_student_fee {
    font-size: 4vw;
}
.discount_text {
	font-size: 5vw;
	line-height: 0.7;
	margin: 0 auto 5% auto;
	vertical-align: -70%;
	margin: 5% auto;
}
.discount_percent {
	font-size: 7vw;
	margin: 0 3%;
	padding: 2% 5%;
}
.pair_student_fee_annotation_dd {
    flex-basis: 100%;
	width: 100%;
	font-size: 4vw;
	text-indent: -4vw;
	padding: 0 2% 2% 10%;
	margin: 0 auto 5% auto;
}
}
/*-----------------------------------------------
 　大日・守口のオプション追加メニューセクション
 ----------------------------------------------*/
.additional_menu_section {
	width: 80%;
	margin: 2% auto;
	padding: 0;
}
.category_tittle_h3 {
	width: 100%;
	margin: 0 auto;
	padding: 0 1%;
	background-color: #C7B299;
	color: #fff;
	font-size: 2.4rem;
	font-weight: normal;
}
.category_tittle_h3_annotation {
	text-align: right;
	color: #000;
	font-size: 1vw;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 200;
	line-height: 1.5;
	margin: 0 0 0 auto;
	display: block;
	width: 100%;
}
.additional_category_div {
	width: 100%;
	margin: 3% auto;
	background-color: #EFEFEE;
	padding: 1% 2%;
}
.additional_menu_h4 {
	display: block;
	border-left: 10px solid #163063;
	font-size: 1.6vw;
	font-family: 'Noto Sans JP', sans-serif;
	padding: 0 0 0 1%;
}
.example_fee_text_p {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.2vw;
	padding: 1% 0 0 1%;
}
.one_case_div {
	width: 100%;
	margin: 0 auto;
	padding: 1%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	background-color: #fff;
}
.one_case_p {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.4vw;
	font-weight: 600;
	display: block;
	text-align: center;
	flex-basis: 25%;
	line-height: 1.5;
}
.one_case_symbol_plus {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 2.2vw;
	font-weight: 600;
	display: block;
	text-align: center;
	flex-basis: 10%;
}
.one_case_symbol_equal {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 2.2vw;
	font-weight: 600;
	display: block;
	text-align: center;
	flex-basis: 10%;
}
.one_case_total_p {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.4vw;
	font-weight: 600;
	display: block;
	text-align: center;
	flex-basis: 30%;
}
.one_case_fee_red {
    color: #C03;
    font-size: 2.2vw;
}
.one_case_tax_in_fee {
    font-weight: 400;
    font-size: 1.2vw;
}
/*------ タブで開く料金表 ----------*/
.tab_details {
	width: 100%;
	margin: 0 auto;
}
.tab_details__summary {
	text-align: center;
    width: 60%;
    margin: 2% auto;
    background-color: #163063;
	color: #fff;
	line-height: 2;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.4vw;
	padding: 2% 0;
	border-radius: 10px;
	border-bottom: solid 5px #0c121c;
}
.tab_details__summary:active {
	/*ボタンを押したとき*/
	-webkit-transform: translateY(4px);
	transform: translateY(4px);/*下に動く*/
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
	border-bottom: none;
}
.tab_details_content {
	width: 80%;
	margin: 3% auto;
}
.additional_menu_table {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border-collapse: collapse;
	border: 2px solid #000;
	font-family: 'Noto Sans JP', sans-serif;
	text-align: center;
	line-height: 2;
}
.additional_menu_table thead {
	background-color: #CCC;
	font-weight: 200;
    text-align: center;
	border-bottom: 2px solid #000;
}
.additional_menu_table thead tr {
	font-size: 1.2vw;
}
.additional_menu_table th,
.additional_menu_table td {
    border: 1px solid #000;
}
.additional_menu_table tbody {
	background-color: #fff;
}
.times_td {
	font-size: 1.4vw;
	font-weight: 600;
}
.additional_fee_td {
	font-size: 1.4vw;
	font-weight: 600;
}
.table_tax_in {
	font-size: 1vw;
	font-weight: 300;
}
.supplement_text {
	display: block;
	margin: 0 auto;
	padding: 0 0 0 5%;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1vw;
	text-indent: -1vw;
}
@media screen and (max-width:767.98px) { /* 変更点。0.02引く。 */
.additional_menu_section {
    width: 95%;
    margin: 2% auto;
    padding: 0;
}
.category_tittle_h3 {
    width: 100%;
	margin: 0 auto;
	padding: 0 1%;
	font-size: 5vw;
}
.category_tittle_h3_annotation {
	text-align: left;
	font-size: 3.8vw;
	text-indent: -3.8vw;
	margin: 1% 2% 1% 5%;
	display: block;
	width: 93%;
}
.additional_category_div {
    width: 100%;
    margin: 3% auto;
	padding: 2% 2% 5% 2%;
}
.additional_menu_h4 {
    font-size: 5vw;
    padding: 0 0 0 2%;
}
.example_fee_text_p {
    font-size: 4vw;
    padding: 2% 0 0 1%;
}
.one_case_div {
    width: 100%;
    margin: 0 auto;
    padding: 5%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.one_case_p {
    font-size: 5vw;
    flex-basis: 100%;
	line-height: 1.2;
}
.one_case_symbol_plus {
	font-size: 6vw;
	flex-basis: 100%;
	color: #999;
}
.one_case_symbol_equal {
	font-size: 8vw;
    flex-basis: 100%;
	transform: scale(1.5, 1);
	color: #999;
}
.one_case_total_p {
	font-size: 5vw;
	flex-basis: 100%;
	line-height: 1.2;
}
.one_case_fee_red {
    font-size: 7vw;
}
.one_case_tax_in_fee {
    font-size: 4vw;
}
/*------ タブで開く料金表 SP----------*/
.tab_details__summary {
    width: 100%;
    margin: 5% auto 0 auto;
    line-height: 1.2;
    font-size: 5vw;
    padding: 5% 0;
    border-radius: 10px;
    border-bottom: solid 5px #0c121c;
}
.tab_details_content {
    width: 100%;
    margin: 3% auto 0 auto;
}
.additional_menu_table {
	width: 100%;
	border: none;
}
.additional_menu_table thead {
    display:none;
}
.additional_menu_table td {
    display: block;
    width: 100%;
    border-bottom:none;
}
.additional_menu_table td:first-child{
    background: #666;
    color:#fff;
    font-weight:bold;
}
.additional_menu_table td:before{
    content: attr(data-label);
    font-size: 4vw;
    font-weight: 400;
    display: block;
}
.additional_menu_table tr:last-child{
    border-bottom: solid 1px #ccc;
}
.additional_menu_table thead tr {
    font-size: 5vw;
}
.times_td {
    font-size: 5vw;
	font-weight: 400;
}
.additional_fee_td {
    font-size: 6vw;
	line-height: 1.2;
	padding: 2% 0;
}
.table_tax_in {
    font-size: 4vw;
}
.supplement_text {
	font-size: 3.8vw;
	text-indent: -3.8vw;
	line-height: 1.2;
	padding: 2% 0 0 5%;
}
}


/*---------------------------------
  メリケン料金案内　美尻スクール
  リンクボタン追加2023.1228
---------------------------------*/
.beautiful_ass_section {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.beautiful_ass_tittle_h4 {
    width: 80%;
    margin: 5% auto 1% auto;
    padding: 0 1%;
    font-size: 2vw;
    font-weight: normal;
    border-bottom: 1px solid #666;
    border-left: 10px solid #ac0b0b;
    color: #333;
}
.beautiful_ass_table {
	width: 80%;
	margin: 0 auto;
	padding: 0;
}
.beautiful_ass_div {
	width: 80%;
	margin: 3% auto;
	padding: 0;
}
.beautiful_ass_div a {
	width: 60%;
	text-align: center;
	text-decoration: none;
	display: block;
	margin: 0 auto;
	background-color: #ED1E79;
	color: #fff;
	font-size: 1.2vw;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	padding: 0.5em 2em;
}
.beautiful_ass_div a:hover {
	opacity: 0.7;
}
.beautiful_ass_p {
	display:block;
	width: 80%;
	margin: 0 auto;
	padding: 0;
	font-size: 1.2vw;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}
@media screen and (max-width:767.98px) { /* 変更点。0.02引く。 */
.beautiful_ass_tittle_h4 {
    width: 95%;
	font-size: 5.2vw;
}
.beautiful_ass_table {
    width: 95%;
}
.beautiful_ass_div {
    width: 90%;
    margin: 8% auto;
    padding: 0;
}
.beautiful_ass_div a {
    width: 100%;
	font-size: 4.2vw;
}
.beautiful_ass_p {
	width: 95%;
	font-size: 4vw;
}
}
/*----------------------------------
  ペア・シェアのアイコン追加
   2024.01.23
-----------------------------------*/
.pair_share_icon_ul {
	width: 98%;
	margin: 1% auto;
	padding: 0;
	display: flex;
    flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
.pair_share_icon_li {
	flex-basis: 48%;
	margin: 0 auto;
	padding: 1% 2%;
	font-size: 0.8vw;
	border-radius: 4vw;
	border: 1px solid #fff;
}
.pair_share_icon_li a {
	text-decoration: none;
	color: #fff;
}
.pair_share_icon_li a:hover {
	opacity: 0.7;
}
.pair_li {
	background-color: #e846a0;/*ピンク*/
}
.share_li {
	background-color: #2ea7e0;/*ブルー*/
}
@media screen and (max-width:767.98px) { /* 変更点。0.02引く。 */
.pair_share_icon_li {
    font-size: 4.4vw;
}
}


/*---------------------------------
 新会員種別 U-39会員 20240316
 メリケン・西神・ヒューイットのみ
---------------------------------*/
.u39member_div {
	width: 80%;
	margin: 8% auto 5% auto;
	padding: 1% 2% 2% 2%;
	border: 1px solid #B29B76;
}
.new_member_h5 {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-size: 2vw;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
}
.new_member_h6 {
	margin: 2% auto;
	font-size: 1.6vw;
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
}
.u39member_new_mark {
	width: 8%;
	position: relative;
	top: 20px;
	left: 0px;
}
.u39member_img {
	width: 80%;
	margin: 0 auto 2% auto;
	padding: 0;
}
/*--- U-39会員　テーブル ---*/
table{
  border-collapse: collapse;
  width: 100%;
}
.u39member_tb {
}
.u39member_tb th {
  padding: 10px;
  border: solid 1px #ccc;
  text-align:center;
  box-sizing:border-box;
  background: #B29B76;
  color: #fff;
  font-size: 1vw;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
}
.u39member_tb td{
  padding: 10px;
  border: solid 1px #ccc;
  text-align:center;
  font-size: 1vw;
  box-sizing:border-box;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
}
.u39member_note_p {
  font-size: 0.8vw;
  text-align:left;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
}
.tax_out_red {
  color: #C30D23;
  font-weight: 600;
}
.u39member_big_price {
	font-size: 2vw;
}
.lesson_td {
	width: 15%;
}
.price_td {
	width: 15%;
}
.time_td {
	width: 20%;
}
.td_conditions {
	width: 40%;
}
.parking_td {
	width: 10%;
}
.towel_td {
	width: 10%;
}
@media screen and (max-width:767.98px) {/* 変更点。0.02引く。 */
.new_member_h6 {
    margin: 2% auto;
    font-size: 5vw;
}
.u39member_div {
    width: 90%;
    margin: 8% auto 5% auto;
    padding: 5% 0;
    border: 1px solid #B29B76;
}
.new_member_h5 {
	font-size: 6vw;
}
.u39member_new_mark {
    width: 10%;
    position: relative;
    top: 0;
    left: 0px;
}
.u39member_img {
    width: 100%;
    margin: 0 auto 2% auto;
    padding: 0;
}
.u39member_tb .head{
  display:none;
}
.u39member_tb {
    width: 95%;
    margin: 0 auto;
}
table.u39member_tb td {
  display: block;
  width: 100%;
  border-bottom:none;
  font-size: 5vw;
}
table.u39member_tb td:first-child{
  background: #B29B76;
  color:#fff;
  font-weight:bold;
  font-size: 5vw;
}
.u39member_tb tr:last-child{
  border-bottom: solid 1px #ccc;
}
table.u39member_tb td:before{
    content: attr(data-label);
    font-size: 3.8vw;
    font-weight: 300;
    color: #999;
    display: block;
}
.u39member_big_price {
    font-size: 9vw;
}
.u39member_note_p {
    font-size: 3.8vw;
}
}


/*------------------------------
  ラフィット相互利用OK
  ヒューイット追記　20240318
------------------------------*/
.lafit_mutual_use_section {
	width: 100%;
	margin: 5% auto;
	padding: 0;
}
.lafit_mutual_use_div {
	width: 70%;
	margin: 0 auto;
	padding: 0;
	border: 2px solid #9b0101;
}
.lafit_mutual_use_h6 {
	text-align: center;
	margin: 0 auto 2% auto;
	padding: 0;
	background-color:#9b0101;
	color: #fff;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}
.lafit_mutual_use_ul {
	width: 90%;
	margin: 0 auto;
	padding: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.lafit_mutual_use_li {
	 flex-basis: 48%;
	 margin: 0 auto;
	 padding: 0;
}
.lafit_mutual_use_p {
	width: 85%;
	margin: 2% auto;
	padding: 0;
	display: block;
	font-size: 1.1vw;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}
.lafit_link_div {
	width: 85%;
	margin: 2% auto 5% auto;
}
.lafit_link_div a{
    background: #7e7c7c;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 70%;
    padding: 10px 25px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
	text-decoration: none;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 1.2vw;
}
.lafit_link_div a::before {
  content: '';
  position: absolute;
  bottom: -7px;
  right: -7px;
  width: 100%;
  height: 2px;
  background-color: #3e3a39;
  transition: 0.2s ease 0s;
}
.lafit_link_div a::after {
  content: '';
  position: absolute;
  top: 7px;
  right: -7px;
  width: 2px;
  height: 100%;
  background-color: #3e3a39;
  transition: 0.2s ease 0.2s;
}
.lafit_link_div a:hover::before {
  width: 0%;
}
.lafit_link_div a:hover::after {
  height: 0%;
}

.lafit_link_div a:hover {
  text-decoration: none;
  background-color: #3e3a39;
}
@media screen and (max-width:767.98px) {/* 変更点。0.02引く。 */
.lafit_mutual_use_div {
    width: 90%;
    margin: 0 auto;
    padding: 0;
}
.lafit_mutual_use_h6 {
	font-size: 6vw;
}
.lafit_mutual_use_p {
    width: 90%;
	margin: 5% auto;
	padding: 0;
	display: block;
	font-size: 3.6vw;
}
.lafit_mutual_use_li {
	 flex-basis: 100%;
	 margin: 0 auto;
	 padding: 0;
}
.lafit_link_div {
    width: 95%;
    margin: 2% auto 10% auto;
}
.lafit_link_div a {
	max-width: 90%;
	font-size: 4vw;
}
}
/*--------------------------------------
新会員 パーソナルトレーニング会員
守口　20240501
--------------------------------------*/
.personal_training_member_div {
	width: 80%;
	margin: 8% auto 5% auto;
	padding: 1% 2% 2% 2%;
	border: 1px solid #B29B76;
}
.personal_training_member_img {
	width: 80%;
	margin: 0 auto 2% auto;
	padding: 0;
}
.personal_training_member_new_mark {
	width: 8%;
	position: relative;
	top: 20px;
	left: 0px;
}
/*--- パーソナルトレーニング会員　テーブル ---*/
table{
  border-collapse: collapse;
  width: 100%;
}
.personal_training_member_tb {
}
.personal_training_member_tb th {
  padding: 10px;
  border: solid 1px #ccc;
  text-align:center;
  box-sizing:border-box;
  background: #B29B76;
  color: #fff;
  font-size: 1vw;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
}
.personal_training_member_tb td{
  padding: 10px;
  border: solid 1px #ccc;
  text-align:center;
  font-size: 1vw;
  box-sizing:border-box;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
}
.personal_training_member_note_p {
  font-size: 0.8vw;
  text-align:left;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  padding-left: 0.8vw;
  text-indent: -0.8vw;
}
.personal_training_member_big_price {
	font-size: 2vw;
}

.personal_price_td {
	width: 20%;
}
.personal_time_td {
	width: 30%;
}
.personal_conditions_td {
	width: 40%;
}

@media screen and (max-width:767.98px) {/* 変更点。0.02引く。 */
.personal_training_member_div {
    width: 90%;
    margin: 8% auto 5% auto;
    padding: 5% 0;
    border: 1px solid #B29B76;
}
.personal_training_member_img {
	width: 100%;
    margin: 0 auto 2% auto;
    padding: 0;
}
.personal_training_member_new_mark {
    width: 10%;
    position: relative;
    top: 0;
    left: 0px;
}
.personal_training_member_tb .head{
  display:none;
}
.personal_training_member_tb {
    width: 95%;
    margin: 0 auto;
}
table.personal_training_member_tb td {
  display: block;
  width: 100%;
  border-bottom:none;
  font-size: 5vw;
}
table.personal_training_member_tb td:first-child{
  background: #B29B76;
  color:#fff;
  font-weight:bold;
  font-size: 5vw;
}
.personal_training_member_tb tr:last-child{
  border-bottom: solid 1px #ccc;
}
table.personal_training_member_tb td:before{
    content: attr(data-label);
    font-size: 3.8vw;
    font-weight: 300;
    color: #fff;
    display: block;
}
.personal_training_member_big_price {
    font-size: 9vw;
}
.personal_training_member_note_p {
    font-size: 3.8vw;
	padding-left: 3.8vw;
    text-indent: -3.8vw;
}
}
/*-------------------------------------------
大日ジムエリア24時間営業スタート2024.10.01
-------------------------------------------*/
.surveillance_camera_div {
	background-color: yellow;
	width: 100%;
	display: flex;
    flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
    margin: 0 auto;
}
.surveillance_camera_h5 {
	font-family: 'Noto Sans JP', sans-serif;
    color: #C03;
	font-size: 2vw;
	flex-basis: 80%;
	padding: 0 2%;
    margin: 0;
    display: block;
    width: 100%;
}
.surveillance_camera_logo {
	flex-basis: 20%;
	padding: 0.3em;
    margin: 0;
    display: block;
    width: 20%;
}
.anytime_ok_span {
	background-color: #C03;
	color: #fff;
	padding: 0 0.3em;
	margin: 0.3vw;
}
.anytime_ok_p {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1vw;
}
@media screen and (max-width:767.98px) {/* 変更点。0.02引く。 */
.surveillance_camera_div {
	flex-direction: column;
	justify-content: center;
	padding: 3% 0;
    text-align: center;
}
.surveillance_camera_h5 {
    font-size: 5.5vw;
	flex-basis: 100%;
    margin: 0 auto 2% auto;
}
.surveillance_camera_logo {
	flex-basis: 100%;
	padding: 1% 5%;
	width: 70%;
}
}
/*=======================
  2025.0623 守口新料金
========================*/
/*-- 料金プラン ---*/
.new_price_system_section {
	width: 100%;
	margin: 0 auto;
	font-family: 'Noto Sans JP', sans-serif;
}
.new_price_system_h6 {
	text-align: center;
	font-size: 2vw;
	color: #b29b76;
	font-weight: 900;
}
.new_price_plan_ul {
	width: 80%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
}
.new_price_plan_li {
	flex-basis: 48%;
	margin: 1%;
}
.new_price_plan_dl {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
}
.dt_name {
	flex-basis: 60%;
	font-size: 1.6vw;
}
.price_dd {
	flex-basis: 40%;
	text-align: right;
	font-size: 1.2vw;
	color: #C00;
	font-weight: 900;
	margin: 2% 0;
}
.red_price_span {
	font-size: 3vw;
}
.special_note_div {
	background-color: #F9F1E3;
	padding: 1% 1% 2% 1%;
}
.special_note_div_p {
	font-size: 1.3vw;
	font-family: 'Noto Sans JP', sans-serif;
	padding: 0 0 0 3%;
	line-height: 1.3;
}
.special_price_emphasis {
	color: #C00;
	font-weight: 900;
	background: linear-gradient(transparent 60%, yellow 60%);
}
.specialspecial_price {
	font-size: 2.4vw;
}
@media screen and (max-width:767.98px) {/* 変更点。0.02引く。 */
.new_price_system_h6 {
    font-size: 7vw;
}
.new_price_plan_ul {
    width: 95%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.new_price_plan_li {
    flex-basis: 100%;
    margin: 1%;
	width: 98%;
}
.dt_name {
    flex-basis: 60%;
    font-size: 4vw;
	margin: 2% 0;
}
.price_dd {
    flex-basis: 40%;
    text-align: right;
    font-size: 4vw;
    margin: 2% 0;
}
.red_price_span {
    font-size: 5.5vw;
}
.special_note_div {
	flex-basis: 100%;
}
.special_note_div_p {
    font-size: 4vw;
}
.specialspecial_price {
    font-size: 6vw;
}
}

/*------ 利用例 -----*/
.pricing_example_section {
	width: 80%;
	margin: 5% auto;
	font-family: 'Noto Sans JP', sans-serif;
	border: 1px solid #999;
	padding: 2% 1%;
}
.pricing_example_ul {
	width: 90%;
	margin: 1% auto;
}
.pricing_example_li {
	width: 100%;
	margin: 2% auto 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
}
.li_number {
	flex-basis: 5%;
	font-size: 2vw;
	background-color: #b29b76;
	color: #fff;
	text-align: center;
	font-weight: 600;
	font-family: 'Noto Sans JP', sans-serif;
	padding: 2% 0;
}
.usage_status_p {
	font-size: 1.4vw;
	flex-basis: 15%;
	font-family: 'Noto Sans JP', sans-serif;
}
.pricing_example_div {
	flex-basis: 22%;
	text-align: center;
	margin: 0 2%;
}
.plus_mark {
	flex-basis: 5%;
	font-size: 2.6vw;
	text-align: center;
	font-weight: 900;
	font-family: 'Noto Sans JP', sans-serif;
}
.equal_mark {
	flex-basis: 5%;
	font-size: 2.6vw;
	text-align: center;
	font-weight: 900;
	font-family: 'Noto Sans JP', sans-serif;
}
.item_name_p {
	font-family: 'Noto Sans JP', sans-serif;
	background-color: #33ae92;
	text-align: center;
	color: #fff;
	font-size: 1.4vw;
	font-weight: 300;
}
.price_p_example {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.4vw;
	font-weight: 500;
}
.price_span {
	font-size: 1.8vw;
}
.pricing_example_section .note_p {
	display: block;
	margin: 1% 0 0 5%;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.2vw;
}
.span_red_p {
	color: #C00;
	background-color: yellow;
	font-weight: 600;
}
.usage_status_p {
	margin: 0 1%;
	flex-basis: 20%;
	font-size: 1.4vw;
    font-weight: 600;
	padding: 2% 0;

}
@media screen and (max-width:767.98px) {/* 変更点。0.02引く。 */
.pricing_example_section {
    width: 90%;
}
.pricing_example_h6 {
    font-size: 8vw;
}
.pricing_example_ul {
    width: 95%;
    margin: 3% auto;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
}
.pricing_example_li {
    width: 100%;
    margin: 2% auto 0 auto;
	flex-direction: column;
}
.li_number {
    flex-basis: 100%;
    font-size: 5vw;
    margin: 2% 0;
    padding: 0 0;
}
.pricing_example_div {
    flex-basis: 100%;
    text-align: center;
    margin: 0 2%;
	display: flex;
    flex-direction: row;
	flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
}
.item_name_p {
    font-size: 5vw;
    font-weight: 300;
    flex-basis: 45%;
}
.price_p_example {
    font-size: 4vw;
	padding: 0 0 0 2%;
    flex-basis: 50%;
}
.price_span {
    font-size: 7vw;
}
.plus_mark {
    flex-basis: 100%;
    font-size: 7vw;
}
.equal_mark {
	flex-basis: 100%;
    font-size: 7vw;
}
.pricing_example_section .note_p {
    display: block;
    margin: 1% 0 0 3%;
	font-size: 4.5vw;
}
.usage_status_p {
  margin: 0 1%;
  flex-basis: 20%;
  font-size: 5vw;
  font-weight: 600;
  padding: 0 0 3% 0;
  text-align: center;
}
}

/*-------------------------------
  ヒューイット料金ページ内
　　PREFIT24 GYMバナー設置　20251016
---------------------------------*/
.prefit_link_banner_ul {
  width: 50%;
  margin: 5% auto;
  text-decoration: none;
}
.prefit_link_banner_li {
  flex-basis: 100%;
  margin: 0 auto;
}
.prefit_link_banner_li:hover {
  opacity: 0.7;
}
@media screen and (max-width:767.98px) {/* 変更点。0.02引く。 */
.prefit_link_banner_ul {
    width: 90%;
    margin: 5% auto;
}
.prefit_link_banner_li {
  flex-basis: 90%;
  margin: 0 auto;
}
}
/*----------------------
  メリケン　宿泊客向け　料金案内
  補足説明　追記　2026.0115
-----------------------*/
.supplement_div {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
	flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
}
.supplement_dl {
   flex-basis: 45%;
   margin: 1% auto;
}
.supplement_dl dt {
    width: 100%;
    background-color: rgb(235, 226, 213);
    text-align: center;
    color: #956933;
    font-family: 'M PLUS Rounded 1c', sans-serif;
}
.supplement_dl dd {
    width: 95%;
    margin: 2% auto 0 5%;
    font-family: 'M PLUS Rounded 1c', sans-serif;
}
.supplement_dl dd p {
    font-size: 1.2vw;
    font-family: 'M PLUS Rounded 1c', sans-serif;
}
@media screen and (max-width:767.98px) {/* 変更点。0.02引く。 */
.supplement_div {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
	flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
}
.supplement_dl {
   flex-basis: 100%;
   margin: 3% auto;
}
.supplement_dl dt {
   font-size: 4.2vw;
    margin: 0 auto;
}
.supplement_dl dd {
    margin: 2% auto;
}
.supplement_dl dd p {
    font-size: 3.6vw;
    line-height: 1.5;
}
}
/*------------------------------------------------------
 ヒューイット　定員数に達したため　お知らせ
 注釈バッジ追加 2026.0706
---------------------------------------------------------*/
.membership_status_div {
    width: 80%;
    margin: 1% auto;
    border: 2px solid #D0B796;
    padding: 3%;
}
.membership_status_h6 {
    font-size: 2vw;
    text-align: center;
    color: #fff;
    background-color: #826744;
    margin: 0 auto 3% auto;
}
.membership_status_p {
    font-size: 1.6vw;
    display: block;
    margin: 0 3%;
}
.ok_plan_list_div {
    width: 80%;
    background-color: #FBF2E6;
    margin: 8% auto;
    padding: 3%;
}
.ok_plan_list_h6 {
    text-align: center;
    font-size: 1.8vw;
    border-bottom: 1px solid #D0B796;
}
.ok_plan_list_dl {
    margin: 3%;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.ok_plan_list_dt {
    flex-basis: 30%;
    font-size: 1.4vw;
    margin: 1% 0;
    background-color: #826744;
  color: #fff;
    text-align: center;
}
.ok_plan_list_dd {
    flex-basis: 70%;
    font-size: 1.4vw;
    margin: 1% 0;
    padding: 0 0 0 2%;
}
.other_plan_h6 {
    text-align: center;
    font-size: 1.8vw;
    margin: 5% auto 2% auto;
    color: #826744;
}
.yoyaku_badge {
    font-size: 1vw;
    font-weight: 900;
    background-color: aqua;
    color: #333;
    display: block;
    width: 90%;
    margin: 2% auto;
    padding: 2% 0;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    line-height: 1.5;
}
@media screen and (max-width:767.98px) {/* 変更点。0.02引く。 */
.membership_status_div {
    width: 90%;  
}
.membership_status_h6 {
  font-size: 4.4vw;
    padding: 0.5em 0;
}
.membership_status_p {
  font-size: 4vw;
}
.ok_plan_list_div {
  width: 95%;
}
.ok_plan_list_h6 {
  font-size: 4.4vw;
}
.ok_plan_list_dl {
  margin: 3% 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.ok_plan_list_dt {
  flex-basis: 100%;
  font-size: 3.8vw;
  text-align: center;
  background-color: #826744;
  color: #fff;
}
.ok_plan_list_dd {
  flex-basis: 100%;
  font-size: 3.8vw;
  text-align: center;
}
.other_plan_h6 {
  text-align: center;
  font-size: 4.2vw;
    }
.yoyaku_badge {
    font-size: 3.6vw;
    color: yellow;
    background-color: #1B1464;
    border: 1px solid yellow;
    margin: 1% auto;
    padding: 1% 0;
}
}