@charset "utf-8";
/* CSS Document */


/* ---------------------------------------  991.98px  ----------*/
@media only screen and (max-width:991.98px){


body { 
font-size:16px;
line-height:1.7;
background-image:none;
}


img {
vertical-align: top;
max-width: 100%;
height: auto;
width /***/:auto;
}

div.wp-caption{
max-width: 100% !important;
}

img.sp_clear{
float:none !important;
padding:0;
margin-bottom:3%;
}


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

header#pcheader,nav#pcnav{
display:none;
}


nav.drawer-nav{
display:inline;
}


header#spmenu{
display:inline;
}


#sp_header {
position: fixed;
z-index: 999;
top: 0px;
left: 0px;
}


.drawer-navbar{
display:inline;
}


#pchead{
display:none;
}


ul.drawer-menu {
z-index:150 !important;
}

header {
width: 100%;
height: 65px;
background-size:cover;
}


.drawer-navbar-header{
padding-top:1em !important;
padding-left:0px !important;
padding-bottom:1em !important;
padding:4px 8px 4px 0px !important;
background-image:url(https://yoga-medical.org/wp-content/themes/images/header_bg.jpg);
background-image:none;
background-size:cover;
background-repeat:repeat-x;
}


.drawer-navbar-header {
position: relative;
box-sizing: border-box;
width: 100%;
height: 60px !important;
text-align: center;
}


.drawer-brand {
padding-left:0.5rem;
}


.drawer-nav{
z-index:150 !important;
}


.drawer-navbar-header img{
width:85% !important;
max-width:260px;
float:left;
padding-top:4px;
}


.drawer--right .drawer-hamburger{
top:0px;
right:4px;
}


li.drawer-dropdown a,a.drawer-menu-item{
text-decoration:none;
color:#333;
font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:15px;
}


li.drawer-dropdown a:hover,a:hover.drawer-menu-item{
color:#fff;
}
	

li.drawer-dropdown,li.parenrt{
border-bottom:#d3c28e solid 1px;
border-top:#fff solid 1px;
}


li.drawer-dropdown li{
border-bottom:#999 dotted 1px;
}


li.drawer-dropdown li:last-child{
border:none;
}


.drawer-dropdown-menu-item {
line-height: 3.0rem !important;
}


li.drawer-dropdown a:hover,a.drawer-menu-item:hover{
text-decoration:none;
background-color:#074b92;
}


.drawer-dropdown-menu-item {
padding-left: 0.5rem !important;
}


.drawer-overlay-upper{
position:fixed;
z-index:5200;
height:100%;
width:100%;
left:0;
top:0;
display:none;
background-color:#000;
background-color:rgba(0,0,0,.4)
}


.drawer-brand{
background: #f0ead8; /* Old browsers */
}


a.drawer-brand {
color:#333 !important;
font-weight:normal;
}



li a.drawer-brand{
font-size:14px;
text-decoration:none;
}


#mainpictImage{
width:100%;
margin:0 auto;
color:#1c89c3;
padding:4px 0px 0px 0px;
text-align:center;
}


#mainpictImage h1{
width:95%;
font-size:36px;
margin:3% auto 0;
}



#mainpictImage h2{
font-size:24px;
margin:0 auto 3%;
width:95%;
}


#mainpict{
background-color:#fff;
}


#mainpictImage{
background-image:none;
height:auto;
background-color:#f3f1f2;
}


#top_maintext a{
font-size:18px;
padding:2%;
background-color:#76aade;
}	
	
	
#mainpict img{
width:auto !important;
}


#top_contents, #contents {
width: 90%;
}



.drawer-menu-item {
font-size: 1rem;
display: block;
padding: .75rem;
text-decoration: none;
background-color: #f0ead8;
color: #222;
}


.drawer-menu-item a{
text-decoration:none;
color:#333;
}


#mainpict {
z-index:auto;
}







@media only screen and (max-width:991.98px){

#header_sp{
display:inline-block;
border-top:#55941E solid 4px;
position: fixed;
    z-index: 999;
    background-color: #fff;	
}

#header-area  {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 3.75rem;
    padding: 0 .5rem;
    text-align: center;
z-index: 3000;
}

#header-area img {
    width: 85% !important;
    max-width: 260px;
    float: left;
    padding-top: 7px;
}
#spMenuBtn {
    width: 48px;
    height: 48px;
    border-radius: 4px;
    position: fixed;
    top: 10px;
    right: 6px;
    background-color:fff;
}
.menuBtn span.txt {
    color: #333 !important;
    display: block;
    font-size: 10px;
padding-left:8px;
}
	.carousel{
		margin-top: 65px;
	}
}