html,body { margin:0; padding:0; font-family: "Kaisei Decol", serif; font-weight: 400; font-style: normal; background-color:#dddabe; }
img { vertical-align:middle; }
body * { box-sizing: border-box; margin:0; padding:0; }

h1 { }
h2 { text-align:center; margin:0 auto; }

.frmBox  { width:90%; max-width:1200px; margin:0 auto; }
.flexBox { display:flex; justify-content: space-between; }

/* header */
header { /* position:fixed; top:0; left:0; */width:100%; height:245px; background:url("/images/header_bk.jpg") no-repeat center 31px;  }
header div#hcopy { background-color:#533833; color:#FFF; text-align:center; height:32px; line-height:32px; }
header .flexBox {  justify-content: flex-end; align-items: center; margin-top:28px; height:150px; }
header ul { list-style-type:none; display:flex; justify-content: space-between; align-items: center;  }
header li { padding:0 12px; }
header li:nth-child(5) { border-left:1px solid #FFF; padding-left:28px; margin-left:28px; }
header li:last-child { padding-right:0; }
header a  { color:#FFF; text-decoration:none; }
header a:hover { color:#533833; }  
/* */
footer { background-color:#533833; color:#FFF; text-align:center; padding:16px 0; }
footer a { color:#FFF; text-decoration:none; }
footer ul { display:flex; justify-content: center; list-style-type:none; margin:0 0 16px 0; padding:0; }
footer li { margin:0; padding:0 12px; border-right:1px solid #FFF; }
footer li:first-child { border-left:1px solid #FFF; }
footer img { margin-bottom:16px; }


/* section */
section { 
  padding:48px 0;
  line-height:180%; 
}
section h2 { text-align:center; width:90%; margin:0 auto; }
section h2 img { max-width:100%; height:auto; }
section h3 { text-align:center; font-size:28px; font-weight: 900; padding:24px 0; line-height:180%; }


/* articel */
section#articleBox { width:90%; max-width:1200px; margin:24px auto; }

.article { margin-bottom:48px; padding:24px; background-color:#FFF; border-radius: 30px; }

.article p { margin:24px 0; }
.aligncenter { text-align:center; }

/* access */
section#access { background:url("/images/acc_bk.jpg") no-repeat center 0; color:#FFF; }
section#access .flexBox div { width:50%; }
section#access .frmFrm div img { width:100%; }
section#access h2 { margin-top:48px; }
section#access h3  { border-bottom:1px solid #FFF; width:90%; max-width:1200px; margin:0 auto 16px; padding:16px 0; }
div#shopInfo { width:90%; max-width:840px; margin:0 auto; display:flex; justify-content: space-between; font-size:12px; line-height:160%; }


a.btn { width:240px; display:block; margin:0 auto; background-color:#533833; color:#FFF; text-decoration:none; text-align:center; border-radius:16px; }
a.btn:hover { background-color:rgba(83,56,51,0.6); }


/* pagenation */
.pagination_wrapper { width:100%; }
ul.page-numbers { list-style-type:none; display:flex; justify-content:center; width:100%; }
a.page-numbers  { display:block; background-color:#533833; color:#FFF; text-decoration:none; }
span.current    { display:inline-block; background-color:#FFF; color:#533833; }
.page-numbers { width:2.0em; text-align:center; margin:0 4px; }

/* contact */
div#contact { width:90%; max-width:680px; margin:0 auto; }
div#contact textarea,div#contact input { padding:4px; border-radius:4px; border:1px solid #533833; }
div#contact textarea { width:100%; }

.hamburger-menu { display:none; }


@media screen and (max-width: 548px) {


	header ul#menu { display:none; }
	.hamburger-menu { display:block; }


	section { overflow:hidden; }
	section p { font-size:3.2vw; width:90%; margin:0 auto; }
	section h2 img { width:auto; max-width:100%; }
	section#main h2 { font-size:4.2vw; }

	header {  text-align:center; overflow:hidden; height:96px;  }
	header .flexBox { margin-top:2px; }
	header h1 img { width:56px; height:auto;  }
	ul#menu { display:none; }

	section#menu h3 { font-size:3.8vw; }

	section#access { background-size:auto 100%; }
	section#access .flexBox { display:block; }
	section#access .flexBox div { width:100%; overflow:hidden; }

	section#access h3  { font-size:4.2vw; }
	div#shopInfo { display:block; font-size:2.2vw; line-height:160%; }

}