@charset 'UTF-8';

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	トップページ

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */



/* ================================================================================

	Site origin 30pxマージン解除
	※案件によって使い分けてください。

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	.panel-grid{
		margin:0 auto !important;
	}
	.panel-grid-cell{
		margin:0 auto !important;
	}
	.so-panel{
		margin:0 auto !important;
	}

}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	.panel-grid{
		margin:0 auto !important;
	}
	.panel-grid-cell{
		margin:0 auto !important;
	}
	.so-panel{
		margin:0 auto !important;
	}

}




/* ================================================================================

	レイアウト

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#wrapper{
	}

	main.outer_wrap{
		max-width:1920px;
		width:100%;
		min-height:50vh;
		background:url(../img/) center top no-repeat;
		display:block;
		margin:0 auto;
	}

	.inner_wrap{
	}



/* メイン画像のスライダー
----------------------------------------------- */
.top_slider{
  height: 572px;/* IS画像高さ */
 }
 .top_slider .metaslider{
	width:1920px;/* IS画像幅 */
	height: 508px;/* IS画像高さ */
	display: block;
	top: 236px;
	left:50%;
	transform: translateX(-50%);
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	position:absolute;
	border-top: 2px solid #feb22f;
 }
	.metaslider .flexslider .flex-direction-nav li a{
		margin: -20px 325px 0 !important;

	}

}




/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#wrapper{
	}

	main.outer_wrap{
		width:100%;
		background:url(../img/) center top no-repeat;
	}

	.inner_wrap{
	}
}




/* ================================================================================

	自由に・・・

================================================================================ */

span.ye-text{
	color:#fff100;
}

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row-01{
		max-width:1920px;
		width:100%;
		margin:0 auto;
		height: 170px;
		background: #feb22f;
		text-align: center;
	}

	.row-01 h2{
		font-family:"Rounded M+ 1c","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", sans-serif;
		font-size: 37px;
		font-style: italic;
		color: #fff;
		padding: 55px 0 0;
		letter-spacing: 2.5px;
	}
	.row-01 span.mozikan{
		letter-spacing: -16.5px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	.row-01{
		position:relative;
		height: 170px;
		background: #feb22f;
		text-align: center;
	}

	.row-01 h2{
		font-family:"Rounded M+ 1c","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", sans-serif;
		font-size: 23px;
		font-style: italic;
		color: #fff;
		padding: 48px 0 0;
		letter-spacing: 2.5px;
	}
	span.mozikan{
		letter-spacing: -16.5px;
	}
}




/* ================================================================================

	整骨

================================================================================ */
	span.gr-text{
			color: #8fb313
		}

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row-02{
		max-width:1920px;
		width:100%;
		margin:0 auto;
		height:auto;
		background-color:#fdfff2;
		background-image: url(../img/orange-bg.png);
		background-repeat: no-repeat;
		background-position:center top;
	}
	.row-02 .panel-grid-cell{
		width:50% !important;
	}
	.row-02 h3{
		color: #feb22f;
		font-size: 28px;
		padding: 66px 0 0 61px;
		line-height: 40.5px;
		font-style: italic;
	}
	.row-02 .check-box{
		padding: 30px 0 0 63px;
	}
	.row-02 .check-box ul{
		background-color:#fefff9;
		border: 1px solid #8fb313;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		width: 422px;
		padding: 23px 0 23px 32px;
		line-height: 1.9;
		font-weight: 600;
		color:#41220f;
	}
	.row-02 .check-box ul li i{
		padding:0 6px 0 0;
	}
	.row-02 .text-box{
		color:#41220f;
		padding: 23px 0 23px 69px;
		width: 557px;
		line-height: 2;
		font-size: 15px;
		letter-spacing: -1.1px;
	}
	.row-02 .pc-sinn a{
		background-image:url(../img/seikotu-botan.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: right center;
		width: 100%;
		height:580px;
		text-indent: -9999px;
		display: block;
	}

}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row-02{
		height:auto;
		background-color:#fdfff2;
		padding-bottom: 30px;
	}

	.row-02 .panel-grid-cell:nth-of-type(2){
		background-image: url(../img/sp-orange-bg.png);
		background-repeat: no-repeat;
		background-position:right top;
	}

	.row-02 h3{
		color: #feb22f;
		font-size: 28px;
		font-style: italic;
		text-align: center;
		line-height: 40.5px;
		padding-top: 30px;
	}
	.row-02 .check-box{
		padding: 30px 0 ;
	}
	.row-02 .check-box ul{
		background-color:#fefff9;
		border: 1px solid #8fb313;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		padding: 15px;
		margin: 0 15px;
		line-height: 1.9;
		font-weight: 600;
		color:#41220f;
	}
	.row-02 .check-box ul li i{
		padding:0 6px 0 0;
	}
	.row-02 .text-box{
		color:#41220f;
		padding: 0 15px;
		line-height: 2;
		font-size: 15px;
		letter-spacing: -1.1px;
	}
}

/* ================================================================================

	鍼灸

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	.row-03{
		position:relative;
		max-width:1920px;
		width:100%;
		margin:0 auto;
		height:auto;
		background-color:#fcdae3;
		background-image: url(../img/orange-bg02.png);
		background-repeat: no-repeat;
		background-position:center top;
	}
	.row-03 .panel-grid-cell{
		width:50% !important;
	}
	.row-03 h3{
		color: #bc3d6b;
		font-size: 28px;
		padding: 52px 70px 0 0;
		line-height: 40.5px;
		font-style: italic;
		text-align: right;
	}
	.row-03 .check-box{
		width: 423px;
		position: absolute;
		transform:translate(-490px,38px);
		-webkit-transform:translate(-490px,38px);
		-ms-transform:translate(-490px,38px);
		left: 50%;
	}

	.row-03 .check-box ul{
		background-color:#feedf1;
		border: 1px solid #bc3d6b;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		padding: 23px 0 23px 32px;
		line-height: 1.9;
		font-weight: 600;
		color:#41220f;
	}

	.row-03 .check-box ul li i{
		padding:0 6px 0 0;
	}
	.row-03 .text-box{
		position: absolute;
		color: #41220f;
		line-height: 2;
		text-align: right;
		font-size: 15px;
		letter-spacing: -1.1px;
		margin-top: 201px;
		width: 557px;
		left: 50%;
		transform:translate(-631px,0);
		-webkit-transform:translate(-631px,0);
		-ms-transform:translate(-631px,0);
	}
	.row-03 .pc-sinn a{
		background-image:url(../img/sinkyu-botan.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		width: 100%;
		height:590px;
		text-indent: -9999px;
		display: block;
	}



}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row-03{
		height:auto;
		background-color:#fcdae3;
		padding-bottom: 30px;
	}
	.row-03 .panel-grid-cell:nth-of-type(2){
		background-image: url(../img/sp-orange-bg.png);
		background-repeat: no-repeat;
		background-position:left top;
	}

	.row-03 h3{
		color: #bc3d6b;
		font-size: 28px;
		font-style: italic;
		text-align: center;
		line-height: 40.5px;
		padding-top: 30px;

	}
	.row-03 .check-box{
		padding: 30px 0 ;
	}
	.row-03 .check-box ul{
		background-color:#feedf1;
		border: 1px solid #bc3d6b;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		padding: 15px;
		margin: 0 15px;
		line-height: 1.9;
		font-weight: 600;
		color:#41220f;
	}
	.row-03 .check-box ul li i{
		padding:0 6px 0 0;
	}
	.row-03 .text-box{
		color:#41220f;
		padding: 0 15px;
		line-height: 2;
		font-size: 15px;
		letter-spacing: -1.1px;
	}
}


/* ================================================================================

	ポイント

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	.row-04{
		max-width:1920px;
		width:100%;
		margin:0 auto;
		height:auto;
		padding: 69px 0 114px;
		color:#41220f;
	}
	.row-04 .point-title{
    	padding: 0 0 47px;
}
	.row-04 .point-title h3{
		text-indent:-9999px;
		background-image:url(../img/point-title.png);
		width:503px;
		height:140px;
		display:block;
		margin:0 auto;
	}
	.row-04 .point-box{
		width: 1080px;
		margin:0 auto;
	}

	.row-04 h4{
		color: #8fb313;
		font-size: 28px;
		padding: 28px 0 0;
		text-align: center;
		letter-spacing: 1.5px;
	}
	.row-04 .round-cap01,
	.row-04 .round-cap02{
		width: 335px;
		margin: 0 auto;
	}
	.row-04 .round-cap03{
		width: 210px;
		margin: 0 auto;
	}
	.row-04 .round-cap04{
		width: 405px;
		margin: 5px auto 0;
	}
	.row-04 .round-cap01:after,
	.row-04 .round-cap02:after,
	.row-04 .round-cap03:after,
	.row-04 .round-cap04:after{
		background-color: #fff203; /* 線色 */
		border-radius: 5px; /* 線幅の半分 */
		content: "";
		display: block;
		height: 5px; /* 線幅 */
	}



	.point-contena01{
		padding-bottom:102px;
	}

	.row-04 .point-text01{
		width: 460px;
		margin: 33px auto 0;
		letter-spacing: 0.4px;
		line-height: 1.7;
	}
	.row-04 .point-text02{
		width: 460px;
		margin: 33px auto 0;
		letter-spacing: 0.2px;
		line-height: 1.7;
	}

	.row-04 .point-text03{
		width: 460px;
		margin: 33px auto 0;
		letter-spacing: 0.4px;
		line-height: 1.7;
	}


	.row-04 .point-titleh4{
		line-height: 1.3;
	}
	.row-04 .point-text04{
		width: 460px;
		margin: 33px auto 0;
		letter-spacing: 0.4px;
		line-height: 1.7;
	}

}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	.row-04{
		height:auto;
		padding-bottom: 30px;
		padding: 50px 15px 5px;
		color:#41220f;
	}
	.row-04 .point-title{
    	padding: 0 0 47px;
}
	.row-04 .point-title h3{
		text-indent:-9999px;
		background-image:url(../img/sp-point-title.png);
		background-size: 240px auto;
		background-repeat: no-repeat;
		width: 247px;
		height: 185px;
		display:block;
		margin:0 auto;
	}





	.row-04 .point-box .panel-grid-cell{
		padding-bottom:45px !important;
	}
	.row-04 h4{
		color: #8fb313;
		font-size: 20px;
		padding: 20px 0 0;
		text-align: center;
		letter-spacing: 1.5px;
	}
	.row-04 .round-cap01,
	.row-04 .round-cap02,
	.row-04 .round-cap03{
		width: 270px;
		margin: 0 auto;
	}
	.row-04 .round-cap04{
		width: 270px;
		margin: 5px auto 0;
	}
	.row-04 .round-cap01:after,
	.row-04 .round-cap02:after,
	.row-04 .round-cap03:after,
	.row-04 .round-cap04:after{
		background-color: #fff203; /* 線色 */
		border-radius: 5px; /* 線幅の半分 */
		content: "";
		display: block;
		height: 5px; /* 線幅 */
	}




	.row-04 .point-text01,
	.row-04 .point-text02,
	.row-04 .point-text03,
	.row-04 .point-text04{
		margin: 20px auto 0;
		letter-spacing: 0.4px;
		line-height: 1.7;
	}

	.row-04 .point-titleh4{
		line-height: 1.3;
	}

}

/* ================================================================================

	スポーツ障害から・・・

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row-05{
		max-width:1920px;
		width:100%;
		margin:0 auto;
		height: 170px;
		background: #feb22f;
		text-align: center;
	}

	.row-05 h3{
		font-size: 32px;
		font-style: italic;
		color: #fff;
		padding: 32px 0 0;
		letter-spacing: 1.2px;
		font-family: "Rounded M+ 1c","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", sans-serif;
	}
	.row-05 span.mozikan{
		letter-spacing: -11.5px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	.row-05{
		position:relative;
		height: auto;
		background: #feb22f;
		text-align: center;
	}

	.row-05 h3{
		font-size: 20px;
		font-style: italic;
		color: #fff;
		padding: 30px 0;
		font-family: "Rounded M+ 1c","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro", sans-serif;

	}
	span.mozikan{
		letter-spacing: -8.5px;
	}
}


/* ================================================================================

	鍼灸院と整骨院、
２つの専門家が在籍。

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row-06{
		background-image:url(../img/row-06_bg.png);
		background-position: center top;
		background-repeat: no-repeat;
		max-width:1920px;
		width:100%;
		height: 510px;
		margin:0 auto;
	}


	.row06-h3_box{
		position:absolute;
		left:50%;
		transform:translate(-32px,67px);
		-webkit-transform:translate(-32px,67px);
		-ms-transform:translate(-32px,67px);
	}
	.row-06 h3{
		font-size: 32px;
		color: #feb22f;
		line-height: 1.5;
		letter-spacing: 1px;
	}

	.row-06 .row-06_text{
		position:absolute;
		left:50%;
		transform:translate(-30px,197px);
		-webkit-transform:translate(-30px,197px);
		-ms-transform:translate(-30px,197px);
		line-height: 2.3;
	}

}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	.row-06{
		background-image:url(../img/sp-row-06_bg.png);
		background-position: center top;
		background-repeat: no-repeat;
		background-size: contain;
		padding: 58% 15px 50px;
		position:relative;
		height: auto;
	}

	.row-06 h3{
		font-size: 32px;
		font-style: italic;
		color: #feb22f;
		padding: 20px 0;
	}
	span.mozikan{
		letter-spacing: -8.5px;
	}
}

/* ================================================================================

	改善は無理せず、焦らず、お客様と二人三脚で。

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row-07{
		background-image:url(../img/row-07_bg.png);
		background-position: center top;
		background-repeat: no-repeat;
		background-color:#fcf2f0;
		max-width:1920px;
		width:100%;
		height: 791px;
		margin:0 auto;
	}


	.row07-h3_box{
		width: 1000px;
		position:absolute;
		left:50%;
		transform:translate(-496px,73px);
		-webkit-transform:translate(-496px,73px);
		-ms-transform:translate(-496px,73px);
	}
	.row-07 h3{
		font-size: 32px;
		color: #feb22f;
		line-height: 1.5;
		letter-spacing: 1px;
	}

	.row-07 .row-07_text{
		width: 1000px;
		position:absolute;
		left:50%;
		transform:translate(-496px,158px);
		-webkit-transform:translate(-496px,158px);
		-ms-transform:translate(-496px,158px);
		line-height: 2.2;
		letter-spacing: 1px;
	}
	.row-07 .row-07_text p{
		margin-bottom: 31px;
	}


	.row-07 .row-07_img{
		position:absolute;
		left:50%;
		transform:translate(-495px,633px);
		-webkit-transform:translate(-495px,633px);
		-ms-transform:translate(-495px,633px);
	}
	.row-07 .row-07_img img{
		width:447px !important;
	}

}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	.row-07{
		background-color:#fcf2f0;
		background-image:url(../img/sp-row-07_bg.png);
		background-position: right bottom;
		background-repeat: no-repeat;
		background-size: contain;
		padding: 50px 15px 90%;
		position:relative;
		height: auto;
	}

	.row-07 h3{
		font-size: 34px;
		color: #feb22f;
		line-height: 1.5;
		letter-spacing: 1px;
		padding-bottom: 20px;
		text-align: center;
	}

	.row-07 .row-07_text{
		line-height: 1.8;
	}
	.row-07 .row-07_text p{
		margin-bottom: 20px;
	}


	.row-07 .row-07_img{
		padding: 25px 0 0;
	}
	.row-07 .row-07_img img{
		width:447px !important;
	}

}


/* ================================================================================

	新着とfacebook・カレンダー

================================================================================ */
/* スクロールバー
----------------------------------------------- */
/* theme: "dark-2" */
.top_news_box .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
	width: 9px;/*スクロールバー背景の太さ*/
	background-color: #eeeeee;/*スクロールバー背景色*/
}
.top_news_box .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 9px;/*スクロールバーの太さ*/
	background-color: #cccccc;/*スクロールバー色*/
}
.top_news_box .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #cccccc;
}/*ホバー時スクロールバー色*/

.top_news_box .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.top_news_box .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #cccccc;
}/*ドラッグ時スクロールバー色*/

.top_news_box .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px 0;
}
.top_news_box .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -20px;
}
.top_news_box .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -40px;
}
.top_news_box .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -56px;
}
/* ---------------------------------------- */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row-08{
		background-image:url(../img/row-08_bg.png);
		background-position: left top;
		background-repeat:repeat;
		max-width:1920px;
		width:100%;
		height: 1000px;
		margin:0 auto;
	}

	.row-08 .row-08_contena{
		width: 1014px;
		margin:0 auto;
		padding-top: 80px;
	}

	.news-title h3{
		background-image:url(../img/news-title.png);
		background-repeat: no-repeat;
		text-indent:-9999px;
		display: block;
		width:119px;
		height:73px;
		margin: 0 auto 35px;
	}

	.calender-title h3{
		background-image:url(../img/calender-title.png);
		background-repeat: no-repeat;
		text-indent:-9999px;
		display: block;
		width:242px;
		height:73px;
		margin: 0 auto 35px;
	}

	.nwes-box08{
		padding: 30px 56px 30px 56px;
		margin: 0 auto;
		width: 900px;
		background: #fff;
		border: 1px #feb22f solid;
		border-radius: 10px;        /* CSS3草案 */
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 10px;   /* Firefox用 */
	}

	.cale-box{
		padding: 30px 56px 30px 56px;
		margin: 0 auto;
		width: 900px;
		text-align: center;
		background: #fff;
		border: 1px #feb22f solid;
		border-radius: 10px;        /* CSS3草案 */
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 10px;   /* Firefox用 */
	}

	.secound_base ul{
		overflow: auto;
		border-bottom: 1px solid #d3c4bd;
		margin-bottom: 16px;
		padding-bottom: 16px;
	}

	.secound_base ul li{
		text-align: left;
	}
	span.secound_data{
		display: inline-block;
		vertical-align: top;
		font-size: 14px;
		padding-right: 21px;
	}
	.secound_categori{
		padding: 1px 18px!important;
		margin: 2px 17px 0 0!important;
		border: 1px #8fb313 solid!important;
		color: #8fb313!important;
		font-size: 13px!important;
		background-color:#FFFFFF!important;
		text-align: center;
	}
	span.news_title{
		display: inline-block;
		vertical-align: top;
	}
	span.news_title a{
		color:#feb22f;
		font-weight: 600;
	}

	.facebook-box {
	}
	
	.category_base{
		display: inline-block;
		vertical-align: top;
		min-width: 187px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row-08{
		background-image:url(../img/row-08_bg.jpg);
		background-repeat:repeat;
		padding: 50px 15px 80px;
		position:relative;
		height: auto;
	}

	.news-title h3{
		background-image:url(../img/news-title.png);
		background-repeat: no-repeat;
		text-indent:-9999px;
		display: block;
		width:119px;
		height:73px;
		margin: 10px auto 40px;
	}

	.calender-title h3{
		background-image:url(../img/calender-title.png);
		background-repeat: no-repeat;
		text-indent:-9999px;
		display: block;
		width:242px;
		height:73px;
		margin: 10px auto 40px;
	}

	.nwes-box08{
		padding: 20px;
		margin: 0 20px;
		background: #fff;
		border: 1px #feb22f solid;
		border-radius: 10px;        /* CSS3草案 */
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 10px;   /* Firefox用 */
	}

	.cale-box{
		padding: 20px;
		margin: 0 20px;
		text-align: center !important;
		background: #fff;
		border: 1px #feb22f solid;
		border-radius: 10px;        /* CSS3草案 */
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 10px;   /* Firefox用 */
	}

	.secound_base ul{
		overflow: auto;
		border-bottom: 1px solid #d3c4bd;
		margin-bottom: 16px;
		padding-bottom: 16px;
	}
/*
	.secound_base ul li{
		border-bottom: 1px solid #d3c4bd;
		margin-bottom: 16px;
		padding-bottom: 16px;
	}*/
	
	.category_base > span{
		display: inline-block;
	}
	span.secound_data{
		float:left;
		font-size: 14px;
		padding-right: 21px;
	}
	.secound_categori{
		padding: 1px 18px!important;
		margin: 2px 17px 0 0!important;
		border: 1px #8fb313 solid!important;
		color: #8fb313!important;
		float: left!important;
		font-size: 13px!important;
		background-color:#FFFFFF!important;
	}
	span.news_title{
		clear:both;
		display: block;
		margin-top: 5px;
	}
	span.news_title a{
		color:#feb22f;
		font-weight: 600;
	}

	.facebook-box{
		padding-top: 30px;
	}
	._2p3a{
		width:300px !important;
		margin:0 auto;
	}




}