body { -webkit-text-size-adjust: 100%; margin: 0; color: #615500; font-size: 16px; font-family: 'meiryo', "Hiragino Kaku Gothic Pro W3", sans-serif; background:  #FCF8F9;}
a { text-decoration: none;}
img { vertical-align: bottom;}

/*-----------*/
header {background-image: linear-gradient(135deg, #FFEBDF 0%, #fdfcfb 28%, #fdfcfb 40%, #FFebdf 100%);}
.logo { width: 40px; margin: 0; position: absolute; top: 9px; left:5px;}

h1 { display:block; font-size: 19px; padding: 8px 0 2px 58px; margin: 0; line-height: 22px; color: #ff7c00; text-shadow: 0 11px 10px rgba(255, 140, 4, 0.6);  }
h1 a { color: #ff7c00; }
h2 {padding: 0 0 0 58px; margin: 0; line-height: 20px; font-size: 16px; font-weight: normal; letter-spacing: 0.7px;color: #6A4F12;text-shadow: -1px -1px rgba(255, 255, 255, 0.5), 1px 1px 3px rgba(0, 0, 0, 0.5);}
.english { display:none; color: #FF9A88; font-size: 16px; padding: 0 0 0 8px; margin:0;}
.tel { display:inline-block; padding: 0 0 3px 8px; margin: 0; color: #725D29; font-size: 16px;display: none; }
.telicon { display: none;}
.address { display:inline-block; color: #725D29; padding: 0 0 0 8px; font-size: 16px;}
.timetext { display: none;}
.timetext span {display: auto; font-size: 15px;}
.tel1 { display: none; display:inline-block; padding: 0 0 3px 8px; margin: 0; color: #725D29; font-size: 16px; background: transparent; border: none;}

/*-----------*/
button#open-menu,button#close-menu {display: block;position: fixed; top: 7px; right: 14px; z-index: 1000; width: 38px; padding: 2px 2px; vertical-align: top; font-size: 16px; color: #7C6F4A; background: #fff; border-width: 1px 1px 1px 1px; border-style:solid; border-color: #F58361; cursor: pointer;}
button#close-menu {display: none;}
button#open-menu img,button#close-menu img {width: 100%;}

/*-----------*/
nav {
display: none; margin: 0; padding: 15px 40px 10px 11px; position: fixed; top:78px; left:0; background: rgba(255,248,255,0.951); z-index: 110; animation: fadeInmenu 0.5s ease 0s 1 normal;}
@keyframes fadeInmenu {
    0% { left:-100px;}
    100% { left:0;}
}
.closebutton { width: 18px; height: 18px; table-layout: center; padding: 0; border: 1px solid #6D640E; color:#6D470E; font-size:14px; position: absolute; top:7px; right: 7px; z-index: 111;}

.up {}
.dw { font-size: 15px; color:#7B6530;}
.up a {display: block; color: #544B46; font-size: 16px;}
.dw a { display: block; color: #A94B03; font-size: 16px;}

.brown { margin: 0 4px 0 0 ; color: #AE9D00;}
.green { margin: 0 4px 0 0 ; color: #53F10D;}
.gold { margin: 0 4px 0 0 ; color: #FFDD01;}
.blue { margin: 0 4px 0 0 ; color: #CDD2FC;}

/*-----------*/
ul.in { display: block; margin:0; padding:0; width: 100%; list-style: none;}
ul.in li { display: block; vertical-align: top;}
header ul.in li.c1 {}
.up ul.in li {}

/*-------------*/
article { width: 100%; line-height: 22px; position: relative; overflow: hidden;}
article img { height:240px;}
article .mobile-h { height: 150px;}
article .mobile-h img {display: none;}

.back1 { background-image: url('img/back1.jpg'); background-size: 750px 150px; background-repeat: no-repeat ;}
.back1-1 { background-image: url('img/back1-1.jpg'); background-size: 750px 150px; background-repeat: no-repeat ;}
.back2-1 { background-image: url('img/back2-1.jpg'); background-size: 750px 150px; background-repeat: no-repeat ;}
.back3 { background-image: url('img/back3.jpg'); background-size: 750px 150px; background-repeat: no-repeat ;}
.back4 { background-image: url('img/back4.jpg'); background-size: 750px 150px; background-repeat: no-repeat ;}
.back7 { background-image: url('img/back7.jpg'); background-size: 750px 150px; background-repeat: no-repeat ;}

.thummap {display: block; width: 57px;height: 57px; opacity: 0.85; position: absolute; top: 8px; right:3%; border: 2px solid #fff; box-shadow:5px 4px 15px 3px rgba(0,50,100,0.3); z-index:100;}
.thummap img { width: 100%; height: 100%; margin: 0;}

.corner { display: none; margin: 0; width: 100%; padding: 9px 0 7px 0; text-align: right; position: absolute; bottom: 0; left:0;  z-index:101;background-image: linear-gradient(-55deg, rgba(255,255,255,0.91) 0%,rgba(255,255,255,0.75) 55%,rgba(255,255,255,0.1) 100%); }
.corner a { display: inline-block; margin: 0 40px 0 0; padding:0; color:#693B35; font-size: 17px; font-weight: normal; text-shadow: -1px -1px rgba(255, 255, 255, 0.7), 1px 1px 3px rgba(0, 0, 0, 0.8); letter-spacing: 1px;}

div#p01, div#p02,div#p03 { position: absolute; top: 0; left:0: z-index:99;}
div#p04 { position: relative;}

div#p01 { animation: fadeIn1 33s ease 0s infinite normal; background-image: url('img/top5-s.jpg'); background-size: contain; background-repeat: no-repeat;}
@keyframes fadeIn1 {
    0%,20% { opacity:1;}
    31%,85% { opacity:0;}
    100%,100% { opacity:1;}
}

div#p02 { animation: fadeIn2 33s ease 0s infinite normal; background-image: url('img/top2-s.jpg'); background-size: contain; background-repeat: no-repeat;}
@keyframes fadeIn2 {
    0%,20% { opacity:0;}
    35%,49% { opacity:1;} 
    85%,100% { opacity:0;}
}

div#p03 {animation: fadeIn3 33s ease 0s infinite normal; background-image: url('img/top1-s.jpg'); background-size: contain; background-repeat: no-repeat;}
@keyframes fadeIn3 {
    0%,51% { opacity:0;}
    66%,85% { opacity:1;}
    100%,100% { opacity:0;}
}

article span { display: inline-block; background: rgba(255,255,255,0.1); padding: 12px 0 0 5px;font-size: 17px; font-weight: bold; line-height: 25px; text-shadow: 1px 1px 9px rgba(255,255,255,0.99);}
article span img { width: 230px; height: auto;}
div#p01 span { color: #EB5132; color: #F6F6F6; position: absolute; top: 0; left: 0; text-shadow: 1px 1px 5px rgba(20,50,140,0.7); background: transparent;}
div#p02 span { color:#5B4708; position: absolute; top: 0; left: 0;}
div#p03 span { color: #502529; position: absolute; top: 0; left: 0;}
/*-----*/
section { margin: 0; width: 100%; color: #5D3717; background: #FCF8F9;}
h3 { margin: 0; padding: 20px 10px 2px 15px; color: #B8AA9E; font-size: 18px;}

.news { margin: 0 15px; padding: 13px 0 0 0; border-bottom: 1px dotted coral;}
.news div {padding: 4px; font-size: 17px;}
.news div b { display: block; font-size: 19px; margin: 0 0 -10px -5px; padding: 3px 0 10px 0;background-image: linear-gradient(0deg, #FBFBFE 0%, #F3EFE7 48%, #E8E6EF 100%); color: #F8878C;}
.news div b img { width: auto; height: 22px; margin: -3px 0 3px 0;}
.news div b span { display: inline-block; font-size: 14px; color: #C1BAFF; margin: 0 5px 0 0; padding: 0 0 0 5px;}
.news div time { display: block; font-size: 15px; line-height: 15px; padding: 2px 0 0 0; margin: 0 0 4px 0; color: #F77AEB;}
.news div img {width: 100%;}
.news div.title {grid-row: 1/2;}

.wrapper1 { margin: 0 15px; padding: 0; border-bottom: 2px dotted coral;}
.wrapper1 div {padding: 14px;}
.wrapper1 div b { display: block; color: #FF894F; font-size: 18px; margin: 3.5px 0 5.8px 0;}
.wrapper1 div b img{ width: auto; height: 22px; margin: 1px 0 2px 0;}
.wrapper1 div a { display: inline-block;  color: #5BAF30; font-weight: normal;}
.wrapper1 div a { display: inline-block; margin: 4px 0 -4px 8px; padding: 3px 5px 3px 5px; background-image: linear-gradient(180deg, #FBFBFE 0%, #F3EFE7 48%, #E8E6EF 100%); color: #4EA9AB; font-size: 14px; font-weight: normal; line-height: 15px; border: 1px solid #E6D7FF; border-radius: 3px; overflow: hidden;}
.wrapper1 div b a:hover {background:#FFDA8B; color: #FF5D4E;}
.wrapper1 div img {width: 100%; max-width: 320px; margin-bottom: -18px;}
.wrapper1 div.time {grid-column: 3/5;}

.timet { display: grid; margin: 0 0 7px 0; padding: 0; list-style: none; width: 100%; max-width: 400px; grid-template-columns: 3.3fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
background-image: linear-gradient(-55deg, #eee 0%, #efefef 22%, #fdfdfd 54%, #efeeec 75%, #ddd 100%); box-shadow:5px 5px 10px #ddd; border: 1px solid #ccc;}
.timet li { display: block; text-align: center; color: #5F5900; font-size: 16px; padding: 4px 0;}
.timet li.hour { background: rgba(255,255,255,0.55);}

.wrapper2 { margin: 0 15px; padding: 0; border-bottom: 2px dotted coral;}
.wrapper2 div {padding: 4px; position: relative;}
.wrapper2 div b { display: block; color: #FF894F; font-size: 18px; margin: 0 0 7px 0;}
img.w2 { width: 250px;}
.wrapper2 div.title { border-bottom: 1px dotted #bbb;}
.wrapper2 div p {}
.wrapper2 div a { display: inline-block; margin: 3px -5px; padding: 2px 5px; background: #F94895; color: #fff;}

.note { padding: 15px; margin: 0;}
.note b { display: block;^; margin: 0 0 8px 0; font-size: 17px;}
.card { height:100px;}

footer { margin: 0 auto; color: #543A1B ; padding: 14px 10px; text-align: center; line-height: 22px;background-image: linear-gradient(135deg, #fff 0%, #FFF7F5 100%);}
.foot-tel {display:none;}
.foot-tel1 { display: inline-block; color: #533F00;}
.foot-tel1 i { color: #AE3F00; margin: 0 8px 0 0;}
.foot-right { display: block;}
footer p { margin: 0; padding: 0;}

/*------PAGE-----*/
ul.page { display: block; margin: 0; padding: 10px 10px; background-image: linear-gradient(180deg, #FEF7FF 0%, #FFFFF8 100%);}
ul.page li { display: block; list-style: none; position: relative;}
ul.page li.side { padding-bottom: 10px; border-bottom: 2px dotted #877C72;}
ul.page li.side p{ color:#5C4121; font-size: 17px; margin: 0; padding: 3px 5px; background-image: linear-gradient(180deg,#F0EAD7 0%, transparent 100%);}
ul.page li.side img { width: 180px; margin: 0 0 5px 0; float: right;}
ul.page li.side a { display:block; color: #5C4121; margin: 5px 0 0 2px;}
ul.page li.side a:hover { color:#FF4FAE;}

.page-title { position: absolute; top: 5px; left: 5px; margin: 0; padding: 5px 7px; font-size: 18px; color: #fff; background: rgba(50,50,50,0.3); z-index: 103;}
.page-top { padding: 28px 0 10px 10px; color: #7C563E; font-size: 19px; font-weight: bold; line-height: 27px; border-bottom: 1px dotted #bbb;}
.page-mid { padding: 0 10px; font-size: 16px;}
ul.page li h3 { position: relative; margin: 0; padding: 10px 10px 5px 10px; font-size: 20px; color: #876D47; line-height: 24px; font-weight:normal; text-shadow:1px 1px 5px rgba(100,70,30,0.5); background-image: linear-gradient(180deg, #ede4cd 0%, transparent 100%);}
ul.page li p.info {padding: 10px 40px 10px 10px; font-size: 21px; color:#555;}

.page-wrap3 { line-height: 24px; padding: 0;}
.page-wrap3 div {padding: 10px; margin: 10px; border: 1px solid #7B6F4B; background: #fff;}
.page-wrap3 div.other {}
.page-wrap3 div b { display: block; color:#FF6E4B; margin: 0 0 10px 0;}
.page-wrap3 div.noborder { display: none;}
 
.page-wrap3 div p { margin: 5px 0 7px 0; padding: 0; font-size: 18px;}
.page-wrap3 div span { display: block; margin: 13px 0 10px 0; padding: 10px 0 0 0; color: #765B36; font-size: 16.5px; line-height: 27px; border-top: 1px dotted #aaa;}

.page-wrap4 { line-height: 24px; padding: 0 10px;}
.page-wrap4 div { padding: 10px 40px 10px 0;}
.page-wrap4 div img { width: 220px;}

.page-wrap2 { line-height: 24px; border-top: 1px dotted #DDBB0E; padding: 10px 0; margin: 10px 0;}
.page-wrap2 div { padding: 10px 20px 10px 20px;}
.page-wrap2 div p { font-size: 19px; color: #E33E32; font-weight: bold; padding: 0; margin: 0;}
.page-wrap2 div span { display:block; padding: 0 0 12px 0;}
.page-wrap2 div b { display: block; color: #685732; font-size: 17px;}

.page-wrap2 div p.staff { color:#E76D35;}
.page-wrap2 div span.staff { display:inline-block; width:200px; padding: 0 0 2px 0;}

.page-wrap3-1 { display: block; line-height: 24px; border-top: 1px dotted #DDBB0E; padding: 5px 0; margin: 5px 0;}
.page-wrap3-1 div { padding: 5px 10px;}
.page-wrap3-1 div p { font-size: 18px; color: #E33E32; font-weight: bold; padding: 0; margin: 0;}
.page-wrap3-1 div span { display:block; padding: 0 0 12px 0;}
.page-wrap3-1 div b { display: block; color: #685732; font-size: 17px;}
.page-wrap3-1 div img { width: 55%; max-width: 350px;}

.page-wrap4 div img.pn,.page-wrap3 div img.pn,.page-wrap2 div img.pn,.page-wrap3-1 div img.pn { width: 100%; max-width: 400px;}
.pn {width: 100%; max-width: 400px;}

/*---NEW---*/
.icon-a-top { margin: 12px 0 -4px 18px; height: 28px;}
.icon-a { height: 27px; position: absolute; top: -7px; left: 10px;}

.wrapper1 div img.icon-b { width: 15px; margin: -8px 14px 8px 0;}
.news div img.icon-b { width: 15px; margin: -8px 14px 8px 0;}

.page-wrap3-1 div img.icon-b, .page-wrap2 div img.icon-b { width: 15px; margin: 0 14px 5px 0;}
.icon-info { width: 27px; margin: -2px 7px 2px 0;}
.icon-h3 { margin: -10px 7px 10px -10px; height: 24px;}

.subtitle { margin: 18px 20px 10px 20px; font-size: 19px; color: #996806;}

.page-wrap2-1 { display: grid; grid-template-columns: 1.2fr 2.3fr; line-height: 24px;  border-width: 1px 1px 0 0; border-color: #A7954C; border-style: solid; margin: 1px;}
.page-wrap2-1 div { padding: 4px 2px 4px 5px; border-width: 0 0 1px 1px; border-color: #A7954C; border-style: solid;}
.page-wrap2-1 div p { font-size: 19px; color: #E33E32; font-weight: bold; padding: 0; margin: 0;}
.page-wrap2-1 div  a { display: block; color: #167C06; font-size: 15px;}

.page-wrap4-1 { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; line-height: 24px;}
.page-wrap4-1 div { padding: 10px; line-height: 24px;}
.page-wrap4-1 div.col4 { grid-column: 1/5;}
.page-wrap4-1 div p { margin: 0 0 0 4px; padding: 0; font-size: 19px; color: #F56506;}
.page-wrap4-1 div span {display: block; padding: 14px 20px; margin: 10px 0; border: 1px solid #7B6F4B; background: #fff;}
.page-wrap4-1 div img { width: 100%;}

.page-wrap-week {display: grid; grid-template-columns: 0.7fr 1fr 1fr 1fr 1fr 1fr 1fr; border-width: 1px 1px 0 0; border-color: #A7954C; border-style: solid; margin: 0;}
.page-wrap-week div { text-align: center; padding: 3px 0; border-width: 0 0 1px 1px; border-color: #A7954C; border-style: solid; letter-spacing: -1px; font-size: 14px; letter-spacing: -2px;}
.page-wrap-week div p { margin: -2px 0 4px 0; padding: 0; font-size: 14px;}

.deco-09 {color: #FF6A06; background: #fff;}
.deco-10 { background: #F3ECE1;}
.deco-11 { color: #fff; background: #948806;}

.googlemap { margin: 0; padding: 0; height: 350px; width: 100%;}

.orange { margin: 0 6px 0 0 ; color:#FFCC99; font-size:10px;}
.orangek { margin: 0 6px 0 0; color:#FF9900; font-size:11px;}
.pink { margin: 0 8px 0 0; color:deeppink; font-size:15px;}
.red { margin: 0 6px 0 0; color:#FF3399; font-size:12px;}


/*----NEW1 ct Link----*/
.wrap-ct {display:grid; grid-template-columns:1fr 1fr; margin: 0; border: none;}
.wrap-ct div { padding: 8px; border: none;}
.wrap-ct div.all { grid-column: 1/3; border: 0;}
.wrap-ct div.all img { width:80%; max-width: 400px; padding: 0; margin: 8px 0 0 0; border: 0; border: none;}
.wrap-ct div.half1 { grid-column: 1/3; border: 0; text-align: center;}
.wrap-ct div.half2 { grid-column: 1/3; border: 0; text-align: center;}
.wrap-ct div.half1 img, .wrap-ct div.half2 img { width: 80%; max-width: 400px; padding: 0; margin: 0; border: 0;}
.wrap-ct div.empty {}
.wrap-ct div p { padding: 5px 8px; margin: 0; color: #F47E6D; font-size: 17px;}
.wrap-ct div img { width: 90%; padding: 5%; border: 1px solid grey; background-image: linear-gradient(135deg, #eee 0%, #f8f8f8 40%, #aaa 100%); box-shadow: 1px 1px 5px rgba(100,100,100,0.3);}

ul.page li.radiology { background: #fff; color: #444; padding: 0 10px 0 10px; margin: 20px 0 0 0;}
.radiology div { margin: 0 -10px 20px -10px; padding: 5px 10px; background: #78CCDB; color: #fff; font-size: 20px;}
.radiology p { color: #309ABD; font-size: 18px; font-weight: bold;}
.radiology span { display: block; margin: 0 -10px 25px -10px; padding: 7px 10px; font-size: 17px; background: #ECEEF7; line-height: 25px;}
.radiology aside { padding: 10px 0; font-size: 15px;}
.radiology img {width: 100%;  margin: 5px -10px;}
.radio { max-width: 900px;}

.p-link {display: inline-block;background-image: linear-gradient(135deg, #ff3e40 0%, #FF981D 100%); padding: 7px 10px 3px 10px; border-radius: 4px; color:#fff; line-height: 18px;border-bottom: 3px solid #DD6E1D; box-shadow:1px 1px 7px rgba(0,0,0,0.2);}
.p-link:hover {background:#FF9C03; border-bottom: 3px solid #FF9C03; box-shadow:none;}
.p-full {}
.fax { height: 14px; width: auto; margin: 10px 0 12px 70px;}

/*-----------*/
.wrap-home {margin: 15px 0 20px 0; color: #444; background: #fff; border-bottom: 1px #C1DABB solid ;}
.grid-home1 { }
.grid-home2 {}
.wrap-home div { padding: 8px; }
.wrap-home div img { width: 100%; max-width: 400px;}
.wrap-home div img.illust { width: 200px;}
.wrap-home p { margin: 0; padding: 0; color: #FF6B88; font-size: 19px; font-weight: bold;}
.wrap-home span { display: block; margin: 0; padding: 0; color: #5D8614; font-size: 17px; font-weight: bold;}
.wrap-home aside {margin: 0; padding: 0; color: #444; font-size: 16px;}
.wrap-home ul { display: block; margin: 0 0 0 20px; padding: 0; color: #6D480D;}
.wrap-home ul li { display: list-item; list-style: square; margin: 0; padding: 0;}

.home { margin: 18px 0 0 0;}
.home h4 { margin: 7px 0 10px 0; padding: 8px 10px; color: #fff; font-size: 18px; background: #FF9100;}
.home p { margin: 0; padding: 0 0 8px 0; color: #D9547F; font-size: 17px; font-weight: bold;}
.home span { display: block; margin: 0; padding: 0 0 8px 0; color: #6F3D00; font-size: 17px;}
.home aside {margin: 0; padding: 0 0 5px 0; color: #444; font-size: 15px;}
/*-----------*/

.vaccine {display: grid;  grid-template-columns: 1.3fr 2.3fr 2.4fr;}
.vaccine div {padding:8px 8px 8px 15px;}
.v1 {background-color: #E3E3E3;}
.v2 {background-color: #FEF1F5;}
.v3 {background-color: #FFE6E6;}
.v4 {background-color: #FFCCFF;}

/*-----------*/
menu { display: inline-block; padding: 0 2px; margin: 0;}

menu.large { margin: 0 10px; padding: 15px 19px; font-size: 22px; background: #fff; border: 1px solid #FFAB66; border-radius: 8px; box-shadow: 1px 1px 5px rgba(80,70,50,0.18);}
menu.large p {display: block; font-size: 20px; margin: 0 0 5px 0;}

menu.mid { margin: 0 10px; padding: 12px 17px; font-size: 20px; background: #fff; border: 1px solid #FFAB66; border-radius: 4px; box-shadow: 1px 1px 5px rgba(80,70,50,0.18);}
menu.mid p { display: block; font-size: 18px; margin: 0 0 3px 0;}

menu.small { margin: 0 10px; padding: 10px 15px; background: #fff; border: 1px solid #FFAB66;}
menu.small p { display: block; margin: 0;}

menu p { display: none;}
menu i { margin: 0 10px 0 0; color: #9C8217;}
menu aside { display: none;}
menu a { display: inline-block; color: #FF2CAB; font-weight: bold;}

/*-------------*/

@media (max-width: 420px) {
ul.page li.side img { width: 41%;}
ul.page li.side a { letter-spacing: -0.7px;}
}
@media (max-width: 360px) {
ul.page li.side img { width: 38%;}
ul.page li.side a { font-size: 15px; letter-spacing: -0.5px;}
.tel1 { letter-spacing: -1px;}
}