@charset "UTF-8";
input[type=password] {
  font: 15px/24px sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 30%;
  padding: 0.3em;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  letter-spacing: 1px;
  color: #aaaaaa;
  border: 1px solid #ffffff;
  -webkit-box-shadow: 1px 1px 2px 0 #707070 inset;
          box-shadow: 1px 1px 2px 0 #707070 inset;
  border-radius: 4px;
}

input[type=submit] {
  padding: 0.25rem;
  color: #fff;
  background-color: #141E3E;
  border-radius: 4px;
}

input[type=password]:focus {
  outline: none;
  -webkit-box-shadow: inset 1px 1px 2px 0 #c9c9c9;
          box-shadow: inset 1px 1px 2px 0 #c9c9c9;
}

footer {
  margin-top: 0 !important;
}

.collab #collab {
  padding-top: 24px;
  padding-bottom: 96px;
  position: relative;
}
.collab #collab #collab_back {
  margin-left: 320px;
  width: calc(100% - 320px);
  height: 100%;
  height: calc(var(--vh, 1vh) * 100);
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
.collab #collab section:not(.layer_board) {
  padding: 80px;
}
.collab #collab section * {
  font-family: source-han-sans-japanese, sans-serif;
}
.collab #collab section p {
  font-weight: 700;
}
.collab #collab section p:not(:last-of-type) {
  margin-bottom: 24px;
}
.collab #collab section h1,
.collab #collab section h2,
.collab #collab section h3,
.collab #collab section h4,
.collab #collab section h5,
.collab #collab section h6 {
  font-family: source-han-sans-japanese, sans-serif;
}
.collab #collab section h1 {
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: 900;
  word-break: break-all;
}
.collab #collab section h1 + p {
  margin-bottom: 24px;
  font-size: 18px;
  color: #141E3E;
  font-weight: 900;
}
.collab #collab section .top_img {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 48px;
  border: 1px solid #ccc;
  border-radius: 16px;
  overflow: hidden;
}
.collab #collab section > .txt {
  padding: 40px 0;
  border-top: 6px double #141E3E;
  border-bottom: 6px double #141E3E;
}
.collab #collab section > .txt p {
  width: 80%;
  margin: 0 auto;
  text-align: center;
  font-size: 16px;
  font-weight: 900;
}
.collab #collab section > .txt p span {
  display: inline-block;
}
.collab #collab section > .txt p a {
  opacity: 0.7;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  color: #141E3E;
}
.collab #collab section > .txt p a:hover {
  opacity: 1;
}
.collab #collab section .kvg_list {
  margin-top: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 48px;
}
.collab #collab section .kvg_list .kvg_item {
  width: calc(50% - 24px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 2px solid #141E3E;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.collab #collab section .kvg_list .kvg_item .kvg_headline {
  width: 100%;
  padding: 16px;
  text-align: center;
  background-color: #141E3E;
}
.collab #collab section .kvg_list .kvg_item .kvg_headline h3 {
  width: 90%;
  margin: 0 auto;
  padding: 8px 0;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  border-top: dashed 1px #FFF;
  border-bottom: dashed 1px #FFF;
}
.collab #collab section .kvg_list .kvg_item .kvg_txt {
  padding: 16px;
}
.collab #collab section .g_nav {
  width: 66%;
  margin: 0 auto;
  margin-top: 144px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  display: none;
}
.collab #collab section .g_nav li {
  width: 100%;
  -ms-flex-item-align: center;
      align-self: center;
  justify-self: center;
  border: 2px solid #141E3E;
  border-radius: 6px;
}
.collab #collab section .g_nav li a {
  padding: 1rem 0;
  display: block;
  text-align: center;
  color: #141E3E;
  font-family: source-han-sans-japanese, sans-serif;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative;
}
.collab #collab section .g_nav li a::after {
  content: "JUMP";
  font-family: source-han-sans-japanese, sans-serif;
  position: absolute;
  left: 50%;
  top: 0px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.collab #collab section .g_nav li a:hover {
  background-color: #141E3E;
  color: #fff;
}
.collab #collab section .g_nav li a:hover::after {
  color: #141E3E;
  top: -20px;
  opacity: 1;
}
.collab #collab section .collab_info,
.collab #collab section .collab_menu,
.collab #collab section .collab_goods {
  margin-top: 176px;
  padding-top: 116px;
  position: relative;
}
.collab #collab section .collab_info .headline,
.collab #collab section .collab_menu .headline,
.collab #collab section .collab_goods .headline {
  width: 100%;
  height: 64px;
  text-align: center;
  position: absolute;
  top: -32px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.collab #collab section .collab_info .headline > div,
.collab #collab section .collab_menu .headline > div,
.collab #collab section .collab_goods .headline > div {
  height: 100%;
  padding: 0 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 24px;
  font-weight: 900;
  color: #fff;
  background: #141E3E;
  position: relative;
}
.collab #collab section .collab_info .headline > div::after, .collab #collab section .collab_info .headline > div::before,
.collab #collab section .collab_menu .headline > div::after,
.collab #collab section .collab_menu .headline > div::before,
.collab #collab section .collab_goods .headline > div::after,
.collab #collab section .collab_goods .headline > div::before {
  position: absolute;
  top: 0;
  display: block;
  content: "";
  border: 32px solid #141E3E;
}
.collab #collab section .collab_info .headline > div::after,
.collab #collab section .collab_menu .headline > div::after,
.collab #collab section .collab_goods .headline > div::after {
  right: -41px;
  border-right-width: 10px;
  border-right-color: transparent;
}
.collab #collab section .collab_info .headline > div::before,
.collab #collab section .collab_menu .headline > div::before,
.collab #collab section .collab_goods .headline > div::before {
  left: -41px;
  border-left-width: 10px;
  border-left-color: transparent;
}
.collab #collab section .collab_info .headline > div > h2,
.collab #collab section .collab_menu .headline > div > h2,
.collab #collab section .collab_goods .headline > div > h2 {
  border-top: dashed 1px #FFF;
  border-bottom: dashed 1px #FFF;
}
.collab #collab section .collab_info {
  text-align: center;
}
.collab #collab section .collab_info .info_item {
  margin-bottom: 96px;
  text-align: center;
}
.collab #collab section .collab_info .info_item .title h2 {
  width: 100%;
  padding-bottom: 8px;
  display: inline-block;
  margin-bottom: 24px;
  color: #141E3E;
  font-weight: 900;
  font-size: 20px;
  border-bottom: 2px dashed #141E3E;
}
.collab #collab section .collab_info .info_item .contents {
  -ms-flex-item-align: center;
      align-self: center;
}
.collab #collab section .collab_info .info_item .contents .collab_date_add,
.collab #collab section .collab_info .info_item .contents .collab_shop_add {
  margin-top: 24px;
  padding: 16px;
  background: #f1f5f5;
  border-radius: 8px;
}
.collab #collab section .collab_info .info_item .contents .collab_date_add h2,
.collab #collab section .collab_info .info_item .contents .collab_date_add h3,
.collab #collab section .collab_info .info_item .contents .collab_shop_add h2,
.collab #collab section .collab_info .info_item .contents .collab_shop_add h3 {
  margin-bottom: 16px;
  padding-bottom: 8px;
  font-size: 18px;
  font-weight: 900;
  color: #141E3E;
  border-bottom: 1px dotted #141E3E;
}
.collab #collab section .collab_info .info_item .contents .collab_date_add p span,
.collab #collab section .collab_info .info_item .contents .collab_shop_add p span {
  display: inline-block;
}
.collab #collab section .collab_info > h2 {
  width: 100%;
  padding-bottom: 8px;
  display: inline-block;
  margin-bottom: 24px;
  color: #141E3E;
  font-weight: 900;
  font-size: 20px;
  border-bottom: 2px dashed #141E3E;
}
.collab #collab section .collab_info .collab_gift {
  width: 100%;
  margin: 0 auto;
  padding: 48px min(2.5vw, 48px);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  background: #f1f5f5;
  gap: 24px;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}
.collab #collab section .collab_info .collab_gift:not(:last-of-type) {
  margin-bottom: 48px;
}
.collab #collab section .collab_info .collab_gift.noimg {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.collab #collab section .collab_info .collab_gift .gift_num {
  padding: 8px 16px;
  background: #141E3E;
  color: #fff;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-bottom-left-radius: 16px;
  position: absolute;
  top: 0;
  right: 0;
}
.collab #collab section .collab_info .collab_gift .gift_num p {
  font-size: 12px;
  line-height: 1;
}
.collab #collab section .collab_info .collab_gift .img a {
  border: 1px solid #ccc;
  border-radius: 8px;
  display: block;
  position: relative;
  overflow: hidden;
}
.collab #collab section .collab_info .collab_gift .img a::after {
  content: "";
  width: 32px;
  height: 32px;
  display: block;
  border-radius: 4px;
  background-image: url(../img/zoom.png);
  background-color: #141E3E;
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  bottom: 3px;
  right: 3px;
  pointer-events: none;
}
.collab #collab section .collab_info .collab_gift .desc {
  text-align: left;
  -ms-flex-item-align: center;
      align-self: center;
}
.collab #collab section .collab_info .collab_gift .desc h3 {
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 900;
  color: #141E3E;
}
.collab #collab section .collab_info .collab_gift .desc .img {
  display: none;
}
.collab #collab section .collab_menu h3,
.collab #collab section .collab_goods h3 {
  width: 100%;
  margin-bottom: 48px;
  font-size: 24px;
  font-weight: 900;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #141E3E;
}
.collab #collab section .collab_menu h3 span,
.collab #collab section .collab_goods h3 span {
  margin: 0 16px;
}
.collab #collab section .collab_menu h3::before, .collab #collab section .collab_menu h3::after,
.collab #collab section .collab_goods h3::before,
.collab #collab section .collab_goods h3::after {
  content: "";
  height: 4px;
  border-radius: 2px;
  background: #141E3E;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.collab #collab section .collab_menu #food,
.collab #collab section .collab_menu #sweets,
.collab #collab section .collab_menu #drink {
  margin-bottom: 96px;
}
.collab #collab section .collab_menu #food > h4,
.collab #collab section .collab_menu #sweets > h4,
.collab #collab section .collab_menu #drink > h4 {
  width: 100%;
  padding: 8px 0;
  margin: 48px auto;
  font-size: 20px;
  font-weight: 900;
  background: #141E3E;
  border-radius: 4px;
  color: #fff;
  text-align: center;
}
.collab #collab section .collab_menu .menu_list {
  margin-top: 48px;
}
.collab #collab section .collab_menu .menu_list:not(:last-of-type) {
  margin-bottom: 96px;
}
.collab #collab section .collab_menu .menu_list .menu_item {
  padding: min(2.5vw, 48px);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: min(2.5vw, 48px) 24px;
  background: #f1f5f5;
  border-radius: 16px;
  overflow: hidden;
}
.collab #collab section .collab_menu .menu_list .menu_item.noimg {
  display: block;
}
.collab #collab section .collab_menu .menu_list .menu_item.noimg .menu_desc .name {
  font-size: 24px;
}
.collab #collab section .collab_menu .menu_list .menu_item.soldout {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
.collab #collab section .collab_menu .menu_list .menu_item.soldout::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
}
.collab #collab section .collab_menu .menu_list .menu_item.soldout::after {
  content: "完売しました";
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 30px;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.6));
          filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.6));
  color: #fff;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.collab #collab section .collab_menu .menu_list .menu_item:not(:last-of-type) {
  margin-bottom: 48px;
}
.collab #collab section .collab_menu .menu_list .menu_item .menu_img,
.collab #collab section .collab_menu .menu_list .menu_item .menu_img_slider {
  align-self: center;
  grid-column: 1/3;
}
.collab #collab section .collab_menu .menu_list .menu_item .menu_img {
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden;
}
.collab #collab section .collab_menu .menu_list .menu_item .menu_desc {
  grid-column: 3/5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.collab #collab section .collab_menu .menu_list .menu_item .menu_desc .name,
.collab #collab section .collab_menu .menu_list .menu_item .menu_desc .price,
.collab #collab section .collab_menu .menu_list .menu_item .menu_desc .d_price {
  font-family: source-han-sans-japanese, sans-serif;
  color: #141E3E;
}
.collab #collab section .collab_menu .menu_list .menu_item .menu_desc .name,
.collab #collab section .collab_menu .menu_list .menu_item .menu_desc .price_wrap {
  margin-bottom: 24px;
}
.collab #collab section .collab_menu .menu_list .menu_item .menu_desc .name {
  font-size: 20px;
  color: #141E3E;
  font-weight: 900;
}
.collab #collab section .collab_menu .menu_list .menu_item .menu_desc .price_wrap > p:not(:last-of-type) {
  margin-bottom: 8px !important;
}
.collab #collab section .collab_menu .menu_list .menu_item .menu_desc .price_wrap .price {
  font-size: 16px;
  text-align: right;
  color: #141E3E;
  line-height: 1;
}
.collab #collab section .collab_menu .menu_list .menu_item .menu_desc .price_wrap .price span {
  display: inline-block;
  line-height: 1;
}
.collab #collab section .collab_menu .menu_list .menu_item .menu_desc .price_wrap .price span.num {
  font-size: 24px;
  font-weight: 900;
}
.collab #collab section .collab_menu .menu_list .menu_item .menu_desc .price_wrap .price span.price_cat {
  padding: 0 8px;
  margin-right: 8px;
  font-size: 10px;
  display: inline-block;
  background: #141E3E;
  color: #fff;
  border-radius: 32px;
  line-height: 1;
}
.collab #collab section .collab_menu .menu_list .menu_item .menu_desc .price_wrap .d_price {
  font-size: 16px;
  text-align: right;
  line-height: 1;
}
.collab #collab section .collab_menu .menu_list .menu_item .menu_desc .price_wrap .d_price span {
  display: inline-block;
  line-height: 1;
}
.collab #collab section .collab_menu .menu_list .menu_item .menu_desc .price_wrap .d_price span.price_cat {
  padding: 4px 8px;
  margin-right: 8px;
  font-size: 10px;
  display: inline-block;
  background: #141E3E;
  color: #fff;
  border-radius: 32px;
}
.collab #collab section .collab_menu .menu_list .menu_item .menu_desc .price_wrap .d_price span.num {
  font-size: 24px;
  color: #141E3E;
  font-weight: 900;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}
.collab #collab section .collab_menu .menu_list .menu_item .menu_desc .price_wrap .d_price span.japanese {
  color: #141E3E;
}
.collab #collab section .collab_menu .menu_list .menu_item .menu_caution {
  grid-column: 1/5;
  padding-top: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 2px dashed #141E3E;
}
.collab #collab section .collab_menu .menu_list .menu_item .menu_caution > .grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
.collab #collab section .collab_menu .menu_list .menu_item .menu_caution > .grid > div img {
  border: 1px solid #ccc;
  border-radius: 8px;
}
.collab #collab section .collab_menu .drink_list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.collab #collab section .collab_menu .drink_list .drink_item {
  padding: 24px;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  gap: 16px;
  background: #f1f5f5;
  border-radius: 8px;
  -webkit-transition: border 0.3s ease;
  transition: border 0.3s ease;
}
.collab #collab section .collab_menu .drink_list .drink_item .name,
.collab #collab section .collab_menu .drink_list .drink_item .price,
.collab #collab section .collab_menu .drink_list .drink_item .d_price {
  margin-bottom: 0;
  color: #141E3E;
}
.collab #collab section .collab_menu .drink_list .drink_item .name {
  font-size: 20px;
  font-weight: 900;
}
.collab #collab section .collab_menu .drink_list .drink_item .price_wrap .price,
.collab #collab section .collab_menu .drink_list .drink_item .price_wrap .d_price {
  text-align: right;
  vertical-align: bottom;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #141E3E;
}
.collab #collab section .collab_menu .drink_list .drink_item .price_wrap .price span,
.collab #collab section .collab_menu .drink_list .drink_item .price_wrap .d_price span {
  display: inline-block;
  line-height: 1;
}
.collab #collab section .collab_menu .drink_list .drink_item .price_wrap .price span.price_cat,
.collab #collab section .collab_menu .drink_list .drink_item .price_wrap .d_price span.price_cat {
  padding: 2px 8px;
  margin-right: 8px;
  font-size: 10px;
  display: inline-block;
  background: #141E3E;
  color: #fff;
  border-radius: 32px;
  line-height: 1;
}
.collab #collab section .collab_menu .drink_list .drink_item .price_wrap .price {
  margin-bottom: 8px !important;
}
.collab #collab section .collab_menu .drink_list .drink_item .price_wrap .price .num {
  font-size: 20px;
  color: #141E3E;
  font-weight: 900;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
.collab #collab section .collab_menu .drink_list .drink_item .price_wrap .price .japanese {
  color: #141E3E;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}
.collab #collab section .collab_menu .drink_list .drink_item .price_wrap .d_price .num {
  font-size: 20px;
  color: #141E3E;
  font-weight: 900;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
.collab #collab section .collab_menu .drink_list .drink_item .txt {
  margin-bottom: 0 !important;
  font-size: 12px;
  line-height: 1.8;
}
.collab #collab section .collab_menu .drink_list .drink_item .img {
  margin-top: auto;
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden;
}
.collab #collab section .collab_menu #sp .menu_list .menu_item .menu_desc .price_wrap .price {
  text-align: right;
  vertical-align: bottom;
  font-size: 16px;
  font-weight: 700;
  color: #141E3E;
  line-height: 1;
}
.collab #collab section .collab_menu #sp .menu_list .menu_item .menu_desc .price_wrap .price span.price_cat {
  padding: 4px 8px;
  margin-right: 8px;
  font-size: 10px;
  display: inline-block;
  background: #141E3E;
  color: #fff;
  border-radius: 32px;
  line-height: 1;
}
.collab #collab section .collab_goods > h3:not(:first-of-type) {
  margin-top: 144px;
}
.collab #collab section .collab_goods .goods_txt {
  margin-bottom: 48px;
  text-align: center;
}
.collab #collab section .collab_goods .goods_list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.collab #collab section .collab_goods .goods_list li {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 8px;
}
.collab #collab section .collab_goods .goods_list li a {
  padding: min(1.5vw, 24px);
  width: 100%;
  height: 100%;
  background: #f1f5f5;
  border-radius: 8px;
  -webkit-transition: border 0.3s ease;
  transition: border 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.collab #collab section .collab_goods .goods_list li a:hover .title {
  text-decoration: underline;
}
.collab #collab section .collab_goods .goods_list li a:hover .img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.collab #collab section .collab_goods .goods_list li a .item_wrap {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.collab #collab section .collab_goods .goods_list li a .item_wrap .title,
.collab #collab section .collab_goods .goods_list li a .item_wrap .price {
  margin-bottom: 16px;
}
.collab #collab section .collab_goods .goods_list li a .item_wrap .title {
  font-size: 14px;
  text-align: justify;
  font-weight: 700;
}
.collab #collab section .collab_goods .goods_list li a .item_wrap .price {
  margin-top: auto;
  text-align: right;
  vertical-align: bottom;
  color: #141E3E;
}
.collab #collab section .collab_goods .goods_list li a .item_wrap .price span {
  display: inline-block;
  line-height: 1;
}
.collab #collab section .collab_goods .goods_list li a .item_wrap .price span.num {
  font-size: 20px;
  font-weight: 900;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
.collab #collab section .collab_goods .goods_list li a .item_wrap .img {
  margin-bottom: 0;
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden;
}
.collab #collab section .collab_goods .goods_list li a .item_wrap .img img {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.collab #collab section .collab_goods .goods_list li .add {
  font-size: 10px;
}
.collab #collab section #other {
  margin-top: 144px;
}
.collab #collab section #other .other_info:not(:first-of-type) {
  margin-top: 96px;
}
.collab #collab section #other .other_info h2 {
  padding: 8px 0;
  margin-bottom: 24px;
  background-color: #141E3E;
  border-radius: 4px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}
.collab #collab section #other .other_info h2 span {
  display: inline-block;
}
.collab #collab section #other .other_info h3 {
  margin-bottom: 16px;
  font-size: 20px;
  color: #141E3E;
  font-weight: 900;
}
.collab #collab section #other .other_info .other_info_wrap {
  display: grid;
  gap: 24px;
}
.collab #collab section #other .other_info .other_info_wrap.img_txt .contents {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -ms-flex-item-align: center;
      align-self: center;
}
.collab #collab section #other .other_info .other_info_wrap.img_txt .img {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -ms-flex-item-align: center;
      align-self: center;
}
.collab #collab section #other .other_info .other_info_wrap.txt_img .contents {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -ms-flex-item-align: center;
      align-self: center;
}
.collab #collab section #other .other_info .other_info_wrap.txt_img .img {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -ms-flex-item-align: center;
      align-self: center;
}
.collab #collab section #other .other_info .other_info_wrap.right_img, .collab #collab section #other .other_info .other_info_wrap.left_img {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.collab #collab section #other .other_info .other_info_wrap.right_img .contents {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -ms-flex-item-align: center;
      align-self: center;
}
.collab #collab section #other .other_info .other_info_wrap.right_img .img {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -ms-flex-item-align: center;
      align-self: center;
}
.collab #collab section #other .other_info .other_info_wrap.left_img .contents {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -ms-flex-item-align: center;
      align-self: center;
}
.collab #collab section #other .other_info .other_info_wrap.left_img .img {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -ms-flex-item-align: center;
      align-self: center;
}
.collab #collab section #other .other_info .other_info_wrap .contents {
  -ms-flex-item-align: center;
      align-self: center;
}
.collab #collab section #other .other_info .other_info_wrap .img {
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden;
}
.collab #collab section #other .other_info .notes p {
  margin-bottom: 0;
  padding-left: 16px;
  position: relative;
}
.collab #collab section #other .other_info .notes p::before {
  content: "※";
  font-size: 14px;
  position: absolute;
  top: 0;
  left: 0;
}
.collab #collab section .copy {
  margin-top: 96px;
  text-align: center;
  font-size: 12px;
}

@media screen and (max-width: 1024px) {
  .collab #collab section:not(.layer_board) {
    padding: 48px;
  }
  .collab #collab section .kvg_list {
    gap: 24px;
  }
  .collab #collab section .kvg_list .kvg_item {
    width: calc(50% - 12px);
  }
  .collab #collab section .collab_info .collab_gift {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .collab #collab section .collab_menu .menu_list .menu_item .menu_desc {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    grid-column: 1/5;
  }
  .collab #collab section .collab_menu .menu_list .menu_item .menu_img,
  .collab #collab section .collab_menu .menu_list .menu_item .menu_img_slider {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    grid-column: 1/5;
  }
  .collab #collab section .collab_menu .menu_list .menu_item .menu_caution {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media screen and (max-width: 770px) {
  .collab #collab {
    padding-bottom: 24px;
  }
  .collab #collab #collab_back {
    margin-left: 0;
    width: 100%;
  }
  .collab #collab section {
    max-width: 640px;
  }
  .collab #collab section:not(.layer_board) {
    padding: 12px;
  }
  .collab #collab section p:not(:last-of-type) {
    margin-bottom: 16px;
  }
  .collab #collab section h1 {
    margin-bottom: 24px;
    font-size: 18px;
    text-align: justify;
  }
  .collab #collab section h1 + p {
    margin-bottom: 24px;
    font-size: 14px;
  }
  .collab #collab section .top_img {
    margin-bottom: 24px;
    border-radius: 8px;
  }
  .collab #collab section > .txt {
    padding: 24px 0;
    border-top: 6px double #141E3E;
    border-bottom: 6px double #141E3E;
  }
  .collab #collab section > .txt p {
    width: calc(100% - 32px);
    max-width: 480px;
    font-size: 12px;
  }
  .collab #collab section > .txt p a {
    opacity: 1;
  }
  .collab #collab section .kvg_list {
    margin-top: 24px;
    gap: 24px;
  }
  .collab #collab section .kvg_list .kvg_item {
    width: 100%;
  }
  .collab #collab section .kvg_list .kvg_item .kvg_headline {
    padding: 16px 8px;
  }
  .collab #collab section .g_nav {
    display: none;
  }
  .collab #collab section .collab_info,
  .collab #collab section .collab_menu,
  .collab #collab section .collab_goods {
    margin-top: 144px;
    padding-top: 73px;
  }
  .collab #collab section .collab_info .headline,
  .collab #collab section .collab_menu .headline,
  .collab #collab section .collab_goods .headline {
    height: 50px;
    top: -25px;
  }
  .collab #collab section .collab_info .headline > div,
  .collab #collab section .collab_menu .headline > div,
  .collab #collab section .collab_goods .headline > div {
    font-size: 20px;
  }
  .collab #collab section .collab_info .headline > div::after, .collab #collab section .collab_info .headline > div::before,
  .collab #collab section .collab_menu .headline > div::after,
  .collab #collab section .collab_menu .headline > div::before,
  .collab #collab section .collab_goods .headline > div::after,
  .collab #collab section .collab_goods .headline > div::before {
    border: 25px solid #141E3E;
  }
  .collab #collab section .collab_info .headline > div::after,
  .collab #collab section .collab_menu .headline > div::after,
  .collab #collab section .collab_goods .headline > div::after {
    right: -33px;
    border-right-width: 10px;
    border-right-color: transparent;
  }
  .collab #collab section .collab_info .headline > div::before,
  .collab #collab section .collab_menu .headline > div::before,
  .collab #collab section .collab_goods .headline > div::before {
    left: -33px;
    border-left-width: 10px;
    border-left-color: transparent;
  }
  .collab #collab section .collab_info .headline > div > h2,
  .collab #collab section .collab_menu .headline > div > h2,
  .collab #collab section .collab_goods .headline > div > h2 {
    padding: 6px 0;
    line-height: 1;
  }
  .collab #collab section .collab_info .info_item {
    margin-bottom: 48px;
  }
  .collab #collab section .collab_info .collab_gift {
    padding: 48px 12px 24px 12px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .collab #collab section .collab_info .collab_gift:not(:last-of-type) {
    margin-bottom: 24px;
  }
  .collab #collab section .collab_info .collab_gift > .img {
    display: none;
  }
  .collab #collab section .collab_info .collab_gift .gift_num {
    font-size: 12px;
    border-left: none;
    border-right: 1px solid #ccc;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 16px;
    right: inherit;
    left: 0 !important;
  }
  .collab #collab section .collab_info .collab_gift .desc h3 {
    font-size: 18px;
  }
  .collab #collab section .collab_info .collab_gift .desc > .img {
    display: block;
    border: 1px solid #ccc;
    border-radius: 8px;
    overflow: hidden;
  }
  .collab #collab section .collab_info .collab_gift .desc > .img a {
    border: none !important;
  }
  .collab #collab section .collab_menu h3,
  .collab #collab section .collab_goods h3 {
    margin-bottom: 24px;
  }
  .collab #collab section .collab_menu #food,
  .collab #collab section .collab_menu #sweets,
  .collab #collab section .collab_menu #drink {
    margin-bottom: 48px;
  }
  .collab #collab section .collab_menu .menu_list {
    margin-top: 24px;
  }
  .collab #collab section .collab_menu .menu_list .menu_item {
    gap: 0;
    padding: 12px;
  }
  .collab #collab section .collab_menu .menu_list .menu_item.noimg .menu_desc {
    padding-top: 0;
    border: none !important;
  }
  .collab #collab section .collab_menu .menu_list .menu_item.noimg .menu_desc .name {
    font-size: 18px;
  }
  .collab #collab section .collab_menu .menu_list .menu_item:not(:last-of-type) {
    margin-bottom: 24px;
  }
  .collab #collab section .collab_menu .menu_list .menu_item .menu_desc {
    padding-top: 16px;
  }
  .collab #collab section .collab_menu .menu_list .menu_item .menu_desc .name,
  .collab #collab section .collab_menu .menu_list .menu_item .menu_desc .price_wrap {
    margin-bottom: 16px;
  }
  .collab #collab section .collab_menu .menu_list .menu_item .menu_desc .name {
    font-size: 18px;
  }
  .collab #collab section .collab_menu .menu_list .menu_item .menu_caution {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px dashed #ccc;
  }
  .collab #collab section .collab_menu .menu_list .menu_item .menu_caution > .grid {
    grid-template-columns: 1fr;
  }
  .collab #collab section .collab_menu .drink_list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 24px;
  }
  .collab #collab section .collab_menu .drink_list .drink_item {
    padding: 16px;
  }
  .collab #collab section .collab_menu .drink_list .drink_item .name {
    font-size: 18px;
  }
  .collab #collab section .collab_goods > h3:not(:first-of-type) {
    margin-top: 144px;
  }
  .collab #collab section .collab_goods .goods_txt {
    margin-bottom: 36px;
  }
  .collab #collab section .collab_goods .goods_list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .collab #collab section .collab_goods .goods_list li a {
    padding: 8px;
  }
  .collab #collab section .collab_goods .goods_list li a:hover {
    text-decoration: none;
  }
  .collab #collab section .collab_goods .goods_list li a .item_wrap .title {
    font-size: 12px;
    line-height: 1.5;
    color: #141E3E;
  }
  .collab #collab section .collab_goods .goods_list li a .item_wrap .price {
    text-align: right;
  }
  .collab #collab section .collab_goods .goods_list li a .item_wrap .price .num {
    font-size: 20px;
  }
  .collab #collab section .collab_goods .goods_list li a .item_wrap .img {
    margin-top: auto;
  }
  .collab #collab section #other .other_info .other_info_wrap {
    display: grid;
  }
  .collab #collab section #other .other_info .other_info_wrap.img_txt, .collab #collab section #other .other_info .other_info_wrap.right_img, .collab #collab section #other .other_info .other_info_wrap.left_img {
    grid-template-columns: 1fr;
  }
  .collab #collab section #other .other_info .other_info_wrap.img_txt .contents, .collab #collab section #other .other_info .other_info_wrap.right_img .contents, .collab #collab section #other .other_info .other_info_wrap.left_img .contents {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -ms-flex-item-align: center;
        align-self: center;
  }
  .collab #collab section #other .other_info .other_info_wrap.img_txt .img, .collab #collab section #other .other_info .other_info_wrap.right_img .img, .collab #collab section #other .other_info .other_info_wrap.left_img .img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -ms-flex-item-align: center;
        align-self: center;
  }
  .collab #collab section #other .other_info .other_info_wrap.txt_img {
    grid-template-columns: 1fr;
  }
  .collab #collab section #other .other_info .other_info_wrap.txt_img .contents {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -ms-flex-item-align: center;
        align-self: center;
  }
  .collab #collab section #other .other_info .other_info_wrap.txt_img .img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -ms-flex-item-align: center;
        align-self: center;
  }
  .collab #collab section #other .other_info .other_info_wrap .contents {
    -ms-flex-item-align: center;
        align-self: center;
  }
  .collab #collab section .copy {
    margin-top: 96px;
    text-align: center;
    font-size: 10px;
  }
}
.safeRuleCure {
  margin-top: 16px;
  padding: 8px 4px;
  display: inline-block;
  background: #fffab5;
  font-size: 12px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.safeRuleCure:hover {
  background: #c00;
  color: #fff;
}

.twitter-hashtags-btn {
  display: inline-block;
  background: #1DA1F2;
  border-radius: 5px;
  padding: 5px 7px 5px 3px;
  color: #fff !important;
  font-weight: bold;
  text-align: left;
  margin: 0 auto 0 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.twitter-hashtags-btn:hover {
  background: #f00;
  text-decoration: none;
}

.yt-wrapper {
  position: relative;
  width: 100%;
}

.yt-wrapper:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

.yt-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*--------------------
前半・後半などのボタン
--------------------*/
.btn_wraps {
  margin-bottom: 48px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.btn_wraps.single {
  grid-template-columns: repeat(1, minmax(0, 1fr));
  place-items: center;
}
.btn_wraps.single .btn_wraps-btn {
  width: 100%;
}
.btn_wraps .btn_wraps-btn {
  width: 100%;
  max-width: 600px;
  padding: 16px;
  background: #fff;
  border: 2px solid #3eac14;
  color: #3eac14;
  border-radius: 40px;
  border-radius: calc(infinity * 1px);
  font-size: 20px;
  font-weight: 900;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.btn_wraps .btn_wraps-btn:hover {
  background: #3eac14;
  color: #fff;
}
.btn_wraps .btn_wraps-btn.current {
  background: #3eac14;
  border: 2px solid #3eac14;
  color: #fff;
  pointer-events: none;
}

@media screen and (max-width: 770px) {
  .btn_wraps {
    margin-bottom: 32px;
    gap: 8px;
  }
  .btn_wraps .btn_wraps-btn {
    padding: 0px 8px;
  }
}