@charset "utf-8";

/*//////////// 基本サイズ16px  ////////////
10px 	63%					26px 	163%
11px 	69%					27px 	169%
12px 	75%					28px 	175%
13px 	82%					29px 	182%
14px 	88%					30px 	194%
15px 	94%					31px 	200%
16px 	100%				32px 	207%
17px 	107%				33px 	213%
18px 	113%				34px 	219%
19px 	119%				35px 	225%
20px 	125%				36px 	232%
21px 	132%				37px 	238%
22px 	138%				38px 	244%
23px 	144%				39px 	250%
24px 	150%				40px 	257%
25px 	157%
//////////////////////////////*/

/*************************************************
			default
*************************************************/

/*TOPページの上部。スクロールに合わせてヘッダーを上から下に出現させる*/
body.home #change{display:block;position: fixed;z-index:100;top: -245px;left: 0px;width: 100%;height:245px;background:url(../img/index_head_small.png) no-repeat center top;}
/*
body.home #change .rogo-box{top:15px;}
body.home #change .rogo-box .rogomark img{width: 140px;}
body.home #change .rogo-box .rogo{margin-top: -20px;}
body.home #change .rogo-box .rogo img{width: 360px;}		
*/
body.home #change .rogo-box{top:52px;}
body.home #change .rogo-box .rogomark img{width: 90px;}
body.home #change .rogo-box .rogo{margin-top: -16px;}
body.home #change .rogo-box .rogo img{width: 280px;}		


body.home #change .yoyaku-right {top: 10px;}
body.home #change .zip-left-zip {font-size: 86%;}
body.home #change .btn-yoyaku a {line-height: 38px;height: 36px;font-size: 115%;}

body.home #change .yokomenu-bg {top: 88px;}

body.home #change ul#yoko-menu li.yokomenu1 {}
body.home #change ul#yoko-menu li.yokomenu2 {top:10px;}
body.home #change ul#yoko-menu li.yokomenu3 {top:23px;}
body.home #change ul#yoko-menu li.yokomenu4 {top:30px;}
body.home #change ul#yoko-menu li.yokomenu5 {top:23px;}
body.home #change ul#yoko-menu li.yokomenu6 {top:10px;}
body.home #change ul#yoko-menu li.yokomenu7 {}

body.home #change ul#yoko-menu li.yokomenu1:hover {top:-3px;}
body.home #change ul#yoko-menu li.yokomenu2:hover {top:7px;}
body.home #change ul#yoko-menu li.yokomenu3:hover {top:20px;}
body.home #change ul#yoko-menu li.yokomenu4:hover {top:27px;}
body.home #change ul#yoko-menu li.yokomenu5:hover {top:20px;}
body.home #change ul#yoko-menu li.yokomenu6:hover {top:7px;}
body.home #change ul#yoko-menu li.yokomenu7:hover {top:-3px;}

body.home #change ul#yoko-menu li a {height: 107px;background-position: center bottom -2px !important;}
body.home #change ul#yoko-menu li::after {height: 106px;}




/*========== ごあいさつ ===========*/
body.home .section.first{padding:25px 0 70px 0;}

.index-aisatu-com{text-align:center;}




/*====== お知らせ ===========*/
.bg-blue{background-color:#e3f3fb;position:relative;}
.bg-blue:before{position: absolute;top:-10px;width: 100%;height:10px;content: '';background: url(../img/nami_blue_up.png) repeat-x center top;}
.bg-blue:after{position: absolute;bottom:-10px;width: 100%;height:10px;content: '';background: url(../img/nami_blue_down.png) repeat-x center top;}

.section-icon{text-align:center;position:relative;margin-bottom:20px;}

.index-news-box{display:table;margin:0 auto;}
.index-news-box ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;
    -moz-box-lines:multiple;-webkit-box-lines:multiple;	/*折り返す*/
    -webkit-flex-wrap:wrap;-moz-flex-wrap:wrap; -ms-flex-wrap:wrap;flex-wrap:wrap;	/*子要素の折り返し設定  wrapは折り返し有り・複数行*/}
.index-news-box ul li{width:23.4%;margin:10px 2% 0 0;border: 2px solid #c4b3b3;border-radius: 12px;background: #fff url(../img/corner_glay.png) no-repeat right bottom;}
.index-news-box ul li:last-child{margin-right:0;}

.index-news-box ul li a{display:block;padding:30px 20px 20px 20px;color:#775b54;background:#fff url(../img/corner_glay.png) no-repeat right bottom;text-decoration:none;line-height: 1.5;border-radius: 12px;height: 100%;}
.index-news-box ul li a .date{font-size:86%;line-height:1;color:#555;position: relative;left: 80px;display: inline-block;}
.index-news-box ul li a .date:before{position: absolute;top:-15px;width:75px;height:35px;content: '';background: url(../img/rogomark.png) no-repeat;left: -80px;/*! z-index: 1; */background-size: contain;/*! padding: 0 50px; */}
.index-news-box ul li a .date img{margin: 0 0 5px 7px;}

.index-news-box ul li a .midashi{font-size: 83%;font-weight: bold;margin-top: 20px;line-height: 1.3;}
.index-news-box ul li a .com{font-size: 83%;margin-top: 7px;}

.index-news-box ul li a:hover{background-color:#fffce4;color:#0099ff;}




/*====== 診療案内 ===========*/
.index-shinryou-box{}

ul.index-shinryou-ul{text-align:center;margin:0 auto;}
ul.index-shinryou-ul li{display:inline-block;margin:0 0 25px 0.5%;vertical-align:top;}
ul.index-shinryou-ul li a{position: relative;z-index: 2;overflow: hidden;display:block;width:252px;height:0;padding-top:100%;text-indent:-8989px;display:block;overflow:hidden;}

ul.index-shinryou-ul li:nth-child(1) a{background:url(../img/index_shiryou1.png) no-repeat;}
ul.index-shinryou-ul li:nth-child(2) a{background:url(../img/index_shiryou2.png) no-repeat;}
ul.index-shinryou-ul li:nth-child(3) a{background:url(../img/index_shiryou3.png) no-repeat;}
ul.index-shinryou-ul li:nth-child(4) a{background:url(../img/index_shiryou4.png) no-repeat;}

ul.index-shinryou-ul li a:hover{opacity:0.7;margin-top:-5px;}





/*====== 診療時間/交通 ===========*/
.bg-pink{background-color:#ffeef5;position:relative;}
.bg-pink:before{position: absolute;top:-10px;width: 100%;height:10px;content: '';background: url(../img/nami_pink_up.png) repeat-x center top;}
.bg-pink:after{position: absolute;bottom:-10px;width: 100%;height:10px;content: '';background: url(../img/nami_pink_down.png) repeat-x center top;}

ul.index-access-ul{margin-top:50px;}
ul.index-access-ul li.index-time{float:left;width:47%;}
ul.index-access-ul li.index-map{float:right;width:48%;}			
ul.index-access-ul li.index-map iframe{width:100%;height:580px;}



/*//////////////////  表テーブル  ///////////////////*/
table{border-collapse: collapse;/*! margin:10px 0 5px 0; */width:100% !important;max-width: 100%;border:none;}
/* Only Chrome  tableにmax-wdthを指定しているにも関わらず適用されないため */
@media screen and (-webkit-min-device-pixel-ratio:0){
.entry-content table{display: table-row;}
}
table caption{font-weight:bold;text-align:left;}
table tr{vertical-align:middle;}
table th{padding:9px 9px 8px 11px;line-height: 1.3;background-color:#dbf4f7;color:#000;vertical-align: middle;border: 1px solid #bbb;width:auto !important;}
table td{padding:9px 10px 10px 12px;line-height:1.3;text-align:center;border:1px solid #bbb;background-color:#fff;width:auto !important;}
table td .alignnone,
table td img.alignnone,
table td .wp-caption.alignnone {margin: 2px -8px 5px 2px;}
/*///////////////////////////////////////////////////*/


/*表テーブル*/
table.eigyou-table{}
table.eigyou-table th{background-color:#f878b5;color:#fff;text-align:center;padding:8px 9px 8px 11px;line-height: 1.2;}
table.eigyou-table td{color:#333;padding:8px 10px 8px 12px;}
table.eigyou-table td br{display:none;}

img.flower{width:20px;height:auto;}

span.endtime{display:block;font-size:11px;line-height: 1;margin-top: 2px;}

.index-time-com{font-size: 82%;line-height: 1.5;margin-top: 7px;}

.yasumi-box{margin-top: 15px;}
.yasumi-left{float:left;width:110px;height:110px;background:url(../img/yasumi.png) no-repeat;margin-left:30px;color:#fff;text-align: center;line-height: 1.3;}
.yasumi-left .midashi{font-size:108%;font-weight:bold;padding-top: 17px;}
.yasumi-left .com{font-size: 93%;margin-top: 3px;}

.yasumi-box .btn-yoyaku{width:315px;float: left;margin: 20px 0 20px 9%;}
.yasumi-box .btn-yoyaku a{height: 57px;border-radius: 2em;line-height: 57px;background: #f878b5 url(../img/arrow_white9-13.png) no-repeat left 25px center;}
.yasumi-box .btn-yoyaku a:hover{background:#f80358 url(../img/arrow_white9-13.png) no-repeat left 30px center;padding-left:7px;}

table.access-zip-table{margin:17px 0 10px 0;border:none;background:url(../img/dotline_pink.png) repeat-x 0 top;}
table.access-zip-table th{width:17% !important;padding:12px 5px 14px 25px;background:url(../img/dotline_pink.png) repeat-x 0 bottom;border: none;font-size: 86%;color: #444;}
table.access-zip-table td{width:80% !important;padding:12px 5px 14px 5px;background:url(../img/dotline_pink.png) repeat-x 0 bottom;border: none;text-align: left;font-size: 93%;}

table.access-zip-table td .tel-toi {margin-top:0;}
table.access-zip-table td .tel-yoyaku {margin-top: 5px;}

table.access-zip-table td .tel-toi a,
table.access-zip-table td .tel-yoyaku a{font-size:135%;}


.parking{font-size:93%;}