@charset "UTF-8";
/* reset*/
h1, h2, h3 {
  padding: 0;
  margin: 0;
  background: unset;
  border-bottom: none;
}
.block-thumbnail-t {
    border-top: none;
    border-bottom: none;
    background: unset;
}
.snoopy--container_contents_wrapper .block-thumbnail-t--goods-image figure {
    min-width: 100px;
    min-height: 100px;
}

/* contents */
.block-event-page .snoopy--mv, .block-event-page .snoopy--container_contents {
  width: 100%;
  margin: auto;
}
.block-event-page .snoopy--mv img {
  height: auto;
}
p.copy_txt {
  text-align: center;
  margin: calc(40 * (100vw / 750)) 0 0;
}
/* mv */
.snoopy--container_mv h2 {
  font-size: calc(34 * (100vw / 750));
  font-weight: 600;
  text-align: center;
  line-height: 2;
  margin: calc(20 * (100vw / 750)) auto 0;
}
.snoopy--container_mv p.lead--txt {
  font-size: calc(22 * (100vw / 750));
  text-align: center;
  line-height: 1.8;
  margin: 0 auto calc(40 * (100vw / 750));
}
.snoopy--container_mv h3 {
  font-size: calc(24 * (100vw / 750));
  font-weight: 600;
  text-align: center;
  line-height: 2;
  color: #fff;
  background: #c9151e;
  margin: auto;
}
.block-event-page .item3column--inner {
  margin: 0 auto calc(40 * (100vw / 750));
}
.block-event-page .item3column--inner ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  /*-webkit-align-items: center;
  align-items: center;*/
  flex-wrap: wrap;
  margin: calc(30 * (100vw / 750)) calc(10 * (100vw / 750)) 0;
}
.block-event-page .item3column--inner ul li {
  position: relative;
  font-size: calc(16 * (100vw / 750));
  width: calc((100% / 2) - calc(20 * (100vw / 750)));
  margin: 0 calc(10 * (100vw / 750)) calc(10 * (100vw / 750));
}
/*.block-event-page .item3column--inner ul li {
  position: relative;
  font-size: calc(16 * (100vw / 750));
  width: calc((100% / 2) - calc(10 * (100vw / 750)));
  margin: calc(20 * (100vw / 750)) calc(5 * (100vw / 750));
  padding: calc(15 * (100vw / 750));
}
.block-event-page .item3column--inner ul li:before {
  content: "";
  position: absolute;
  left: 3px;
  top: calc(-27 * (100vw / 750));
  bottom: 0;
  margin: auto;
  width: calc(80 * (100vw / 750));
  height: auto;
  background: url(../../../../img/usr/event/gnsnoopy/logo1.png) no-repeat center top;
  background-size: calc(80 * (100vw / 750)) auto;
  z-index: 1;
}
.block-event-page .item3column--inner ul li:nth-of-type(6):before {
  top: calc(-32 * (100vw / 750));
  background: url(../../../../img/usr/event/gnsnoopy/logo2.png) no-repeat center top;
  background-size: calc(80 * (100vw / 750)) auto;
}
.block-event-page .item3column--inner ul li a {
  position: relative;
  z-index: 2;
  display: block;
}
.block-event-page .item3column--inner ul li img {
  height: calc(50 * (100vw / 750));
  margin: auto;
  display: block;
}
.block-event-page .item3column--inner ul li img.item_photo {
  width: 130px;
  height: unset;
  display: block;
  margin: calc(10 * (100vw / 750)) auto;
}
.block-event-page .item3column--inner ul li:nth-child(1) {
  background: #eff3dc url(../../../../img/usr/event/gnsnoopy/waku.png) no-repeat center top;
  background-size: 100% 100%;
}
.block-event-page .item3column--inner ul li:nth-child(2) {
  background: #e5e5e5 url(../../../../img/usr/event/gnsnoopy/waku.png) no-repeat center top;
  background-size: 100% 100%;
}
.block-event-page .item3column--inner ul li:nth-child(3) {
  background: #fff4ee url(../../../../img/usr/event/gnsnoopy/waku.png) no-repeat center top;
  background-size: 100% 100%;
}
.block-event-page .item3column--inner ul li:nth-child(4) {
  background: #ecf6f8 url(../../../../img/usr/event/gnsnoopy/waku.png) no-repeat center top;
  background-size: 100% 100%;
}
.block-event-page .item3column--inner ul li:nth-child(5) {
  background: #fefce7 url(../../../../img/usr/event/gnsnoopy/waku.png) no-repeat 100% 100%;
  background-size: 100% 100%;
}
.block-event-page .item3column--inner ul li:nth-child(6) {
  background: #eeebf4 url(../../../../img/usr/event/gnsnoopy/waku.png) no-repeat center top;
  background-size: 100% 100%;
}*/
/* button */
a.btn_type01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  width: calc(450 * (100vw / 750));
  height: calc(80 * (100vw / 750));
  margin: calc(30 * (100vw / 750)) auto 0;
  color: #fff;
  font-size: calc(30 * (100vw / 750));
  font-weight: 600;
  text-decoration: none !important;
  border-radius: 35px;
}
.btn_type02 a {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  width: calc(550 * (100vw / 750));
  height: calc(120 * (100vw / 750));
  margin: calc(50 * (100vw / 750)) auto calc(100 * (100vw / 750)) ;
  color: #fff;
  font-size: calc(30 * (100vw / 750));
  font-weight: 600;
  text-align: center;
  text-decoration: none !important;
  border-radius: 45px;
  background: #c9151e;
}
a.btn_type01:before,.btn_type02 a:before {
  content: "";
  position: absolute;
  right: calc(35 * (100vw / 750));
  top: 5%;
  bottom: 0;
  margin: auto;
  width: 11px;
  height: 11px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
a.btn_type01:hover,.btn_type02 a:hover {
  opacity: .8;
}
/* items */
.snoopy--container_contents_wrapper {
  margin: 0 auto;
}
.snoopy--container_contents_wrapper .bg_box {
  padding: 0 0 calc(50 * (100vw / 750));
}
.snoopy--container_contents {
  background: url(../../../../img/usr/event/gnsnoopy/logo1.png) no-repeat top calc(20 * (100vw / 750)) left 10px;
  background-size: calc(110 * (100vw / 750)) auto;
}
#item03.snoopy--container_contents,
#item06.snoopy--container_contents {
  background: url(../../../../img/usr/event/gnsnoopy/logo2.png) no-repeat top calc(20 * (100vw / 750)) left 10px;
  background-size: calc(110 * (100vw / 750)) auto;
}
.snoopy--container_contents_wrapper .contents--inner {
  padding: calc(40 * (100vw / 750)) 0 0;
}
.snoopy--container_contents_wrapper h2 {
  width: 70%;
  text-align: center;
  margin: 0 auto calc(30 * (100vw / 750));
}
.snoopy--container_contents_wrapper .item1txt--inner {
  width: 98%;
  margin: auto;
}
.snoopy--container_contents_wrapper .item1txt--inner ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  /*-webkit-align-items: center;
  align-items: center;*/
  padding: calc(15 * (100vw / 750));
  background: url(../../../../img/usr/event/gnsnoopy/waku.png) no-repeat center top;
  background-size: 100% 100%;
}
.snoopy--container_contents_wrapper .item1txt--inner ul li {
  position: relative;
  font-size: calc(20 * (100vw / 750));
  width: calc(100% / 2);
  padding: calc(15 * (100vw / 750));
}
/*.block-event-page #item01.snoopy--container_contents,*/
.snoopy--container_contents_wrapper section.bg_box:nth-child(1) {
  background: #eff3dc url(../../../../img/usr/event/gnsnoopy/item01_bg.png) repeat-y center top;
}
#item01.snoopy--container_contents .item1txt--inner ul {
  background: #eff3dc url(../../../../img/usr/event/gnsnoopy/waku.png) no-repeat center top;
  background-size: 100% 100%;
}
a.btn_type01.item_color01 {
  background: #8eab04;
}
/*.block-event-page #item02.snoopy--container_contents,*/
.snoopy--container_contents_wrapper section.bg_box:nth-child(2) {
  background: #e5e5e5 url(../../../../img/usr/event/gnsnoopy/item02_bg.png) repeat-y center top;
}
#item02.snoopy--container_contents .item1txt--inner ul {
  background: #e5e5e5 url(../../../../img/usr/event/gnsnoopy/waku.png) no-repeat center top;
  background-size: 100% 100%;
}
a.btn_type01.item_color02 {
  background: #817b7b;
}
/*.block-event-page #item03.snoopy--container_contents,*/
.snoopy--container_contents_wrapper section.bg_box:nth-child(3) {
  background: #fff4ee url(../../../../img/usr/event/gnsnoopy/item03_bg.png) repeat-y center top;
}
#item03.snoopy--container_contents .item1txt--inner ul {
  background: #fff4ee url(../../../../img/usr/event/gnsnoopy/waku.png) no-repeat center top;
  background-size: 100% 100%;
}
a.btn_type01.item_color03 {
  background: #c36430;
}
/*.block-event-page #item04.snoopy--container_contents,*/
.snoopy--container_contents_wrapper section.bg_box:nth-child(4) {
  background: #ecf6f8 url(../../../../img/usr/event/gnsnoopy/item04_bg.png) repeat-y center top;
}
#item04.snoopy--container_contents .item1txt--inner ul {
  background: #ecf6f8 url(../../../../img/usr/event/gnsnoopy/waku.png) no-repeat center top;
  background-size: 100% 100%;
}
a.btn_type01.item_color04 {
  background: #3aa5ba;
}
/*.block-event-page #item05.snoopy--container_contents,*/
.snoopy--container_contents_wrapper section.bg_box:nth-child(5) {
  background: #fefce7 url(../../../../img/usr/event/gnsnoopy/item05_bg.png) repeat-y center top;
}
#item05.snoopy--container_contents .item1txt--inner ul {
  background: #fefce7 url(../../../../img/usr/event/gnsnoopy/waku.png) no-repeat center top;
  background-size: 100% 100%;
}
a.btn_type01.item_color05 {
  background: #ccbe2d;
}
/*.block-event-page #item06.snoopy--container_contents,*/
.snoopy--container_contents_wrapper section.bg_box:nth-child(6) {
  background: #eeebf4 url(../../../../img/usr/event/gnsnoopy/item06_bg.png) repeat-y center top;
}
#item06.snoopy--container_contents .item1txt--inner ul {
  background: #eeebf4 url(../../../../img/usr/event/gnsnoopy/waku.png) no-repeat center top;
  background-size: 100% 100%;
}
a.btn_type01.item_color06 {
  background: #674598;
}
.block-thumbnail-t li {
  margin-left: 0;
}
.block-thumbnail-t--goods-bookmark {
  right: 15px;
  bottom: 15px;
}
dt.block-thumbnail-t--goods-image {
  padding: calc(20 * (100vw / 750));
  background: url(../../../../img/usr/event/gnsnoopy/waku.png) no-repeat center center;
  background-size: contain;
}
.block-thumbnail-t--goods {
  width: 249px;
  padding: 0 2px;
  margin-left: 0;
}
