/*/////////// base ////////////*/
/* line 5, ../scss/style.scss */
html {
  -webkit-text-size-adjust: 100%;
}

/* line 8, ../scss/style.scss */
body {
  font-family: "Helvetica Neue", Helvetica, Arial, Verdana, "Hiragino Kaku Gothic ProN", "Meiryo", "Kozuka Gothic Pr6N", "MS PGothic", sans-serif;
  font-size: 100%;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
}

/* line 21, ../scss/style.scss */
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

/* line 27, ../scss/style.scss */
.clearfix {
  *zoom: 1;
}
/* line 29, ../scss/style.scss */
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* line 37, ../scss/style.scss */
a {
  color: #333333;
}
/* line 39, ../scss/style.scss */
a:visited {
  color: #333333;
}

/* line 46, ../scss/style.scss */
header .head_wrap {
  position: fixed;
  background: #FFF;
  width: 100%;
}
/* line 50, ../scss/style.scss */
header .head_wrap .fixed_area {
  position: relative;
}
/* line 54, ../scss/style.scss */
header .left {
  width: 50%;
  float: left;
  background: #FFF;
  height: 50px;
  text-align: center;
  padding-top: 7px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  padding-left: 20px;
}
/* line 68, ../scss/style.scss */
header .left img {
  max-height: 36px;
  width: auto;
}
/* line 73, ../scss/style.scss */
header .right {
  width: 50%;
  float: right;
  height: 50px;
  text-align: center;
  padding-top: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: right;
  padding-right: 20px;
}
/* line 86, ../scss/style.scss */
header .right img {
  max-height: 36px;
  width: auto;
}

/* line 93, ../scss/style.scss */
.logo {
  padding-top: 10px;
  width: 90%;
  max-width: 612px;
  margin: 0px auto;
}

/* line 99, ../scss/style.scss */
.bg {
  width: 100%;
  background: url(../img/bg.jpg) 0 0;
}

/* line 104, ../scss/style.scss */
.img_max {
  width: 100%;
}

/* line 107, ../scss/style.scss */
main {
  margin-top: 50px;
}
/* line 108, ../scss/style.scss */
main #instafeed {
  padding-bottom: 20px;
}
/* line 110, ../scss/style.scss */
main #instafeed li {
  margin-bottom: 5px;
  margin-right: 2%;
  width: 32%;
  float: left;
}
/* line 115, ../scss/style.scss */
main #instafeed li:nth-child(3n) {
  margin-right: 0px;
}
/* line 121, ../scss/style.scss */
main .main_bg {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}
/* line 126, ../scss/style.scss */
main .wrapper {
  width: 100%;
  background: #FFF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 134, ../scss/style.scss */
main .wrapper p.share_txt {
  text-align: center;
  font-size: 18px;
  line-height: 1.4;
  padding: 20px 0px;
}
/* line 140, ../scss/style.scss */
main .wrapper section {
  padding: 20px;
}
/* line 144, ../scss/style.scss */
main h2 {
  text-align: center;
  margin-bottom: 20px;
}
/* line 148, ../scss/style.scss */
main .item_list {
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
/* line 157, ../scss/style.scss */
main .item_list li {
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px 5px;
  text-align: center;
  margin-bottom: 15px;
}
/* line 167, ../scss/style.scss */
main .item_list li h3 {
  color: #e94c84;
  font-size: 12px;
  padding-top: 5px;
}
/* line 172, ../scss/style.scss */
main .item_list li .name {
  color: #333;
  font-size: 14px;
  padding-top: 10px;
}
/* line 177, ../scss/style.scss */
main .item_list li img {
  width: 100%;
}
/* line 182, ../scss/style.scss */
main .ttl_01 {
  color: #e94c84;
  font-size: 150%;
  padding: 10px 0px 20px 0px;
  text-align: center;
}
/* line 188, ../scss/style.scss */
main .gift_img {
  max-width: 330px;
  margin: 0px auto;
  text-align: center;
}
/* line 193, ../scss/style.scss */
main .gift_txt {
  font-size: 18px;
  margin-top: 20px;
  text-align: center;
  line-height: 1.4;
}
/* line 198, ../scss/style.scss */
main .gift_txt span {
  color: #e94c84;
  font-weight: 500;
}
/* line 203, ../scss/style.scss */
main .step {
  width: 100%;
  padding-top: 20px;
}
/* line 206, ../scss/style.scss */
main .step li {
  max-width: 310px;
  text-align: center;
  margin: 0px auto 25px;
}
/* line 210, ../scss/style.scss */
main .step li .title {
  margin-bottom: 30px;
}
/* line 215, ../scss/style.scss */
main .date {
  padding-top: 10px;
}
/* line 217, ../scss/style.scss */
main .date span {
  font-weight: 700;
  font-size: 140%;
}
/* line 221, ../scss/style.scss */
main .date dl {
  padding-top: 5px;
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
}
/* line 230, ../scss/style.scss */
main .date dl dd {
  width: 60%;
  margin-bottom: 5px;
}
/* line 234, ../scss/style.scss */
main .date dl dt {
  width: 40%;
}
/* line 241, ../scss/style.scss */
main .policy .title {
  color: #ff8db6;
  font-size: 120%;
  margin-bottom: 5px;
}
/* line 246, ../scss/style.scss */
main .policy .txt {
  font-size: 100%;
  line-height: 1.3;
  margin-bottom: 30px;
}
/* line 250, ../scss/style.scss */
main .policy .txt:last-child {
  margin-bottom: 0px;
}

/* line 257, ../scss/style.scss */
#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 140%;
}

/* line 263, ../scss/style.scss */
#page-top a {
  background: rgba(255, 115, 162, 0.8);
  text-decoration: none;
  color: #fff;
  width: 100px;
  border-radius: 3px;
  width: 50px;
  padding: 10px 2px;
  text-align: center;
  display: block;
  border-radius: 5px;
}

/* line 275, ../scss/style.scss */
#page-top a:hover {
  text-decoration: none;
}

/* line 280, ../scss/style.scss */
footer .copy {
  text-align: center;
  padding: 10px 0px;
  font-size: 70%;
  background: #ff8db6;
}

/* line 288, ../scss/style.scss */
.mt_10 {
  margin-top: 10px !important;
}

/* line 292, ../scss/style.scss */
.mb_10 {
  margin-bottom: 10px !important;
}

/* line 296, ../scss/style.scss */
.mb_20 {
  margin-bottom: 20px !important;
}

/* line 300, ../scss/style.scss */
.mb_30 {
  margin-bottom: 30px !important;
}

/* line 304, ../scss/style.scss */
.mt_30 {
  margin-top: 30px !important;
}

/* line 308, ../scss/style.scss */
.center {
  text-align: center;
}