@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;}
/* pafucheri */
body {background: #faf5fb;}
p, span, a {color: #0e0e0e;}
h1 {
	color: #fff;
    background: #ff1676;
}
footer {
	padding: .5rem;
    background: #ff1676;
}
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: 400px;
	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%;
	}
}
@-webkit-keyframes  bounce {
  0% {
	  -webkit-transform: scale(1.0, 1.0) translate(0%, 0%);
	  transform: scale(1.0, 1.0) translate(0%, 0%);
  }
  4% {
	  -webkit-transform: scale(0.9, 0.9) translate(0%, 3%);
	  transform: scale(0.9, 0.9) translate(0%, 3%); 
  }
  8% {
	  -webkit-transform: scale(1.1, 0.8) translate(0%, 7%);
	  transform: scale(1.1, 0.8) translate(0%, 7%);
  }
  12% {
	  -webkit-transform: scale(0.9, 0.9) translate(0%, -7%);
	  transform: scale(0.9, 0.9) translate(0%, -7%);
  }
  18% {
	  -webkit-transform: scale(1.1, 0.9) translate(0%, 3%);
	  transform: scale(1.1, 0.9) translate(0%, 3%);
  }

  25% {
	  -webkit-transform: scale(1.0, 1.0) translate(0%, 0%);
	  transform: scale(1.0, 1.0) translate(0%, 0%);
  }
}
@keyframes bounce {
  0% {
	  -webkit-transform: scale(1.0, 1.0) translate(0%, 0%);
	  transform: scale(1.0, 1.0) translate(0%, 0%);
  }
  4% {
	  -webkit-transform: scale(0.9, 0.9) translate(0%, 3%);
	  transform: scale(0.9, 0.9) translate(0%, 3%); 
  }
  8% {
	  -webkit-transform: scale(1.1, 0.8) translate(0%, 7%);
	  transform: scale(1.1, 0.8) translate(0%, 7%);
  }
  12% {
	  -webkit-transform: scale(0.9, 0.9) translate(0%, -7%);
	  transform: scale(0.9, 0.9) translate(0%, -7%);
  }
  18% {
	  -webkit-transform: scale(1.1, 0.9) translate(0%, 3%);
	  transform: scale(1.1, 0.9) translate(0%, 3%);
  }

  25% {
	  -webkit-transform: scale(1.0, 1.0) translate(0%, 0%);
	  transform: scale(1.0, 1.0) translate(0%, 0%);
  }
}
.enter a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.enter a:hover,
.enter a:focus,
.enter a:active {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation: bounce 5s infinite;
    -moz-animation: bounce 5s infinite;
    animation: bounce 5s infinite;
}