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

header {width: 82%; padding: 5px 9%; background: #FFF8D2; font-size: 19px; color: #FB6132; font-weight: bold;}
header div {display:inline-block; color: #756132; font-size: 14px; padding: 0 20px 0 0;}
h1 {display:inline-block; margin: 0; padding: 0 0 0 40px; color:#FBB37E; font-size: 15px;}

/*----*/
#open-menu,#close-menu,.close {display: none;}

.page-link {display:table; width: 100%; list-style: none; position: relative; top: 0; left: 0; line-height: 22px; margin: 0 0 -40px 0; padding: 10px 0; z-index: 100; border-bottom: 1px solid #E2DDD9; background: rgba(255,255,240,1);}
.page-link li {display: table-cell; padding: 0 15px; color: #FF5B6E; font-size: 15px; font-weight: bold;}
.page-link a { display: block; color:#aa8855; text-decoration: none; font-size: 17.5px; font-weight: bold; text-align: center;}
.page-link a span {display: block; color: #665533; font-size: 17px; font-weight: normal; letter-spacing: 1px; line-height: 24px;}
.page-link a span.space-s {letter-spacing:-1px;}
.page-link a:hover { color: #FF6699;}

/*----*/
main { display: block; position: relative;}
main img { width: 100%; margin-bottom: 0; z-index: 999;}

/*----*/
section {margin: 50px 5% 15px 5%; width: 90%; padding: 0;}
/*----*/
footer { width: 84%; margin: 0 8% 40px 8%;}
footer div { font-size: 18px; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid grey;}

/*----*/
.wrap { display: grid; grid-template-columns:290px 1fr; width: 84%; margin: 0 8% 40px 8%;}
.wrap div.list { padding: 45px 0 10px 15px; background: #f5f5f5;}
.wrap div.list button.openbutton {display:none;}
.wrap div.list span {display:block;}
.wrap div.list form { margin: -7px 0; padding: 0;}
.wrap div.list button { width: 90%; margin: 0 10% 0 0; padding: 5px 0; font-size: 16px;}
.wrap div.main { padding: 30px 0 10px 70px; background: #fff;}
.wrap div.main img { width:100%; max-width:500px;}
.bs4 { display: block; font-size: 14px; margin: 0 0 6px 0;}
.bs5 { display: block; font-size: 20px; margin: 0 0 8px 0; color:#663333;}
.bs6 { display: block; font-size: 19px; margin: 0 0 25px 0; color:green;}
/*------------------------*/

/*----*/
@media screen and (max-width: 1200px) {
.page-link { top: 0;}
nav { position:relative; top:0; left: 0; width: 90%; padding: 0;}
nav div.wrap-n { display: block; margin: 0; padding: 0;}
nav div.wrap-n div { padding: 0;}
nav a span {}
h2 {top: 50px;}
h3 { top: 140px;}
div.time { top:230px;}
}