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

header {width: 98%; padding: 3px 1%; background: #FFF8D2; font-size: 18px; color: #FB6132; font-weight: bold;}
header div {display:inline-block; color: #756132; font-size: 14px; padding: 0 5px 0 0; font-weight: normal;}
h1 {display:inline-block; margin: 0; padding: 0 0 0 8px; color:#FF9DD2; font-size: 15px;}

#open-menu,#close-menu { position: absolute; top:7px; right: 8px; z-index: 101;}
#close-menu { display: none;}
#open-menu i,#close-menu i { font-size: 20px; padding: 3px 0 1px 0;}
.close {border: 1px solid #aaa; margin: 0 0 0 50px;}
.page-link {display:none; list-style: none; position: absolute; top: 108px; left: 0; line-height: 22px; margin: 0; padding: 0; z-index: 100; background: rgba(255,255,255,0.92);}
.page-link li {display: block; padding: 8px 15px; color: #FF5B6E; font-size: 15px; font-weight: bold;}
.page-link a { display: block; color:#bbaa88; text-decoration: none; font-size: 17px; font-weight: bold;}
.page-link a span {display: block; color: #887755; font-size: 15px; font-weight: normal; letter-spacing: 1px;}
.page-link a span.space-s {letter-spacing:-1px;}
.page-link a:hover { color: #aa8877;}

main { display: block; position: relative; overflow: hidden;}
main img { width: 840px; margin: 0 35px 0 -25px;}
section {margin: 0 12px 15px 12px; padding: 0;}
footer { margin: 0 12px 40px 12px;}
footer div { font-size: 17px; padding: 0 0 7px 0; margin: 0 0 7px 0; border-bottom: 1px solid grey;}


/*----*/
.wrap { display: block; padding: 0;}
.wrap div.list { padding: 10px;}
.wrap div.list button.openbutton  { background: #fff;}
.wrap div.list span#linkbox { display: none; margin: 20px 0 0 0;}
.wrap div.list form { margin: 0 0 -8px 0; padding: 0;}
.wrap div.list button { width: 100%; margin: 0; padding: 5px; font-size: 16px;}
.wrap div.main { background: #fff; padding: 10px;}
.wrap div.main img { width:100%; max-width:500px;}
.bs4 { display: block; font-size: 14px; margin: 0 0 4px 0;}
.bs5 { display: block; font-size: 18px; margin: 0 0 8px 0; color:#663333;}
.bs6 { display: block; font-size: 17px; margin: 0 0 20px 0; color:green;}
/*------------------------*/


.googlemap { width: 100%; height: 300px;}

@media screen and (min-width: 700px) {
.wrap div.d-mobile { display: none;}
.wrap div img.p-mobile { display: none;}
.wrap div img.p-pc { display: block;}
}
@media screen and (max-width: 350px) {

}