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

body {
	font-size: 14px;
	color: #000000;
	background: #ffffff;
	line-height:1.86666667;
	word-wrap:break-word;
}

a,
span,
img{
	transition-duration:0.3s;
	-webkit-transition-duration:0.3s;
	-moz-transition-duration:0.3s;
	-o-transition-duration:0.3s;
	-ms-transition-duration:0.3s;
}

a, a:link, a:visited {
	color: #11b3e9;
}

a:hover {
	color: #11b3e9;
}

body {
	font-size: 14px;
}

#top {
	position: relative;
}

#md-site {
	padding-top: 50px !important;
	background-color:#ffffff !important;
}

.container-inner {
	width: auto;
}


/* HEADER */


#header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:50px;
	background-color:rgba(255,255,255,0.82);
	z-index:3000;
}

#header .container-inner {
	padding: 6px 120px 6px 15px;
}
/* ↓ 230927 */
#header .container-inner {
	padding-right: 180px;
}
/* ↑ 230927 */

#header .primary{
}
#header .h-logo {
	display:block;
	margin:0;
	line-height:0;
}
#header .h-logo a {
	display:inline-block;
	text-decoration:none;
}
#header .h-logo a:hover,
#header .h-logo a:active {
	filter:alpha(opacity=60); /* IE 6,7*/
	-ms-filter: "alpha(opacity=60)"; /* IE 8,9 */
	-moz-opacity:0.6; /* FF , Netscape */
	-khtml-opacity: 0.6; /* Safari 1.x */
	opacity:0.6;
	zoom:1; /*IE*/
}
#header .h-logo a img {
	width: auto;
	max-height: 40px;
}

#header .secondary{
	display:none;
}



/* FOOTER */

#footer {
	color: #ffffff;
	background-color:#E8822E;
}

#footer .container-inner {
	padding: 10px;
}

#footer a{
	color: #ffffff;
}

#footer #footer-gmap{
    background-color: #ffffff;
}
#footer #footer-gmap .container-inner {
	padding:0;
}
#footer #footer-gmap .anchor-gmap{
    margin: 0;
    text-align:right;
}
#footer #footer-gmap .anchor-gmap a{
    display:inline-block;
    background:#00176B;
    padding: 2px 20px;
    text-decoration:none;
}
#footer #footer-gmap .anchor-gmap a span{
    font-weight: bold;
}
#footer #footer-gmap iframe{
    width: 100%;
    height: 200px;
    vertical-align:bottom;
    border: none;
}

#footer .footer-wrapper{
    position:relative;
}
#footer .footer-wrapper .footer-bd{
    position:absolute;
    top:-5px;
    height:5px;
    width:100%;
    background:url(../images/common/f-bd.png) repeat-x bottom;
    background-size: auto 5px;
}
#footer .f-sign{
    margin-right: 10px;
    margin-left: 10px;
    padding: 20px 0 80px;
    background:url(../images/common/f-bg_sp.png) no-repeat bottom center;
    background-size:300px 73px;
}
           
#footer .f-name{
	display:block;
	margin-bottom: 0;
}
#footer .f-name a{
    font-size: 120%;
	font-weight:bold;
	text-decoration:none;
}
#footer .f-name a:hover {
	filter:alpha(opacity=60); /* IE 6,7*/
	-ms-filter: "alpha(opacity=60)"; /* IE 8,9 */
	-moz-opacity:0.6; /* FF , Netscape */
	-khtml-opacity: 0.6; /* Safari 1.x */
	opacity:0.6;
	zoom:1; /*IE*/
}
#footer .f-address{
	display:block;
	margin-bottom: 10px;
}
#footer .f-address .f-place{
	display:block;
    vertical-align: middle;
    margin-right: 14px;
    font-size: 85.7142%;
}
#footer .f-address .f-tel,
#footer .f-address .f-fax{
    display: inline-block;
    vertical-align: middle;
    font-size: 85.7142%;
    font-weight: bold;
}
#footer .f-address .f-tel{
    margin-right: 14px;
}
#footer .f-map{
    display: block;
}
#footer .f-map a{
	display:inline-block;
	padding:2px 10px;
	text-decoration:none;
	border:1px solid #ffffff;
}
#footer .f-map a:hover{
	background-color: rgba(255,255,255,0.3);
}
#footer .f-banner a{
	display:inline-block;
	padding:0;
	line-height:0;
}
#footer .f-banner a:hover{
	filter:alpha(opacity=60); /* IE 6,7*/
	-ms-filter: "alpha(opacity=60)"; /* IE 8,9 */
	-moz-opacity:0.6; /* FF , Netscape */
	-khtml-opacity: 0.6; /* Safari 1.x */
	opacity:0.6;
	zoom:1; /*IE*/
}
#footer .copyright {
	margin: 0;
	padding:10px 0;
	font-size:85.7142%;
	text-align:center;
}






/* NAVIGATION */

#nav{
    display: none;
}

#sp-menu {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 3500;
	margin-bottom:0;
}

#sp-menu a {
}

#sp-menu .menu {
	float: right;
	width: 54px;
	height: 50px;
}

#sp-menu .tel {
	float: right;
	width: 54px;
	height: 50px;
}

/* ↓ 230927 */
#sp-menu .instagram {
	float: right;
	width: 54px;
	height: 50px;
}
#sp-menu .instagram a {
	display: block;
	width: 100%;
	height: 100%;
	position:relative;
    background-color: #E0E9F2;
	background-image: url(../images/common/h-instagram_sp.png);
	background-position: center top 8px;
	background-repeat: no-repeat;
	background-size: auto 37px;
}
/* ↑ 230927 */

#sp-menu .menu a {
	display: block;
	width: 100%;
	height: 100%;
	position:relative;
    background-color: #B2CADF;
}
#sp-menu .tel a {
	display: block;
	width: 100%;
	height: 100%;
	position:relative;
    background-color: #CCDCEA;
}

	#sp-menu .menu a .icon{
		display: block;
		position: absolute;
		top:45%;
		left:0;
		right:0;
		margin:auto;
		width: 25px;
		height: 4px;
		background: #00176B;
		transition: .2s;
	}
	#sp-menu .menu a .icon:before,
	#sp-menu .menu a .icon:after{
		display: block;
		content: "";
		position: absolute;
		top: 40%;
		left: 0;
		right:0;
		margin:auto;
		width:　25px;
		height: 4px;
		background: #00176B;
		transition: .3s;
	}
	#sp-menu .menu a .icon:before{
		margin-top: -10px;
	}
	#sp-menu .menu a .icon:after{
		margin-top: 8px;
	}
	#sp-menu .menu a.close .icon{
		background: transparent;
	}
	#sp-menu .menu a.close .icon:before{
		margin-top: -6px;
	}
	#sp-menu .menu a.close .icon:after{
		margin-top: -6px;
	}
	#sp-menu .menu a.close .icon:before{
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}
	#sp-menu .menu a.close .icon:after{
		transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
	}

	#sp-menu .menu a .text{
		display: block;
		position: absolute;
		left:0;
		right:0;
		bottom:0%;
		margin:auto;
		color:#00166a;
		font-size:0.64em;
		font-weight:bold;
		text-align:center;
	}
    
	#sp-menu .tel a .icon{
		display: block;
        width: 100%;
        height: 40px;
		position: absolute;
		top:24%;
		left:0;
		right:0;
		margin:auto;
        text-align: center;
        background-image: url(../images/common/tel_sp.png);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: auto 26px;
    }
	#sp-menu .tel a .icon img{
        width:auto;
        height:26px;
    }

	#sp-menu .tel a .text{
		display: block;
		position: absolute;
		bottom:10%;
		left:0;
		right:0;
		margin:auto;
		color:#ffffff;
		font-size:0.64em;
		font-weight:bold;
		text-align:center;
	}



#md-nav {
	position:fixed;
	top:50px;
	right:0;
	bottom:0;
	left:0;
	overflow:auto;
	margin:auto;
    padding: 30px 10px;
	z-index:2000;
	display:none;
	background-color:rgba(213,229,232,0.9);
    border-top: 1px solid #00166a;
    border-bottom: 1px solid #00166a;
}


#sp-nav {
	margin: 0 ;
}
#sp-nav li {
	display: block;
	width: 100%;
	font-weight: bold;
	line-height: 1.4;
}
#sp-nav > li {
    padding-bottom: 20px;
    text-align: center;
}
#sp-nav li a {
	display: block;
	padding: 10px;
	font-size: 14px;
    text-align: center;
	text-decoration: none;
    letter-spacing: 0.5pt;
	color: #00166a;
    background-color: #eaf2f3;
	cursor: pointer;
}
#sp-nav > li a:hover {
    color: #f05923;
	background-color: #fef6f4;
}
#sp-nav li.on > a,
#sp-nav > li a:hover {
    color: #f05923;
	background-color: #fef6f4;
}
#sp-nav li ul {
	border-top: 1px solid #7f8ab4;
	padding-top: 1px;
}
#sp-nav li li a{
	border-bottom: 1px solid #7f8ab4;
}
#sp-nav li li:first-child a {
	border-top: #7f8ab4;
}
#sp-nav li a.parent {
	display: inline-block;
	font-size: 14px;
	padding: 35px 10px 10px;
    background-position: top 5px center;
    background-repeat: no-repeat;
    background-color: transparent;
}
#sp-nav li a.parent:hover,
#sp-nav li a.parent:active,
#sp-nav li.on a.parent {
    color: #f05923;
}
#sp-nav li a.parent > span {
    display: inline-block;
    padding-right: 20px;
    background-image: url(../images/common/anchor-type01.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 11px auto;
}
#sp-nav li a.parent:hover span,
#sp-nav li a.parent:active span,
#sp-nav li.on a.parent span {
    background-image: url(../images/common/anchor-type01_2.png);
}

#sp-nav li.about a.parent {
    background-image: url(../images/common/spnav-about.png);
    background-size: auto 25px;
}
#sp-nav li.about a.parent:hover,
#sp-nav li.about a.parent:active,
#sp-nav li.about.on a.parent {
    background-image: url(../images/common/spnav-about_on.png);
}
#sp-nav li.day a.parent {
    background-image: url(../images/common/spnav-day.png);
    background-size: auto 25px;
}
#sp-nav li.day a.parent:hover,
#sp-nav li.day a.parent:active,
#sp-nav li.day.on a.parent {
    background-image: url(../images/common/spnav-day_on.png);
}
#sp-nav li.guide a.parent {
    background-image: url(../images/common/spnav-guide.png);
    background-size: auto 25px;
}
#sp-nav li.guide a.parent:hover,
#sp-nav li.guide a.parent:active,
#sp-nav li.guide.on a.parent {
    background-image: url(../images/common/spnav-guide_on.png);
}
#sp-nav li.faq a.parent {
    background-image: url(../images/common/spnav-faq.png);
    background-size: auto 28px;
    background-position: top 2px center;
}
#sp-nav li.faq a.parent:hover,
#sp-nav li.faq a.parent:active,
#sp-nav li.faq.on a.parent {
    background-image: url(../images/common/spnav-faq_on.png);
}
#sp-nav li.disease a.parent {
    background-image: url(../images/common/spnav-disease.png);
    background-size: auto 20px;
}
#sp-nav li.disease a.parent:hover,
#sp-nav li.disease a.parent:active,
#sp-nav li.disease.on a.parent {
    background-image: url(../images/common/spnav-disease_on.png);
}
#sp-nav li.doc a.parent {
    background-image: url(../images/common/spnav-doc.png);
    background-size: auto 25px;
}
#sp-nav li.doc a.parent:hover,
#sp-nav li.doc a.parent:active,
#sp-nav li.doc.on a.parent {
    background-image: url(../images/common/spnav-doc_on.png);
}
/* 250820 */
#sp-nav li.recruit a.parent {
    background-image: url(../images/common/spnav-recruit.png);
    background-size: auto 25px;
}
#sp-nav li.recruit a.parent:hover,
#sp-nav li.recruit a.parent:active,
#sp-nav li.recruit.on a.parent {
    background-image: url(../images/common/spnav-recruit_on.png);
}
    
#sp-nav li.odd{
    clear: both;
    float: left;
    width: 48%;
}
#sp-nav li.even{
    float: right;
    width: 48%;
}

#sp-nav li.blog a{
    position: relative;
	border-top: 1px solid #7f8ab4;
	border-bottom: 1px solid #7f8ab4;
}
#sp-nav li.blog a:before{
    content: "";
    display: block;
    width: 40px;
    height: 52px;
    position: absolute;
    top: -10px;
    left: 37px;
    background-image: url(../images/common/spnav-blog.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 40px auto;
}
#sp-nav li.blog.on a:before,
#sp-nav li.blog a:hover:before{
    background-image: url(../images/common/spnav-blog_on.png);
}

#sp-nav li.booking a{
    position: relative;
	border-top: 1px solid #7f8ab4;
	border-bottom: 1px solid #7f8ab4;
}


.sp-close{
    text-align: center;
}
    















/* TITLE */

#title-image {
    position: relative;
    height: 240px;
    margin: 0;
    padding-top: 10px;
    background-color: #e0ecee;
    overflow: hidden;
}
#title-image .container-inner{
    position: relative;
    height: 200px;
}
#title-image .title-bd {
    height: 32px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-image: url(../images/common/title-bd.png);
    background-position: left bottom;
    background-repeat: repeat-x;
    background-size: auto 32px;
    z-index: 2;
}
#title-image .title-inner {
    position: absolute;
    top: 20px;
    right: 0;
    left: 0;
    margin: auto -28%;
    height: 240px;
    background-image: url(../images/common/title-bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto 200px;
    border-radius: 50% 50% 0 0 / 100% 100% 0 0;
    z-index: 1;
}
#title-image .title-cloud01 {
    position: absolute;
    top: 15px;
    left: 10px;
    width: 43px;
    z-index: 3;
}
#title-image .title-cloud02 {
    position: absolute;
    top: 5px;
    right: 70px;
    width: 36px;
    z-index: 3;
}
#title-image .title-cloud03 {
    position: absolute;
    top: 30px;
    right: 10px;
    width: 40px;
    z-index: 3;
}
#title-image .title-blog {
    display: none;
    position: absolute;
    bottom: 0;
    right: -20px;
    z-index: 3;
}
#title-image .title-blog a:hover,
#title-image .title-blog a:active {
	text-decoration:none;
	filter:alpha(opacity=60); /* IE 6,7*/
	-ms-filter: "alpha(opacity=60)"; /* IE 8,9 */
	-moz-opacity:0.6; /* FF , Netscape */
	-khtml-opacity: 0.6; /* Safari 1.x */
	opacity:0.6;
	zoom:1; /*IE*/
}


/* CONTENT */

#content {
	margin-bottom:0;
}

#content .container-inner {
	padding: 10px;
}

#breadcrumb li{
	display:inline-block;
	vertical-align:middle;
	font-size:85.7142%;
}
#breadcrumb li a{
	color:#000000;
}
#breadcrumb li.on{
	color:#000000;
	font-weight:bold;
}

#c-wrapper {
    padding-bottom: 30px;
}

#main {
	margin-bottom:50px;
}

#side {
	padding:10px;
}

#content #side #snav {
	padding:0 10px;
}

.section {
	margin-bottom: 40px;
}

.section-s {
	margin-bottom: 30px;
}

.section-ss {
	margin-bottom: 20px;
}

.pagetop {
	position:fixed;
	bottom:10px;
	right:10px;
	margin: 0;
	z-index:5000;
}

.pagetop a {
	display:block;
	line-height:0;
	text-decoration:none;
}
.pagetop a:hover,
.pagetop a:active {
	text-decoration:none;
	filter:alpha(opacity=60); /* IE 6,7*/
	-ms-filter: "alpha(opacity=60)"; /* IE 8,9 */
	-moz-opacity:0.6; /* FF , Netscape */
	-khtml-opacity: 0.6; /* Safari 1.x */
	opacity:0.6;
	zoom:1; /*IE*/
}

.pagetop a:hover {
	text-decoration:none;
}

.inlink{
	margin-top:-65px;
	padding-top:65px;
}


/* SNAV */
#snav .title-snav{
	padding:5px 5px 3px;
	color: #ffffff;
	font-size: 1.2em;
	letter-spacing: 4pt;
	text-indent: 4pt;
	text-align: center;
	background-color: #f18c27;
}
#snav .snav-list > li > a{
	display:block;
	padding: 10px 10px 6px 36px ;
	color: #000000;
	font-weight: bold;
	background-image:url(../images/common/anchor-type02.png);
	background-position:24px 16px;
	background-repeat:no-repeat;
	background-size:7px 12px;
	border-bottom: 1px solid #969696;
}
#snav .snav-list > li.on > a,
#snav .snav-list > li > a:hover{
	color: #f08b26;
	background-image:url(../images/common/anchor-type01.png);
}



/* SUBNAV */
#subnav .subnav-list{
    margin: 0 15px;
    text-align: center;
}
#subnav .subnav-list > li{
    margin-bottom: 15px;
}
#subnav .subnav-list > li > a{
    display: block;
    position: relative;
    padding: 6px 32px 6px 40px;
    color: #e7812d;
    font-size: 85.7142%;
    font-weight: bold;
    background-color: #fcf2ea;
    border: 2px solid #e7812d;
    border-radius: 6px;
    text-decoration: none;
    background-image: url(../images/common/anchor-type02.png);
    background-position: right 8px center;
    background-repeat: no-repeat;
    background-size: 9px 12px;
    background-color: #fcf2ea;
}
#subnav .subnav-list > li > a:hover,
#subnav .subnav-list > li > a:active,
#subnav .subnav-list > li.on > a{
    background-color: #f3c096;
}


/* SNAV */
.side-box > .titles{
    padding: 5px;
    color: #00166a;
    font-size: 113.33333%;
    font-family: "hui", "huims", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
    background-image: url(../images/common/title-level02_w.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80px 61px;
    background-color: #fbecdf;
}
.side-box > .titles .small{
    font-size: 76.4705%;
}
.side-box.recent-box .recent-list > li{
    padding: 10px 0;
    background-image: url(../images/common/line-dot.png);
    background-position: left bottom;
    background-repeat: repeat-x;
}
.side-box.recent-box .recent-list > li a{
    display: block;
    padding: 5px;
    text-decoration: none !important;
}
.side-box.recent-box .recent-list > li a:hover{
    background-color: #fdf8f4;
}
.side-box.recent-box .recent-list > li a:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
}
.side-box.recent-box .recent-list > li a .image{
    display: block;
    float: left;
    width: 80px;
    position: relative;
}
.side-box.recent-box .recent-list > li.new a .image:before{
    content: "NEW!";
    display: block;
    width: 46px;
    height: 32px;
    padding-top: 7px;
    color: #00166a;
    font-size: 85.7142%;
    font-family: "hui", "huims", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
    background-image: url(../images/blog/icon-new-bg_sp.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 46px auto;
    position: absolute;
    top: -12px;
    left: -15px;
}
.side-box.recent-box .recent-list > li a .image img{
    max-width: 100%;
    height: auto;
}
.side-box.recent-box .recent-list > li a .titles{
    display: block;
    margin-left: 90px;
    color: #00166a;
    font-family: "hui", "huims", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.side-box.recent-box .recent-list > li a .edit{
    display: block;
    padding: 5px 0 0 22px;
    min-height: 18px;
    margin-left: 90px;
    color: #e7812d;
    font-size: 80%;
    font-family: "hui", "huims", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    letter-spacing: 0.6pt;
    background-image: url(../images/blog/icon-edit.png);
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: auto 18px;
}
.side-box.recent-box .recent-list > li a .cat{
    display: block;
    padding: 5px 0 0 22px;
    min-height: 18px;
    margin-left: 90px;
    color: #e7812d;
    font-size: 80%;
    font-family: "hui", "huims", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    letter-spacing: 0.6pt;
    background-image: url(../images/blog/icon-cat.png);
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: auto 14px;
}
.side-box.cat-box .cat-list > li{
    margin-left: 4px;
    padding: 2px 6px 2px 22px;
    background-image: url(../images/blog/icon-cat.png);
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: auto 14px;
}
.side-box.past-box .past-list > li{
    margin-left: 4px;
    padding: 2px 6px 2px 22px;
    background-image: url(../images/blog/icon-edit.png);
    background-position: 2px center;
    background-repeat: no-repeat;
    background-size: auto 18px;
}




}