@charset "shift_jis";
/* CSS Document */

/* reset */
html, body, div, span, object, iframe,
p, a, h1, h2,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {text-align: left;}
ol, ul {list-style-type: none;}
img {
	width: 100%;
	height: auto;
	border: 0;
	vertical-align: bottom;
}
figcaption, figure {
	display: block;
	margin: 0;
}
/* common */
* {box-sizing: border-box;}
html {font-size: 10px;}
header {width: 100%;}
h1 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 2px 0;
    text-align: center;
}
main {
    width: 100%;
	max-width: 800px;
    height: auto;
    margin: 0 auto;
    text-align: center;
}
.leave {
    width: 100%;
	font-size: 1.4rem;
}
.leave a {
	line-height: 38px;
}
.leave a img {
	width: 40px;
	height: 38px;
	margin-right: 1em;
}
.info {
	max-width: 800px;
	margin: 0 auto;
}
footer {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
}
.rec_bnr ul,
.shoplist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.rec_bnr li {
    width: 50%;
    padding: 1%;
	
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    -webkit-align-self: auto;
    align-self: auto;
}
.shoplist li {
	width: 50%;
    padding: 2% 1%;
	
    overflow: hidden;
    text-align: left;
    box-sizing: border-box;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    -webkit-align-self: auto;
    align-self: auto;
	
}
@media (min-width: 800px) {.shoplist li {width: calc(100% / 3);}}
.shoplist li a {
	font-size: 1.2rem;
	text-decoration: none;
}
.shoplist li a span {font-size: 1rem;}
/* violence */
body {background: #fefff1;}
p, span, a {color: #0e0e0e;}
h1 {
	color: #fff;
    background: #eb6100;
}
footer {
	padding: .5rem;
    background: #81725f;
}
footer p,
footer a {
	color: #fff;
	font-size: 1.2rem;
}
footer p.copy,
footer p.copy a {
	font-size: 1rem;
}
main figure {margin: 0 auto 30px;}
.enter {
    max-width: 420px;
	width: 60%;
	margin: 0 auto 30px;
}
.leave {
	width: 96%;
	margin: 0 auto 30px;
}
.group_link {
	width: 96%;
	margin: 0 auto 30px;
	padding: 2em 0;
}
@media (min-width: 800px) {
	.leave,
	.group_link {
		width: 100%;
	}
}
.enter a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.enter a:hover,
.enter a:focus,
.enter a:active {
  opacity: .75;
}