/* ==================================================================================== 

    MIXIN

==================================================================================== */
body {
  background: none;
}

.line {
  margin-top: 28px;
  margin-bottom: 28px;
}

.bg_type3 {
  padding-top: 55px;
  background: url(../images/event3rd/bg_type3.png) no-repeat center;
  background-size: cover;
}

#wrapper .header {
  padding-top: 78.5714285714%;
  background: url(../images/event3rd/bg.png) no-repeat center, #189D60;
  background-size: 100% 100%;
}
#wrapper .header h3 {
  margin-bottom: 27.3571428571% !important;
  padding: 0 !important;
  padding-top: 1.8571428571% !important;
}
#wrapper .header h3 img {
  width: 43%;
  max-width: unset;
}
#wrapper .contents .item-block .item {
  background: #808080;
  border-color: transparent;
}
#wrapper .contents .item-block .item a .ttl {
  margin-top: 15px !important;
}
#wrapper .contents .item-block .item.green {
  background: #189D60;
}
#wrapper .contents .item-block .item.red {
  background: #D93D4C;
}
#wrapper .contents .item-block .item .price.no-ttl {
  padding-top: 20px !important;
}
#wrapper .contents .item-block .bottom .cart {
  background: #505050;
}
#wrapper .contents.campaign {
  margin: 0 auto !important;
  padding-bottom: 0 !important;
  top: -1px;
  background: url(../images/event3rd/bg_body.png) repeat center top;
  background-size: 1380px 932px;
}
#wrapper .contents.campaign .ttl {
  margin-top: 0;
}
#wrapper .contents.campaign .bg_type1 {
  padding: 40px 20px 0;
  background: rgba(6, 159, 118, 0.6);
}
#wrapper .contents.campaign .bg_type1 .inner {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#wrapper .contents.campaign .bg_type1 .inner .caution {
  padding-bottom: 30px;
  border-bottom: 1px solid #707070;
}
#wrapper .contents.campaign .bg_type2 {
  padding: 0 20px 85px;
  background: rgba(217, 61, 76, 0.6);
}
#wrapper .contents.campaign .bg_type2 .inner {
  margin-top: 0 !important;
  padding-top: 30px !important;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#wrapper .contents.campaign .inner {
  padding: 35px 60px !important;
  padding-top: 0 !important;
}
#wrapper .contents.campaign .inner h5 {
  margin: 0 auto;
  top: auto;
  transform: translateY(-50%);
}
#wrapper .contents.campaign .inner p {
  line-height: 1.4;
}
#wrapper .contents.campaign .inner p.catch {
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
}
#wrapper .contents.campaign .inner .caution {
  margin-top: 20px;
}
#wrapper .contents.campaign .inner .caution p {
  text-align: center;
  font-size: 14px;
  line-height: 1.4;
}
#wrapper .contents.campaign .inner .images {
  max-width: 100%;
}
#wrapper .contents.campaign .inner .images.image1 {
  width: 578px;
}
#wrapper .contents .inner {
  max-width: 1230px;
}
#wrapper .contents .inner p {
  line-height: 1.4;
}
#wrapper .contents .inner p.catch2 {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
#wrapper .contents .inner h4 {
  color: #656565;
}
#wrapper .contents .inner h4:first-child {
  margin-bottom: 25px !important;
}
#wrapper .contents .inner h4 .taibani1 {
  color: #189D60;
}
#wrapper .contents .inner h4 .taibani2 {
  color: #D93D4C;
}
#wrapper .contents .inner h4.in_label .label {
  margin-right: 35px;
  vertical-align: middle;
}
#wrapper .contents .inner.itemDetail {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#wrapper .contents .inner.itemDetail .detailArea {
  margin: 0 auto;
  padding: 20px 60px 30px !important;
  top: auto;
  border-color: #656565;
}
#wrapper .contents .menu {
  margin-bottom: 0;
  background: #3E3E3E;
  border: none;
}
#wrapper .contents .menu ul li a {
  border: none;
}
#wrapper .contents .menu ul li:nth-child(even) a {
  background: #D93D4C;
}
#wrapper .contents .menu ul li:nth-child(odd) a {
  background: #189D60;
}

.wrap-inner {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 5px;
  justify-content: space-between;
  width: calc(100% - 10px);
}
.wrap-inner .catch2 {
  margin-top: 20px;
  text-align: center;
  font-size: 12px;
  color: #656565;
}

.header_fade02 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.header_fade02.on {
  animation: none;
}
.header_fade02 .text1 {
  margin-bottom: 3%;
}
.header_fade02 .text1 img {
  width: 57.1428571429%;
}
.header_fade02 .text2 img {
  width: 41.9285714286%;
}
.header_fade02 .day {
  margin: 0 auto;
  padding: 14px 25px;
  border-radius: 5px;
  line-height: 1;
  color: #fff;
  margin-top: 9.0714285714%;
  width: 46.2857142857%;
  background: #189D60;
  font-size: 1.65vw;
}

.headerImg {
  z-index: 0;
  position: absolute;
  top: 4.2857142857%;
  left: 2.1428571429%;
  width: 100.5714285714%;
  height: 92.8181818182%;
}
.headerImg .kvbase {
  opacity: 0.1;
}

.thumbnail-wrapper {
  padding-left: 60px;
  padding-right: 60px;
}
.thumbnail-wrapper img {
  max-width: 100%;
}
.thumbnail-wrapper .slick-arrow {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  width: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.thumbnail-wrapper .slick-arrow.thumb-prev {
  left: -30px;
}
.thumbnail-wrapper .slick-arrow.thumb-next {
  right: -30px;
}

.image-thumanail {
  margin-bottom: 20px;
}
.image-thumanail img {
  width: 100%;
}

.image-thumbnail-list {
  margin-bottom: 40px;
  margin-left: -5px;
  width: calc(100% + 10px);
}
.image-thumbnail-list .slick-slide {
  padding: 0 5px;
  cursor: pointer;
}
.image-thumbnail-list .slick-slide:hover img {
  opacity: 0.7;
}

.thumbTarget {
  transition: all .2s ease;
  border: 0px solid #D93D4C;
}
.thumbTarget.active {
  border: 5px solid #D93D4C;
}

.in-cart-wrap {
  margin: 0 auto;
  padding: 20px;
  width: 930px;
  max-width: 100%;
  background: #DA2674;
  display: -webkit-box;
  /*Android4.3*/
  display: -moz-box;
  /*Firefox21*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -ms-flex-box: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.in-cart-wrap .price {
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 1px;
}
.in-cart-wrap .price span {
  font-size: 20px;
}
.in-cart-wrap .item-select {
  margin: 0 30px;
}
.in-cart-wrap .item-select select {
  padding-left: 20px;
  padding-right: 20px;
  border: none;
  font-size: 17px;
  font-weight: bold;
  height: 45px;
  outline: none;
}
.in-cart-wrap .btn {
  padding: 10px;
  border-radius: 20px;
  width: 235px;
  max-width: 100%;
  background: #505050;
  color: #fff;
  text-align: center;
  font-size: 19px;
  font-weight: bold;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .headerImg {
    width: 127.100591716%;
    height: 81.8357487923%;
    top: 7.4556213018%;
    left: -11.8343195266%;
  }

  #wrapper .header {
    padding-top: 122.4852071006%;
    background: url(../images/event3rd/bg_sp.png) no-repeat center;
    background-size: cover;
  }
  #wrapper .header h3 {
    margin-bottom: 47% !important;
    padding-top: 6.0606060606% !important;
  }
  #wrapper .header h3 img {
    width: 54.9090909091%;
  }
  #wrapper .contents.campaign .bg_type1 {
    padding: 30px 0 0;
  }
  #wrapper .contents.campaign .bg_type2 {
    padding: 0 0 50px;
  }
  #wrapper .contents.campaign .inner {
    padding: 30px 10px !important;
  }
  #wrapper .contents.campaign .inner p.catch {
    font-size: 18px;
  }
  #wrapper .contents .inner p.catch2 {
    font-size: 15px;
  }
  #wrapper .contents .inner.itemDetail .detailArea {
    margin-left: 10px;
    padding: 5px 5px 10px !important;
    width: calc(100% - 20px);
  }
  #wrapper .contents .item-block .item.big {
    width: calc(50% - 2px);
  }
  #wrapper .contents .item-block .item.big .ttl {
    font-size: 14px !important;
  }
  #wrapper .contents .item-block .item.big .price {
    font-size: 12px !important;
  }
  #wrapper .contents .item-block .item.big .price span {
    font-size: 15px !important;
  }
  #wrapper .contents .item-block .item.big .price span:after {
    font-size: 10px !important;
  }
  #wrapper .contents .item-block .item.big .bottom .cart span {
    font-size: 13px !important;
  }

  .thumbnail-wrapper .slick-arrow.thumb-prev {
    left: 0px;
    z-index: 1;
  }

  .thumbnail-wrapper .slick-arrow.thumb-next {
    right: 0px;
    z-index: 1;
  }

  .header_fade02 {
    margin-left: 10px;
    margin-right: 10px;
    width: calc(100% - 20px);
  }
  .header_fade02 .day {
    margin-top: 4%;
    width: 100%;
  }

  .in-cart-wrap {
    padding: 20px 10px !important;
    display: block;
  }
  .in-cart-wrap .item-select {
    margin: 15px 0 !important;
  }

  .wrap-inner .catch2 {
    margin-top: 10px !important;
    padding: 0 20px !important;
    line-height: 1.4;
  }

  .header_fade02 .text1 img {
    width: 87%;
  }

  .header_fade02 .text2 img {
    width: 67%;
  }

  .header_fade02 .day {
    margin-top: 18%;
    font-size: 3vw;
  }

  #wrapper .contents.campaign .inner .caution p {
    font-size: 12px;
  }

  .in-cart-wrap .btn {
    padding: 0 10px;
    font-size: 13px;
    height: 35px;
    line-height: 35px;
  }

  .in-cart-wrap .price {
    font-size: 12px;
  }
  .in-cart-wrap .price span {
    font-size: 15px;
  }

  #wrapper .contents .inner h4:first-child {
    margin: 10px auto 5px !important;
  }
}

/*# sourceMappingURL=style.css.map */