/*							*/	
/*		宮地整骨院 color	   */
/*
/*		#ff9900	100%		*/
/*		#ffb240	75%			*/
/*		#ffcc80	50%			*/
/*		#ffe5bf	25%			*/
/*		#fff5e5	10%			*/
/*		#fffaf2	5%			*/

@charset "utf-8";

html, body {
	background-color:#ff9900;	
}

main{
	background-color:#fff;
}


.topCopy {
	background-color:#ff9900;
}

.topCopy p{
	color:#fff;
	font-size:0.8em;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic";		
}

/*								*/
/*		Header					*/
/*								*/

header{
	/* border-bottom:1px solid #ffcc80; */
	
	background-color:#ff9900;
}

header .navbar-nav li > a{
	font-weight: 400 !important;	
	color:#fff !important;	
}

header .dropdown > a{
	/* margin-bottom:12.5px;*/
}

header .dropdown-menu{
	border:1px solid #ff9900;	/*	30%	*/
}

header .navbar-toggler{
	border-color:rgba(255,255,255,.5) !important;
	color:#fff !important;
}


@media (max-width: 767.98px) {
	header .logo {
		left:50%;
		transform:translateX(-50%);
	}

	header .navbar-nav{
		top:0;
	}


	header .logo p{
		display:none;
	}
	
	header .navbar-nav{
		border:1px solid #ff9900;
		background-color:#ff9900;
	}
	
	header .dropdown-menu{
		border-top:1px solid #ff9900 !important;
	}	
	
}

header .navbar-nav > li{
	padding-right:0;
	margin-right:40px;
}



@media (max-width: 1199.98px) { 
	header .navbar-nav > li{
		margin-right:15px;	
	}
	
}

@media (min-width: 768px) and (max-width: 991.98px) {

	header .navbar-nav{
		left:50px;	
	}
	header .logo {
		width:40px;
	}
	
	header .navbar-nav > li{
		margin-right:10px;	
	}
}
/*									*/
/*		title						*/
/*									*/


#title .topImage, #title .noImage{
	height:200px;	/*200px*/
	
	margin-top:56px;
	position: relative;
}

#title .noImage{
	height:200px;
}

#title .topImage .blur{
	position:absolute;
	width:100%;
	height:20px;
	bottom:0;	
}

#title .topImage img{
	height:200px;
	position: absolute;
}


#title .topImage div, #title .noImage div{
	position: relative;
	font-size:1em;
	
	height:80px;
	width:320px;
	
	top:50%;
	left:50%;
	text-align:center;
	
	transform:translate(-50%,-50%);	
}

#title .topImage div{
	top:44%;
}

#title .noImage div{
	height:60px;
}

#title .topImage div{
	border-top:1px solid #666;	
	border-bottom:1px solid #666;	
}

#title .topImage h1, #title .noImage h1{
	
	font-family: kozuka-gothic-pr6n, sans-serif;
	font-weight: 900;
	font-style: normal;	
	
	letter-spacing:0.1em;	
	font-size:2em;
	line-height:1.2em;
	margin-bottom:0.3em;
	text-shadow: 1px 1px 2px #fff, -1px 1px 2px #fff, 1px -1px 2px #fff, -1px -1px 2px #fff;
}

#title .noImage h1 {
	border-bottom:1px solid #666;	
	padding-bottom:0.4em;
}


#title .topImage p, #title .noImage p{
	line-height:1.6em;	
	
	margin:0.6em 0 0.2em 0;
	text-shadow: 1px 1px 2px #fff, -1px 1px 2px #fff, 1px -1px 2px #fff, -1px -1px 2px #fff;	
}


/*								*/
/*		main					*/
/*								*/


/*		pankuzu					*/

#main .breadcrumb{
	background-color:#fff;
}


/*								*/
/*		top						*/
/*								*/
#main .top .greeting h3{
	font-size:1.6em;
	
	letter-spacing: 0.15em;
}

.top .greeting h4{
	color:#cc0000;
}

/*		welcome 	*/

#main .top .welcome{
	text-align:center;
}

#main .top .welcome h1{
	font-size:2.2em;
	line-height:2em;
	
}

#main .top .welcome p{
	font-size:1.2em;
}

@media (max-width: 991.98px) {
	#main .top .welcome h1{
		font-size:2em;
	}
}

@media (max-width: 767.98px) {
	#main .top .welcome h1{
		font-size:2.2em;
	}

	#main .top .welcome p{
		font-size:1em;
	}
}

@media (max-width: 575.98px) {
	
	#main .top .welcome h1{
		font-size:5.25vw;
	}

	#main .top .welcome p{
		font-size:3.3vw;
	}
	
}


#main .group h3{
	font-size:1.6em;
	
	position: relative;
	left:50%;
	right:50%;
	transform:translate(-50%,0);
	
	padding:0 0.5em;
	display:inline-block;
	
	text-align:center;
	line-height:0.5em;	
	border-bottom:7px solid #ffcc80; /*	blue 75%	*/
	margin-bottom:1em;
	
}


#main .group .row{
	margin: 0 -25px;
}

#main .group .col-lg-3, #main .group .col-md-3{
	padding-right: 10px;
	padding-left: 10px;
}

#main .group img{
	filter: drop-shadow(0 3px 3px rgba(0,0,0,0.2));		
}

@media (max-width: 1199.98px ) and (min-width: 768px) { 
	#main .group .row{
		margin: 0 -20px;
	}
	
	#main .group .col-lg-3, #main .group .col-md-3{
		padding-right: 5px;
		padding-left: 5px;
	}
}

@media (max-width: 767.98px) {
	#main .group .row{
		margin: 0 -20px;
	}
		
	#main .group .col-6{
		padding-right: 5px;
		padding-left: 5px;
	}
}

/*		shortcut 	*/

#main .shortcut h2{
	text-align:center;
}

#main .shortcut .zoom{
	overflow: hidden;
	margin-bottom:1em;
}
#main .shortcut .zoom img{
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#main .shortcut .zoom img:hover{
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

#main .wraper .shortcut p{
	padding:0 1.5em;
}

#main .wraper .row {
		margin-left:0 !important;
		margin-right:0 !important;
}

#main .wraper .shortcut .col-6, #main .wraper .shortcut .col-md-3,  #main .wraper .shortcut .col-md-4{
		padding-right: 0px;
		padding-left: 0px;
}


@media (max-width: 1199.98px) { 
	#main .wraper .shortcut img{
		height:180px;
	}
	
}



@media (max-width: 991.98px) {

	#main .wraper .shortcut img{
		height:160px;
	}
	
	#main .top .shortcut .row{
		margin: 0 -10px;
	}
	#main .top .shortcut .col-md-4, #main .shortcut .col-md-3{
		padding-right: 10px;
		padding-left: 10px;
	}
	
	#main .shortcut h2{
		font-size:1.2em;
	}
}


@media (max-width: 767.98px) {

	#main .wraper .shortcut img{
		height:auto;
	}
	
	
	#main .shortcut h2{
		font-size:1.4em;
	}
	
}

@media (max-width: 575.98px) {
	
	#main .shortcut h2{
		font-size:4.2vw;
	}
}

/*		greeting 	*/

#main .greeting img{
	height:160px;
}	


@media (max-width: 991.98px) {
	#main .greeting .row{
		margin: 0 -10px;
	}
	#main .greeting .col-md-8, #main .greeting .col-md-4{
		padding-right: 10px;
		padding-left: 10px;
	}
	
}

@media (max-width: 767.98px) {
	#main .greeting img{
		height:200px;
	}	
}


@media (max-width: 575.98px) {
}



#main .sns i{
	font-size:3em !important;
}

#main .sns i.fa-facebook-square{
	color:#3C5A99;
}

#main .sns i.fa-line{
	color:#00b900;
}

/*		banner 		*/

#main .top .banner{
	text-align:center;
	margin-bottom:2em;
}

#main .top .banner img{
	margin:0.5em 0;
}
@media (max-width: 991.98px) {

	#main .top .banner > .row{
		margin: 0 -5px;
	}
	#main .top .banner .col-sm-4{
		padding-right: 5px;
		padding-left: 5px;
	}
}


/*		news 		*/

#main .news th{
	width:7em;	
}

#main .news h3{
	font-size:1.6em;
	
	letter-spacing: 0.5em;
}






/*								*/
/*		flow					*/
/*								*/

#main .flow .card {
	border:1px solid #ff9900;
}

#main .flow .card h3{
	background-color:#ff9900;
	color:#fff;
}



/*								*/
/*		price 					*/
/*								*/

#main .price .table td{
	text-align:right;
	width:9em;
}



/*								*/
/*		施術 menu		　　		*/
/*								*/

#main .menu .content img{
	width:200px;
	float:right;
	margin:0 0 0.5em 1em;
}

#main .menu h2{
	font-size:1.4em;
	line-height:1.6em;
	padding-bottom:0.25em;
	margin-bottom:1em;
	letter-spacing: 0;	
	border-bottom:1px solid #eee;	
}

@media (max-width: 991.98px) {
	
	#main .menu .content img{
		width:180px;
	}
}
@media (max-width: 767.98px) {
	#main .menu .content img{
		width:160px;
	}
}
@media (max-width: 575.98px) {
	#main .menu .content img{
		width:140px;
	}
}


#main .menu .miyaji .card{
	padding:0 !important;
	border-color:#ffcc80; /* half orenge */
}


#main .menu .miyaji .card h4, #main .menu .miyaji .card p{
	margin:0.75em 1em !important;
}

#main .menu .miyaji .card h4 i{
	color:#cc0000;
	margin-right:0.5em;
}

#main .menu .miyaji .card p{
	font-size:0.95em;
}

#main .menu .miyaji .card-columns {
	column-count: 2;
}

#main .menu .miyaji .colum_1 img{
	margin:0 !important;
	height:80px;
}

#main .menu .miyaji .colum_2 img{
	margin:0 !important;
	height:180px;
}


#main .menu .miyaji .card-body{
	margin-bottom:0 !important;
	padding:0;
}


#main .menu .miyaji h4{
	margin-bottom:0.5em !important;	
}

#main .menu .miyaji img.title{
	width:80%;
	margin-left:10%;
	margin-bottom:3em;
}


@media (max-width: 991.98px) {
	
	#main .menu .miyaji img.title{
		width:90%;
		margin-left:5%;
	}
	
	#main .menu .miyaji .colum_2 {
		column-count: 1;
	}
	
	#main .menu .miyaji .colum_2 img{
		width:165px;
		height:125px;
		margin:0.25em 1em 0.5em 1em !important;
		float:right;
	}
}


@media (max-width: 575.98px) {
	#main .menu .miyaji img.title{
		width:100%;
		margin-left:0;
	}
	
	#main .menu .miyaji .colum_2 img{
		width:125px;
		height:125px;
		margin-top:1em !important;
	}
	
	#main .menu .miyaji .colum_1 {
		column-count: 1;
	}
}


/*								*/
/*		骨盤矯正 				*/
/*								*/

#main .kotsuban .welcome{
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	margin-bottom:3em;
}

#main .kotsuban h2{
	font-size:1.4em;
	line-height:1.6em;
	padding-bottom:0.25em;
	margin-bottom:1em;
	letter-spacing: 0;		
	border-bottom:1px solid #eee;	
}


#main .kotsuban .welcome img.back{
	position: absolute; 
	object-fit: cover; 
	object-position: 100% 50%;
}

#main .kotsuban .welcome h4{
	position: relative;
	text-align:center;
	font-size:2em;
	line-height:1.8em;
	margin:0.8em 0 0 0;
	padding:0;
}

#main .kotsuban .welcome .banner{
	position: relative;
	margin:1.5em 15% 0.5em 15%;
	width:70%;
}

#main .kotsuban .welcome p{
	position: relative;	
	margin-bottom:2em;
}

#main .kotsuban .open.row{
	margin: 0 -10px;
}

#main .kotsuban .open.row .col-6{
	padding-right: 10px;
	padding-left: 10px;
}

#main .kotsuban img.point {
	margin:2em 0 3em 0;
}

#main .kotsuban img.treatment_01{
	width:200px !important;
	margin:0 1.5em 1em 0;
	float:left;
}

#main .kotsuban img.treatment_02{
	width:200px !important;
	margin:0 0 1em 1.5em;
	float:right;
}


#main .kotsuban .kkc img {
	border:1px solid #00a2ee;
	width:480px;
}

#main .kkc2 img {
	border:1px solid #00a2ee;
	border-radius: 3px;
}


@media (max-width: 1199.98px) { 
	#main .kotsuban .welcome h4{
		font-size:1.6em;
	}

	
	#main .kotsuban img.treatment_01,#main .kotsuban img.treatment_02{
		width:48% !important;
	}

	#main .kotsuban img.treatment_01{
		margin-bottom:2em;
	}	
}

@media (max-width: 991.98px) {
	
	#main .kotsuban .welcome h4{
		font-size:1.3em;
	}

	#main .kotsuban .welcome .banner{
		margin:1.5em 12.55% 0.5em 12.5%;
		width:75%;
	}

	
	#main .kotsuban img.treatment_01{
		margin-bottom:1em;
	}	
	
	#main .kotsuban .kkc img {
		width:100%;
	}
	
}

@media (max-width: 767.98px) {
	
	#main .kotsuban .welcome h4{
		font-size:1.4em;
	}

	#main .kotsuban .welcome p{
		margin-bottom:1em;
	}

	#main .kotsuban img.treatment_01{
		margin-bottom:1.5em;
	}	
	
	#main .kotsuban img.treatment_02{
		margin-top:0;
		margin-bottom:0.5em;
	}
	
	#main .kkc2 img {
		width:60%;
		margin-left:20%;
	}
	
	
}

@media (max-width: 575.98px) {
	
	#main .kotsuban .welcome h4{
		font-size:3.5vw;
	}	
	
	#main .kotsuban img.treatment_01{
		margin-bottom:1em;
	}	
	
	#main .kotsuban img.treatment_02{
		margin-top:0.5em;
	}	
	
}


#main .tat h2{
	font-size:1.4em;
	line-height:1.6em;
	letter-spacing: 0;
	padding-bottom:0.25em;
	margin-bottom:1em;
	border-bottom:1px solid #eee;	
}


#main .access h2{
	font-size:1.4em;
	line-height:1.6em;
	padding-bottom:0.25em;
	margin-bottom:1em;
	letter-spacing: 0;		
	border-bottom:1px solid #eee;	
}


/*								*/
/*		faq 					*/
/*								*/
.faq .card{
	border-color:#ffcc80;
}

.faq .card-header{
	background-color:#fff0d9;
	border-color:#ffcc80;
}

/*								*/
/*		contact 				*/
/*								*/

#main .contact .faq ul{
	height:287px;
}




@media (max-width: 767.98px) {
	
	#main .contact .faq ul{
		height:240px;
	}
}


/*						*/
/*		sideMenu			*/
/*						*/

.sideMenu .menuHead{
	background-color:#ff9900 !important;	
}

#main .sideMenu .list-group-item{
	border-color:#ff9900;
}

#main .sideMenu .list-group-item.active{
	background-color:#ffcc80; /*75%*/
	border-color:#ff9900;
}

/*								*/
/*		footer					*/
/*								*/
footer{
	background-color:#ff9900;
}

footer .logo p{
	font-size:10px;
	margin:0 0 3px 0;
}

footer .copyright{
	border-top:1px solid #ffcc80;
}

footer .nav li{
	margin-right:4em;
	margin-bottom:1em;
}

@media (max-width: 1199.98px ) and (min-width: 992px){ 
	footer .nav li{
		margin-right:0;
		margin-left:2.5em;		
	}
	
	footer .nav li:nth-child(1){
		margin-left:3em;		
	}
}

@media (max-width: 991.98px) and (min-width: 768px){
	
	footer .nav li:nth-child(2){
		margin-left:2em;
	}

	footer .nav li:nth-child(3), footer .nav li:nth-child(4){
		margin-top:1em;
	}

	footer .nav li:nth-child(4){
	}

}

@media (max-width: 767.98px) and (min-width: 576px){
	footer .nav li{
		margin-right:2.5em;
	}

	footer .nav li:nth-child(3){
		margin-right:0;
	}

	footer .nav li:nth-child(4){
		margin-top:1em;
	}
	
}

@media (max-width: 575.98px) {
	footer .nav li{
		width:48%;
		margin-right:4%;
	}
	
	footer .nav li:nth-child(2), footer .nav li:nth-child(4){
		margin-right:0;
	}
}