@charset "utf-8";

ol.num{counter-reset:li;}
ol.num > li{position:relative;padding-left:2em !important;list-style:none !important;line-height:1.75;}
ol.num > li .n{position:absolute;top:0;left:0;width:2em;}
em{color:#bb0000;font-style:normal;font-weight:bold;}
.center{text-align:center !important;}
dl.list{line-height:1.75;}
dl.list dt{font-size:15px;font-weight:bold;padding-bottom:5px;border-bottom:1px dotted #ccc;margin-bottom:10px;}
dl.list dd + dt{margin-top:30px;}
img.rs{width:100%;max-width:100%;height:auto;}
div.imgfltr{float:right;padding-left:12px;}
div.imgfltl{float:left;padding-right:12px;}
.ie7 a.btn,.ie7 a.btn span{display:inline-block;zoom:1;}

.pc_only{ display:block; }
.pc_only_inline{ display:inline; }
.sp_only{ display:none; }
.sp_only_inline{ display:none; }

.is-flex{
display: -webkit-flex;
display: flex;
}

.is-centered{
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
.has-background-grey-lighter{background-color: hsl(0, 0%, 86%);}
.has-background-white-ter{background-color: hsl(0, 0%, 96%);}
.has-background-white{background-color: hsl(0, 0%, 100%);}
.has-background-warning-light{background-color: hsl(48, 100%, 96%);}

.is-fullwidth{width:100% !important;}
.is-1{width:8.33% !important;}
.is-2{width:16.66% !important;}
.is-3{width:25% !important;}
.is-4{width:33.33% !important;}
.is-5{width:41.66% !important;}
.is-6{width:50% !important;}
.is-7{width:58.33% !important;}
.is-8{width:66.66% !important;}
.is-9{width:75% !important;}
.is-10{width:83.33% !important;}
.is-11{width:91.66% !important;}
.is-12{width:100%  !important;}

.is-size-1{font-size:3rem;}
.is-size-2{font-size:2.5rem;}
.is-size-3{font-size:2rem;}
.is-size-4{font-size:1.5rem;}
.is-size-5{font-size:1rem;}
.is-size-6{font-size:0.9rem;}
.is-size-7{font-size:0.75rem;}

.m-0{margin: 0 !important;}
.p-0{padding: 0 !important;}
.mt-0{margin-top: 0rem !important;}
.mt-1{margin-top: 1rem !important;}
.mt-2{margin-top: 2rem !important;}
.mt-3{margin-top: 3rem !important;}
.mt-4{margin-top: 4rem !important;}
.mt-5{margin-top: 5rem !important;}
.mt-6{margin-top: 6rem !important;}
.mb-0{margin-bottom: 0rem !important;}
.mb-1{margin-bottom: 1rem !important;}
.mb-2{margin-bottom: 2rem !important;}
.mb-3{margin-bottom: 3rem !important;}
.mb-4{margin-bottom: 4rem !important;}
.mb-5{margin-bottom: 5rem !important;}
.mb-6{margin-bottom: 6rem !important;}
.mr-0{margin-right: 0rem !important;}
.mr-1{margin-right: 1rem !important;}
.mr-2{margin-right: 2rem !important;}
.mr-3{margin-right: 3rem !important;}
.mr-4{margin-right: 4rem !important;}
.mr-5{margin-right: 5rem !important;}
.mr-6{margin-right: 6rem !important;}
.mx-auto{margin: 0 auto;}
.mx-0{margin-left: 0rem; margin-right: 0rem !important;}
.mx-1{margin-left: 1rem; margin-right: 1rem !important;}
.mx-2{margin-left: 2rem; margin-right: 2rem !important;}
.mx-3{margin-left: 3rem; margin-right: 3rem !important;}
.mx-4{margin-left: 4rem; margin-right: 4rem !important;}
.mx-5{margin-left: 5rem; margin-right: 5rem !important;}
.mx-6{margin-left: 6rem; margin-right: 6rem !important;}
.my-0{margin-top: 0rem; margin-bottom: 0rem !important;}
.my-1{margin-top: 1rem; margin-bottom: 1rem !important;}
.my-2{margin-top: 2rem; margin-bottom: 2rem !important;}
.my-3{margin-top: 3rem; margin-bottom: 3rem !important;}
.my-4{margin-top: 4rem; margin-bottom: 4rem !important;}
.my-5{margin-top: 5rem; margin-bottom: 5rem !important;}
.my-6{margin-top: 6rem; margin-bottom: 6rem !important;}
.p-0{padding: 0rem !important;}
.p-1{padding: 1rem !important;}
.p-2{padding: 2rem !important;}
.p-3{padding: 3rem !important;}
.p-4{padding: 4rem !important;}
.p-5{padding: 5rem !important;}
.p-6{padding: 6rem !important;}
.pt-0{padding-top: 0rem !important;}
.pt-1{padding-top: 1rem !important;}
.pt-2{padding-top: 2rem !important;}
.pt-3{padding-top: 3rem !important;}
.pt-4{padding-top: 4rem !important;}
.pt-5{padding-top: 5rem !important;}
.pt-6{padding-top: 6rem !important;}
.pb-0{padding-bottom: 0rem !important;}
.pb-1{padding-bottom: 1rem !important;}
.pb-2{padding-bottom: 2rem !important;}
.pb-3{padding-bottom: 3rem !important;}
.pb-4{padding-bottom: 4rem !important;}
.pb-5{padding-bottom: 5rem !important;}
.pb-6{padding-bottom: 6rem !important;}
.pr-0{padding-right: 0rem !important;}
.pr-1{padding-right: 1rem !important;}
.pr-2{padding-right: 2rem !important;}
.pr-3{padding-right: 3rem !important;}
.pr-4{padding-right: 4rem !important;}
.pr-5{padding-right: 5rem !important;}
.pr-6{padding-right: 6rem !important;}
.pl-0{padding-left: 0rem !important;}
.pl-1{padding-left: 1rem !important;}
.pl-2{padding-left: 2rem !important;}
.pl-3{padding-left: 3rem !important;}
.pl-4{padding-left: 4rem !important;}
.pl-5{padding-left: 5rem !important;}
.pl-6{padding-left: 6rem !important;}
.px-0{padding-left: 0rem !important; padding-right: 0rem !important;}
.px-1{padding-left: 1rem !important; padding-right: 1rem !important;}
.px-2{padding-left: 2rem !important; padding-right: 2rem !important;}
.px-3{padding-left: 3rem !important; padding-right: 3rem !important;}
.px-4{padding-left: 4rem !important; padding-right: 4rem !important;}
.px-5{padding-left: 5rem !important; padding-right: 5rem !important;}
.px-6{padding-left: 6rem !important; padding-right: 6rem !important;}
.py-0{padding-top: 0rem !important; padding-bottom: 0rem !important;}
.py-1{padding-top: 1rem !important; padding-bottom: 1rem !important;}
.py-2{padding-top: 2rem !important; padding-bottom: 2rem !important;}
.py-3{padding-top: 3rem !important; padding-bottom: 3rem !important;}
.py-4{padding-top: 4rem !important; padding-bottom: 4rem !important;}
.py-5{padding-top: 5rem !important; padding-bottom: 5rem !important;}
.py-6{padding-top: 6rem !important; padding-bottom: 6rem !important;}

.has-text-right{text-align: right;}
.has-text-danger{color: #d11313;}
.has-text-info{color: #3273dc;}
.has-text-black{color: #121212;}
.has-text-blue{color: #001e62;}
.has-text-orange{color: #ff6600;}

.has-text-white{color: #fff;}
.has-text-centered{text-align: center;}
.has-text-left{text-align: left;}
.has-text-right{text-align: right;}
.has-text-weight-bold{font-weight: bold;}
.is-underlined{text-decoration: underline;}

.is-flex-wrap-wrap{flex-wrap: wrap;}
.is-vcentered{justify-content: center;}
.is-align-items-start{align-items: start;}
.is-align-items-center{align-items: center;}
.is-align-content-start{align-content: start;}
.is-align-content-space-around{align-content: space-around;}
.is-justify-content-center{justify-content: center;}
.is-justify-content-space-between{justify-content: space-between;}

.is-pulled-right{float:right;}

.is-relative{position: relative;}
.is-absolute{position: absolute;}

.is-wh-border{border:1px solid #fff;box-sizing: border-box;}

/*: list
------------------------------ */

ol.online_explanation {
	margin-top:2em;
	margin-left: 3.5em;
}

ol.online_explanation li {
	list-style-type: none;
	counter-increment: cnt;
	position: relative;
margin:0;
padding:0 0 12px 0;
}

ol.online_explanation li:before {
	content: "(" counter(cnt) ")";
	display: inline-block;
	margin-left: -2.5em;
	width: 3em;
	/* text-align: right; */
	position: absolute;
	top: 0;
	left: 0;
}

/*:link
------------------------------ */
a{text-decoration:none;}
a:link{color:#2693ff; text-decoration:none;}
a:visited{color:#2693ff; text-decoration:none;}
a:hover{color:#2693ff; text-decoration:underline;}

a:active{color:#D80C18; text-decoration:none;}
a.nolink:hover{color:#999; text-decoration:none;}
a.nolink{color:#999; text-decoration:none;}
a.nolink:visited{color:#999; text-decoration:none;}

/* :body
------------------------------ */
body{
font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-size: 16px;
line-height: 1.6;
color: #121212;
}

@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
.mincho{
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

/* :container
---------------------------------------------------- */
#container{
width:100%;
min-width:960px;
margin:0 auto;
padding:0;
background-color:#e6f0fc;
}
#container.anti_scroll_lapse{
padding-top:62px;/* adjustment for pc. you might add margin-top of #head-menu */
}

/* :header
---------------------------------------------------- */
.inner{
width: 540px; /* pc global menu width */
margin: 0 auto;
}
.inner:after{
content: "";
clear: both;
display: block;
}

/* header menu */
#head-menu, .footer-menu{
width: 100%;
height:62px;
margin: 0 auto 0;
padding: 0;
line-height: 1;
z-index: 999;
background-color:#001f5f; /* global menu bk */
}
#head-menu a,
#head-menu,
.footer-menu a,
.footer-menu
{
color: #fff;
text-decoration: none;
}
#head-menu .inner, .footer-menu .inner{
position: relative;
}
#head-menu .logo{
float: left;
font-size: 36px;
}
#global-nav ul#sp_menu{
display:none;
}
#global-nav ul#pc_menu{
display:block;
list-style: none;
position: absolute;
top:0;
right: 0;
bottom: 0;
width:540px; /* pc global menu width */
height:62px;
}
#global-nav ul#pc_menu li{
float: left;
}
#global-nav ul#pc_menu li a{
width:180px; /* pc global menu width for each page */
height:62px;
margin:0;
padding: 0;
font:20px sans-serif;
text-align: center;
line-height: 62px;
font-weight: 900;
display:block;
}

/* Fixed */
#head-menu.fixed{
margin-top: 0;
top: 0;
position: fixed;
padding-top: 0;
height: 62px;
background-color:#001d62; /* glabal menu bk */
/*
transition: top 0.65s ease-in;
-webkit-transition: top 0.65s ease-in;
-moz-transition: top 0.65s ease-in;
*/
}
#head-menu.fixed .logo{
font-size: 24px;
color: #333;
}
#head-menu.fixed #global-nav ul#pc_menu li a{
/*
width:120px;
height:49px;
padding: 0;
font:0px/0px sans-serif;
display:block;
*/
}

/* Toggle Button */
#nav-toggle{
display: none;
position: absolute;
right: 12px;
top: 14px;
width: 34px;
height: 36px;
cursor: pointer;
z-index: 101;
}
#nav-toggle div{
position: relative;
}
#nav-toggle span{
display: block;
position: absolute;
/*height: 5px;*/
height: 3px;
width: 100%;
/* background: #fff; */
background: #fcd766;
left: 0;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1){
top: 0;
}
#nav-toggle span:nth-child(2){
top: 11px;
}
#nav-toggle span:nth-child(3){
top: 22px;
}

.red-line {
  background-color: #c83527;
  height: 3px;
  width: 100%;
  z-index: 1000;
  bottom: 3px;
}

#global-nav ul#pc_menu li#home_x2 a{
  background-color: #001d62;
   padding:0;
  -webkit-background-size:180px 124px;
  -moz-background-size:180px 124px;
  -o-background-size:180px 124px;
  background-size:180px 124px;
 }
#global-nav ul#pc_menu li#guide_x2 a{
  padding:0;
  -webkit-background-size:180px 124px;
  -moz-background-size:180px 124px;
  -o-background-size:180px 124px;
  background-size:180px 124px;
 }
#global-nav ul#pc_menu li#doc_x2 a{
  padding:0;
  -webkit-background-size:180px 124px;
  -moz-background-size:180px 124px;
  -o-background-size:180px 124px;
  background-size:180px 124px;
 }

#global-nav ul#pc_menu li#home_x2 a:hover{
  opacity: 0.8;
  background-color: #4b6094;
  padding:0;
  -webkit-background-size:180px 124px;
  -moz-background-size:180px 124px;
  -o-background-size:180px 124px;
  background-size:180px 124px;
 }
#global-nav ul#pc_menu li#guide_x2 a:hover{
  opacity: 0.8;
  background-color: #4b6094;
  padding:0;
  -webkit-background-size:180px 124px;
  -moz-background-size:180px 124px;
  -o-background-size:180px 124px;
  background-size:180px 124px;
 }
#global-nav ul#pc_menu li#doc_x2 a:hover{
  opacity: 0.8;
  background-color: #4b6094;
  padding:0;
  -webkit-background-size:180px 124px;
  -moz-background-size:180px 124px;
  -o-background-size:180px 124px;
  background-size:180px 124px;
 }



/* :clearfix
---------------------------------------------------- */
.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix{ display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix{ height: 1%; }
.clearfix{ display: block; }
/* End hide from IE-mac */


/* :content
---------------------------------------------------- */
#content{
clear:both;
/* width:960px;*/
width:100%;
margin: 0 auto;
padding:0;
text-align:left;
}
#content:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#content section + section{margin-top:24px;}

.paragrag-wrap{
max-width: 860px;
}

.paragraph{
position: relative;
width: 880px;
margin: 0 auto 40px;
padding: 32px 0 0;
background-color:#ffffff;
box-sizing:border-box;
border:3px solid #fcd766;
border-radius:12px;
text-align: center;
}
.paragraph:first-child{margin-top:32px;}
.paragraph > h2{
width:820px;
box-sizing:border-box;
line-height: 1.4em;
padding: 5px 5px 5px 30px;
margin:0 auto 24px;
font-size: 24px;
position: relative;
text-align:left;
color: #cb9900;
}
.paragraph > h2:before {
	background-color: #c83527;
	border-radius: 5px;
	content: '';
	position: absolute;
	top: 0;
	left: 3px;
	width: 5px;
	height: 100%;
}
.paragraph > h2:after {
	background-color: #001e62;
	border-radius: 5px;
	content: '';
	position: absolute;
	top: 0;
	left: 12px;
	width: 5px;
	height: 100%;
}
.paragraph .question{
font-weight: bold;
}
.paragraph .doctor img{
width: 90%;
min-width: 320px;
}
.paragraph .txt{
width:820px;
margin:0 auto 24px;
text-align:left;
}
.paragraph .underline{
border-bottom: 1px dashed #121212;
}

a.link_btn{
position:relative;
display:inline-block;
margin: 8px;
padding: 8px 42px 8px 16px;
font-size: 18px;
font-weight: 700;
color:#57add2;
background-color:#ffffff;
border: 3px solid #57add2;
border-radius: 25px;
}
a.link_btn::after {
position:absolute;
top:10px;
right:12px;
content: '';
width: 14px;
height:22px;
background-image: url("../img/shared/arrow@2.png");
-webkit-background-size:14px 22px;-moz-background-size:14px 22px;-o-background-size:14px 22px;background-size:14px 22px;
}
a.link_btn:hover {background-color:#c1e7f7;text-decoration:none;}

ul.list_pdf{list-style:none;margin:16px 8px 8px;}
ul.list_pdf li{
display:inline-block;
margin-right:24px;
padding-left:20px;
line-height:1.6em;
min-height:42px;
background:url('../img/shared/pdf_icon@2.png') left top no-repeat;
background-size:24px 29px;
}
ul.list_pdf li a{ color:#57add2;font-weight:700;}
.link_btn a:hover {text-decoration:underline;}

#map_wrapper{
position:relative;
width:100%;
height:380px;
}
#overlay{
width:960px;
height:380px;
text-align:center;
position:absolute;
left:50%;
margin-left:-490px;
margin-top:300px;
z-index:101;
}
#embedded_map{
width:100%;
height:380px;
z-index:1;
}


.access-info{
padding: 20px 0;
}
.access-info > .ai-icon{
width: 40px;
}
.access-info > .ai-discrioption{
width: 500px;
}

ul.has-list-custom{
  counter-reset:list;
  list-style-type:none;
  padding:0;
}


/*:original settings
------------------------------ */

.heading-bk {
    width: 100%;
    background-color: #001f5f;
    height: 25px;
}
.heading {
    max-width: 1000px;
    min-width: 80%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin: 0 auto;
}
.text-span {
    font-family: 'Noto Sans JP', sans-serif;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
}

.outer-clinic-info-bk {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url('../img/index/blue_sky_bk.large.jpg');
    background-position: 0px 0px;
    background-size: cover;
    background-repeat: no-repeat;
}
.outer-clinic-info {
    /* none */
}
.outer-top-tel-address {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.tag {
  padding: 0.5em 1em;
  background-color: #001e62;
/*--  border: 1px solid rgb(213, 213, 213); */
  border-radius: 6px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #fff;
	font-weight: bold;
  box-sizing: border-box;
}

.button {
  padding: 0.8em 1.5em;
  background-color: #001e62;
  border-radius: 6px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #fff;
  font-weight: bold;
  box-sizing: border-box;
}

.button:hover{
  background-color: #4b6094;
}

.access-info {
      width: 880px;
}

/* :lightbox
---------------------------------------------------- */
.lightbox{
cursor: pointer;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: black;
/* IE Fallback (Solid Colour) */
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
background: rgba(0, 0, 0, 0.7);
-webkit-filter: none !important;
z-index: 9997;
}

.lightbox img{
display: block;
position: absolute;
border: 5px solid #fff;
box-shadow: 0 0 20px #000;
border-radius: 1px;
}

body.blurred > *{
-webkit-filter: blur(2px);
-webkit-transform: translate3d(0, 0, 0);
}

.lightbox__loading{
background: url(loading.gif) center center no-repeat;
width: 32px;
height: 32px;
margin: -16px 0 0 -16px;
position: absolute;
top: 50%;
left: 50%;
}

.lightbox__caption{
display: none;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
text-align: center;
z-index: 9998;
background: #000;
background: rgba(0, 0, 0, 0.7);
}

.lightbox__caption p{
margin: 0 auto;
max-width: 70%;
display: inline-block;
*display: inline;
*zoom: 1;
padding: 10px;
color: #fff;
font-size: 12px;
line-height: 18px;
}

.lightbox__button{
position: absolute;
z-index: 9999;
background: no-repeat center center;
width: 32px;
height: 32px;
opacity: 0.4;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}

.lightbox__button:hover,
.lightbox__button:focus{
opacity: 1;
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
transform: scale(1.4);
}

.lightbox__close{
right: 10px;
top: 10px;
background-image: url("../img/shared/close.png");
}

.lightbox__nav{
top: 50%;
margin-top: -16px;
}

.lightbox__nav--next{
right: 10px;
background-image: url("../img/shared/next.png");
}

.lightbox__nav--prev{
left: 10px;
background-image: url("../img/shared/previous.png");
}

.gallery img{
width: 100%;
}
.gallery li{
border: 3px solid #fff;
box-sizing: border-box;
}

/* :siteFooter
---------------------------------------------------- */
#siteFooter{
width:100%;
/*height:290px; *//* needless to show a menu at the bottom. */
/* height:190px; */
margin:0 auto;
padding:1px 0 0;/* a little trick to get margin top of #footer_signature correctly. */
clear:both;
background-color: #e6f0fc;
}
#siteFooter #footer_copyright{
margin:24px auto 0px;
padding:0 0 20px;
text-align:center;
color:#121212;
font-size:14px;
}
#siteFooter #footer_copyright div{display:inline;}

.footer-contents{
width: 90%;
max-width: 1000px;
}

.pic{
/*width: 40%;*/
width:360px;
}
.pic > a img{
width: 100%;
margin-bottom:16px;

}

.signature{
width: 60%;
}

.biz-hour{
color: #121212;
font-weight: bold;
border-collapse: collapse;
overflow-x: scroll;
}

.biz-hour th, .biz-hour td{
padding: 10px 15px;
text-align: center;
}
.biz-hour td{border-top: 2px solid #121212;}
.biz-hour th div,.biz-hour td div{display:inline;}
.biz-hour td.duty{color:#001e62;}

/* スマホ時に横スクロールしないよう、横の余白（padding）を20px→10pxに */
@media screen and (max-width: 559px){
.biz-hour th, .biz-hour td{
padding: 10px 10px;
}
}

.biz-hour th.has-rihgt-line, .biz-hour td.has-rihgt-line{
border-right: 2px solid #121212;
}
th.has-rihgt-line div, .biz-hour td.has-rihgt-line div{display:inline;}
th.has-rihgt-line span, .biz-hour td.has-rihgt-line span{ white-space: nowrap;}

.biz-hour th,.biz-hour td{vertical-align:middle;}

.biz-hour th.wd24,.biz-hour td.wd24{width:24%;}
.biz-hour th.wd38,.biz-hour td.wd38{width:38%;}

#footer-address-tel{
height:72px;
margin:0 auto;
}

.footer-logo{
width: 350px;
height: 44px;
background: url("../img/shared/logo_name_footer@2.png") no-repeat 0 0;
-webkit-background-size: 350px 44px;
-moz-background-size: 350px 44px;
-o-background-size: 350px 44px;
background-size: 350px 44px;
font: 0px/0px sans-serif;
}
.address, .footer-addr{
left:0px;
top:0px;
width: 284px;
height: 44px;
background: url("../img/shared/address@2.png") no-repeat 0 0;
-webkit-background-size:284px 44px;
-moz-background-size:284px 44px;
-o-background-size:284px 44px;
background-size:284px 44px;
font: 0px/0px sans-serif;
}
.tel, .footer-tel{
left:374px;
top:0px;
width: 285px;
height: 34px;
background-image: url("../img/shared/tel@2.png");
-webkit-background-size:285px 34px;
-moz-background-size:285px 34px;
-o-background-size:285px 34px;
background-size:285px 34px;
font: 0px/0px sans-serif;
}
.footer-tel > div a{
width: 271px;
height: 37px;
display: block;
overflow: hidden;
font: 0px/0px sans-serif;
}
.footer-fax{
position:absolute;
left:654px;
top:0px;
width: 211px;
height: 37px;
background-image: url("../img/shared/fax@2b.png");
-webkit-background-size:211px 37px;
-moz-background-size:211px 37px;
-o-background-size:211px 37px;
background-size:211px 37px;
font: 0px/0px sans-serif;
}

/* :pageTop
---------------------------------------------------- */
p#gotop{
bottom: 72px; /* doesn't work. see line 95 in common.js */
position: fixed;
right: 3%;
width: 38px;
height: 38px;
z-index: 109;
opacity:0.5;
}
p#gotop a{
-moz-border-radius: 6px; /* 古いFirefox */
-webkit-border-radius: 6px; /* 古いSafari,Chrome */
border-radius: 6px; /* CSS3 */
background-color: #2b3e56;
width: 38px;
height: 38px;
display: block;
overflow: hidden;
text-align:center;
font-size:20px;
color:#fff;
line-height:38px;
}
p#gotop a:hover{ opacity:1;text-decoration:none;}

/* colors & lists
---------------------------------------------------- */
.lgrn2 {color: #0e810b;}
.ppl2 {color: #A73A4F;}
.dbl2 {color: #212481;}
.wht { color: #ffffff; }
.c00 { color: #cc0000; }
.orng { color: #E47100; }
.orng2 { color: #cc3300; }
.lbl { color:#00569b;}
.lbl2 { color: #294c8e; }
.dpk { color: #d9638b; }
.dpk2 { color: #d67085; }
.dgrn { color: #006902; }
.gry { color: #989898; }
.lbl3 { color: #0066FF; }
.lgrn3 {color: #339900; }
.lbge {color: #996600; }

.wordslist span{white-space: nowrap;}



/* Responsive max-width: 480px
--------------------------------------------------------- */

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


.pc_only{ display:none; }
.pc_only_inline{ display:none; }
.sp_only{ display:block; }
.sp_only_inline{ display:inline; }

.has-sp-text-weight-bold{font-weight: bold;}

.is-sp-1{width:8.33% !important;}
.is-sp-2{width:16.66% !important;}
.is-sp-3{width:25% !important;}
.is-sp-4{width:33.33% !important;}
.is-sp-5{width:41.66% !important;}
.is-sp-6{width:50% !important;}
.is-sp-7{width:58.33% !important;}
.is-sp-8{width:66.66% !important;}
.is-sp-9{width:75% !important;}
.is-sp-10{width:83.33% !important;}
.is-sp-11{width:91.66% !important;}
.is-sp-12{width:100%  !important;}


.is-sp-size-1{font-size:3rem;}
.is-sp-size-2{font-size:2.5rem;}
.is-sp-size-3{font-size:2rem;}
.is-sp-size-4{font-size:1.5rem;}
.is-sp-size-5{font-size:1.25rem;}
.is-sp-size-6{font-size:1rem;}
.is-sp-size-7{font-size:0.8rem;}

.mx-sp-0{margin-left: 0rem !important; margin-right: 0rem !important;}
.mx-sp-1{margin-left: 1rem !important; margin-right: 1rem !important;}
.mx-sp-2{margin-left: 2rem !important; margin-right: 2rem !important;}
.mx-sp-3{margin-left: 3rem !important; margin-right: 3rem !important;}
.mx-sp-4{margin-left: 4rem !important; margin-right: 4rem !important;}
.mx-sp-5{margin-left: 5rem !important; margin-right: 5rem !important;}
.mx-sp-6{margin-left: 6rem !important; margin-right: 6rem !important;}
.my-sp-0{margin-top: 0rem !important; margin-bottom: 0rem !important;}
.my-sp-1{margin-top: 1rem !important; margin-bottom: 1rem !important;}
.my-sp-2{margin-top: 2rem !important; margin-bottom: 2rem !important;}
.my-sp-3{margin-top: 3rem !important; margin-bottom: 3rem !important;}
.my-sp-4{margin-top: 4rem !important; margin-bottom: 4rem !important;}
.my-sp-5{margin-top: 5rem !important; margin-bottom: 5rem !important;}
.my-sp-6{margin-top: 6rem !important; margin-bottom: 6rem !important;}
.mt-sp-0{margin-top: 0rem !important;}
.mt-sp-1{margin-top: 1rem !important;}
.mt-sp-2{margin-top: 2rem !important;}
.mt-sp-3{margin-top: 3rem !important;}
.mt-sp-4{margin-top: 4rem !important;}
.mt-sp-5{margin-top: 5rem !important;}
.mt-sp-6{margin-top: 6rem !important;}
.mb-sp-0{margin-bottom: 0rem !important;}
.mb-sp-1{margin-bottom: 1rem !important;}
.mb-sp-2{margin-bottom: 2rem !important;}
.mb-sp-3{margin-bottom: 3rem !important;}
.mb-sp-4{margin-bottom: 4rem !important;}
.mb-sp-5{margin-bottom: 5rem !important;}
.mb-sp-6{margin-bottom: 6rem !important;}
.mr-sp-0{margin-right: 0rem !important;}
.mr-sp-1{margin-right: 1rem !important;}
.mr-sp-2{margin-right: 2rem !important;}
.mr-sp-3{margin-right: 3rem !important;}
.mr-sp-4{margin-right: 4rem !important;}
.mr-sp-5{margin-right: 5rem !important;}
.mr-sp-6{margin-right: 6rem !important;}
.mx-sp-auto{margin: 0 auto !important;}
.p-sp-0{padding: 0rem !important;}
.p-sp-1{padding: 1rem !important;}
.p-sp-2{padding: 2rem !important;}
.p-sp-3{padding: 3rem !important;}
.p-sp-4{padding: 4rem !important;}
.p-sp-5{padding: 5rem !important;}
.p-sp-6{padding: 6rem !important;}
.pr-sp-0{padding-right: 0rem !important;}
.pr-sp-1{padding-right: 1rem !important;}
.pr-sp-2{padding-right: 2rem !important;}
.pr-sp-3{padding-right: 3rem !important;}
.pr-sp-4{padding-right: 4rem !important;}
.pr-sp-5{padding-right: 5rem !important;}
.pr-sp-6{padding-right: 6rem !important;}
.pl-sp-0{padding-left: 0rem !important;}
.pl-sp-1{padding-left: 1rem !important;}
.pl-sp-2{padding-left: 2rem !important;}
.pl-sp-3{padding-left: 3rem !important;}
.pl-sp-4{padding-left: 4rem !important;}
.pl-sp-5{padding-left: 5rem !important;}
.pl-sp-6{padding-left: 6rem !important;}
.px-sp-0{padding-left: 0rem !important; padding-right: 0rem !important;}
.px-sp-1{padding-left: 1rem !important; padding-right: 1rem !important;}
.px-sp-2{padding-left: 2rem !important; padding-right: 2rem !important;}
.px-sp-3{padding-left: 3rem !important; padding-right: 3rem !important;}
.px-sp-4{padding-left: 4rem !important; padding-right: 4rem !important;}
.px-sp-5{padding-left: 5rem !important; padding-right: 5rem !important;}
.px-sp-6{padding-left: 6rem !important; padding-right: 6rem !important;}
.py-sp-0{padding-top: 0rem !important; padding-bottom: 0rem !important;}
.py-sp-1{padding-top: 1rem !important; padding-bottom: 1rem !important;}
.py-sp-2{padding-top: 2rem !important; padding-bottom: 2rem !important;}
.py-sp-3{padding-top: 3rem !important; padding-bottom: 3rem !important;}
.py-sp-4{padding-top: 4rem !important; padding-bottom: 4rem !important;}
.py-sp-5{padding-top: 5rem !important; padding-bottom: 5rem !important;}
.py-sp-6{padding-top: 6rem !important; padding-bottom: 6rem !important;}
.pt-sp-0{padding-top: 0rem !important;}
.pt-sp-1{padding-top: 1rem !important;}
.pt-sp-2{padding-top: 2rem !important;}
.pt-sp-3{padding-top: 3rem !important;}
.pt-sp-4{padding-top: 4rem !important;}
.pt-sp-5{padding-top: 5rem !important;}
.pt-sp-6{padding-top: 6rem !important;}
.pb-sp-0{padding-bottom: 0rem !important;}
.pb-sp-1{padding-bottom: 1rem !important;}
.pb-sp-2{padding-bottom: 2rem !important;}
.pb-sp-3{padding-bottom: 3rem !important;}
.pb-sp-4{padding-bottom: 4rem !important;}
.pb-sp-5{padding-bottom: 5rem !important;}
.pb-sp-6{padding-bottom: 6rem !important;}
.pb-sp-4px{padding-bottom: 4px !important;} /*++ */

.is-sp-flex-direction-row	{flex-direction: row;}
.is-sp-flex-direction-column-reverse {flex-direction: column-reverse;}
.is-sp-flex-wrap-nowrap {flex-wrap: nowrap}
.is-sp-flex-wrap-wrap {flex-wrap: wrap}
.is-sp-justify-content-center{justify-content: center}
.has-sp-text-centered{text-align: center;}

img{
width: 80%;
height: auto;
}


#content{
width:100%;
}

#siteHeader{
width:100%;
margin0;
padding:0;
text-align:center;
}


#head-menu,
.inner{
width: 100%;
padding: 0;
}
#head-menu{
top: 0;
position: fixed;
margin-top: 0;
height:60px;
background-color:transparent;
}
/* Fixed reset */
#head-menu.fixed{
padding-top: 0;
background: transparent;
}
#mobile-head{
background-color: #001d62;
width: 100%;
height: 60px;
z-index: 999;
position: relative;
/* border-bottom: 2px solid #fcd766; */
}
#head-menu.fixed .logo,
#head-menu .logo{
position: absolute;
left: 13px;
top: 13px;
color: #333;
font-size: 26px;
}
#global-nav{
position: absolute;
/* 開いてないときは画面外に配置 */
top: -560px; /* @@@ need to change due to the height of sp_menu */
background: #001d62;
width: 100%;
text-align: center;
padding: 72px 0 12px;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
#global-nav ul#pc_menu{
display:none;
}
#global-nav #sp_menu_wrapper{
margin:0;
padding:0;
overflow:hidden;
}
#global-nav #sp_menu_wrapper::-webkit-scrollbar{width:6px;}/*バーの太さ*/
#global-nav #sp_menu_wrapper::-webkit-scrollbar-track{background:#fff;}/*バー背景色*/
#global-nav #sp_menu_wrapper::-webkit-scrollbar-thumb{background:#ddd;}/*バー色*/
#global-nav ul#sp_menu{
display:block;
list-style: none;
position: static;
right: 0;
bottom: 0;
font-size: 14px;
}
#global-nav ul#sp_menu li{
float: none;
position: static;
}
#head-menu #global-nav ul#sp_menu li a,
#head-menu.fixed #global-nav ul#sp_menu li a{
width: 100%;
display: block;
color: #ffffff;
font-size:16px;
font-weight:bold;
padding: 18px 0;
}
#nav-toggle{
display: block;
}
/* #nav-toggle 切り替えアニメーション */
.open #nav-toggle span:nth-child(1){
top: 11px;
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2){
width: 0;
left: 50%;
}
.open #nav-toggle span:nth-child(3){
top: 11px;
-webkit-transform: rotate(-315deg);
-moz-transform: rotate(-315deg);
transform: rotate(-315deg);
}
/* #global-nav スライドアニメーション */
.open #global-nav{
/* #global-nav top + #mobile-head height */
-moz-transform: translateY(556px); /* @@@ need to change due to the height of sp_menu */
-webkit-transform: translateY(556px); /* @@@ need to change due to the height of sp_menu */
transform: translateY(556px); /* @@@ need to change due to the height of sp_menu */
}


.sp_logo a{
display:block;
width: 230px;
height: 32px;
position: absolute;
margin:0;
padding:0;
/*-- top:2px; */
top:13px;
left:14px;
background: url("../img/shared/logo_name_sp_header@2.png") no-repeat 0 0;
-webkit-background-size:230px 32px;
-moz-background-size:230px 32px;
-o-background-size:230px 32px;
background-size:230px 32px;
font:0px/0px sans-serif;
}


#container{
min-width:0;
}


.paragrag-wrap{
width:95%;
padding:16px 6px 32px;
}
.paragraph{
width:98%;
margin: 0 auto 16px;
padding:16px 6px 8px;
min-height:120px;
border:2px solid #fcd766;
}
.pl-1{padding-left: 0 !important;}
.paragraph > h2{
width:100%;
font-size: 20px;
color:#cb9900;
}
.paragraph .txt{
width:96%;
margin:0 auto 12px;
}
.paragraph .doctor{
width: 95%;
margin: 10px auto;
text-align: center;
}
.paragraph .doctor img{
min-width: auto;
}

/* link_btn{ */
a.link_btn{
display:inline-block;
position:relative;
margin: 4px;
padding: 12px 32px 8px 8px;
font-size: 16px;
line-height:18px;
}
/* link_btn::after { */
a.link_btn::after {
position:absolute;
top:8px;
right:8px;
}

#overlay{
width:100%;
height:380px;
position:absolute;
left:0;
top:240px;
margin:0 auto;
}


#siteFooter{
background-image:none;
height:auto;
margin:0 auto;
padding:0;
}

.biz-hour th div,.biz-hour td div{display:block;}

#sNav .plink{
position: relative;
background-color:#001d62;
border-bottom: 1px solid #ffffff;
letter-spacing: 0.1em !important;
margin: 0;
outline: 0 none;
padding: 0;
vertical-align: baseline;
}
#sNav .plink a{
display: block;
font-size:16px;
font-weight:bold;
padding: 10px 0 8px 10px;
position: relative;
text-decoration: none;
color: #fff;
margin: 0;
vertical-align: baseline;
line-height:2;
}
#sNav .plink a:after{
background: url("../img/shared/sp_arrow01.png") no-repeat right center;
content: "";
display: block;
height: 13px;
position: absolute;
right: 10px;
top: 18px;
width: 10px;
}

.footer-contents{
padding-top: 40px;
flex-direction: column;
width: 98%;
max-width: auto;
/*
font-size: 14px;
*/
}

.pic{
padding-right: 0;
padding-bottom: 30px;
margin: 0 auto;
width: 95%;
}

.biz-hour{
overflow-x: scroll;
margin: 0 auto;
}

.biz-hour th, .biz-hour td{
/* padding: 10px 15px; */
text-align: center;
}

/*
.biz-hour td{
border-top: 2px solid #fff;
}
.biz-hour th.has-rihgt-line, .biz-hour td.has-rihgt-line{
border-right: 2px solid #fff;
}
*/
th.has-rihgt-line div, .biz-hour td.has-rihgt-line div{ display:block;}
th.has-rihgt-line span, .biz-hour td.has-rihgt-line span{ white-space: normal;}

.signature{
width: 95%;
margin: 0 auto;
text-align:center;
}

.signature p{
text-align: left;
}

#footer-address-tel{
width:100%;
height:auto;
}
.footer-logo{
width: 300px;
height: 37px;
background: url("../img/shared/logo_name_footer@2.png") no-repeat 0 0;
background-size: 300px 37px;
font: 0px/0px sans-serif;
}

.footer-addr{
position:static;
margin:0 auto;
left:0;
top:0;
width: 284px;
height: 44px;
background: url("../img/shared/address@2.png") no-repeat 0 0;
-webkit-background-size:284px 44px;
-moz-background-size:284px 44px;
-o-background-size:284px 44px;
background-size:284px 44px;
}
.footer-tel{
position:static;
left:0;
top:0;
margin:0 auto;
}

.footer-tel > div a, .tel > a{
width: 285px;
height: 34px;
display: block;
overflow: hidden;
font: 0px/0px sans-serif;
}
.footer-fax{display:none;}

#siteFooter #footer_copyright div{display:block;}

#machine_img {
width:100%;
margin:12px auto;
float:none;
text-align:center;
}
#machine_img img{
width:300px;
}

/*:Original setting
------------------------------ */

.access-info{
width:98%;
}

img.icon-arrow{
width: auto;
height: auto;
}


}