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

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

h1 { display:block; font-size: 28px; padding: 0; margin: 27px 0 0 90px; line-height: 24px; color: #ff7c00; text-shadow: 0 15px 10px rgba(255, 140, 4, 0.6);  }
h1 a { color: #ff7c00; }
h2 { position: absolute; top: 27px; left: 370px; padding: 0; margin: 0; line-height: 24px; font-size: 20px; font-weight: normal; letter-spacing: 1.4px;color: #6A4F12;text-shadow: -1px -1px rgba(255, 255, 255, 0.5), 1px 1px 3px rgba(0, 0, 0, 0.5);}
.english { display:block; color: #FF9A88; font-size: 16px; padding: 0; margin: 0 0 0 370px;}
.tel { display:block; padding: 0; margin: 19px 0 0 0;font-size: 24px;}
.telicon { width: 22px; margin: -10px 5px 9px 0;}
.address { display:inline-block; font-size: 16px; margin: 0 20px;}
.timetext { display:block; margin: 0 15px 0 0; color: #653F0D;}
.timetext span {display: auto; font-size: 15px;}
.tel1 { display: none;}

/*-----------*/
button#open-menu,button#close-menu { display: none;}
button#open-menu img,button#close-menu img { display: none;} width: 100%;}

/*-----------*/
nav { margin: 0; padding: 0;}
.closebutton {display: none;}

.up { background: #FFEAD5;}
.dw { background:#FFF7EB; font-size: 15px; color:#7B6530;}
.up a {display: block; padding:7px 0 5px 0; margin: 0 2px 0 0; color: #544B46; font-size: 18px; text-align: center; text-shadow: 1px 1px 5px rgba(100,40,20,0.25); background-image: linear-gradient(180deg, #FFF7EB 0%,#FFf 95%,#FFeee1 95%,#FFD2ca 100%);}
.up a:hover { color:#884F28; background-image: linear-gradient(180deg, #FFE2CD 0%,#FFf 95%,#FFB2A0 95%,#FFD7C7 100%);}
.dw a { display: inline-block; color: #FF5E3F; font-size: 16px; margin: 10px 20px 10px 35px; text-shadow: 1px 1px 5px rgba(150,110,80,0.25); }
.dw a:hover { color: #89AE32;}

.brown { margin: 0 6px 0 0 ; color: #AE9D00;}
.green { margin: 0 11px 0 0 ; color: #AFE36B;}
.gold { margin: 0 7px 0 0 ; color: #FFDD01;}
.blue { margin: 0 6px 0 0 ; color: #CDD2FC;}

/*-----------*/
ul.in { display: table; margin:0 auto; padding:0; width: 1550px; list-style: none;}
ul.in li { display: table-cell; vertical-align: top; position: relative;}
header ul.in {}
header ul.in li.c1 { width: 640px;}
header ul.in li.c2 { text-align: right;}
.up ul.in li { width: 20%;}

/*-------------*/
article { margin: 0 auto; width: 1550px; line-height: 22px; position: relative;}
article img { width: 100%;}
.thummap {display: block; width: 130px;opacity: 0.85; position: absolute; top: 18px; right:70px; border: 2px solid #fff; box-shadow:5px 4px 15px 3px rgba(0,50,100,0.3); z-index:100;}
.thummap img { width: 100%;}
.thummap:hover {opacity:1; border: 2px solid #FFCDBA; box-shadow: none;}

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.jpg'); background-size: contain;}
@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.jpg'); background-size: contain;}
@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/top7.jpg'); background-size: contain;}
@keyframes fadeIn3 {
    0%,51% { opacity:0;}
    66%,85% { opacity:1;}
    100%,100% { opacity:0;}
}
article span {font-size: 28px; font-weight: bold; line-height: 40px; text-shadow: 1px 1px 10px rgba(255,255,255,0.95);}
article span img { width: 350px;}
div#p01 span { color: #8F6B5D; color: #F6F6F6;  position: absolute; top: 32px; left: 3.5%; letter-spacing:2px;text-shadow: 1px 1px 9px rgba(20,50,140,0.99);}
div#p02 span { color:#5B4708; position: absolute; top: 32px; left: 3.5%; letter-spacing:2px;}
div#p03 span { color: #558BCA; color:#8F6B5D; position: absolute; top: 32px; left: 3.5%; letter-spacing:2px;}

/*-----*/
section { margin: 0 auto; width: 1550px; color: #5D3717; background: #FCF8F9; position: relative;}
h3 { margin: 0; padding: 20px 40px 2px 40px; color: #B8AA9E; font-size: 23px;}

.news { display: grid; grid-template-columns: 1.7fr 4.7fr 1fr; margin: 0 35px; padding: 4px 0 18px 0; border-bottom: 1px dotted coral;}
.news div {padding: 10px 15px 0 0; font-size: 18px; vertical-align: top;}
.news div b { display: block; color: #FF894F; font-size: 22px; margin: 0 10px 7px 0; padding: 0 0 20px 0; line-height:27px;}
.news div b img { width: auto; height: 27px;}
.news div b span { display: inline-block; font-size: 16px; color: #C1BAFF; margin: 0 10px 0 7px;}
.news div time { display: block; font-size: 15px; line-height: 15px; padding: 2px 0 0 0; margin: 0 0 3px 0; color: #F77AEB;}
.news div img {width: 100%;}
.news div.title {grid-row: 1/2;}

.wrapper1 { display: grid;margin: 0 35px; padding: 0 0 10px 0; border-bottom: 2px dotted coral;}
.columns3 { grid-template-columns: 1.7fr 2.4fr 3.3fr;}
.columns4 { grid-template-columns: 1.7fr 2fr 1.7fr 2fr;}
.wrapper1 div {padding: 10px 33px 10px 0;}
.wrapper1 div b { display: block; color:#C1A275; font-size: 21px; margin: 3.2px 0 5.8px 0;}
.wrapper1 div b img{ width: auto; height: 26px; margin: 0 0 4px 0;}
.wrapper1 div a { display: inline-block; margin: 4px 0 -4px 10px; padding: 4px 5px 2px 5px; background-image: linear-gradient(180deg, #FBFBFE 0%, #F3EFE7 48%, #E8E6EF 100%); color: #4EA9AB; font-size: 15px; font-weight: normal; line-height: 15px; border: 1px solid #E6D7FF; border-radius: 3px; overflow: hidden;}
.wrapper1 div a:hover {background:#FFDA8B; color: #FF5D4E;}
.wrapper1 div img {width: 100%;}
.wrapper1 div.time {}

.timet { display: grid; margin: 9px 0 12px 0; padding: 0; list-style: none; width: 95%; max-width: 550px; grid-template-columns: 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: #444; font-size: 17px; padding: 5px 0;}
.timet li.hour { background: rgba(255,255,255,0.55);}

.wrapper2 { display: grid; grid-template-columns: 1fr 1fr 1fr; margin: 0 35px; padding: 0 0 10px 0; border-bottom: 2px dotted coral;}
.wrapper2 div {padding: 10px 15px 10px 0; position: relative;}
.wrapper2 div b { display: block; color: #FF894F; font-size: 18px; margin: 0 0 7px 0;}
img.w2 {width: 20%;}
.wrapper2 div.title {grid-column: 1/4; border-bottom: 1px dotted #bbb;}
.wrapper2 div p { position: absolute; top: 0; left: 27%;}
.wrapper2 div a { display: inline-block; margin: 3px -5px; padding: 2px 5px; background: #F94895; color: #fff;}
.wrapper2 div a:hover { background: #FFA70F;}

.note1 {}
.note { padding: 20px 40px; margin: 20px; border: 1px dotted #FFBD88; background: #fff;}
.note b { display: block;^; margin: 0 0 8px 0; font-size: 17px;}
.card { height:120px;}

footer { margin: 0 auto; color: #543A1B ; padding: 22px 0; line-height: 22px; text-align: center;background-image: linear-gradient(180deg,  #fff 0%, #fff 31%, #efeeec 75%, #d5d4d0 100%);}
.foot-tel {}
.foot-tel1 {display:none;}
.foot-right { display: inline-block; padding: 0 0 0 10px;}
footer p { margin: 0; padding: 0;}

/*------PAGE-----*/
ul.page { display: table; margin: 0 auto; padding: 20px 0; width: 1550px; color: #5D3717; background: #FCF8F9;}
ul.page li { display: table-cell; padding: 0 0 0 48px; vertical-align: top;}
ul.page li.side { width: 21%; padding: 0;}
ul.page li.side p { color:#5C4121; font-size: 18px; line-height: 22px; margin: 0; padding: 12px 10px;}
ul.page li.side img { width: 100%; margin: 0 0 25px 0;}
ul.page li.side a { display:block; color: #5C4121; margin: 15px 7px 0 15px;}
ul.page li.side a:hover { color: #FF8932;}


.side1 {background-image: linear-gradient(135deg, #f5efef 0%, #feada6 100%);}
.side2 {background-image: linear-gradient(135deg, #eee 0%, #ccc 100%);}
.side3 {background-image: linear-gradient(135deg, #FFF7Eb 0%, #FFefCf 100%);}
.side4 {background-image: linear-gradient(135deg, #F1F8E1 0%, #E3F3C0 100%);}
.side5 {background-image: linear-gradient(135deg, #F4F0E8 0%, #DaD5BA 100%);}
.side6 {background-image: linear-gradient(135deg, #F7F4F4 0%, #F1EEF3 100%);}
.side7 {background-image: linear-gradient(135deg, #f3EAFE 0%, #fbfcdb 100%);}

.page-title { position: absolute; top: 20px; left: 30px; margin: 0; padding: 12px 10px 10px 10px; font-size: 24px; color: #fff; background: rgba(50,50,50,0.27); z-index: 103;}
.page-top { position: relative; padding: 12px 0 0 270px; margin: 0 0 33px 0; color:#81543E; font-size: 21px; line-height: 25px; text-shadow:1px 1px 5px rgba(100,70,30,0.5);}
.page-mid { padding: 0; font-size: 16px;}
ul.page li h3 { position: retalive; display: block; padding: 10px 0 20px 20px; font-size: 20px; line-height: 30px; color: #876D47; 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: 20px 0 10px 0; font-size: 22px; color: #86774A;}

.page-wrap3 { display: grid; grid-template-columns: 1fr 1fr 1fr; line-height: 24px;}
.page-wrap3 div {padding: 10px; margin: 10px; border: 1px solid #7B6F4B; background: #fff;}
.page-wrap3 div.other { grid-column: 1/3; background: transparent; border: none;}
.page-wrap3 div.other1 { grid-column: 1/4; background: transparent; border: none;}
.page-wrap3 div b { display: block; color:#FF6E4B; margin: 0 0 10px 0; font-size:18px;}
.page-wrap3 div.border { border: 1px solid #7B6F4B; background: #fff;}
.page-wrap3 div.noborder { border: none; background: transparent;}
.page-wrap3 div p { margin: 5px 0 7px 0; padding: 0; font-size: 20px;}
.page-wrap3 div span { display: block; margin: 9px 0 10px 0; padding: 13px 0 0 0; color: #765B36; font-size: 18.5px; line-height: 27px; border-top: 1px dotted #aaa;}

.page-wrap4 { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; line-height: 24px; border-bottom: 1px dotted #DDBB0E;}
.page-wrap4 div { padding: 10px 10px 10px 10px;}
.page-wrap4 div img { width: 90%; margin: 0 10% 0 0;}

.page-wrap2 { display: grid; grid-template-columns: 1fr 2.3fr; 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:#E46D41; font-size: 20px;}
.page-wrap2 div span.staff { display:inline-block; width:200px; padding: 2px 0 0 11px;}

.page-wrap3-1 { display: grid; line-height: 24px; border-top: 1px dotted #DDBB0E; padding: 0; margin: 20px 0;}
.grid-a { grid-template-columns: 0.4fr 1.9fr 2.7fr;}
.grid-b { grid-template-columns: 1.2fr 2.4fr 1.2fr;}
.page-wrap3-1 div { padding: 20px 15px 20px 0; border-bottom: 1px dotted #DDBB0E;}
.page-wrap3-1 div.l { background: #EEE8E3; padding: 20px 10px;}
.page-wrap3-1 div.m { padding: 20px 10px;}
.page-wrap3-1 div p { font-size: 17px; color: #5D4829; padding: 0; margin: 0;}
.page-wrap3-1 div span { display:block; padding: 0 15px;}
.page-wrap3-1 div b { display: block; color: #685732; font-size: 17px;}
.page-wrap3-1 div img { width: 100%;}
.page-wrap3-1 div img.half { width: 48%;}

.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: 450px;}

/*---NEW---*/
.icon-a-top { margin: 24px 30px 5px 40px; height: 38px;}
.icon-a { height: 34px; position: absolute; top: 5px; left: 0;}

.wrapper1 div img.icon-b { width: 15px; margin: -8px 10px 8px 0;}
.news div img.icon-b { width: 15px; margin: -8px 10px 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: -5px 10px 5px 0;}
.icon-h3 { height: 30px; margin: -10px 0 10px -20px;}

.subtitle { margin: 18px 20px 10px 20px; font-size: 19px; color: #996806;}
.page-wrap2-1 { display: grid; grid-template-columns: 1fr 2.3fr; line-height: 24px;  border-width: 1px 1px 0 0; border-color: #A7954C; border-style: solid; margin: 10px;}
.page-wrap2-1 div { padding: 10px 20px 10px 20px; 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: 10px;}
.page-wrap-week div { text-align: center; padding: 12px 10px; border-width: 0 0 1px 1px; border-color: #A7954C; border-style: solid;}
.page-wrap-week div p { margin: -2px 0 4px 0; padding: 0; font-size: 18px;}

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

.googlemap { margin: 20px 0 0 0; padding: 0; height: 450px; 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 1fr 1fr; margin: 0; border: none;}
.wrap-ct div { padding: 8px; border: none;}
.wrap-ct div.all { grid-column: 1/5; border: 0;}
.wrap-ct div.all img { width: 50%; max-width: 400px; padding: 0; margin: 8px 0 0 0; border: 0;}
.wrap-ct div.half1 { grid-column: 1/3; border: 0; text-align: center;}
.wrap-ct div.half2 { grid-column: 3/5; border: 0; text-align: center;}
.wrap-ct div.half1 img, .wrap-ct div.half2 img { width: 100%; 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-right: 40px;}
.radiology div { margin: 0 0 20px 0; padding: 5px 10px; background: #78CCDB; color: #fff; font-size: 20px; font-weight: bold;}
.radiology p { color: #309ABD; font-size: 20px; font-weight: bold;}
.radiology span { display: block; margin: 0 -10px 35px -10px; padding: 10px; font-size: 18px; background: #ECEEF7; line-height: 28px;}
.radiology aside { padding: 10px 0; font-size: 15px;}
.radiology img {width: 100%;  margin: 10px 0;}
.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 { display: block;}
.fax { margin: 14px 0 20px 90px;}

/*-----------*/
.wrap-home { display: grid; margin: 20px 0; color: #444; background: #fff; border-bottom: 1px #C1DABB solid ;}
.grid-home1 { grid-template-columns: 1fr 2.5fr 1fr;}
.grid-home2 { grid-template-columns: 1fr 1fr 0.45fr;}
.wrap-home div { padding: 20px; border-top: 1px #C1DABB solid ;}
.wrap-home div img { width: 100%;}
.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: 18px; 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: 15px 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: 17px 37px; font-size: 27px; 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: 23px; margin: 0 0 4px 0;}

menu.mid { margin: 0 10px;  padding: 12px 28px; font-size: 22px; 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 1px 0;}

menu.small { margin: 0 10px; padding: 10px 20px; 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: inline-block; color: #FF6500; font-weight: bold;}

menu a { display: none;}
.wrapper1 menu a { display: none;}
.wrapper2 menu a { display: none;}

/*-----------*/
@media (max-width: 1580px) {
article,ul.in { width: 100%;}
section,ul.page { width: 94%;}
.logo { margin: 7px 10px;}
article span img { width: 350px;}
img.w2 { width: 23.5%;}
.tel { display: block; margin: 18px 0 0 0;}

}
@media (max-width: 1100px) {
header { width: 1100px;}
.logo { margin: 7px 10px;}
ul.in, article, section { width: 1100px;}
ul.page{ width: 94%; padding: 0 3%;}
.icon-a { height: 28px; top: 12px;}
article span img { width: 310px;}
img.w2 { width: 23.5%;}
ul.page li.side { width: 25%; padding: 0;}
.tel { display: block; margin: 18px 0 0 0;}
}