/**************薄い色の時のみ必要(ここから)20211005**************/
/*グローバルナビ*/
@media screen and (min-width: 731px) {/* PC */
	#mainMenuBox>ul>li>a {
		color: #331700 !important;
		text-shadow: 2px 2px 1px #ffffff, -2px 2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -2px 1px #ffffff, 2px 0px 1px #ffffff, 0px 2px 1px #ffffff, -2px 0px 1px #ffffff, 0px -2px 1px #ffffff;
	}
}
@media screen and (max-width: 730px){/* SP */
	#headerContactInfo li a{
		color: #331700;
	}
}
/*タイトル(h1・h2)*/
.pointTit .t_pageHeading {
	color: #331700 !important;
}
/**************薄い色の時のみ必要(ここまで)**************/

/**************共通(編集不可ここから)20221205**************/
/* SP時画面幅拡張 */
@media screen and (max-width: 730px){/*SP*/
	.wide_section{
		margin: 0 -0.6em;
	}
	.wide_section_right{
		margin: 0 -0.6em 0 0;
	}
}
/*画像*/
#main .textBox img{
	vertical-align: top !important;
}
.img_fl{
	float:left;
	margin: 0 12px 10px 0 !important;
}
.img_fr{
	float:right;
	margin: 0 0  10px 12px !important;
}
@media screen and (min-width: 731px){/*PC*/
	.fixed_sizeh24 img{
		height: 24vw;
		max-height: 240px;
		width: auto;
	}
}
/*直立画像*/
.stand_img {
	float: right;
	margin-top: .5em !important;
	margin-left: 1em !important;
	z-index:999;
}
.patern02Box h2 {
	display: flex !important;/* 下線が人物にかからないように */
}
/*テーブル*/
table.ckTable th ,table.ckTable td {
	padding:0.2em 0.3em 0 !important;
}

/* 選ばれる理由バナー・院長メッセージバナー・こだわりバナー */
@media screen and (min-width: 731px) {/* PC */
	#cmnbnrgroup{
		display:flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	#cmnbnrgroup  > article,#cmnbnrgroup > div{
		flex-basis: 48.5%;
	}
	#cmnbnrgroup > div:nth-child(n+3){
		margin-top: 32px !important;
	}
	#cmnbnrgroup  > article:nth-child(even),#cmnbnrgroup  > div:nth-child(even){
		margin-left:3% !important;
	}
}
@media screen and (max-width: 730px){/* SP */
	#cmnbnrgroup > div~div{
		margin-top: 35px !important;
	}
}

/* お役立ち情報バナー・Q&Aバナー*/
@media screen and (min-width: 731px) {/* PC */
	#infoqabnrgroup{
		display:flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#infoqabnrgroup > div{
		flex-basis: 48.5%;
	}
}
@media screen and (max-width: 730px){/* SP */
	#infoqabnrgroup > div~div{
		margin-top: 20px !important;
	}
	#infoqabnrgroup #infobnrRead + .bnrbtm_text{
		margin-bottom: 50px !important;
	}
}

/* お問合せバナー */
div[id^="cntctbnrRead"] img{
	display: block;
}

/*共通バナー*/
.mcbnrgroup{
	clear:both;
}
.contentsText .mcbnrgroup{
	margin-top: 40px !important;
	margin-bottom: 50px !important;
}
@media screen and (min-width: 731px) {/* PC */
	.mcbnrgroup > div.bnrbtmbox ,#infoqabnrgroup{
		margin-top: 50px !important;
	}
	#cmnbnrgroup + .bnrbtmbox{
		margin-top: 35px !important;
	}
}
@media screen and (max-width: 730px){/* SP */
	.mcbnrgroup > div:not(#cmnbnrgroup) ~ div:not(#cmnbnrgroup){
		margin-top: 50px !important;
	}
	.mcbnrgroup #cmnbnrgroup{
		margin-top: 28px;
	}
}

/*バナー下テキスト*/
.bnrbtm_text{
	text-align: justify;
}
.bnrbtm_text h2, .bnrbtm_text p{
	display: inline !important;
}
@media screen and (max-width: 730px){/* SP */
	.bnrbtm_text{
		line-height: 1.1em !important;
		margin-top: .25em !important;
	}
	.bnrbtm_text h2, .bnrbtm_text p{
		font-size: .8em !important;
	}
}
@media screen and (min-width: 731px) {/* PC */
	.bnrbtm_text{
		line-height: 1.07em !important;
		margin-top: 5px !important;
	}
	.bnrbtm_text h2, .bnrbtm_text p{
		font-size: 0.75em !important;
	}
}

/*ピックアップお役立ち情報*/
#pickupInfobox .pointTit .t_pageHeading {
	color: #331700 !important;
}
.pickupInfobox {
	margin-top: .3em;
	overflow: hidden;
	border-radius: .5em;
}
.pickupInfobox .articleWrap{
	padding: 0 !important;
}
.pickupInfobox h2{
	background: #FFFABC !important;
	border-radius:0 !important;
	margin-bottom: .5em !important;
	border-bottom:none !important;
}
.pickupInfobox h3{
	margin-bottom: .3em !important;
	padding-bottom: .1em !important;
	border-bottom: 1px dashed #5b2603;
	color: #f46;
}
.pickupInfobox h3:not(.no_indent){
	padding-left:1em !important;
	text-indent: -1em;
}
.pickupLink{
	text-align: center !important;
}
.pickupLink a~a {
	margin-left: .5em !important;
}
.pickupLink img{
	vertical-align: top !important;
}
@media screen and (max-width: 730px){/* SP */
	#pickupInfobox{
		margin-bottom: 3.2em;
	}
	#pickupInfobox + .bnrbtm_text{
		margin-top: -2.95em !important;
	}
	.pickupInfobox {
		border: solid 1px #a88339 !important;
		box-shadow: 1px 1px #a88339 !important;
	}
	.pickupInfobox .articleInner{padding: 0 0.8em 0.8em !important;}
	.pickupInfobox .authorBox{padding: 0 1.1em 0.5em !important;}
	.pickupInfobox h2 {
		padding: .5em .6em .5em .6em/*1.4em*/ !important;
		text-align: justify;
	}
	.pickupLink{
		margin-top: .5em !important;
		display: flex;
	}
}
@media screen and (min-width: 731px) {/* PC */
	#pickupInfobox{
		margin-bottom: 50px;
	}
	#pickupInfobox + .bnrbtm_text{
		margin-top: -45px !important;
	}
	.pickupInfobox {border: solid 1px #4d3013 !important;}
	.pickupInfobox .articleInner{padding: 0 0.9em 0.9em !important;}
	.pickupInfobox .authorBox{padding: 0 1.2em 0.5em !important;}
	.pickupInfobox h2 {
		padding: 10px 13px 8px 13px/*32px*/ !important;
	}
	.pickupLink{
		margin-top: .5em !important;
	}
	.pickupLink img{
		height: 3.5vw;
		max-height:35px ;
	}
}
/*グーグルマップボタン*/
.acc_map .gmapBtn a {
	margin: 0 auto !important;
	background: linear-gradient(to bottom, #f5f5f5 0%, #d5d5d5 100%) !important;
padding: .4em .75em !important;
	font-size: 1em;
line-height:1.1em !important;
}
.acc_map .gmapBtn a:hover {
	color: #16a6ee !important;
}
.acc_map .gmapBtn i {
	font-size: 1.15em;
	margin-left: .3em !important;
}

/*メールボタン*/
@media screen and (min-width: 731px) {/* PC */
	.btn_mail .imgBox div{
		margin: 0;
	}
}

/*受付・施術時間*/
.work_time .workTimeTable th{
	background-color: #fffcf1 !important;
}
@media screen and (max-width: 730px) {/* SP */
	.work_time .workTimeTable{
		width: 100%;
		margin-bottom: 1em !important;
	}
}
@media screen and (min-width: 731px) {/* PC */
	.work_time .textBox{
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
		align-items: start;
	}
	.work_time .workTimeTable,
	.work_time .work_time_dtl{
		flex-basis: 49%;
	}
	.work_time .wtdtl100{
		flex-basis: 100%;
	}
}
/*院画像*/
.in_imgpc img,.in_imgsp img{
	padding: 5px!important;
	background-color: #ffffff!important;
	box-shadow: 2px 2px 3px 2px rgb(0 0 0 / 25%)!important;
}
@media screen and (min-width: 731px) {/* PC */
	.in_imgsp{
		display: none;
	}
	#inimggrouppc01,#inimggrouppc02,#inimggrouppc03{
		display: flex !important;
		justify-content:space-between;
	}
	#inimggrouppc01 .in_imgpc,#inimggrouppc02 .in_imgpc{
		flex-basis: 48.5%;
	}
	#inimggrouppc03 .in_imgpc{
		flex-basis: 32%;
	}
	#shoukai .oneimg .textBox{
		width: 80%;
		margin: 0 auto;
	}
}
@media screen and (max-width: 730px){/*SP*/
	.in_imgpc{
		display: none;
	}
	.in_imgsp .imgBox {
		margin-bottom: 7px;
	}
	.in_imgsp .textBox * {
		text-align: center;
	}
	.in_imgsp ~ .in_imgsp{
		margin-top: 1em;
	}
	#inimggroupsp{
		margin-bottom: 60px;
	}
}

/*院長メッセージ*/
.director_img{
	padding: 5px;
	background-color: #ffffff;
	box-shadow: 2px 2px 3px 2px rgb(0 0 0 / 25%);
}
#message .dimg_l{
	float: left;
	margin:4px 12px 4px 4px;
}
#message .dimg_r{
	float: right;
	margin:4px 4px 4px 12px;
}
@media screen and (max-width: 730px) {/* SP */
	.director_img{
		width: 54.1%;
		max-width:210px;
	}
}
@media screen and (min-width: 731px) {/* PC */
	.director_img{
		width: calc(218 / 720*100%);
		max-width:218px;
	}
}

/*選ばれる理由*/
@media screen and (max-width: 730px) {/* SP */
	#riyuu .stand_img {
		width: 31.5%;/*画像の大きさ人物によって異なる*/
		margin-right: -0.3em !important;/* 人物右の余白調整 */
	}
}
@media screen and (min-width: 731px) {/* PC */
	#riyuu .stand_img {
		width: 15.5%;/*画像の大きさ人物によって異なる*/
	}
}

/*費用*/
@media screen and (max-width: 730px) {/* SP */
	#ryoukin .stand_img {
		width: 33.5%;/*画像の大きさ人物によって異なる*/
		margin-right: -0.3em !important;/* 人物右の余白調整 */
	}
}
@media screen and (min-width: 731px) {/* PC */
	#ryoukin .stand_img {
		width: 16.5%;/*画像の大きさ人物によって異なる*/
		margin-bottom:1em !important;
	}
}

/*接骨院選びのポイント*/
@media screen and (max-width: 730px) {/* SP */
	#point .stand_img {
		width: 30.5%;/*画像の大きさ人物によって異なる*/
		margin-right: -0.3em !important;/* 人物右の余白調整 */
	}
}
@media screen and (min-width: 731px) {/* PC */
	#point .stand_img {
		width: 15.2%;/*画像の大きさ人物によって異なる*/
	}
}

/*Q&A*/
.patern05 .bnrcntBox .textBox,
.patern05 .bnrcntBox .textBox .textBox{
	padding: 0 !important;
}
.patern05 .bnrcntBox{
	margin-bottom: 0 !important;
}

/*コロナ対策*/
#corona .coronafr_img .textBox *,
#corona .corona_img .textBox *{
	text-align: center;
}
@media screen and (max-width: 730px) {/* SP */
	#coronaimggroup{
		margin-bottom: 60px;
	}
	#corona .coronafr_img .textBox *,
	#corona .corona_img .textBox *{
		margin-top: 1px;
	}
	#corona .coronafr_img{
		margin-bottom: 1em;
	}
	#coronaimggroup > article ~ article{
		margin-top: 1em ;
	}
}
@media screen and (min-width: 731px) {/* PC */
	#corona .coronafr_img{
		float:right;
		margin: 0 0  10px 12px ;
	}
	#coronaimggroup{
		clear: both;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 50px;
	}
	#coronaimggroup .corona_img{
		flex-basis: 48.5%;
	}
	#coronaimggroup .corona_img:nth-child(even){
		margin-left: 3% ;
	}
	#coronaimggroup .corona_img:nth-child(n+3) {
		margin-top: 1em ;
	}
}



/*アクセス*/
#access .acctel_img{
	margin-top:5px !important;
}
@media screen and (max-width: 730px) {/* SP */
	#access .acctel_img {
		width: 46%;
		margin-right: -0.3em !important;/* 人物右の余白調整 */
	}
	#access .tap_btn .imgBox div{
		margin: 2px 0 0 0;
	}
}
@media screen and (min-width: 731px) {/* PC */
	#access .acctel_img {
		width: 30%;
		margin-right: 1em !important;
	}
}

/*PC右寄せ画像*/
@media screen and (min-width: 731px) {/* PC */
.s-training-img-r .imgBox {
    float: right;
    width: 45%;
    margin-left: 15px;
}
}
/**************共通(編集不可ここまで)**************/

/**************個別(自由編集ここから)**************/
/*ヘッダー*/

.siteName,#headerContactBtn{
	display: none;
}
@media screen and (max-width: 730px){/*SP*/
	.customHeader{
		margin:6.5px 0.25em 3.125px;
	}
	.customHeader > div{
		display: flex;
		align-items: flex-end;
	}
}
@media screen and (min-width: 731px){/*PC*/
	#headerContactInfo{
		display: none;
	}
	#header .inner {
			padding: 0 10px !important;
		}
	.customHeader{
		display: flex;
		align-items: flex-end;
		margin-top: -13px;
	}
}

/**LINEバナー・電話バナー**/
@media screen and (min-width: 731px){/*PC*/
#contactbnrGroup, #contactbnrGroup2{
    display: flex;
    justify-content: space-around;
}
#contactbnrGroup .contBner, #contactbnrGroup2 .contBner2{
     flex-basis: 45.0%;
}
}

/**ビフォーアフター**/
/*ビフォーアフター写真など*/
@media screen and (min-width: 731px) {/* PC */
#beforeafterGroup{
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:35px!important;
}
#beforeafterGroup .beforeafter:first-of-type{
    flex-basis:25%;
}
#beforeafterGroup .beforeafter:last-of-type{
    flex-basis:70%;
}
}
@media screen and (max-width: 730px) {/* SP */
#beforeafterGroup{
    margin-bottom:40px!important;
}
}

/*ビフォーアフター変化の表*/
#ba_table,#ba_table th,#ba_table td{
    border-collapse: collapse;
    border:1px solid #666;
}
#ba_table th,#ba_table td{
     padding:0.25em 0.25em 0.05em!important;
     text-align: center;
     font-weight:bold;
}
#ba_table th{
    background: #c7f9f9!important;
}
#ba_table tr th:last-child,#ba_table tr td:last-child{
    color:#fd30bb;
}
#ba_table tr td.end{
    background:#ffffb6
}
@media screen and (min-width: 731px) {/* PC */
    #ba_table .start, #ba_table table .end{
    width:35%;
}
}

/*ビフォーアフターお客様の声*/ 
.ba_voice header{
    position: absolute;
}
.ba_voice header h2{
    position: relative;
    background: #26e2e3!important;
    border-radius:0!important;
    z-index:10;
}
.ba_voice_c header h2{
    padding: 0.5em 4em 0.5em 4em!important;
}
.ba_voice_t header h2{
    padding: 0.5em 3em 0.5em 3em!important;
}
.ba_voice header h2:before{
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 10px transparent;
    border-right: solid 15px rgb(149, 158, 155);
}
.ba_voice .textBox{
    position: relative;
    padding: 3.5em 1em 1em!important;
    margin-right: 15px!important;
    border: 1px solid #666;
    border-radius: 12px;
    top: -0.5em;
    left: 15px;
    z-index:1;
}

/**料金ページ**/
#fee .fee_content{
    margin:0 auto;
}
#fee .fee_content h3{
    font-size:1.2em;
    font-weight:bold;
    text-align:center;
    color:#ffffff;
}
#fee .fee_content p{
    text-align:center;
}
#fee .fee_content .fee_plan{
   border-radius:8px 8px 0 0;
   padding:0.75em 0.5em 0.65em;
}
#fee .fee_content .fee_charge{
   border-radius:0 0 8px 8px;
   border-width:0 2px 2px 2px;
   border-style:solid;
}
#fee .fee_content_seiki .fee_plan{
    background:#0ce3e3;
}
#fee .fee_content_seiki .fee_charge{
     border-color:#0ce3e3;
}
#fee #feecourseGroup .fee_content_course:first-child .fee_plan{
    background:#0ce3e3;
}
#fee #feecourseGroup .fee_content_course:nth-child(2) .fee_plan{
    background:#48e583;
}
#fee #feecourseGroup .fee_content_course:nth-child(3) .fee_plan{
    background:#38e1a5;
}
#fee #feecourseGroup .fee_content_course:nth-child(4) .fee_plan{
    background:#31d9bc;
}
#fee #feecourseGroup .fee_content_course:last-child .fee_plan{
    background:#11d3d1;
}

#fee #feecourseGroup .fee_content_course:first-child .fee_charge{
    background: #0ce3e3;
    border-radius: 8px;
    border-color: #0ce3e3;
}
#fee #feecourseGroup .fee_content_course:nth-child(2) .fee_charge{
     border-color:#48e583;   
}
#fee #feecourseGroup .fee_content_course:nth-child(3) .fee_charge{
     border-color:#38e1a5;   
}
#fee #feecourseGroup .fee_content_course:nth-child(4) .fee_charge{
     border-color:#31d9bc;   
}
#fee #feecourseGroup .fee_content_course:last-child .fee_charge{
     border-color:#11d3d1;   
    background:#ffffdd;
}
#fee .fee_content table{
    width:100%;
}
#fee .fee_content table th{
    text-align:left;
}
#fee .fee_content table td{
    text-align:right;
}
#fee #feecourseGroup .fee_content_course:first-child .fee_charge th{
     color:#ffffff;
     font-weight:bold;
     font-size:1.1em;
}
#fee #feecourseGroup .fee_content_course table td span{
    color:#fd30bc;
    font-weight: bold;
}
@media screen and (min-width: 731px) {/* PC */
#fee .fee_content_seiki .fee_wrap{
     width:40%;
     margin:0 auto!important;
}
#fee #feecourseGroup {
    display:flex;
    justify-content: space-between;
    align-items: flex-end;
}
#fee #feecourseGroup article{
  width:20.5%;
}
#fee #feecourseGroup article:first-child{
  width:15.5%;
}
#fee .fee_content .fee_charge{
   padding:0.75em 0.5em 0.65em;
}
}
@media screen and (max-width: 730px) {/* SP */
#fee .fee_content .fee_charge{
   padding:0.75em 1.5em 0.65em;
}
/**************個別(自由編集ここまで)**************/
