@charset "UTF-8";
/* CSS Document */
body{line-height:1.4em; margin:0; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif; font-size:14px; -webkit-text-size-adjust: 100%; background:#e4fdf6; color:#333; text-shadow:0px 0px 1px #CCC;}
h1, h2, h3, h4, h5, h6, p {margin: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
ul{list-style:none; padding:0;}
li{padding:0;}
input, select{vertical-align:middle;}
a{display: block;}
a{-webkit-tap-highlight-color:transparent;}
a:focus {outline:none;}

.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix {min-height: 1px;}

div{box-sizing:border-box;}
img{max-width:100%;}

#wrap{max-width:720px; margin:0 auto; width:100%; position:relative;}
#header{width:100%; background:#FFF; padding-top:4px; border-bottom:4px solid #89d9d0; position:relative;}
#header h1{width:60%; display:block; margin:2% 0 1% 1%;}

#menu{position:absolute; top:-160px; width:100%; height:164px; max-width:720px; z-index:4; margin:0; border-bottom:4px solid #ff9b9b; box-sizing:border-box;}
#menu li{width:100%; height:40px; background:url("../img/nav_back.png"); background-size:contain;}
#menu li a{width:100%; height:40px; background-repeat:no-repeat; background-position:8px; background-size:contain; line-height:40px; padding-left:3em; color:#FFF; font-weight:bold; text-decoration:none; font-size:120%; box-sizing:border-box;}
#menuopen{position:absolute; text-align:center; color:#FFF; background:#ff9b9b; line-height:48px; bottom:-48px; right:8px; text-decoration:none; font-weight:bold; border-radius:0 0 8px 8px; height:48px; padding:0 1em;}



#comment{position:relative; background:#FFF;}
#comment p{padding:8%; position:relative; z-index:2; line-height:1.2em; color:#865826;}
#comment img{position:absolute;}
#comment img:nth-child(1){top:0;}
#comment img:nth-child(2){bottom:0;}

.boxes{width:100%; margin:8% auto 4%; position:relative;}
.boxes>div{width:95%; margin:auto; background:#FFF; border:1px solid #00a498; padding:2em 0.8em 1em; position:relative;}
.boxes>strong{display:block; position:absolute; background:#00a498; left:0; top:-1em; z-index:2; padding:0.6em 1em 0.6em 0.8em; color:#FFF; font-size:110%; border-radius:0 12px 12px 0;}

#yoyaku{width:95%; box-sizing:border-box; background:#FFF; border:3px solid #F99; border-radius:12px; margin:0 auto 8%; text-decoration:none; padding:0.5em; font-weight:bold;}
#yoyaku div{display:table-cell; vertical-align:middle;}
#yoyaku div:first-child{color:#7f4d00; line-height:1.4em; font-size:90%;}
#yoyaku div:first-child span{color:#e4007f; font-size:90%;}
#yoyaku div:nth-child(2){color:#f05252; font-size:140%; padding-left:1em; white-space:nowrap;}

h2{display:block; width:100%; padding:0.8em 1em 0.8em 40px; position:relative; margin:6% 0; background:#F99; box-sizing:border-box; font-size:110%; color:#FFF; background-repeat:no-repeat; background-position:8px;}
h2 img{height:100%; width:auto;}

#map{margin:5% auto; border:8px solid #dedfdf;}
.p_txt{display:block; width:95%; margin:5% auto;}
.p_txt a{display:inline; color:#00C; font-weight:bold;}

.shinsatu div{font-size:90%;}
.shinsatu span{color:#3C9;}

.jikan ul{margin-top:4%; display:table; width:100%;}
.jikan ul li{display:table-row;}
.jikan ul li>div{display:table-cell; padding:0.5em 1em; border-top:1px dotted #00a498;}
.jikan ul li:last-child>div{border-bottom:1px dotted #00a498;}
.jikan ul li>div:first-child{background:#fceae9; text-align:center;}
.jikan ul li>div:last-child{background:#FFF;}

#mail{width:96%; margin:auto;}
#mail span{font-weight:bold;}
#mail input[type="text"]{width:100%; box-sizing:border-box; border:1px solid #00a498; padding:0.5em; border-radius:4px; font-size:110%;}
#mail textarea{width:100%; box-sizing:border-box; border:1px solid #00a498; padding:0.5em; border-radius:4px; font-size:110%;}
#mail>div{text-align:center; margin-top:3%; letter-spacing:-1em;}
#mail>div input{display:inline-block; background:#00a498; padding:1em; border:none; font-size:110%; font-weight:bold; color:#FFF; line-height:0; border-radius:4px; -webkit-appearance: button;}
#mail>div input:first-child{margin-right:12px;}

#go_top{width:240px; padding:0.5em; text-decoration:none; font-weight:bold; color:#FFF; text-align:center; background:rgba(0,164,152,0.8); border-radius:4px; position:fixed; bottom:24px; z-index:6; left:50%; margin-left:-120px; display:none; box-sizing:border-box;}

#foot{width:100%; padding-bottom:40px; text-align:center; font-size:90%; margin-bottom:7%;}
#foot img{width:50%; margin:1% auto; display:block;}