@charset "UTF-8";

/**
 * 共通パーツ
----------------------------------------------------------------*/
.marker{ background:yellow; }
.tmargin{ padding-top:40px; }
.one{ padding:20px; }
figcaption{
	font-size:16px;
	font-weight:bold;
	padding-top:10px;
}
.hoverable.opacity{ transition:opacity .2s; }
.hoverable.opacity.hover{ opacity:.7; }

/* 段組み */
.colp{
	column-count:2;
	column-gap:40px;
	padding:40px;
}
@media screen and (max-width: 768px){
	.colp{
		column-count:1;
		padding:20px;
	}
}

/* 水平線セクション */
.hrsecs > *:not(:last-child){
	border-bottom:1px solid #ccc;
	
}

/* 強調 */
strong.green{ color:rgb(130,200,50); }
strong.orange{ color:rgb(240,90,35); }
b.orange{ color:rgb(240,90,35); }

/* 見出し */
.h2{
	font-size:250%;
	text-align:center;
	font-weight:bold;
	padding:80px 20px 40px;
}
.h2.white{ color:white; }
.h2::after{
	width:100px;
	height:4px;
	content:'';
	display:block;
	background:rgb(240,90,35);
	margin:0 auto;
}
.h2 > small{
	font-size:75%;
	display:block;
}
.h2 > strong{ color:rgb(200,20,10); }
.h3{
	color:rgb(130,200,50);
	font-weight:bold;
	font-size:18px;
	padding-bottom:10px;
	text-align:left;
}
.h3_box{
	width:240px;
	font-size:18px;
	text-align:center;
	padding:8px 10px;
	margin:0 0 20px;
	color:white;
	background:rgb(130,200,50);
	font-weight:bold;
	line-height:1.1;
}
.h3_box > strong{ font-size:130%; }
@media screen and (max-width: 768px){
	.h2{ font-size:24px; }
	.h3{ font-size:16px; }
}

/* 説明文 */
.summary{
	font-size:120%;
	font-weight:bold;
	padding:0 20px 40px;
	max-width:640px;
	margin:0 auto;
}
.summary.large{
	font-size:200%;
}

/* ビッグリスト */
.biglist{ font-size:36px; }
@media screen and (max-width: 768px){
	.biglist{ font-size:20px; }
}

/* インラインリスト */
.inlinelist{ text-align:left; }
.inlinelist > li{
	display:inline-block;
	font-size:16px;
	font-weight:bold;
	line-height:2;
}
.inlinelist > li:not(:last-child){ padding-right:1em; }
.inlinelist > li::before{
	content:'■';
	font-size:70%;
	color:rgb(130,200,50);
	vertical-align:middle;
}
.inlinelist.big > li{
	font-size:150%;
	display:block;
}
.inlinelist.big > li:not(:last-child){ padding-right:0; }

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

/* バナー */
.banners{
	text-align:center;
	padding:40px 20px 80px;
}
.banner{ transition:opacity .2s; }
.banner.hover{ opacity:.7; }

/* ボタン */
.buttons{
	text-align:center;
	padding:40px 20px 80px;
}
.button{
	font-size:130%;
	letter-spacing:.1em;
	font-weight:bold;
	width:300px;
	display:inline-block;
	padding:20px;
	color:white;
	background:rgb(240,90,35);
	transition:background .2s;
	box-sizing:border-box;
}
.button.hover{
	background:rgb(200,20,10);
	color:white;
}

/* お客様の声画像 */
.voiceimages{
	overflow-x:scroll;
	-webkit-overflow-scrolling:touch;
}
.voiceimages > div{
	display:flex;
	padding:10px;
}
.voiceimages > div > section{
	width:320px;
	overflow:hidden;
	box-sizing:border-box;
	padding:10px;
}
.voiceimages > div > section > h3{
	font-size:120%;
	font-weight:bold;
	padding-top:10px;
	text-align:justify;
}
.voiceimages > div > section > figure > img{
	width:300px;
	height:168px;
	object-fit:cover;
}

/* お客様の声 */
.voices{
	background:rgb(250,245,225);
	display:flex;
	flex-wrap:wrap;
	padding:20px 10px;
	justify-content:center;
}
.voices > section{ width:300px; }
.voices > section > a{
	margin:10px;
	background:white;
	padding:20px;
	display:block;
	color:rgb(123,116,114);
	transition:box-shadow .2s;
	cursor:pointer;
}
.voices > section > a.opened{ cursor:default; }
.voices > section > a:not(.opened).hover{ box-shadow:0 0 10px 2px rgb(240,90,35); }
.voices > section > a > h3{
	font-size:120%;
	font-weight:bold;
	text-align:justify;
}
.voices > section > a > header{ display:flex; }
.voices > section > a > header > *{ width:50%; }
.voices > section > a > header > p{ text-align:right; }
.voices > section > a > p{
	padding-top:10px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	overflow:hidden;
}
@media screen and (max-width: 768px){
	.voices{ padding:30px 5px; }
	.voices > section{ width:50%; }
	.voices > section > a{
		padding:10px;
		margin:5px;
	}
	.voices > section > a > p{ -webkit-line-clamp:6; }
}
@media screen and (max-width: 640px){
	.voices{ padding:10px; }
	.voices > section > a{ margin:10px; }
	.voices > section{ width:100%; }
}

/* 星評価 */
.stars{ color:rgb(252,191,57); }
.stars.stars1::before{ content:'★☆☆☆☆'; }
.stars.stars2::before{ content:'★★☆☆☆'; }
.stars.stars3::before{ content:'★★★☆☆'; }
.stars.stars4::before{ content:'★★★★☆'; }
.stars.stars5::before{ content:'★★★★★'; }

/* 続きを読む */
.more.opened > p{ display:block; }

/* 採用CTA */
.recruitcta{
	max-width:728px;
	margin:0 auto;
	padding:40px 20px 80px;
}
.recruitcta > img{ padding-bottom:20px; }
.recruitcta > .flex > a{ transition:opacity .2s; }
.recruitcta > .flex > a.hover{ opacity:.6; }

/* 番号見出し */
.nhead{
	display:flex;
	font-size:30px;
	font-weight:bold;
	vertical-align:middle;
	padding:20px 20px 0;
	justify-content:center;
	align-items:center;
}
.nhead > div{
	background:rgb(240,90,35);
	color:white;
	display:inline-block;
	padding:2px 10px;
	color:white;
	font-size:70%;
	margin-right:20px;
	min-width:60px;
}
.nhead > p{ text-align:left; }
.nhead > p > small{
	color:rgb(240,90,35);
	font-size:75%;
	display:block;
}
@media screen and (max-width: 768px){
	.nhead{
		font-size:20px;
		justify-content:flex-start;
		flex-direction:column;
	}
	.nhead > div{ margin-bottom:10px; }
	.nhead > p{ text-align:center; }
}

/**
 * LP共通パーツ
----------------------------------------------------------------*/
.lp{ text-align:center; }
.lp img:not(.pc):not(.sp){
	display:block;
	margin:0 auto;
}

/* 見出し */
.h2_lp{
	font-size:280%;
	font-weight:bold;
	line-height:120%;
	background:rgb(130,200,50);
	color:white;
	max-width:800px;
	margin:80px 20px;
	padding:10px 60px;
	box-sizing:border-box;
	display:inline-block;
	border-radius:160px;
}
.h2_lp > small{
	font-size:80%;
	font-weight:normal;
}
@media screen and (max-width: 768px){
	.h2_lp{
		font-size:140%;
		margin:40px 10px 20px;
		padding:10px 20px;
		border-radius:40px;
	}
}

/* グリッド */
.flex.grid > section > h3,
.flex.grid > section > h4,
.flex.grid > section > h5,
.flex.grid > section > h6{
	font-size:18px;
	font-weight:bold;
	color:rgb(130,200,50);
	padding:10px 0;
	text-align:left;
}
.flex.grid > section > h3 > strong,
.flex.grid > section > h4 > strong,
.flex.grid > section > h5 > strong,
.flex.grid > section > h6 > strong{ font-size:130%; }
@media screen and (max-width: 768px){
	.flex.grid > section > h3,
	.flex.grid > section > h4,
	.flex.grid > section > h5,
	.flex.grid > section > h6{
		font-size:16px;
		padding:10px 0 5px;
	}
}

/* 大説明文 */
.story.white{ color:white; }
.story.big{
	font-size:280%;
	text-align:center;
	font-weight:bold;
	padding:40px 20px;
}
.story.big > strong{ text-decoration:underline; }
.story.big > b{ font-size:170%; }
@media screen and (max-width: 768px){
	.story.big{
		font-size:124%;
		padding:20px;
	}
}

/* 小説明文 */
.story.small{
	font-size:170%;
	text-align:center;
	font-weight:bold;
	padding:40px 20px;
}
.story.small > strong{ text-decoration:underline; }
@media screen and (max-width: 768px){
	.story.small{
		font-size:100%;
		padding:20px;
	}
}

/* ボックス */
.story.box{
	background:#f5f5f5;
	padding:20px;
}

/* 薄文字 */
.story .thin{ font-weight:normal; }

/* 少し大きい文章 */
.story.semi{
	font-size:16px;
	font-weight:bold;
}
.story.semi strong{ font-size:150%; }
.story.semi b{
	font-size:150%;
	color:rgb(240,90,35);
}
@media screen and (max-width: 768px){
	.story.semi{ font-size:14px; }
}

/* 中央テーブル */
.centertable{
	max-width:728px;
	margin:20px auto;
	text-align:left;
	font-size:24px;
	font-weight:bold;
}
.centertable img{ max-width:180px; }
.centertable td{ padding:20px; }
@media screen and (max-width: 768px){
	.centertable{
		margin:20px;
		font-size:20px;
	}
	.centertable img{ max-width:100px; }
}

/* 図解 */
.figset{ text-align:center; }
.figset > figcaption{
	background:rgb(35,24,21);
	display:inline-block;
	color:white;
	font-size:160%;
	padding:0 20px;
	margin:40px 20px 20px;
}
@media screen and (max-width: 768px){
	.figset > figcaption{ font-size:120%; }
}

/* 注記 */
.note{
	max-width:500px;
	background:white;
	padding:5px 15px 5px 60px;
	box-sizing:border-box;
	margin:20px auto 40px;
	font-size:120%;
	font-weight:bold;
	position:relative;
}
.note::before{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	display:block;
	content:'※';
	color:rgb(252,191,57);
	padding-left:15px;
	font-size:240%;
}
@media screen and (max-width: 768px){
	.note{
		font-size:90%;
		max-width:none;
		margin:10px 10px 20px;
	}
}

/* 二連 */
.infoset2{
	max-width:768px;
	margin:0 auto;
}
.infoset2 > section > h3{
	font-weight:bold;
	font-size:180%;
	color:rgb(240,90,35);
	padding:10px 0 20px;
	text-align:left;
}
.infoset2 > section > p{
	font-weight:bold;
	font-size:140%;
}
@media screen and (max-width: 768px){
	.infoset2 > section{
		max-width:325px;
		margin:0 auto;
	}
	.infoset2 > section > h3{
		font-size:130%;
		padding:10px 0;
	}
	.infoset2 > section > p{ font-size:100%; }
}

/* ケース */
.cases > section > header{
	display:flex;
	max-width:768px;
	margin:60px auto 20px;
	padding:20px;
}
.cases > section > header > figure{ padding-right:40px; }
.cases > section > header > div{ text-align:left; }
.cases > section > header > div > p{
	padding-top:10px;
	font-size:22px;
	color:rgb(130,200,50);
	font-weight:bold;
}
@media screen and (max-width: 768px){
	.cases > section > header{ padding-bottom:0; }
	.cases > section > header > figure{
		width:20%;
		padding-right:20px;
	}
	.cases > section > header > div{ width:80%; }
	.cases > section > header > div > h3{ width:60%; }
	.cases > section > header > div > p{ font-size:16px; }
}

/* ポイント */
.point{
	font-size:22px;
	font-weight:bold;
	text-align:center;
	padding:0 20px 40px;
}
.point::before{
	content:'';
	display:inline-block;
	width:18px;
	height:18px;
	background:url("https://168168168.jp/wp-content/themes/iroha/image/interface/prototype/arrow_finger.png") scroll no-repeat center center / contain;
}
@media screen and (max-width: 768px){
	.point{
		font-size:14px;
		padding:0 20px 20px;
	}
	.point::before{
		width:13px;
		height:13px;
	}
}

/* ボックス */
.box{
	max-width:728px;
	box-sizing:border-box;
	padding:20px;
	margin:20px auto;
	border-radius:10px;
	border:1px solid rgb(35,24,21);
}
.box > .story.big,
.box > .story.small{ padding:0; }
@media screen and (max-width: 768px){
	.box{
		margin:20px;
	}
}

/* ラベルセット */
.labelset{
	display:flex;
	padding:20px;
	align-items:flex-start;
	max-width:728px;
	margin:20px auto;
}
.labelset > dt{
	width:130px;
	font-size:22px;
	margin-right:20px;
	text-align:center;
	background:rgb(35,24,21);
	color:white;
	margin-top:4px;
}
.labelset > dd{
	font-size:30px;
	text-align:left;
	font-weight:bold;
}
@media screen and (max-width: 768px){
	.labelset{
		padding:0 20px;
	}
	.labelset > dt{
		width:80px;
		min-width:80px;
		font-size:16px;
		margin-right:10px;
	}
	.labelset > dd{
		font-size:18px;
	}
}

/* ティザーコピー */
.teaser{
	background:rgb(35,24,21);
	text-align:center;
}

/* 行動促進コピー */
.prompt{
	background:rgb(240,90,35);
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:white;
	padding:10px 20px;
}

/* 背景 */
.bg_black{ background:rgb(35,24,21); }
.bg_milk{ background:rgb(250,245,225); }
.bg_gray{ background:#f5f5f5; }
.bg_blue{ background:rgb(50,65,89); }

/* メッセンジャー */
.messangertit{
	padding:20px;
	color:white;
	font-size:24px;
	font-weight:bold;
}
.messanger{ background:rgb(131,165,204); }
.messanger > ul{ padding:20px 0; }
.messanger > ul > li{ margin:20px; }
.messanger > ul > li:nth-child(odd){ text-align:left; }
.messanger > ul > li:nth-child(even){ text-align:right; }
.messanger > ul > li > p{
	border-radius:30px;
	background:rgb(130,200,50);
	display:inline-block;
	padding:15px 20px;
	font-size:130%;
	font-weight:bold;
	position:relative;
	max-width:600px;
	z-index:1;
}
.messanger > ul > li:nth-child(odd) > p{ margin:0 80px 0 20px; }
.messanger > ul > li:nth-child(even) > p{ margin:0 20px 0 80px; }
.messanger > ul > li:nth-child(odd) > p::before{
	content:'';
	position:absolute;
	top:0;
	left:-20px;
	background:url("https://168168168.jp/wp-content/themes/iroha/image/article/common/messanger_left.png") scroll no-repeat left top;
	width:50px;
	height:50px;
	z-index:-1;
}
.messanger > ul > li:nth-child(even) > p::after{
	content:'';
	position:absolute;
	top:0;
	right:-20px;
	background:url("https://168168168.jp/wp-content/themes/iroha/image/article/common/messanger_right.png") scroll no-repeat left top;
	width:50px;
	height:50px;
	z-index:-1;
}
@media screen and (max-width: 768px){
	.messangertit{ font-size:16px; }
	.messanger > ul > li > p{
		font-size:100%;
	}
}

/* ステップ */
.steps{
	padding:20px 20px 40px;
	box-sizing:border-box;
	max-width:728px;
	margin:0 auto;
}
.steps > ol{ padding:20px 0; }
.steps > ol > li{
	background:no-repeat scroll left 20px;
	min-height:60px;
	box-sizing:border-box;
	font-size:30px;
	font-weight:bold;
	text-align:left;
	padding:40px 0 20px 100px;
}
.steps > ol > li:not(:last-child){ border-bottom:1px solid #ccc; }
.steps > ol > li:nth-child(1){ background-image:url("https://168168168.jp/wp-content/themes/iroha/image/article/sports/foursteps_label01.png"); }
.steps > ol > li:nth-child(2){ background-image:url("https://168168168.jp/wp-content/themes/iroha/image/article/sports/foursteps_label02.png"); }
.steps > ol > li:nth-child(3){ background-image:url("https://168168168.jp/wp-content/themes/iroha/image/article/sports/foursteps_label03.png"); }
.steps > ol > li:nth-child(4){ background-image:url("https://168168168.jp/wp-content/themes/iroha/image/article/sports/foursteps_label04.png"); }
.steps > ol > li > strong{ color:rgb(130,200,50); }
.steps > ol > li > small{ font-size:20px; }
@media screen and (max-width: 768px){
	.steps{ margin:0; }
	.steps > h2{
		max-width:240px;
		margin:0 auto;
	}
	.steps > ol > li{
		font-size:18px;
		background-size:40px;
		background-position:left 10px;
		min-height:40px;
		padding:10px 0 10px 50px;
	}
	.steps > ol > li > small{ font-size:14px; }
}

/* カテゴリーリスト */
.categorylist{ display:inline-block; }
.categorylist > li{
	display:inline-block;
	background:rgb(240,90,35);
	color:white;
	font-size:12px;
	padding:0 10px;
	border-radius:1em;
	margin-right:5px;
}

/**
 * カテゴリナビゲーション
----------------------------------------------------------------*/
#catnav > ul{
	margin:20px 30px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
#catnav > ul > li{ display:inline-block; }
#catnav > ul > li > a{
	display:inline-block;
	padding:5px 20px;
	border-radius:1em;
	font-size:24px;
	font-weight:bold;
	color:white;
	background:rgb(240,90,35);
	margin:5px;
	transition:background .2s;
}
#catnav > ul > li > a.hover{ background:rgb(225,-75,-185); }
@media screen and (max-width: 768px){
	#catnav > ul{ margin:10px; }
	#catnav > ul > li > a{
		padding:3px 10px;
		font-size:16px;
	}
}

/**
 * コンテンツヘッダー
----------------------------------------------------------------*/
#aheader{ background:repeating-linear-gradient(-45deg, rgb(230,244,214), rgb(230,244,214) 7px, rgb(242,249,234) 7px, rgb(242,249,234) 14px); }
#aheader > .base > .flex > ul > li:not(:last-child){ margin-bottom:10px; }
#aheader > .base > .flex > ul > li > a{
	transition:background .2s;
	display:block;
	border-radius:10px;
	text-align:center;
}
#aheader > .base > .flex > ul > li[name="reservation"] > a{ background:rgb(21,175,167); }
#aheader > .base > .flex > ul > li[name="line"] > a{ background:rgb(130,200,50); }
#aheader > .base > .flex > ul > li[name="tel"] > a{ background:rgb(200,20,10); }
#aheader > .base > .flex > ul > li[name="reservation"] > a.hover{ background:rgb(67,191,184); }
#aheader > .base > .flex > ul > li[name="line"] > a.hover{ background:rgb(155,211,91); }
#aheader > .base > .flex > ul > li[name="tel"] > a.hover{ background:rgb(211,67,59); }

/**
 * コンテンツフッター
----------------------------------------------------------------*/
/* ページナビゲーション */
#pnav > ul > li > a{
	display:block;
	transition:margin-top .2s, box-shadow .2s;
}
#pnav > ul > li > a.hover{
	margin-top:-6px;
	box-shadow:0 15px 14px 4px rgba(35,24,21,0.2);
}
@media screen and (max-width: 640px){
	#pnav > ul > li{ width:50%; }
}

/* 院長の思い */
#spot_afooter_thought{ padding-bottom:80px; }
#spot_afooter_thought > div > div{
	padding:0 40px;
	max-width:512px;
	box-sizing:border-box;
}
#spot_afooter_thought > div > div > h3{
	font-size:180%;
	padding-bottom:10px;
}
#spot_afooter_thought > footer{
	background:rgb(199,178,153);
	max-width:840px;
	margin:40px auto;
	padding:0 0 5px 5px;
	box-sizing:border-box;
}
#spot_afooter_thought > footer > div{
	background:rgb(250,245,225);
	padding:40px 30px;
	display:flex;
}
#spot_afooter_thought > footer > div > div{
	width:25%;
	min-width:180px;
}
#spot_afooter_thought > footer > div > p{
	width:75%;
	padding-left:20px;
}
#spot_afooter_thought > footer > div > div > ul{
	color:rgb(200,20,10);
	padding-bottom:10px;
}
#spot_afooter_thought > footer > div > div > h3{
	font-size:200%;
	font-weight:bold;
}
#spot_afooter_thought > footer > div > div > h3 > small{
	display:block;
	font-size:75%;
	line-height:1;
}
#spot_afooter_offer > .base > .one{ margin:40px 0; }
#spot_afooter_offer > .base > .one > ul > li{ margin:20px 0; }
#spot_afooter_offer > .base > .one > ul > li > a{ transition:opacity .2s; }
#spot_afooter_offer > .base > .one > ul > li > a.hover{ opacity:.7; }
@media screen and (max-width: 1024px){
	#spot_afooter_thought > footer{
		max-width:none;
		margin:40px 20px;
	}
}
@media screen and (max-width: 768px){
	#spot_afooter_thought > div > div{
		padding:20px;
		max-width:none;
	}
	#spot_afooter_thought > footer > div{ padding:20px 15px; }
}
@media screen and (max-width: 768px){
	#spot_afooter_thought > footer > div{
		display:block;
		padding:20px;
	}
	#spot_afooter_thought > footer > div > div{ width:auto; }
	#spot_afooter_thought > footer > div > p{
		padding:20px 0 0;
		width:auto;
	}
}

/* 特典 */
#spot_afooter_offer > header{ background:url("https://168168168.jp/wp-content/themes/iroha/image/interface/bg/radial.png") scroll no-repeat center center / cover; }
#spot_afooter_offer > div > div > section > div{
	background:rgb(250,245,225);
	padding:30px;
	box-sizing:border-box;
}
#spot_afooter_offer > div > div > section > div > h3{ margin:-160px -30px 30px; }
#spot_afooter_offer > div > div > section > div > p{
	font-size:200%;
	font-weight:bold;
	text-align:center;
}
#spot_afooter_offer > div > div > section > div > dl{ text-align:center; }
#spot_afooter_offer > div > div > section > div > dl > dt{
	border-radius:4px;
	padding:0 20px;
	font-size:180%;
	color:white;
	text-align:center;
	display:inline-block;
	margin:20px 0;
}
#spot_afooter_offer > div > div > section:first-child > div > dl > dt{ background:rgb(200,20,10); }
#spot_afooter_offer > div > div > section:last-child > div > dl > dt{ background:rgb(130,200,50); }
#spot_afooter_offer > div > div > section > div > dl > dd{ padding-bottom:40px; }
#spot_afooter_offer > div > div > section > div > dl > dd > a{ transition:opacity .2s; }
#spot_afooter_offer > div > div > section > div > dl > dd > a.hover{ opacity:.7; }
#spot_afooter_offer > div > div > section > div > dl > dd > a.tel{
	background:rgb(240,90,35);
	display:inline-block;
	border-radius:10px;
	padding:10px 10px 20px;
	box-shadow:2px 2px 8px rgb(180,-570,-845);
}
#spot_afooter_offer > div > div > section:last-child > div > dl > dd > a > img{ max-width:160px; }
@media screen and (max-width: 768px){
	#spot_afooter_offer > header{ background-image:url("https://168168168.jp/wp-content/themes/iroha/image/interface/bg/radial_sp.png"); }
	#spot_afooter_offer > div > div > section > div > h3{ margin:0; }
	#spot_afooter_offer > div > div > section > div > p{ font-size:140%; }
	#spot_afooter_offer > div > div > section > div > dl > dt{ font-size:130%; }
	#spot_afooter_offer > div > div > section > div > dl > dd{ padding-bottom:20px; }
}

/**
 * スポット対応
----------------------------------------------------------------*/
/* 共通：いろは接骨院の徹底施術！ */
#spot_methods{ padding:20px; }
#spot_methods > section{ padding:20px 0; }
#spot_methods > section > header{
	font-size:26px;
	padding:7px 70px 7px 20px;
	background:rgb(130,200,50);
	border-top:4px solid rgb(192,227,152);
	border-bottom:4px solid rgb(192,227,152);
	text-align:left;
	color:white;
	font-weight:bold;
	position:relative;
}
#spot_methods > section > header > img{
	position:absolute;
	top:50%;
	margin-top:-55px;
	right:20px;
}
#spot_methods > section > h3{
	font-size:36px;
	font-weight:bold;
	padding:10px 0;
	color:rgb(240,90,35);
	border-bottom:4px dotted rgb(130,200,50);
	margin-bottom:40px;
	text-align:justify;
}
@media screen and (max-width: 768px){
	#spot_methods > section > header{
		font-size:16px;
		padding:3px 10px;
	}
	#spot_methods > section > header > img{
		width:60px;
		margin-top:-30px;
		right:10px;
	}
	#spot_methods > section > h3{
		font-size:20px;
		margin-bottom:20px;
	}
}

/* TOPページ：メインビジュアル */
#mvis > img{
	max-width:none;
	width:100%;
}
@media screen and (max-width: 1536px){
	#mvis{ overflow-x:hidden; }
	#mvis > img{
		width:1536px;
		margin-left:50%;
		left:-768px;
		position:relative;
	}
}
@media screen and (max-width: 1024px){
	#mvis > img{
		width:150%;
		margin:0 -25%;
		position:static;
	}
}
@media screen and (max-width: 768px){
	#mvis > img{
		max-width:100%;
		width:auto;
		margin:0;
	}
}

/* TOPページ：悩み */
#spot_index_questions > h2{
	background:radial-gradient(circle, rgb(167,162,161), rgb(79,70,67));
	text-align:center;
	margin:10px 0;
}
#spot_index_questions > div{ background:rgb(211,208,208) url("https://168168168.jp/wp-content/themes/iroha/image/article/index/troubles/bg.png") scroll no-repeat right top; }
#spot_index_questions > div > div > ul{ padding:30px 20px; }
#spot_index_questions > div > div > ul > li{
	font-size:140%;
	font-weight:bold;
	line-height:27px;
	position:relative;
	padding:4px 0 4px 40px;
	text-shadow:
		+1px +1px 0 rgb(211,208,208),
		-1px -1px 0 rgb(211,208,208),
		-1px +1px 0 rgb(211,208,208),
		+1px -1px 0 rgb(211,208,208),
		+0px +1px 0 rgb(211,208,208),
		+0px -1px 0 rgb(211,208,208),
		-1px +0px 0 rgb(211,208,208),
		+1px +0px 0 rgb(211,208,208);
}
#spot_index_questions > div > div > ul > li::before{
	content:'';
	display:inline-block;
	background:url("https://168168168.jp/wp-content/themes/iroha/image/interface/icon/checked.png") scroll no-repeat center center / cover;
	width:33px;
	height:27px;
	position:absolute;
	top:4px;
	left:0;
}
#spot_index_questions > div > div > p{
	text-align:center;
	padding:0 20px 20px;
}
@media screen and (max-width: 640px){
	#spot_index_questions > div{ background-position:right -300px top; }
	#spot_index_questions > div > div > ul > li > br.sp{ display:none; }
}

/* TOPページ：選ばれる理由 */
#spot_index_reasons > div > div > section{ margin-bottom:20px; }
#spot_index_reasons > div > div > section > h3{
	font-size:175%;
	font-weight:bold;
	background:scroll no-repeat center center / cover;
	position:relative;
	padding:0 0 10px 70px;
}
#spot_index_reasons > div > div > section > h3 > img{
	position:absolute;
	left:0;
	top:0;
	width:60px;
}
#spot_index_reasons > div > div > section > figure{
	background:rgb(200,20,10);
	padding:0 0 7px 7px;
}
#spot_index_reasons > div > div > section > p{
	font-size:16px;
	padding-top:20px;
}

/* TOPページ：他院からの推薦 */
#spot_index_recommendation > section > div{
	text-align:right;
	position:relative;
	padding-top:40px;
}
#spot_index_recommendation > section > div > .card{
	display:inline-block;
	max-width:650px;
	padding:10px 45px;
	box-sizing:border-box;
	background:rgb(250,245,225);
	border-top:5px solid rgb(199,178,153);
	border-bottom:5px solid rgb(199,178,153);
	text-align:left;
	margin-bottom:240px;
}
#spot_index_recommendation > section > div > .card > h3{
	font-size:180%;
	color:rgb(240,90,35);
	padding-bottom:10px;
}
#spot_index_recommendation > section > div > .card > p > .sign{
	display:block;
	text-align:right;
	padding-top:10px;
}
#spot_index_recommendation > section > div > figure{
	position:absolute;
	left:-100px;
	bottom:0;
}
#spot_index_recommendation > section > footer{
	background:url("https://168168168.jp/wp-content/themes/iroha/image/interface/bg/orangewave.png") scroll no-repeat center center / cover;
	height:250px;
}
#spot_index_recommendation > section > footer > div{ position:relative; }
#spot_index_recommendation > section > footer > div > p{
	color:white;
	padding:20px 40px;
	font-size:140%;
	width:50%;
	box-sizing:border-box;
	position:relative;
	z-index:1;
}
#spot_index_recommendation > section > footer > div > p > strong{
	font-size:120%;
	font-weight:normal;
}
#spot_index_recommendation > section > footer > div > p > small{
	font-size:75%;
	display:block;
}
#spot_index_recommendation > section > footer > div > figure{
	position:absolute;
	top:-90px;
	right:40px;
	width:48%;
}
#spot_index_recommendation > section:nth-child(odd) > footer{ background-image:url("https://168168168.jp/wp-content/themes/iroha/image/interface/bg/orangewave_reverse.png"); }
#spot_index_recommendation > section:nth-child(odd) > div{ text-align:left; }
#spot_index_recommendation > section:nth-child(odd) > div > figure{
	left:auto;
	right:-100px;
}
#spot_index_recommendation > section:nth-child(odd) > footer > div > figure{
	left:40px;
	right:auto;
}
#spot_index_recommendation > section:nth-child(odd) > footer > div > p{ margin-left:50%; }
@media screen and (max-width: 1536px){
	#spot_index_recommendation{ overflow-x:hidden; }
}
@media screen and (max-width: 1024px){
	#spot_index_recommendation > section > div > .card{ max-width:540px; }
}
@media screen and (max-width: 768px){
	#spot_index_recommendation > section{ position:relative; }
	#spot_index_recommendation > section > div{ position:static; }
	#spot_index_recommendation > section > div > .card{
		max-width:none;
		margin-bottom:40px;
		padding:40px 20px;
	}
	#spot_index_recommendation > section > div > figure{
		left:0;
		width:50%;
		max-width:190px;
	}
	#spot_index_recommendation > section > footer{
		height:auto;
		margin-bottom:200px;
		background-image:url("https://168168168.jp/wp-content/themes/iroha/image/interface/bg/orangewave_sp.png");
	}
	#spot_index_recommendation > section > footer > div > p{
		padding:10px 20px;
		left:50%;
	}
	#spot_index_recommendation > section > footer > div > figure{
		position:absolute;
		right:0;
		left:0;
		top:auto;
		bottom:0;
		margin-bottom:-190px;
		width:auto;
		box-sizing:border-box;
		padding:20px;
	}
	#spot_index_recommendation > section > footer > div > figure > img{
		max-width:none;
		max-height:180px;
		margin:0 auto;
		display:block;
	}
	#spot_index_recommendation > section:nth-child(odd) > div > figure{
		right:0;
		left:auto;
	}
	#spot_index_recommendation > section:nth-child(odd) > div > .card > p > .sign{ text-align:left; }
	#spot_index_recommendation > section:nth-child(odd) > footer{ background-image:url("https://168168168.jp/wp-content/themes/iroha/image/interface/bg/orangewave_reverse_sp.png"); }
	#spot_index_recommendation > section:nth-child(odd) > footer > div > figure{
		left:0;
		right:0;
	}
	#spot_index_recommendation > section:nth-child(odd) > footer > div > p{
		left:0;
		margin-left:0;
	}
}
@media screen and (max-width: 640px){
	#spot_index_recommendation > section > footer > div > p{ font-size:110%; }
}

/* TOPページ：施術の流れ */
#spot_index_flow{
	background:url("https://168168168.jp/wp-content/themes/iroha/image/interface/bg/verticalwave.png") scroll no-repeat left top / contain;
	position:relative;
	padding-bottom:80px;
	overflow-x:hidden;
}
#spot_index_flow::before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	z-index:-1;
	background:url("https://168168168.jp/wp-content/themes/iroha/image/interface/bg/verticalwave_reverse.png") scroll no-repeat right top / contain;
}
#spot_index_flow > div > section > h3{
	font-size:200%;
	color:rgb(200,20,10);
	font-weight:bold;
	padding:40px 10px 30px 20px;
}
#spot_index_flow > div > section > h3 > img{
	width:150px;
	margin-top:-5px;
	margin-right:10px;
}
#spot_index_flow > div > section > div{ padding-left:190px; }
#spot_index_flow > div > section:not(:last-child) > div{ background:url("https://168168168.jp/wp-content/themes/iroha/image/interface/prototype/arrow_bottom.png") scroll no-repeat 90px center; }
#spot_index_flow > div > section > div > p{ font-size:120%; }
#spot_index_flow > div > section > div > p > strong{
	font-weight:normal;
	color:rgb(240,90,35);
}
@media screen and (max-width: 768px){
	#spot_index_flow{ background:url("https://168168168.jp/wp-content/themes/iroha/image/interface/bg/verticalwave_sp.png") scroll repeat-y left top / 50px; }
	#spot_index_flow::before{ background:url("https://168168168.jp/wp-content/themes/iroha/image/interface/bg/verticalwave_reverse_sp.png") scroll repeat-y right top / 50px; }
	#spot_index_flow > div > section > h3 > img{
		display:block;
		margin-bottom:10px;
	}
	#spot_index_flow > div > section > h3 > img{ width:100px; }
	#spot_index_flow > div > section:not(:last-child) > div{
		padding:0 20px 100px;
		background-position:center bottom;
		background-size:40px;
	}
	#spot_index_flow > div > section:last-child > div{
		padding:0 20px 20px;
	}
}

/* LP：筋膜って何？ */
#spot_lp_whatsfascia{ border-top:10px solid rgb(252,191,57); }
@media screen and (max-width: 768px){
	#spot_lp_whatsfascia{ border-width:5px; }
	#spot_lp_whatsfascia > div > h2{
		max-width:200px;
		margin:0 auto;
	}
}

/* 腰痛：そもそも痛みはどうして起こるのか？ */
#spot_backache_whypainoccurs{
	background:url("https://168168168.jp/wp-content/themes/iroha/image/article/backache/bg.png") scroll no-repeat center top / contain;
}
@media screen and (max-width: 768px){
	#spot_backache_whypainoccurs{ background-image:url("https://168168168.jp/wp-content/themes/iroha/image/article/backache/bg_sp.png"); }
}

/* スポーツ障害：筋膜が持つ３つの特徴 */
@media screen and (max-width: 768px){
	#spot_sports_features > img{ max-width:100px; }
}

/* アーカイブ */
.archive{ background:rgb(252,250,240); }
.archive > div > div > section > a{
	color:rgb(35,24,21);
	display:block;
	transition:background .2s, box-shadow .2s;
}
.archive > div > div > section > a.hover{
	background:white;
	box-shadow:0 0 0 10px white;
}
.archive > div > div > section > a > h2{
	font-weight:bold;
	font-size:120%;
	padding-bottom:10px;
	text-align:justify;
}
.archive > div > div > section > a > figure{ margin-bottom:10px; }
.archive > div > div > section > a > figure > img{
	object-fit:cover;
	width:100%;
	height:200px;
}
@media screen and (max-width: 1024px){
	.archive > div > div{ flex-direction:row !important; }
	.archive > div > div > section{ width:33.3333% !important; }
}
@media screen and (max-width: 768px){
	.archive > div > div > section{ width:50% !important; }
	.archive > div > div > section > a > figure > img{ height:180px; }
}
@media screen and (max-width: 640px){
	.archive > div > div > section > a > figure > img{ height:100px; }
}

/**
 * 記事
----------------------------------------------------------------*/
.texteyecatch{
	position:relative;
	overflow:hidden;
}
.texteyecatch > img{ display:block; }
.texteyecatch > p{
	box-sizing:border-box;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	padding:10px;
	color:white;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	background:rgba(0,0,0,.6);
	transition:opacity .2s;
}
.hover > .texteyecatch > p{ opacity:0; }

/**
 * 一般ブロック
----------------------------------------------------------------*/
.post{ padding:20px 20px 80px; }

/* 画像 */
.post img{
	display:block;
	margin:20px auto;
	width:auto !important;
	height:auto !important;
}
.post figure figcaption{
	text-align:center;
	padding:5px 0 20px;
}

/* リンク */
.post a{ color:rgb(200,20,10); }
.post a:hover{ color:rgb(216,90,83); }

/* 段落 */
.post p{ margin:10px 0; }

/* 見出し */
h1.wp-block-heading{
	font-size:250%;
	text-align:center;
	font-weight:bold;
	padding:20px 0 60px;
}
h1.wp-block-heading::after{
	width:100px;
	height:4px;
	content:'';
	display:block;
	background:rgb(240,90,35);
	margin:0 auto;
}
h1.wp-block-heading > strong{ color:rgb(200,20,10); }
h2.wp-block-heading{
	background-color:#fff3c4;
	border:2px dashed #e0b45c;
	padding:10px 15px;
	margin:20px 0;
	font-size:18px;
	font-weight:bold;
	color:#333;
}
h3.wp-block-heading{
	border-left:5px solid #fa8400;
	padding-left:10px;
	margin:20px 0;
	font-size:16px;
	font-weight:bold;
	color:#333;
}
/*
h2.wp-block-heading{
	font-size:18px;
	text-align:center;
	padding:8px 10px;
	margin:30px 0 10px;
	color:white;
	background:rgb(130,200,50);
	font-weight:bold;
	line-height:1.1;
}
h2.wp-block-heading > strong{ font-size:130%; }
h3.wp-block-heading{
	color:rgb(130,200,50);
	font-weight:bold;
	font-size:18px;
	padding-bottom:10px;
	text-align:left;
	padding:0;
	margin:10px 0; 
}
*/
@media screen and (max-width: 768px){
	h1.wp-block-heading{ font-size:24px; }
	/*
	h2.wp-block-heading{ font-size:16px; }
	h3.wp-block-heading{ font-size:16px; }
	*/
}

/* 画像 */
.post .wp-block-image{}

/* カバー */
.post .wp-block-cover{
	height:430px;
	min-height:unset !important;
}
.post .wp-block-cover > img{
	object-fit:cover;
	width:100% !important;
	height:100% !important;
	min-height:unset !important;
}
@media screen and (max-width: 768px){
	.post .wp-block-cover{
		height:240px;
		font-size:80%;
	}
}

/* 動画 */
.wp-block-embed-youtube > .wp-block-embed__wrapper{
	position:relative;
	width:100%;
	padding-top:56.25%;
}
.wp-block-embed-youtube > .wp-block-embed__wrapper > iframe{
	position:absolute;
	top:0;
	right:0;
	width:100% !important;
	height:100% !important;
}

/* リスト */
.post .wp-block-list{ margin:10px 0; }
.post ul:not(.blocks-gallery-grid) > li{
	font-size:120%;
	font-weight:bold;
	padding:2px 0;
}
.post ul:not(.blocks-gallery-grid) > li::before{
	content:'■';
	color:rgb(240,90,35);
}

/* 番号付きリスト */
.post ol > li{
	font-size:120%;
	font-weight:bold;
	padding:2px 0;
	list-style-type:decimal;
	list-style-position:inside;
}

/* ギャラリー */
.post .wp-block-gallery > ul.blocks-gallery-grid > li.blocks-gallery-item > figure > img{ margin:0 !important; }

/* 音声 */
.post .wp-block-audio{}

/* 引用 */
.post .wp-block-quote{
	background:#eee;
	padding:20px;
	margin:20px 0;
	font-size:150%;
	color:#555;
	font-style:italic;
	position:relative;
}
.post .wp-block-quote::before,
.post .wp-block-quote::after{
	position:absolute;
	font-size:60px;
	top:0;
	display:block;
}
.post .wp-block-quote::before{
	content:"“";
	left:10px;
}
.post .wp-block-quote::after{
	content:"”";
	right:30px;
}
.post .wp-block-quote > *{ padding:0 40px; }
.post .wp-block-quote > cite{
	text-align:right;
	font-size:12px;
	display:block;
}
@media screen and (max-width: 768px){
	.post .wp-block-quote{ font-size:120%; }
	.post .wp-block-quote::before,
	.post .wp-block-quote::after{
		font-size:40px;
	}
	.post .wp-block-quote > *{ padding:0 20px; }
}

/* ファイル */
.post .wp-block-file{
}
.post .wp-block-file > a{}

/* 動画 */
.post .wp-block-video{}

/* ボタン */
.wp-block-buttons{ text-align:center; }
.wp-block-button{ text-align:center; }
.wp-block-button > a{
	background:rgb(240,90,35);
	color:white;
	margin:10px auto;
}
.wp-block-button > a:hover{
	color:white;
	transition:background .2s;
	background:rgb(130,200,50);
}

/**
 * フォーマット
----------------------------------------------------------------*/
/* プルクォート */
.post .wp-block-pullquote{}

/* 表 */
.post .wp-block-table{
	width:100%;
	margin:20px 0;
}
.post .wp-block-table th,
.post .wp-block-table td{
	border:1px solid #ccc;
	padding:10px;
}
.post .wp-block-table thead th,
.post .wp-block-table thead td,
.post .wp-block-table tfoot th,
.post .wp-block-table tfoot td{
	background:rgb(250,245,225);
}

/* ソースコード */
.post .wp-block-code{
}
.post .wp-block-button{}
.post .wp-block-button > a{
}
.post .wp-block-button > a:hover{
}

/* 整形済み */
.post .wp-block-preformatted{}

/* 詩 */
.post .wp-block-verse{}

/**
 * レイアウト要素
----------------------------------------------------------------*/
/* グループ */
/* ボタン */
.post .wp-block-button{}

/* カラム */
.post .wp-block-columns{}
.post .wp-block-columns > .wp-block-columns{}

/* メディアと文章 */
.post .wp-block-media-text{}
.post .wp-block-media-text > .wp-block-media-text__media{}
.post .wp-block-media-text > .wp-block-media-text__content{}

/* 続きを読む */
/* 改ページ */
/* 区切り */
.post .wp-block-separator{
	border-bottom:1px solid #ccc;
	margin:40px 0;
}

/* スペーサー */
.post .wp-block-spacer{}

/**
 * ウィジェット
----------------------------------------------------------------*/
/* カレンダー */
.post .wp-block-calendar{}

/* RSS */
.post .wp-block-rss{}

/* タグクラウド */
.post .wp-block-tag-cloud{}

/* アーカイブ */
.post .wp-block-archives{}

/* カテゴリー */
.post .wp-block-categories{}

/* 最新のコメント */
.post .wp-block-latest-comments{}

/* 最新の記事 */
.post .wp-block-latest-posts{}

/* 検索 */
.post .wp-block-search{}
