@charset "UTF-8";

/**
 * 固定パーツ
----------------------------------------------------------------*/
/* ページビジュアル */
.pvis{
	background:scroll no-repeat center top / cover;
	height:1024px;
	position:relative;
}
.pvis > h2{
	max-width:1024px;
	margin:0 auto;
	box-sizing:border-box;
	padding:40px;
	position:absolute;
	bottom:160px;
	left:0;
	right:0;
	font-size:300%;
	color:white;
	text-shadow:0 0 6px rgba(0,0,0,.8);
	letter-spacing:.2em;
}
@media screen and (max-width: 768px){
	.pvis{ height:768px; }
	.pvis > h2{
		font-size:240%;
		padding:20px;
	}
}
@media screen and (max-width: 640px){
	.pvis{ height:512px; }
	.pvis > h2{
		font-size:160%;
		font-size:5.3vw;
		bottom:80px;
	}
}

/* スマートレイアウト */
@media screen and (max-width: 768px){
	.smart{
		max-width:512px;
		margin:0 auto;
	}
}

/* 単一レイアウト */
.single{ padding:0 40px; }
@media screen and (max-width: 768px){
	.single{ padding:0 20px; }
}

/* モバイルのみ中央揃え */
@media screen and (max-width: 768px){
	.spcenter{ text-align:center;}
}

/* 透明アニメーション */
.hoverable.opacity{ transition:opacity .2s; }
.hoverable.opacity.hover{ opacity:.7; }

/* ページビジュアル背景 */
#spot_index_pvis{ background-image:url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/mvis/prototype.png"); }
#spot_studio_pvis{ background-image:url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/mvis/studio.png"); }
#spot_personalyoga_pvis{ background-image:url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/mvis/personalyoga.png"); }
#spot_pilates_pvis{ background-image:url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/mvis/pilates.png"); }
#spot_trainingcourse_pvis{ background-image:url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/mvis/trainingcourse.png"); }
#spot_personal_pvis{ background-image:url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/mvis/personal.png"); }
@media screen and (max-width: 768px){
	#spot_index_pvis{ background-image:url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/mvis/prototype_sp.png"); }
	#spot_studio_pvis{ background-image:url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/mvis/studio_sp.png"); }
	#spot_personalyoga_pvis{ background-image:url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/mvis/personalyoga_sp.png"); }
	#spot_pilates_pvis{ background-image:url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/mvis/pilates_sp.png"); }
	#spot_trainingcourse_pvis{ background-image:url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/mvis/trainingcourse_sp.png"); }
	#spot_personal_pvis{ background-image:url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/mvis/personal_sp.png"); }
}

/* セルフエステ背景 */
.bg_selfesthe{ background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/selfesthe/esthe_bg.png") scroll repeat center center; }
.bg_water{ background:rgb(46,167,224); }
.bg_water10{ background:rgb(234,246,252); }
.bg_silver{ background:#f5f5f5; }

/* カテゴリビジュアル */
.cvis{
	padding-top:140px;
	background:scroll no-repeat center bottom / cover;
}
@media screen and (max-width: 1200px){
	.cvis{ padding-top:180px; }
}
.cvis > div{
	height:176px;
	text-align:center;
	font-size:300%;
	background:rgba(0,0,0,.4);
	padding-top:54px;
	color:white;
	box-sizing:border-box;
}
@media screen and (max-width: 768px){
	.cvis{ padding-top:100px; }
	.cvis > div{
		height:78px;
		font-size:150%;
		padding-top:24px;
	}
}
@media screen and (max-width: 640px){
	.cvis{ padding-top:50px; }
}

/* カテゴリビジュアル背景 */
.cvis{ background-image:url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/cvis/prototype.png"); }
body[data-pagemode="studio"] .cvis{ background-image:url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/cvis/studio.png"); }
body[data-pagemode="trainingcourse"] .cvis{ background-image:url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/cvis/trainingcourse.png"); }
body[data-pagemode="personal"] .cvis{ background-image:url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/cvis/personal.png"); }
@media screen and (max-width: 768px){
	.cvis{ background-image:url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/cvis/prototype_sp.png"); }
	body[data-pagemode="studio"] .cvis{ background-image:url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/cvis/studio_sp.png"); }
	body[data-pagemode="trainingcourse"] .cvis{ background-image:url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/cvis/trainingcourse_sp.png"); }
	body[data-pagemode="personal"] .cvis{ background-image:url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/cvis/personal_sp.png"); }
}

/* 大見出し */
.h1{
	background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/bg/loop_yoga.png") scroll repeat center center;
	padding:20px 40px;
	box-sizing:border-box;
}
.h1 > div{
	background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/bg/h1.png") scroll no-repeat left center;
	min-height:160px;
	padding-left:95px;
}
.h1 > div > h1{
	font-size:300%;
	padding-top:35px;
}
@media screen and (max-width: 768px){
	.h1{
		padding:20px 10px;
	}
	.h1 > div{
		background-size:46px;
		min-height:100px;
		padding-left:64px;
	}
	.h1 > div > h1{
		font-size:200%;
		padding-top:24px;
	}
}

/* 中見出し */
.h2{
	min-height:290px;
	text-align:center;
	color:rgb(96,96,96);
	font-size:220%;
	letter-spacing:.1em;
	background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/bg/h2.png") scroll no-repeat center bottom;
	padding:200px 40px 50px;
	box-sizing:border-box;
}
.h2.reverse{
	background-image:url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/bg/h2_reverse.png");
	color:white;
}
@media screen and (max-width: 768px){
	.h2{
		min-height:180px;
		background-size:260px;
		font-size:180%;
		padding:160px 20px 40px;
	}
}

/* YouTube */
.yt{
	position:relative;
	width:100%;
	height:0;
	padding-bottom:56.25%;
	overflow:hidden;
	margin-bottom:50px;
}
.yt > iframe{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

/* パン屑リスト */
#pan{ font-size:110%; }
#pan > ol > li{ display:inline-block; }
#pan > ol > li:not(:first-child)::before{
	content:'>';
	padding:0 4px;
}
#pan > ol > li > a{
	display:inline-block;
	color:rgb(0,0,0);
}
#pan > ol > li > a.hover{ color:rgb(0,162,154); }
@media screen and (max-width: 768px){
	#pan{ font-size:80%; }
}

/* ページャー */
.pager > ul{
	text-align:center;
	padding:40px 20px;
}
.pager > ul > li,
.pager > ul > li > a{ display:inline-block; }
.pager > ul > li.active{
	background:;
	padding:4px 10px;
}
.pager > ul > li > a{
	background:rgb(0,0,0);
	color:white;
	transition:background .2s;
	padding:4px 10px;
}
.pager > ul > li > a.hover{ background:; }

/* 関連する記事 */
#relnav{
	background:#f5f5f5;
	padding-top:40px;
}

/* 新着リスト */
.topiclist{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	padding-bottom:80px;
}
.topiclist > section{
	width:225px;
	padding:20px 15px 80px;
	background:white;
	margin:20px 10px;
	position:relative;
	box-shadow:0 0 15px rgba(0,0,0,.06);
}
.topiclist > section::before{
	position:absolute;
	left:-6px;
	top:-14px;
	display:inline-block;
	background:rgb(96,96,96);
	color:white;
	padding:0 10px;
	font-size:110%;
	letter-spacing:.1em;
}
.topiclist > section > figure > img{
	object-fit:cover;
	width:100%;
	height:150px;
}
.topiclist > section > h3{
	padding-top:10px;
	margin-bottom:10px;
	height:40px;
	overflow:hidden;
}
.topiclist > section > p{
	height:140px;
	overflow:hidden;
}
.topiclist > section > .buttons{
	padding:0;
	position:absolute;
	bottom:20px;
	left:0;
	right:0;
}
.topiclist > section.events::before{ content:'EVENT'; background:rgb(222,130,178); }
.topiclist > section.seminors::before{ content:'SEMINOR'; background:rgb(171,205,3); }
.topiclist > section.medias::before{ content:'MEDIA'; background:rgb(248,182,45); }
.topiclist > section.campaigns::before{ content:'CAMPAIGN'; background:rgb(0,162,154); }
.topiclist > section.informations::before{ content:'INFORMATION'; background:rgb(3,110,184); }
.topiclist > section.events > .buttons > .button{ background:rgb(222,130,178); }
.topiclist > section.seminors > .buttons > .button{ background:rgb(171,205,3); }
.topiclist > section.medias > .buttons > .button{ background:rgb(248,182,45); }
.topiclist > section.campaigns > .buttons > .button{ background:rgb(0,162,154); }
.topiclist > section.informations > .buttons > .button{ background:rgb(3,110,184); }
.topiclist > section.events > .buttons > .button.hover{ background:rgb(189,5,101); }
.topiclist > section.seminors > .buttons > .button.hover{ background:rgb(87,155,-249); }
.topiclist > section.medias > .buttons > .button.hover{ background:rgb(241,109,-165); }
.topiclist > section.campaigns > .buttons > .button.hover{ background:rgb(-255,69,53); }
.topiclist > section.informations > .buttons > .button.hover{ background:rgb(-249,-35,113); }
@media screen and (max-width: 640px){
	.topiclist.spsmall{
		margin:0 5px;
		font-size:80%;
	}
	.topiclist.spsmall > section{
		width:46%;
		width:calc(50% - 10px);
		padding:20px 10px 60px;
		box-sizing:border-box;
		margin:20px 5px;
	}
	.topiclist > section > .buttons{ bottom:5px; }
	.topiclist.spsmall > section > .buttons > .button{ font-size:100%; }
}

/* 新着リスト2 */
.topiclist2{
	display:flex;
	justify-content:center;
	padding-bottom:80px;
	min-width:100%;
}
.topiclist2 > section{
	width:325px;
	padding:20px 15px 80px;
	margin:0 10px 20px;
	background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/bg/loop_yoga.png") scroll repeat center center;
	border-radius:10px;
	position:relative;
}
.topiclist2 > section > figure > img{
	object-fit:cover;
	width:100%;
	height:375px;
}
.topiclist2 > section > h3{
	margin-bottom:10px;
	height:54px;
	overflow:hidden;
}
.topiclist2 > section > .buttons{
	padding:0;
	position:absolute;
	bottom:20px;
	left:0;
	right:0;
}
@media screen and (max-width: 768px){
	.topiclist2 > section > .buttons{ bottom:5px; }
	.topiclist2 > section > .buttons > .button{
		max-width:300px;
		padding:10px 40px;
		display:inline-block;
		font-size:120%;
	}
}

/* 余白 */
.alone{ padding:20px; }

/* 柄ボックス */
.garabox{
	background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/personalyoga/bg_differences.png") scroll no-repeat center center / cover;
	border:1px solid rgb(0,0,0);
	border-radius:10px;
	padding:20px;
}
.garabox > h3{
	font-size:150%;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}
.garabox > ul > li::before{
	display:inline-block;
	content:'◆';
	color:rgb(238,192,216);
}

/* 画像キャプション */
.figcaption{
	text-align:center;
	padding:6px 10px;
	font-weight:bold;
	margin:0 auto;
	max-width:1536px;
}

/* コロナイメージ */
.coronavisuals{
	display:flex;
	flex-wrap:wrap;
	max-width:1024px;
	margin:0 auto;
}
.coronavisuals > figure{
	width:16.6666%;
	text-align:center;
}
@media screen and (max-width: 768px){
	.coronavisuals > figure{ width:33.3333%; }
}

/* コロナチェックリスト */
.coronachecklist > div{
	display:flex;
	flex-wrap:wrap;
}
.coronachecklist > div > section{
	width:20%;
	padding:10px;
	box-sizing:border-box;
}
.coronachecklist > div > section > div{
	border:2px solid rgb(171,205,3);
	border-radius:10px;
	background:white;
	text-align:center;
	height:100%;
}
.coronachecklist > div > section > div > h4{
	background:rgb(171,205,3);
	color:white;
	text-align:center;
	font-size:110%;
	padding:0 6px;
}
.coronachecklist > div > section > div > p{
	margin:10px;
	font-size:80%;
}
@media screen and (max-width: 1024px){
	.coronachecklist > div > section{ width:33.3333%; }
}
@media screen and (max-width: 768px){
	.coronachecklist{ overflow-y:scroll; }
	.coronachecklist > div{ width:calc(221px * 9); }
	.coronachecklist > div > section{ width:221px; }
	.coronachecklist > div > section > div > img{ max-width:120px; }
}

/**
 * 共通パーツ
----------------------------------------------------------------*/
/* スタッフ */
.staff{
	color:rgb(0,0,0);
	display:block;
	margin:-20px -10px;
	padding:20px 10px;
	transition:background .2s;
	border-radius:4px;
}
.staff.hover{
	color:rgb(0,0,0);
	background:rgb(251,242,247);
}
.staff > .tit{
	font-size:140%;
	padding-bottom:10px;
	font-weight:bold;
}
.staff > figure{ padding-bottom:10px; }
.staff > table{ width:100%; }
.staff > table > tbody > tr > *{
	border:1px solid white;
	padding:6px;
	transition:background .2s;
	vertical-align:top;
}
.staff > table > tbody > tr > th{
	background:rgb(238,245,204);
	min-width:90px;
}
.staff > table > tbody > tr > td{ background:rgb(246,250,229); }
.staff.hover > table > tbody > tr > th{ background:rgb(245,217,231); }
.staff.hover > table > tbody > tr > td{ background:rgb(248,230,239); }

/* 1カラム */
.split1{ padding:40px; }
@media screen and (max-width: 768px){
	.split1{ padding:40px 20px; }
}

/* 日付 */
.date{
	display:inline-block;
	background:rgb(0,162,154);
	padding:0 10px;
	color:white;
	vertical-align:middle;
	margin-bottom:6px;
}

/* ミニセット */
.minset{ padding:4px 0; }
.minset > li > span{
	display:inline-block;
	background:rgb(0,162,154);
	padding:0 10px;
	margin-right:10px;
	color:white;
	vertical-align:middle;
	margin-bottom:6px;
	font-size:80%;
}

/* イベントセット */
.eventset{
	width:100%;
	margin-top:20px;
}
.eventset th{ min-width:120px; }
.eventset th,
.eventset td{ padding:6px 10px; }
.eventset > tbody > tr:nth-child(odd) > *{ background:rgb(246,250,229); }
.eventset > tbody > tr:nth-child(even) > *{ background:rgb(250,252,242); }
.eventset .tel{
	font-size:140%;
	transition:color .2s;
}
.eventset .tel::before{
	content:'';
	display:inline-block;
	width:20px;
	height:1em;
	background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/icons/tel_green.png") scroll no-repeat center bottom / contain;
}

/* 脚注 */
.notesup > a{
	font-size:12px;
	color:rgb(195,27,35);
}
.notes{ padding:20px 0 40px; }

/* 注釈 */
.annotation{
	padding:10px 20px;
	margin:10px 0;
	background:rgb(246,250,229);
	font-size:120%;
}

/* バナー */
.banners{
	text-align:center;
	padding:40px 0;
}

/* 動画 */
.movie{
	display:inline-block;
	margin:40px 20px;
	position:relative;
	transition:box-shadow .2s;
}
.movie::before{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	content:'';
	display:block;
	background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/icons/play.png") scroll no-repeat center center / 100px;
	transition:background-size .2s;
}
.movie.hover{ box-shadow:0 0 20px 4px rgba(0,0,0,.2); }
.movie.hover::before{ background-size:120px; }

/* 右矢印ボタン */
.rightbuttons{
	text-align:right;
	font-size:120%;
	padding:20px 0;
}
.rightbuttons > a{
	border-bottom:1px solid rgb(171,205,3);
	padding-right:30px;
	display:inline-block;
	position:relative;
}
.rightbuttons > a::after{
	content:'';
	position:absolute;
	bottom:0;
	right:0;
	display:inline-block;
	background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/common/arrow_right.png") scroll no-repeat center center / contain;
	width:14px;
	height:4px;
}

/* ボタン */
.buttons{
	text-align:center;
	padding:40px 0;
}
.button{
	display:inline-block;
	border-radius:4px;
	margin:10px;
	background:rgb(171,205,3);
	color:white;
	transition:background .2s;
	box-sizing:border-box;
	padding:10px 20px;
	font-size:140%;
	min-width:300px;
}
.button.hover{
	color:white;
	background:rgb(0,162,154);
}
.button.mid{
	min-width:240px;
	font-size:120%;
}
.button.min{
	padding:6px 10px;
	min-width:140px;
	font-size:100%;
}
.button.pink{ background:rgb(222,130,178); }
.button.pink.hover{ background:rgb(164,27,93); }
.button.orange{ background:rgb(248,182,45); }
.button.orange.hover{ background:rgb(241,109,-165); }
.button.image{
	overflow:hidden;
	border-radius:10px;
	margin:10px 20px;
	padding:0;
	background:rgb(171,205,3);
}
.button.image.hover{ background:rgb(196,220,78); }
.button.map{
	background:rgb(118,116,125) url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/bg/mapbutton.png") scroll no-repeat left top / contain;
	padding-left:40px;
	transition:background-color .2s;
}
.button.map.hover{ background-color:rgb(96,96,96); }
@media screen and (max-width: 768px){
	.button,
	.button.mid,
	.button.min{
		padding:10px 20px;
		font-size:140%;
		min-width:0;
		max-width:100%;
		display:block;
	}
}

/* 見出し */
.h3{
	font-size:180%;
	letter-spacing:.1em;
	padding:20px 0;
}
.h3_round{
	font-size:160%;
	text-align:center;
	color:white;
	background:rgb(127,208,204);
	border-radius:1em;
	padding:0 20px;
	margin:0 auto;
	max-width:400px;
	margin-top:40px;
}
.h4{
	color:rgb(96,96,96);
	letter-spacing:.2em;
	font-size:160%;
	padding-bottom:10px;
}
.h5{
	font-size:120%;
	font-weight:bold;
	padding-bottom:10px;
}
.h5 > small{
	color:rgb(222,130,178);
	display:block;
}
@media screen and (max-width: 768px){
	.h3_round{
		font-size:140%;
		max-width:none;
		margin:0 40px;
	}
	.h4{
		font-size:130%;
		letter-spacing:.1em;
	}
}

/* リードコピー */
.leadcopy{
	font-size:260%;
	letter-spacing:.1em;
	padding:20px 40px 0;
}
@media screen and (max-width: 768px){
	.leadcopy{
		font-size:160%;
		padding:20px 20px 0;
		letter-spacing:0;
	}
}

/* 概要文 */
.summary{
	text-align:center;
	font-size:130%;
	padding:20px;
	letter-spacing:.1em;
}
.midsummary{
	text-align:center;
	padding:6px 20px;
	font-size:180%;
	color:rgb(96,96,96);
}
.bigsummary{
	text-align:center;
	font-size:280%;
	padding:40px 20px;
	letter-spacing:.1em;
}
.bigsummary.short{ padding:20px; }
.l.summary,
.l.midsummary,
.l.bigsummary{ text-align:justify; }
@media screen and (max-width: 768px){
	.summary{
		font-size:110%;
		text-align:justify;
	}
	.midsummary{
		font-size:130%;
		text-align:justify;
	}
	.midsummary.c{ text-align:center; }
	.bigsummary{ font-size:180%; }
}

/* カラムセクション */
.sec1{ padding:40px; }
.sec2{ font-size:110%; }
.sec2 > section > .tit,
.sec3 > section > .tit,
.sec4 > section > .tit{
	font-size:110%;
	font-weight:bold;
	padding-bottom:10px;
}
.sec2 > section > figure,
.sec3 > section > figure,
.sec4 > section > figure{ margin-bottom:16px; }
.secv{
	margin:0 auto;
	max-width:768px;
}
.secv > section > figure > img{ max-width:200px; }
.bigsec p{ font-size:120%; }
@media screen and (max-width: 640px){
	.sec1{ padding:20px; }
	.secv > section > figure > img{ max-width:100px; }
}

/* プランラベル */
.planlabels{ margin-bottom:10px; }
.planlabels > li{
	display:inline-block;
	margin-right:4px;
	font-size:90%;
}
.planlabels > li::before{ content:'●'; }
.planlabels > li.platinum::before{ color:rgb(127,127,127); }
.planlabels > li.goldplus::before{ color:rgb(241,109,-165); }
.planlabels > li.gold::before{ color:rgb(248,182,45); }
.planlabels > li.goldlight::before{ color:rgb(252,225,171); }
.planlabels > li.muktaplus::before{ color:rgb(87,155,-249); }
.planlabels > li.mukta::before{ color:rgb(171,205,3); }

/* トレーナーバッヂ */
.badges{
	display:flex;
	gap:10px;
	flex-wrap:wrap;
}
.badges > img{ width:calc((100% - 10px) / 2); }

/* テキストリスト */
.txtlist > li::before{ content:'・'; }

/* タグリスト */
.taglist > li,
.taglist > li > *{ display:inline-block; }
.taglist > li > *{
	background:rgb(171,205,3);
	color:white;
	padding:0 10px;
	transition:background .2s;
	margin:4px 4px 4px 0;
}
.taglist > li > *.hover{ background:rgb(0,162,154); }
.taglist.pink > li > *{ background:rgb(222,130,178); }
.taglist.pink > li > *.hover{ background:rgb(164,27,93); }

/* 小リスト */
.minlist > li{
	text-align:center;
	padding:4px 0;
	margin:0 20px;
	font-size:120%;
	color:rgb(96,96,96);
}
.minlist.dot > li::before{ content:'・'; }
.minlist > li > p{
	font-size:70%;
	color:rgb(0,0,0);
	text-align:center;
}
ol.minlist > li{ list-style:decimal inside; }
ol.minlist > li::marker{ color:rgb(222,130,178); }
@media screen and (max-width: 768px){
	.minlist > li{
		font-size:100%;
		text-align:left;
	}
	.minlist > li > p{ text-align:justify; }
}

/* 中セットリスト */
/* 中リスト */
.midlist > li{
	text-align:center;
	padding:6px 0;
	margin:0 20px;
	font-size:180%;
	color:rgb(96,96,96);
}
.midlist.dot > li::before{ content:'・'; }
.midlist > li > p{
	font-size:70%;
	color:rgb(0,0,0);
	text-align:center;
}
ol.midlist > li{ list-style:decimal inside; }
ol.midlist > li::marker{ color:rgb(222,130,178); }
@media screen and (max-width: 768px){
	.midlist > li{
		font-size:120%;
		text-align:left;
	}
	.midlist > li > p{ text-align:justify; }
}

/* 中セットリスト */
.midsetlist{
	counter-reset:midsetlist;
	padding-bottom:80px;
}
.midsetlist > li{
	text-align:center;
	padding:20px;
	font-size:180%;
	color:rgb(96,96,96);
	counter-increment:midsetlist;
}
.midsetlist > li > p{
	font-size:70%;
	color:rgb(0,0,0);
	text-align:center;
}
ol.midsetlist > li > .tit::before{
	color:rgb(222,130,178);
	content:counter(midsetlist)'.';
	padding-right:6px;
}
@media screen and (max-width: 768px){
	.midsetlist > li{
		text-align:left;
		font-size:140%;
	}
	.midsetlist > li > p{ text-align:justify; }
}

/* リードビジュアル(TOPページ) */
.leadvis{
	background:scroll no-repeat center top / cover;
	height:768px;
	position:relative;
}
.leadvis > *{
	max-width:1024px;
	margin:0 auto;
	box-sizing:border-box;
	padding:40px;
	position:absolute;
	bottom:160px;
	left:0;
	right:0;
	font-size:300%;
	color:white;
	text-shadow:0 0 6px rgba(0,0,0,.8);
	letter-spacing:.2em;
}
.leadvis#spot_index_studio{ background-image:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/index/leadvis_studio.png"); }
.leadvis#spot_index_trainingcourse{ background-image:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/index/leadvis_trainingcourse.png"); }
.leadvis#spot_index_personal{ background-image:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/index/leadvis_personal.png"); }
@media screen and (max-width: 768px){
	.leadvis{ height:512px; }
	.leadvis > *{
		font-size:240%;
		padding:20px;
	}
	.leadvis#spot_index_studio{ background-image:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/index/leadvis_studio_sp.png"); }
	.leadvis#spot_index_trainingcourse{ background-image:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/index/leadvis_trainingcourse_sp.png"); }
	.leadvis#spot_index_personal{ background-image:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/index/leadvis_personal_sp.png"); }
}
@media screen and (max-width: 640px){
	.leadvis{ height:384px; }
	.leadvis > *{
		font-size:160%;
		font-size:5vw;
		bottom:80px;
	}
}

/* サブページTOPヘッダー */
.subtopheader{
	text-align:center;
	margin-top:-240px;
	position:relative;
	z-index:1;
}
.subtopheader > div{
	max-width:768px;
	padding:0 20px;
	box-sizing:border-box;
	margin:0 auto;
}
@media screen and (max-width: 768px){
	.subtopheader{ margin-top:-200px; }
}
@media screen and (max-width: 640px){
	.subtopheader{ margin-top:-100px; }
}

/* イメージパネル */
.imagepanel{
	display:flex;
	flex-wrap:wrap;
	padding:40px 0;
}
.imagepanel > *{ width:25%; }
@media screen and (max-width: 768px){
	.imagepanel > *{ width:50%; }
}

/* 指さしアイコン */
.finder{
	color:rgb(0,0,0);
	font-size:75%;
	display:block;
	padding-bottom:20px;
}
.finder::before{
	content:'';
	background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/icons/finger_green.png") scroll no-repeat center center / contain;
	width:1em;
	height:1em;
	display:inline-block;
}

/* 料金テーブル */
.pricetable{ padding:60px 20px 40px; }
.pricetable > table{ margin:0 auto; }
.pricetable > table > * > tr > *{
	padding:10px;
	border:1px solid white;
	text-align:center;
}
.pricetable > table > thead > tr > *{ font-size:140%; }
.pricetable > table > tbody > tr > *{
	width:260px;
	font-size:120%;
	box-sizing:border-box;
}
.pricetable > table > tbody > tr > th{ width:160px; }
.pricetable > table > thead > tr > * > div{ position:relative; }
.pricetable .comment{
	color:rgb(0,0,0);
	display:block;
	position:absolute;
	bottom:100%;
	left:0;
	right:0;
	margin-bottom:16px;
	font-size:66%;
	box-sizing:border-box;
	padding:4px;
	z-index:1;
}
.pricetable .comment::after{
	content:'';
	position:absolute;
	height:0;
	width:0;
	display:block;
	left:0;
	right:0;
	margin:auto;
	border-top:20px solid #ccc;
	border-right:10px solid transparent;
	border-bottom:0 solid transparent;
	border-left:10px solid transparent;
}
.pricetable h4{
	font-size:150%;
}
.pricetable h4 > small{
	font-size:60%;
	display:block;
}
.pricetable .note{
	font-size:76%;
	display:block;
}
.pricetable .minlabel{
	display:flex;
	justify-content:space-between;
	max-width:260px;
	margin:0 auto;
}
.pricetable .minlabel.max{ display:block; }
.pricetable .minlabel small{ font-size:70%; }
.pricetable .minlabel > dt{
	background:rgb(96,96,96);
	color:white;
	font-size:70%;
	line-height:12px;
	min-width:50px;
	padding:4px 5px;
	margin-top:3px;
	box-sizing:border-box;
	align-self:flex-start;
	display:inline-block;
}
.pricetable .minlabel.max > dt{
	width:auto;
	display:block;
}
.pricetable .minlabel > dd{
	padding-left:4px;
	text-align:right;
}
.pricetable .minlabel.max > dd{ text-align:center; }
.pricetable .label{
	min-width:30px;
	max-width:30px;
	padding:10px 0;
}
@media screen and (max-width: 1024px){
	.pricetable .minlabel{
		display:block;
		text-align:center;
	}
	.pricetable .minlabel > dd{ text-align:center; }
}
@media screen and (max-width: 768px){
	.pricetable{
		overflow-x:scroll;
		-webkit-overflow-scrolling:touch;
		position:relative;
		padding-top:140px;
	}
	.pricetable::before{
		content:'左右にスクロールできます';
		color:#ccc;
		position:absolute;
		top:0;
		left:0;
		right:0;
		text-align:center;
		padding:0 20px;
		font-size:200%;
	}
	/*
	.pricetable .minlabel{
		display:flex;
		text-align:inherit;
	}
	*/
	.pricetable > table > tbody > tr > td{ width:210px; }
}
.pricetable > table > thead > tr > th{ background:#ccc; }
.pricetable > table > tbody > tr > th{ background:#f5f5f5; }
.pricetable > table > tbody > tr > th.label{ background:#ccc; }
.pricetable > table > tbody > tr > td.strong > *{ padding:4px; }
.pricetable > table > thead > tr > td:nth-of-type(1){ background:rgb(248,182,45); }
.pricetable > table > thead > tr > td:nth-of-type(2){ background:rgb(171,205,3); }
.pricetable > table > thead > tr > td:nth-of-type(3){ background:rgb(96,96,96); color:white; }
.pricetable > table > thead > tr > td:nth-of-type(4){ background:rgb(222,130,178); color:white; }
.pricetable > table > thead > tr > td:nth-of-type(5){ background:rgb(3,110,184); color:white; }
.pricetable > table > tbody > tr > td:nth-of-type(1).strong{ background:rgb(248,182,45); }
.pricetable > table > tbody > tr > td:nth-of-type(2).strong{ background:rgb(171,205,3); }
.pricetable > table > tbody > tr > td:nth-of-type(3).strong{ background:rgb(96,96,96); }
.pricetable > table > tbody > tr > td:nth-of-type(4).strong{ background:rgb(222,130,178); }
.pricetable > table > tbody > tr > td:nth-of-type(5).strong{ background:rgb(3,110,184); }
.pricetable > table > tbody > tr > td:nth-of-type(1).strong > *{ background:rgb(254,247,234); }
.pricetable > table > tbody > tr > td:nth-of-type(2).strong > *{ background:rgb(246,250,229); }
.pricetable > table > tbody > tr > td:nth-of-type(3).strong > *{ background:rgb(239,239,239); }
.pricetable > table > tbody > tr > td:nth-of-type(4).strong > *{ background:rgb(251,242,247); }
.pricetable > table > tbody > tr > td:nth-of-type(5).strong > *{ background:rgb(229,240,247); }
.pricetable > table > tbody > tr > td:nth-of-type(1){ background:rgb(252,233,192); }
.pricetable > table > tbody > tr > td:nth-of-type(2){ background:rgb(229,240,179); }
.pricetable > table > tbody > tr > td:nth-of-type(3){ background:rgb(207,207,207); }
.pricetable > table > tbody > tr > td:nth-of-type(4){ background:rgb(245,217,231); }
.pricetable > table > tbody > tr > td:nth-of-type(5){ background:rgb(179,211,233); }
.pricetable > table > tbody > tr > td:nth-of-type(1).inactive{ background:rgb(254,247,234); }
.pricetable > table > tbody > tr > td:nth-of-type(2).inactive{ background:rgb(246,250,229); }
.pricetable > table > tbody > tr > td:nth-of-type(3).inactive{ background:rgb(239,239,239); }
.pricetable > table > tbody > tr > td:nth-of-type(4).inactive{ background:rgb(251,242,247); }
.pricetable > table > tbody > tr > td:nth-of-type(5).inactive{ background:rgb(229,240,247); }
.pricetable > table > thead > tr > td:nth-of-type(1) > div > .comment{ background:rgb(252,233,192); }
.pricetable > table > thead > tr > td:nth-of-type(2) > div > .comment{ background:rgb(229,240,179); }
.pricetable > table > thead > tr > td:nth-of-type(3) > div > .comment{ background:rgb(207,207,207); }
.pricetable > table > thead > tr > td:nth-of-type(4) > div > .comment{ background:rgb(245,217,231); }
.pricetable > table > thead > tr > td:nth-of-type(5) > div > .comment{ background:rgb(179,211,233); }
.pricetable > table > thead > tr > td:nth-of-type(1) > div > .comment::after{ border-top-color:rgb(252,233,192); }
.pricetable > table > thead > tr > td:nth-of-type(2) > div > .comment::after{ border-top-color:rgb(229,240,179); }
.pricetable > table > thead > tr > td:nth-of-type(3) > div > .comment::after{ border-top-color:rgb(207,207,207); }
.pricetable > table > thead > tr > td:nth-of-type(4) > div > .comment::after{ border-top-color:rgb(245,217,231); }
.pricetable > table > thead > tr > td:nth-of-type(5) > div > .comment::after{ border-top-color:rgb(179,211,233); }
.pricetable > table > tbody > tr > td:nth-of-type(n).nocolor{ background:#f5f5f5; }

/* 無料体験 */
.dropin{
	background:#fafafa;
	padding:20px;
	margin:40px auto;
	max-width:620px;
	box-sizing:boder-box;
	border:10px solid rgb(229,240,179);
}
.dropin > h3{
	font-size:160%;
	margin-bottom:20px;
}
.dropin > div > p{ font-size:110%; }
.dropin > div > div{ text-align:center; }

/* カラーボックス */
.colorboxes > footer{
	padding:0 40px 40px;
	font-size:200%;
	font-weight:bold;
	text-align:right;
	margin-top:-30px;
}
.colorboxes > footer::before{
	content:'----------';
	letter-spacing:-.1em;
	padding-right:4px;
	font-weight:normal;
}
.colorboxes > div > section > div{
	padding:20px;
	height:100%;
	box-sizing:border-box;
}
.colorboxes > div > section > div > .tit{
	font-size:120%;
	color:rgb(96,96,96);
	padding-bottom:10px;
}
.colorboxes > div > section > div > footer{
	text-align:right;
	font-size:120%;
	font-weight:bold;
	padding-top:10px;
}
.colorboxes > div > section > div > footer::before{
	content:'----------';
	letter-spacing:-.1em;
	padding-right:4px;
	font-weight:normal;
}
.colorboxes > div > section:nth-child(1) > div{ background:rgb(248,230,239); border:10px solid rgb(245,217,231); }
.colorboxes > div > section:nth-child(2) > div{ background:rgb(238,245,204); border:10px solid rgb(229,240,179); }
.colorboxes > div > section:nth-child(3) > div{ background:rgb(204,226,240); border:10px solid rgb(179,211,233); }
.colorboxes > div > section:nth-child(4) > div{ background:rgb(204,226,240); border:10px solid rgb(179,211,233); }
.colorboxes > div > section:nth-child(5) > div{ background:rgb(243,209,211); border:10px solid rgb(237,186,189); }
.colorboxes > div > section:nth-child(6) > div{ background:rgb(223,223,223); border:10px solid rgb(207,207,207); }
.colorboxes > div > section:nth-child(7) > div{ background:rgb(204,236,234); border:10px solid rgb(178,227,224); }
.colorboxes > div > section:nth-child(8) > div{ background:rgb(236,209,222); border:10px solid rgb(227,186,206); }
@media screen and (max-width: 768px){
	.colorboxes > footer{
		font-size:140%;
		padding:0 20px 20px;
	}
}

/* プレミアムカード */
.premiumcard{
	background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/bg/loop_yoga.png") scroll repeat center center;
	border-radius:10px;
	padding:40px;
	height:100%;
	box-sizing:border-box;
}
.premiumcard > .tit{
	font-size:180%;
	padding-bottom:10px;
	color:rgb(171,205,3);
}
.premiumcard > .tit.pink{ color:rgb(222,130,178); }
.premiumcard > p{ padding-bottom:20px; }
.premiumcard > dl{
	display:flex;
	flex-wrap:wrap;
	margin:20px 0;
	align-items:center;
}
.premiumcard > dl > dt{
	width:30%;
	padding:4px 10px;
	box-sizing:border-box;
	text-align:right;
}
.premiumcard > dl > dd{
	width:70%;
	padding:4px 10px;
	box-sizing:border-box;
	font-size:140%;
	text-align:left;
}
.premiumcard > .note{
	background:rgba(255,255,255,.6);
	border-radius:6px;
	padding:20px;
}
@media screen and (max-width: 1024px){
	.premiumcard{ padding:30px 20px; }
}
@media screen and (max-width: 768px){
	.premiumcard{
		max-width:500px;
		margin:0 auto;
	}
}

/* フィンガーリスト */
.fingerlist{
	text-align:center;
	font-size:110%;
}
.fingerlist > li::before{
	content:'';
	background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/icons/finger_green.png") scroll no-repeat center center / contain;
	width:1em;
	height:1em;
	display:inline-block;
}

/* 店舗セット */
.storeset > ul{
	display:flex;
	flex-wrap:wrap;
	margin:10px -4px;
	max-width:540px;
}
.storeset > ul > li{
	padding:4px;
	width:20%;
	box-sizing:border-box;
}
.storeset > .tel{
	color:rgb(222,130,178);
	transition:color .2s;
	font-size:220%;
}
.storeset > .tel::before{
	content:'';
	display:inline-block;
	width:20px;
	height:1em;
	background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/icons/tel_pink.png") scroll no-repeat center bottom / contain;
}
.storeset > .tel.hover{ color:rgb(164,27,93); }
.storeset > address{ display:block; }

/* ブログリスト */
.bloglist > section{ padding:10px 0; }
.bloglist > section:not(:last-child){ border-bottom:1px solid #ccc; }
.bloglist > section > a{
	display:block;
	transition:background .2s;
	padding:10px;
	border-radius:4px;
	color:rgb(0,0,0);
	transition:background .2s;
}
.bloglist > section > a.hover{ background:#f5f5f5; }
.bloglist > section > a > .tit{
	font-size:120%;
	font-weight:bold;
	color:rgb(96,96,96);
}
.bloglist > section > a > p{ word-wrap:break-word; }

/* 臨時休業中 */
.closed{
	display:inline-block;
	background:rgb(195,27,35);
	color:white;
	padding:0 6px;
	font-size:85%;
	margin-right:6px;
}

/* ボード */
.board{
	background:rgb(0,162,154);
	padding:20px;
	margin:20px;
	font-size:200%;
	font-weight:bold;
	text-align:center;
	color:white;
}

/* ギャラリー */
.gallery > li > a{
	transition:opacity .2s;
	display:block;
}
.gallery > li > a.hover{ opacity:.7; }
.gallery > li > a > img{
	object-fit:cover;
	height:200px;
}

/**
 * スポット対応
----------------------------------------------------------------*/
/* TOPページ > トップニュース */
#spot_index_topnews{ background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/bg/loop_yoga.png") scroll repeat center center; }
#spot_index_topnews > .base{ padding:40px 0; }
#spot_index_topnews > .base > *{ padding:10px 20px; }

/* TOPページ > 新着情報ハイライト */
#spot_index_toptopics{
	overflow-x:scroll;
	-webkit-overflow-scrolling:touch;
	padding:20px 20px 0;
}
#spot_index_toptopics > .topiclist{ padding-bottom:0; }
#spot_index_trainingcourses{
	overflow-x:scroll;
	-webkit-overflow-scrolling:touch;
	padding:20px 20px 0;
}
#spot_index_trainingcourses > .topiclist2{ padding-bottom:0; }

/* TOPページ > FC加盟店募集・スタジオスタッフ募集 */
#spot_index_recruit{
	padding-top:40px;
	background:#f5f5f5;
}
/* TOPページ > 新着情報 */
#spot_index_topics > section:first-of-type{ border-bottom:1px solid #ccc; }

/* 新着ナビ */
#topicnav{
	max-width:1056px;
	margin:40px auto;
	display:flex;
}
#topicnav > a{
	display:block;
	width:20%;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	box-sizing:border-box;
	transition:background .2s;
}
#topicnav > a:first-child{ border-left:1px solid #ccc; }
#topicnav > a.hover{ background:#f5f5f5; }
@media screen and (max-width: 1024px){
	#topicnav{ margin:40px 20px; }
}
@media screen and (max-width: 768px){
	#topicnav{ flex-wrap:wrap; }
	#topicnav > a{ width:33.3333%; }
	#topicnav > a:nth-child(3) ~ a{ border-top:0; }
	#topicnav > a:nth-child(3n + 1){ border-left:1px solid #ccc; }
}

/* ヨガスタジオ > MUKTAとは？ */
#spot_studio_about{ background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/studio/index/bg_about.png") scroll no-repeat center top / contain; }
@media screen and (max-width: 768px){
	#spot_studio_about{ background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/studio/index/bg_about_sp.png") scroll no-repeat center top / contain; }
}

/* ヨガスタジオ > MUKTAのすごいところ */
#spot_studio_usp > div > figure{
	background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/bg/loop_yoga.png") scroll repeat center center;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

/* ヨガスタジオ > はじめての方へ > リードコピー */
#spot_studio_firstusers_leadcopy{ background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/studio/firstusers/bg_leadcopy.png") scroll no-repeat center top / contain; }
@media screen and (max-width: 768px){
	#spot_studio_firstusers_leadcopy{ background-image:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/studio/firstusers/bg_leadcopy_sp.png"); }
}

/* ヨガスタジオ > はじめての方へ > MUKTAの特徴 */
#spot_studio_firstusers_features{ background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/studio/firstusers/bg_feature.png") scroll no-repeat center top / cover; }
@media screen and (max-width: 768px){
	#spot_studio_firstusers_features{ background-image:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/studio/firstusers/bg_feature_sp.png"); }
}

/* ヨガスタジオ > はじめての方へ > お客様の声 */
#spot_studio_firstusers_voice{ background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/studio/firstusers/bg_voice.png") scroll no-repeat center top / cover; }
#spot_studio_firstusers_voice > div > div{
}
#spot_studio_firstusers_voice > div > div::after{
	content:'';
	clear:both;
	display:block;
}
#spot_studio_firstusers_voice > div > div > section{
	float:left;
	width:46%;
	background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/bg/loop_yoga.png") scroll repeat center center;
	box-sizing:border-box;
	padding:30px 20px;
	margin:2%;
	box-shadow:0 0 6px rgba(0,0,0,.2);
}
@media screen and (max-width: 768px){
	#spot_studio_firstusers_features{ background-image:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/studio/firstusers/bg_feature_sp.png"); }
	#spot_studio_firstusers_voice > div > div > section{
		float:none;
		width:92%;
		margin:4%;
	}
}

/* ヨガスタジオ > 料金システム > シルバー会員のご案内 */
#spot_studio_prices_silvermembers > div{
	background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/studio/price/bg_waterserver.png") scroll no-repeat center top / contain;
	padding-top:60px;
	box-sizing:border-box;
}
#spot_studio_prices_silvermembers > div > div > section:first-child{
	padding-left:280px;
	margin-right:-100px;
}
#spot_studio_prices_silvermembers > div > div > section:first-child > .leadcopy{ padding:0; }
#spot_studio_prices_silvermembers > div > div > section:first-child > .flex:first-of-type{ padding:40px 0 20px; }
#spot_studio_prices_silvermembers > div > div > section:first-child > .flex > section > .h5{ color:rgb(3,110,184); }
@media screen and (max-width: 1024px){
	#spot_studio_prices_silvermembers > div > div > section:first-child{ margin-right:0; }
}
@media screen and (max-width: 768px){
	#spot_studio_prices_silvermembers > div > div > section:first-child{ padding:20px; }
	#spot_studio_prices_silvermembers > div{ background-image:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/studio/price/bg_waterserver_sp.png"); }
}

/* 養成講座 > ヨガインストラクター養成講座 > リードコピー */
#spot_trainingcourse_yogainstructors_leadcopy{ background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/trainingcourse/yogainstructors/bg_leadcopy.png") scroll no-repeat center top / contain; }
@media screen and (max-width: 768px){
	#spot_trainingcourse_yogainstructors_leadcopy{ background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/trainingcourse/yogainstructors/bg_leadcopy_sp.png") scroll no-repeat center top / contain; }
}

/* 養成講座 > ヨガインストラクター養成講座 > MUKTAの養成講座の特徴 > 卒業後の万全な5つのフォロー体制 */
#spot_trainingcourse_yogainstructors_follows{ background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/trainingcourse/yogainstructors/bg_follows.png") scroll no-repeat center top / contain; }
@media screen and (max-width: 768px){
	#spot_trainingcourse_yogainstructors_follows{ background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/trainingcourse/yogainstructors/bg_follows_sp.png") scroll no-repeat center top / contain; }
}

/* 養成講座 > アナトミー(解剖学)講座 > リードコピー */
#spot_trainingcourse_anatomy_leadcopy{ background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/trainingcourse/anatomy/bg_leadcopy.png") scroll no-repeat center top / cover; }
@media screen and (max-width: 768px){
	#spot_trainingcourse_anatomy_leadcopy{ background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/trainingcourse/anatomy/bg_leadcopy_sp.png") scroll no-repeat center top / cover; }
}

/* 養成講座 > アナトミー(解剖学)講座 > 骨盤アナトミーTT */
#spot_trainingcourse_anatomy_pelvicanatomy{ background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/trainingcourse/anatomy/bg_pelvicanatomy.png") scroll no-repeat center top / cover; }
@media screen and (max-width: 768px){
	#spot_trainingcourse_anatomy_pelvicanatomy{ background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/trainingcourse/anatomy/bg_pelvicanatomy_sp.png") scroll no-repeat center top / cover; }
}

/* 養成講座 > パーソナルトレーナー養成講座 > リードコピー */
#spot_trainingcourse_personaltrainers_leadcopy{ background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/trainingcourse/personaltrainers/bg_leadcopy.png") scroll no-repeat center top / contain; }
@media screen and (max-width: 768px){
	#spot_trainingcourse_personaltrainers_leadcopy{ background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/trainingcourse/personaltrainers/bg_leadcopy_sp.png") scroll no-repeat center top / contain; }
}

/* 養成講座 > パーソナルトレーナー養成講座 > 講座詳細 */
#spot_trainingcourse_personaltrainers_details{ background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/trainingcourse/personaltrainers/bg_details.png") scroll no-repeat center top / contain; }
@media screen and (max-width: 768px){
	#spot_trainingcourse_personaltrainers_details{ background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/trainingcourse/personaltrainers/bg_details_sp.png") scroll no-repeat center top / contain; }
}

/* ご予約・スケジュール > お申し込み・お問い合わせ */
#spot_reservation_contactform > div{
	background:rgb(229,245,244);
	padding:40px 0 80px;
}

/* ご予約・スケジュール > スタジオスケジュール */
#spot_reservation_schedules > div > .flex > section > a{
	display:block;
	background:rgb(171,205,3) url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/bg/loop_yoga_alpha.png") scroll repeat center center;
	padding:20px;
	text-align:center;
	font-size:200%;
	color:rgb(0,0,0);
	border-radius:8px;
	transition:background-color .2s;
}
#spot_reservation_schedules > div > .flex > section > a.hover{ background-color:rgb(0,162,154); }
#spot_reservation_schedules > div > .flex > section > a > small{ font-size:75%; }

/* 店舗一覧 > 店舗リスト */
#spot_stores_storelist > div > .sec3 > section > p{ min-height:120px; }
@media screen and (max-width: 768px){
	#spot_stores_storelist > div > .sec3 > section > p{ min-height:0; }
}

/* イベント情報 */
#spot_events{ font-size:120%; }
#spot_events > div > section{
	border-bottom:1px solid #ccc;
	position:relative;
}
/*
#spot_events > div > section.inactive::before{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:block;
	content:'';
	background:rgba(242,248,217,.9) url("https://mukta6910.com/wp-content/themes/mukta6910/image/interface/common/eventhasfinished.png") scroll no-repeat center center;
	border:20px solid rgba(213,230,129,.2);
}
*/
.ended{
	background:rgb(195,27,35);
	color:white;
	font-size:120%;
	margin:0 20px;
}
#spot_events > div > section.inactive::before{
	content:'このイベントは終了しました。またのお越しをお待ちしております。';
	display:block;
	background:rgb(195,27,35);
	color:white;
	margin:40px 40px 0;
	padding:10px;
	font-size:120%;
	text-align:center;
}
@media screen and (max-width: 1024px){
	#spot_events > div > section.inactive{ padding:20px; }
	/*
	#spot_events > div > section.inactive::before{
		background-size:contain;
		top:20px;
		left:20px;
		right:20px;
		bottom:20px;
		border:none;
	}
	*/
	#spot_events > div > section.inactive::before{
		font-size:100%;
		margin:40px 20px 0;
	}
}

/* パーソナルトレーニング > パーソナルトレーニングTOP > MUKTAのパーソナルトレーニングの特徴 */
#spot_personal_features{
	background:rgb(51,51,51) url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/personal/index/bg_lfeatures.png") scroll no-repeat center top /contain;
	color:white;
}
#spot_personal_features > div > .flex > section > .tit{
	padding-bottom:20px;
	font-size:200%;
}
#spot_personal_features > div > .flex > section > p{
	padding-top:20px;
	font-size:120%;
}
@media screen and (max-width: 768px){
	#spot_personal_features{ background-image:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/personal/index/bg_lfeatures_sp.png"); }
}

/* 整骨院：見出し */
.h2_seikotsu{
	background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/seikotsu/h2.png") scroll no-repeat center bottom;
	min-height:200px;
	padding:100px 20px 0;
	box-sizing:border-box;
	font-size:36px;
	line-height:46px;
	font-weight:bold;
	text-align:center;
	letter-spacing:.1em;
}
.h2_seikotsu > small{
	font-size:16px;
	line-height:20px;
	display:block;
	font-weight:normal;
	color:rgb(0,162,154);
	letter-spacing:0;
}
.h3_seikotsu{
	font-size:24px;
	line-height:30px;
	color:rgb(46,167,224);
	font-weight:bold;
}
@media screen and (max-width: 768px){
	.h2_seikotsu{
		padding-top:120px;
		font-size:24px;
		line-height:30px;
	}
}

/* 整骨院：メインビジュアル */
#spot_seikotsu_mvis{
	position:relative;
	height:768px;
}
#spot_seikotsu_mvis > img{
	object-fit:cover;
	object-position:center top;
	height:100%;
	width:100%;
}
#spot_seikotsu_mvis > h2{
	position:absolute;
	top:0;
	max-width:1024px;
	left:0;
	right:0;
	margin:0 auto;
}
#spot_seikotsu_mvis > p{
	height:224px;
	background:black;
	position:absolute;
	left:0;
	right:50%;
	margin-right:-256px;
	bottom:30px;
}
#spot_seikotsu_mvis > p > img{
	width:768px;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
}
@media screen and (max-width: 768px){
	#spot_seikotsu_mvis{ height:auto; }
	#spot_seikotsu_mvis > figure > img{
		object-fit:unset;
		object-position:unset;
		height:auto;
		max-width:100%;
	}
}

/* 整骨院：問い合わせ */
.seikotsu_cta{
	display:flex;
	justify-content:center;
	gap:20px;
	margin:0 auto 80px;
	max-width:688px;
}
.seikotsu_cta > a{ display:block; }
@media screen and (max-width: 768px){
	.seikotsu_cta{
		display:block;
		max-width:400px;
		margin:0 auto 80px;
		padding:0 20px;
	}
}

/* 整骨院：お悩み */
#spot_seikotsu_troubles{
	background:rgb(51,51,51) url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/seikotsu/troubles_bg.png") scroll no-repeat center center / cover;
	padding:40px 20px 80px;
	color:white;
}
#spot_seikotsu_troubles > section{
	max-width:768px;
	margin:0 auto;
}
#spot_seikotsu_troubles > h2{
	padding:10px;
	font-size:30px;
	text-align:center;
	line-height:38px;
}
#spot_seikotsu_troubles > h2 > small{
	font-size:20px;
	line-height:24px;
}
#spot_seikotsu_troubles > section > h3{
	background:rgb(251,237,33);
	font-size:20px;
	position:relative;
	padding:3px 20px 3px 60px;
	border-radius:8px;
	margin-bottom:20px;
	margin-top:30px;
	color:rgb(0,0,0);
}
#spot_seikotsu_troubles > section > h3::before{
	width:50px;
	height:50px;
	content:'';
	display:block;
	position:absolute;
	top:-10px;
	left:6px;
	background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/seikotsu/troubles_check.png") scroll no-repeat center center / contain;
}
#spot_seikotsu_troubles > section > h3::after{
	width:40px;
	height:15px;
	content:'';
	display:block;
	position:absolute;
	bottom:-15px;
	left:10px;
	background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/seikotsu/troubles_bubble.png") scroll no-repeat center center / contain;
}
@media screen and (max-width: 768px){
	#spot_seikotsu_troubles{ background-image:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/seikotsu/troubles_bg_sp.png"); }
	#spot_seikotsu_troubles > h2{ font-size:24px; }
	#spot_seikotsu_troubles > h2 > small{ font-size:16px; }
}

/* 整骨院：説明セクション */
#spot_seikotsu_summary{ position:relative; }
#spot_seikotsu_summary::before{
	background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/seikotsu/summary_bg.png") scroll no-repeat left top;
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	z-index:-1;
}
#spot_seikotsu_summary h2{
	font-size:30px;
	line-height:34px;
	font-weight:bold;
	margin:20px 0;
}
#spot_seikotsu_summary h2 > small{ font-size:18px; }
@media screen and (max-width: 1024px){
	#spot_seikotsu_summary::before{ background-position:-100px top; }
}
@media screen and (max-width: 768px){
	#spot_seikotsu_summary::before{ opacity:.2; }
	#spot_seikotsu_summary h2{ font-size:24px; }
}

/* 整骨院：営業日テーブル */
.seikotsutable{ padding:20px; }
.seikotsutable > table{
	width:100%;
	max-width:600px;
	margin:10px auto;
}
.seikotsutable > table,
.seikotsutable > table th,
.seikotsutable > table td{
	border-collapse:collapse;
	border:1px solid rgb(0,0,0);
}
.seikotsutable > table th,
.seikotsutable > table td{
	padding:8px;
	text-align:center;
}
.seikotsutable > table > thead th{
	background:rgb(46,167,224);
	color:white;
}
.seikotsutable p{ text-align:center; }

/* 整骨院：丸リスト */
.circlelist{
	background:rgb(213,237,249);
	max-width:728px;
	margin:40px auto;
	border-radius:10px;
	padding:20px;
	font-size:16px;
}
.circlelist > h3{
	font-size:24px;
}
.circlelist > ul{
}
.circlelist > ul > li{ display:inline; }
.circlelist > ul > li::before{
	content:'●';
	color:rgb(46,167,224);
}
@media screen and (max-width: 768px){
	.circlelist{ margin:40px 20px; }
}

/* 整骨院：価格 */
.seikotsu_price{
	text-align:right;
	margin-top:10px;
}
.seikotsu_price > .campaign{
	background:rgb(171,205,3);
	color:white;
	padding:0 4px;
	display:inline-block;
}
.seikotsu_price > p{
	font-size:22px;
	text-align:right;
}
.seikotsu_price > p > small{
	border:1px solid rgb(0,0,0);
	padding:2px 6px;
	margin-right:6px;
}
.seikotsu_price > p > span{ font-size:40px; }

/* 整骨院：キャンペーン */
#spot_seikotsu_campaign{
	background:rgb(171,205,3);
	padding:20px;
	color:white;
	font-weight:bold;
	font-size:32px;
	line-height:36px;
	text-align:center;
}
@media screen and (max-width: 768px){
	#spot_seikotsu_campaign{
		font-size:24px;
		line-height:30px;
	}
}

/* 整骨院：お客様の声 */
#spot_seikotsu_voices{ background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/seikotsu/voices_bg.png") scroll no-repeat center top / 100%; }
#spot_seikotsu_voices > .base > .single > section{
	background:rgba(255,255,255,.8);
	position:relative;
	margin-top:40px;
}
#spot_seikotsu_voices > .base > .single > section > header{
	background:linear-gradient(to right, rgb(46,167,224), rgb(0,162,154));
	padding:20px 20px 20px 140px;
	text-align:justify;
	position:relative;
}
#spot_seikotsu_voices > .base > .single > section > header > ul > li{
	display:inline;
	border-radius:4px;
	background:white;
	font-weight:bold;
	font-size:16px;
	padding:4px;
}
#spot_seikotsu_voices > .base > .single > section > header > h4{
	font-size:24px;
	line-height:30px;
	font-weight:bold;
	color:white;
	padding-top:4px;
}
#spot_seikotsu_voices > .base > .single > section header > img{
	position:absolute;
	top:-20px;
	left:-20px;
	width:140px;
}
#spot_seikotsu_voices > .base > .single > section > .h4{ padding:10px 20px 0 140px; }
#spot_seikotsu_voices > .base > .single > section > p{ padding:0 20px 20px 140px; }
#spot_seikotsu_voices > .base > .flex > section > div{
	background:white url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/seikotsu/voices_singlebg.png") scroll no-repeat right -20px bottom;
	border-radius:20px;
	padding:10px 20px;
}
#spot_seikotsu_voices > .base > .flex > section > div > h4{
	padding-left:50px;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	position:relative;
}
#spot_seikotsu_voices > .base > .flex > section > div > h4::before{
	background:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/seikotsu/voices_icon.png") scroll no-repeat center center / contain;
	width:40px;
	height:40px;
	display:block;
	position:absolute;
	content:'';
	left:0;
	bottom:4px;
}
#spot_seikotsu_voices > .base > .flex > section > div > p{
	letter-spacing:0;
}
@media screen and (max-width: 768px){
	#spot_seikotsu_voices{ background-image:url("https://mukta6910.com/wp-content/themes/mukta6910/image/article/seikotsu/voices_bg_sp.png"); }
	#spot_seikotsu_voices > .base > .single > section > header > img{
		top:auto;
		bottom:20px;
	}
	#spot_seikotsu_voices > .base > .single > section > .h4{ padding-left:20px; }
	#spot_seikotsu_voices > .base > .single > section > p{ padding-left:20px; }
}

/**
 * 記事
----------------------------------------------------------------*/
/* ブロックエディタスタイル */
.post p{
	line-height:1.9;
	padding:10px 0;
}
.post > div p{
}
.post h2{
	font-size:200%;
	padding:40px 0 20px;
	font-weight:bold;
}
.post h3{
	font-size:160%;
	padding:20px 0;
	font-weight:bold;
	border-left:rgb(195,27,35);
}
.post h4{
	font-size:120%;
	padding:10px 0;
	font-weight:bold;
}
.post a{ color:rgb(195,27,35); }
.post a:hover{ color:rgb(213,95,101); }
.post ul{ padding:20px; }
.post ul > li{ font-size:120%; }
.post ul > li::before{ content:'■'; }
.post blockquote{
	background:#f5f5f5;
	padding:40px;
	margin:20px 0;
	font-style:italic;
}
.post blockquote cite{
	font-size:80%;
	text-align:right;
	display:block;
}
.post figure figcaption{
	text-align:center;
	padding:5px 0 20px;
}
.post strong{
	 color:rgb(0,0,0); 
	 font-weight:bold;
	 font-size:130%;
}
@media screen and (max-width: 768px){
	.post{ padding:20px 20px 80px; }
	.post > header > div{ font-size:inherit; }
}

/**
 * ダイアログ
----------------------------------------------------------------*/
.dialog{
	position:fixed;
	z-index:99999;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,.8);
	display:none;
	opacity:0;
	transition:opacity .2s;
}
.dialog.active{
	display:block;
	opacity:1;
}
.dialog > div{
	max-width:400px;
	max-height:560px;
	position:absolute;
	top:20px;
	left:20px;
	right:20px;
	bottom:20px;
	margin:auto;
	background:rgb(229,245,244);
}
.dialog > div > .close{
	position:absolute;
	right:0;
	top:0;
	height:56px;
	width:56px;
	border:none;
	display:block;
	background:rgb(246,250,229);
	transition:backdround .2s;
}
.dialog > div > .close.hover{ background:white; }
.dialog > div > header{
	text-align:center;
	background:rgb(0,162,154);
	color:white;
	font-size:160%;
	padding:10px 20px;
	line-height:36px;
}
.dialog > div > div{
	max-height:504px;
	overflow-y:scroll;
}

/**
 * フォーム
----------------------------------------------------------------*/
.wpcf7{
	max-width:768px;
	padding:20px;
	display:block;
	margin:0 auto;
	box-sizing:border-box;
	font-size:140%;
	font-weight:bold;
}
.screen-reader-response[role="alert"],
.wpcf7-response-output[role="alert"]{
	padding:20px;
	background:rgb(204,236,234);
	margin:40px;
	font-size:75%;
}
.wpcf7-not-valid-tip{
	color:rgb(195,27,35);
	padding:6px 0 20px;
	font-size:75%;
}
form > div{ padding-top:20px; }
form input[type="submit"]{
	-webkit-appearance:none;
	border-radius:0;
}
form input[type="text"],
form input[type="email"],
form input[type="tel"],
form textarea{ padding:8px 2px; }
form input[type="radio"] + span{ font-size:85%; }
form input[type="text"],
form input[type="email"],
form input[type="tel"],
form input[type="submit"],
form textarea{
	border:none;
	width:100%;
	font-size:120%;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.label{ letter-spacing:.1em; }
form .req::before{
	content:'必須';
	display:inline-block;
	background:rgb(0,162,154);
	color:white;
	padding:0 8px;
	font-size:75%;
}
form input[type="radio"] + span{ margin-right:10px; }
form input[type="submit"]{
	max-width:300px;
	display:block;
	margin:0 auto;
	background:rgb(0,162,154);
	color:white;
	padding:20px;
	font-size:120%;
	font-weight:bold;
	border-radius:4px;
	transition:background .2s;
}
form input[type="submit"]:hover{ background:rgb(76,189,184); }
.dialog form input[type="submit"]{
	font-size:110%;
	max-width:240px;
	padding:10px;
}

/* スタッフセレクタ */
.staffs > nav > select{
	font-size:18px;
	font-weight:bold;
	max-width:100%;
}