@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");
/* 共通
-------------------------------------------- */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.sp {
  display: none;
}

img {
  max-width: 100%;
}

.crunkymatsuken {
  font-family: "Noto Sans JP", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Verdana", sans-serif;
  font-weight: 400;
  line-height: 1;
  color: #000;
}
.crunkymatsuken a {
  color: #000;
  text-decoration: none;
}
.crunkymatsuken ul.caut {
  text-align: left;
  list-style-type: none;
  line-height: 1.4;
}
.crunkymatsuken ul.caut li {
  padding-left: 1em;
  text-indent: -1em;
  padding-bottom: .1em;
}
.crunkymatsuken ul.caut.dot li {
  padding-left: 0.5em;
  text-indent: -0.5em;
}
.crunkymatsuken .att {
  color: #ff0000;
}
.crunkymatsuken_kv, .crunkymatsuken_navi, .crunkymatsuken_seal_ttl, .crunkymatsuken_seal_img, .crunkymatsuken_zipperbag_ttl, .crunkymatsuken_zipperbag_img, .crunkymatsuken_store_ttl, .crunkymatsuken_store_lineup, .crunkymatsuken_bromide_ttl, .crunkymatsuken_bromide_ttl_lineup {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -webkit-touch-callout: none;
  user-select: none;
}

/* モーダルの基本スタイル */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
  z-index: 9999;
}

.modal.is-open {
  opacity: 1;
  visibility: visible;
}

.modal-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-container {
  background: #000;
  max-width: 840px;
  width: 90%;
  position: relative;
  padding: 20px 40px;
  border-radius: 10px;
}

.modal-close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background-color: #fff;
  color: #000;
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  position: absolute;
  top: -20px;
  right: 20px;
}
.modal-close:hover {
  background-color: #ec651d;
}

/* YouTubeの16:9レスポンシブ対応 */
.iframe-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  /* モダンブラウザ向けの16:9指定 */
}

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

.swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 50px;
}
.swiper-pagination-bullet {
  width: 30px;
  height: 30px;
  margin: 0 6px;
  border-radius: 15px;
  color: #fff;
  background: #fff;
}
.swiper-pagination-bullet:hover, .swiper-pagination-bullet-active {
  color: #ec651d;
  background: #ec651d;
}
.swiper-button-prev, .swiper-button-next {
  height: 60px;
  line-height: 1;
  color: #fff;
  position: absolute;
  bottom: -20px;
  font-size: 40px;
}
.swiper-button-prev:hover, .swiper-button-next:hover {
  color: #ec651d;
}
.swiper-button-prev {
  left: 10px;
}
.swiper-button-next {
  right: 10px;
}
.swiper-button-disabled {
  display: none;
}

/* PC
-------------------------------------------- */
@media screen and (min-width: 768px), print {
  .sp {
    display: none;
  }

  .crunkymatsuken {
    background: linear-gradient(to bottom, #f98054, #ffd67e);
    font-size: 20px;
    font-feature-settings: "palt";
    color: #632d00;
    overflow: hidden;
    z-index: 0;
    position: relative;
    padding-bottom: 80px;
    /* seal-------------------------------*/
    /* zipperbag-------------------------------*/
    /* store-------------------------------*/
    /* bromide-------------------------------*/
  }
  .crunkymatsuken_kv {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto 0;
    line-height: 0;
  }
  .crunkymatsuken_navi {
    box-sizing: border-box;
    max-width: 1100px;
    margin: 40px auto 0;
    background: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
  }
  .crunkymatsuken_navi ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 10px 40px;
  }
  .crunkymatsuken_navi ul li {
    max-width: 1025px;
    width: 100%;
    position: relative;
    line-height: 0;
    transition: 0.3s all;
  }
  .crunkymatsuken_navi ul li:hover {
    transform: scale(1.05, 1.05);
  }
  .crunkymatsuken ul.caut {
    margin: 20px 20px 0;
  }
  .crunkymatsuken_copy {
    margin-top: 100px;
    text-align: center;
  }
  .crunkymatsuken_seal {
    padding-top: 90px;
  }
  .crunkymatsuken_seal_ttl {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 320px;
    background: linear-gradient(113deg, #fcc600, #ea5404);
    position: relative;
    transition: 0.3s;
  }
  .crunkymatsuken_seal_ttl img {
    max-width: 596.5px;
    width: 100%;
    margin: 0 auto;
    transform: translate(200px, 60px);
    position: relative;
    z-index: 3;
    transition: 0.3s;
  }
  .crunkymatsuken_seal_ttl::before {
    content: "";
    width: 1183px;
    height: 685px;
    background: url("../img/crunkymatsuken_confetti.png") no-repeat;
    background-size: contain;
    position: absolute;
    top: -60px;
    left: calc(50% - calc(1183px / 2));
    z-index: 1;
    transition: 0.3s;
  }
}
@media screen and (min-width: 768px) and (max-width: 950px) {
  .crunkymatsuken_seal_ttl::before {
    width: 110vw;
    left: calc(50% - calc(110vw / 2));
  }
}
@media screen and (min-width: 768px), print {
  .crunkymatsuken_seal_ttl::after {
    content: "";
    width: 518px;
    height: 404px;
    background: url("../img/crunkymatsuken_seal_ttl_img.png") no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: calc(50% - calc(518px / 2 + 350px));
    z-index: 2;
  }
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  .crunkymatsuken_seal_ttl {
    display: flex;
    justify-content: flex-end;
    height: 32vw;
  }
  .crunkymatsuken_seal_ttl img {
    max-width: 60vw;
    margin: 60px 10px 0 auto;
    transform: translate(0, 0);
  }
  .crunkymatsuken_seal_ttl::after {
    background-position: left bottom;
    width: 46vw;
    left: -6vw;
  }
}
@media screen and (min-width: 768px), print {
  .crunkymatsuken_seal_inr {
    box-sizing: border-box;
    max-width: 1100px;
    width: 100%;
    margin: 20px auto 0;
    padding: 30px 20px 50px;
    background: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
  }
  .crunkymatsuken_seal_ex {
    max-width: 936px;
    margin: 0 auto 0;
    position: relative;
    z-index: 10px;
  }
  .crunkymatsuken_seal_date {
    box-sizing: border-box;
    max-width: 860px;
    margin: 30px auto 0;
    border-radius: 20px;
    border: 6px solid #632d00;
    background: #fff;
    overflow: hidden;
    line-height: 0;
  }
  .crunkymatsuken_seal_date_ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    background: #632d00;
  }
  .crunkymatsuken_seal_date_ttl img {
    width: 276.5px;
  }
  .crunkymatsuken_seal_date_time {
    max-width: 616px;
    width: 100%;
    margin: 30px auto;
  }
  .crunkymatsuken_seal_img {
    max-width: 622px;
    margin: 30px auto 0;
    position: relative;
  }
  .crunkymatsuken_seal_flow {
    box-sizing: border-box;
    max-width: 1000px;
    width: 100%;
    margin: 30px auto 0;
    padding-bottom: 30px;
    border-radius: 20px;
    border: 6px solid #632d00;
    background: #fff;
    overflow: hidden;
    line-height: 0;
  }
  .crunkymatsuken_seal_flow_ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    background: #632d00;
  }
  .crunkymatsuken_seal_flow_ttl img {
    width: 147.5px;
  }
  .crunkymatsuken_seal_flow_lst {
    display: grid;
    justify-items: center;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "col1 col2" "col3 col2";
    padding: 30px 20px;
  }
  .crunkymatsuken_seal_flow_lst li.step {
    width: 430px;
    transition: 0.3s;
  }
  .crunkymatsuken_seal_flow_lst li.step ul.caut {
    margin: 20px 0 0;
    font-size: 18px;
  }
  .crunkymatsuken_seal_flow_lst li.step strong {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 180px;
    height: 60px;
    margin: 0 auto;
    background: #fccc19;
    border-radius: 30px;
  }
  .crunkymatsuken_seal_flow_lst li.step .ex {
    margin: 20px auto 0;
  }
  .crunkymatsuken_seal_flow_lst li.step .img {
    margin: 20px auto 0;
  }
  .crunkymatsuken_seal_flow_lst li.step:first-of-type {
    grid-area: col1;
  }
  .crunkymatsuken_seal_flow_lst li.step:first-of-type strong img {
    width: 116.5px;
  }
  .crunkymatsuken_seal_flow_lst li.step:first-of-type .ex {
    width: 400px;
  }
  .crunkymatsuken_seal_flow_lst li.step:first-of-type .img {
    width: 423px;
  }
  .crunkymatsuken_seal_flow_lst li.step:nth-of-type(2) {
    grid-area: col2;
  }
  .crunkymatsuken_seal_flow_lst li.step:nth-of-type(2) strong img {
    width: 123px;
  }
  .crunkymatsuken_seal_flow_lst li.step:nth-of-type(2) .ex {
    width: 363.5px;
  }
  .crunkymatsuken_seal_flow_lst li.step:nth-of-type(2) .img {
    width: 270.5px;
  }
  .crunkymatsuken_seal_flow_lst li.step:nth-of-type(2) .goodimg {
    width: 270.5px;
    margin: 20px auto 0;
  }
  .crunkymatsuken_seal_flow_lst li.step:nth-of-type(3) {
    grid-area: col3;
    margin-top: 30px;
  }
  .crunkymatsuken_seal_flow_lst li.step:nth-of-type(3) strong img {
    width: 123.5px;
  }
  .crunkymatsuken_seal_flow_lst li.step:nth-of-type(3) .ex {
    width: 331.5px;
  }
  .crunkymatsuken_seal_flow_lst li.step:nth-of-type(3) .img {
    width: 215px;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .crunkymatsuken_seal_flow_lst {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3.9113428944vw 1.3037809648vw;
  }
  .crunkymatsuken_seal_flow_lst li.step {
    width: 100%;
  }
  .crunkymatsuken_seal_flow_lst li.step:not(:first-of-type) {
    margin-top: 5vw;
  }
  .crunkymatsuken_seal_flow_lst li.step ul.caut li br {
    display: none;
  }
}
@media screen and (min-width: 768px), print {
  .crunkymatsuken_seal_flow_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    padding: 0 10px;
    transition: 0.3s all;
  }
  .crunkymatsuken_seal_flow_btn img {
    max-width: 701px;
    width: 100%;
  }
  .crunkymatsuken_seal_flow_btn:hover {
    transform: scale(1.05, 1.05);
  }
  .crunkymatsuken_seal_contact {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    max-width: 1000px;
    width: 100%;
    margin: 30px auto 0;
    padding: 30px 0;
    border-radius: 20px;
    background: #e7e7e7;
    overflow: hidden;
    line-height: 0;
  }
  .crunkymatsuken_seal_contact_ttl {
    width: 577px;
  }
  .crunkymatsuken_seal_contact_tel {
    width: 525.5px;
  }
  .crunkymatsuken_seal_contact_period dt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 227px;
    height: 78px;
    margin: 0 auto;
    background: #fccc19;
    border-radius: 39px;
  }
  .crunkymatsuken_seal_contact_period dt img {
    width: 173.5px;
  }
  .crunkymatsuken_seal_contact_period dd {
    width: 668px;
    margin-top: 20px;
  }
  .crunkymatsuken_seal_contact_hours dt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 227px;
    height: 78px;
    margin: 0 auto;
    background: #fccc19;
    border-radius: 39px;
  }
  .crunkymatsuken_seal_contact_hours dt img {
    width: 173px;
  }
  .crunkymatsuken_seal_contact_hours dd {
    width: 399.5px;
    margin-top: 20px;
  }
  .crunkymatsuken_items {
    box-sizing: border-box;
    max-width: 1000px;
    width: 100%;
    margin: 30px auto 0;
    border-radius: 20px;
    border: 6px solid #632d00;
    background: #fff;
    overflow: hidden;
    padding-bottom: 30px;
  }
  .crunkymatsuken_items_ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    background: #632d00;
    line-height: 0;
  }
  .crunkymatsuken_items_ttl img {
    width: 351.5px;
  }
  .crunkymatsuken_items_lst {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 20px 0;
    line-height: 0;
    transition: 0.3s;
  }
  .crunkymatsuken_items_lst li {
    width: 300px;
    transition: 0.3s;
  }
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  .crunkymatsuken_items_lst {
    gap: 1vw;
  }
  .crunkymatsuken_items_lst li {
    width: 32%;
  }
}
@media screen and (min-width: 768px), print {
  .crunkymatsuken_items ul.caut {
    text-align: center;
  }
  .crunkymatsuken_items ul.caut br {
    display: none;
  }
  .crunkymatsuken_items_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    padding: 0 10px;
    transition: 0.3s all;
  }
  .crunkymatsuken_items_btn img {
    max-width: 732px;
    width: 100%;
  }
  .crunkymatsuken_items_btn:hover {
    transform: scale(1.05, 1.05);
  }
  .crunkymatsuken_zipperbag {
    padding-top: 90px;
  }
  .crunkymatsuken_zipperbag_ttl {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 320px;
    background: linear-gradient(113deg, #fcc600, #ea5404);
    position: relative;
  }
  .crunkymatsuken_zipperbag_ttl img {
    max-width: 788px;
    width: 100%;
    margin: 0 auto;
    transform: translate(150px, 60px);
    position: relative;
    z-index: 3;
  }
  .crunkymatsuken_zipperbag_ttl::before {
    content: "";
    width: 1183px;
    height: 685px;
    background: url("../img/crunkymatsuken_confetti.png") no-repeat;
    background-size: contain;
    position: absolute;
    top: -60px;
    left: calc(50% - calc(1183px / 2));
    z-index: 1;
  }
}
@media screen and (min-width: 768px) and (max-width: 950px) {
  .crunkymatsuken_zipperbag_ttl::before {
    width: 110vw;
    left: calc(50% - calc(110vw / 2));
  }
}
@media screen and (min-width: 768px), print {
  .crunkymatsuken_zipperbag_ttl::after {
    content: "";
    width: 254.5px;
    height: 374px;
    background: url("../img/crunkymatsuken_zipperbag_ttl_img.png") no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: calc(50% - calc(254.5px / 2 + 350px));
    z-index: 2;
  }
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  .crunkymatsuken_zipperbag_ttl {
    display: flex;
    justify-content: flex-end;
    height: 32vw;
  }
  .crunkymatsuken_zipperbag_ttl img {
    width: 65vw;
    margin: 6vw 5vw 0 auto;
    transform: translate(0, 0);
  }
  .crunkymatsuken_zipperbag_ttl::after {
    background-position: left bottom;
    width: 30vw;
    left: 3vw;
  }
}
@media screen and (min-width: 768px), print {
  .crunkymatsuken_zipperbag_inr {
    box-sizing: border-box;
    max-width: 1100px;
    margin: 20px auto 0;
    padding: 30px 20px 50px;
    background: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
  }
  .crunkymatsuken_zipperbag_ex {
    max-width: 936.5px;
    margin: 0 auto 0;
    position: relative;
    z-index: 10px;
  }
  .crunkymatsuken_zipperbag_date {
    box-sizing: border-box;
    max-width: 860px;
    margin: 30px auto 0;
    border-radius: 20px;
    border: 6px solid #632d00;
    background: #fff;
    overflow: hidden;
    line-height: 0;
  }
  .crunkymatsuken_zipperbag_date_ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    background: #632d00;
  }
  .crunkymatsuken_zipperbag_date_ttl img {
    width: 276.5px;
  }
  .crunkymatsuken_zipperbag_date_time {
    max-width: 607.5px;
    width: 100%;
    margin: 30px auto;
  }
  .crunkymatsuken_zipperbag_img {
    max-width: 923px;
    margin: 30px auto 0;
    position: relative;
  }
  .crunkymatsuken_zipperbag_shops {
    box-sizing: border-box;
    max-width: 1000px;
    width: 100%;
    margin: 30px auto 0;
    padding-bottom: 30px;
    border-radius: 20px;
    border: 6px solid #632d00;
    background: #fff;
    overflow: hidden;
  }
  .crunkymatsuken_zipperbag_shops_ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    background: #632d00;
    line-height: 0;
  }
  .crunkymatsuken_zipperbag_shops_ttl img {
    width: 149px;
  }
  .crunkymatsuken_zipperbag_shops p {
    text-align: center;
    font-size: 40px;
    padding: 50px 0 0;
  }
  .crunkymatsuken_zipperbag_shops ul.caut {
    margin-top: 40px;
    text-align: center;
  }
  .crunkymatsuken_zipperbag_shops ul.caut br {
    display: none;
  }
  .crunkymatsuken_zipperbag_contact {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    max-width: 1000px;
    width: 100%;
    margin: 30px auto 0;
    padding: 30px 0;
    border-radius: 20px;
    background: #e7e7e7;
    overflow: hidden;
    line-height: 0;
  }
  .crunkymatsuken_zipperbag_contact_ttl {
    width: 577px;
  }
  .crunkymatsuken_zipperbag_contact_tel {
    width: 525.5px;
  }
  .crunkymatsuken_zipperbag_contact_period dt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 227px;
    height: 78px;
    margin: 0 auto;
    background: #fccc19;
    border-radius: 39px;
  }
  .crunkymatsuken_zipperbag_contact_period dt img {
    width: 173.5px;
  }
  .crunkymatsuken_zipperbag_contact_period dd {
    width: 668px;
    margin-top: 20px;
  }
  .crunkymatsuken_zipperbag_contact_hours dt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 227px;
    height: 78px;
    margin: 0 auto;
    background: #fccc19;
    border-radius: 39px;
  }
  .crunkymatsuken_zipperbag_contact_hours dt img {
    width: 173px;
  }
  .crunkymatsuken_zipperbag_contact_hours dd {
    width: 399.5px;
    margin-top: 20px;
  }
  .crunkymatsuken_store {
    padding-top: 90px;
  }
  .crunkymatsuken_store_ttl {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 320px;
    background: linear-gradient(113deg, #fcc600, #ea5404);
    position: relative;
  }
  .crunkymatsuken_store_ttl img {
    max-width: 674.5px;
    width: 100%;
    margin: 0 auto;
    transform: translate(170px, 60px);
    position: relative;
    z-index: 3;
  }
  .crunkymatsuken_store_ttl::before {
    content: "";
    width: 1183px;
    height: 685px;
    background: url("../img/crunkymatsuken_confetti.png") no-repeat;
    background-size: contain;
    position: absolute;
    top: -60px;
    left: calc(50% - calc(1183px / 2));
    z-index: 1;
  }
}
@media screen and (min-width: 768px) and (max-width: 950px) {
  .crunkymatsuken_store_ttl::before {
    width: 110vw;
    left: calc(50% - calc(110vw / 2));
  }
}
@media screen and (min-width: 768px), print {
  .crunkymatsuken_store_ttl::after {
    content: "";
    width: 531px;
    height: 368px;
    background: url("../img/crunkymatsuken_store_ttl_img.png") no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: calc(50% - calc(254.5px / 2 + 500px));
    z-index: 2;
  }
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  .crunkymatsuken_store_ttl {
    display: flex;
    justify-content: flex-end;
    height: 32vw;
  }
  .crunkymatsuken_store_ttl img {
    max-width: 63vw;
    margin: 60px 10px 0 auto;
    transform: translate(0, 0);
  }
  .crunkymatsuken_store_ttl::after {
    background-position: left bottom;
    width: 48vw;
    left: -6vw;
  }
}
@media screen and (min-width: 768px), print {
  .crunkymatsuken_store_inr {
    box-sizing: border-box;
    max-width: 1100px;
    margin: 20px auto 0;
    padding: 30px 20px 50px;
    background: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
  }
  .crunkymatsuken_store_ex {
    max-width: 936.5px;
    margin: 0 auto 0;
    position: relative;
    z-index: 10px;
  }
  .crunkymatsuken_store_date {
    box-sizing: border-box;
    max-width: 860px;
    margin: 30px auto 0;
    border-radius: 20px;
    border: 6px solid #632d00;
    background: #fff;
    overflow: hidden;
    line-height: 0;
  }
  .crunkymatsuken_store_date dt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    background: #632d00;
  }
  .crunkymatsuken_store_date dt img {
    width: 145.5px;
  }
  .crunkymatsuken_store_date dd {
    max-width: 615px;
    width: 100%;
    margin: 30px auto;
  }
  .crunkymatsuken_store_place {
    box-sizing: border-box;
    max-width: 860px;
    margin: 30px auto 0;
    border-radius: 20px;
    border: 6px solid #632d00;
    background: #fff;
    overflow: hidden;
    line-height: 0;
  }
  .crunkymatsuken_store_place dt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    background: #632d00;
  }
  .crunkymatsuken_store_place dt img {
    width: 87px;
  }
  .crunkymatsuken_store_place dd {
    max-width: 381px;
    width: 100%;
    margin: 30px auto;
  }
  .crunkymatsuken_store_lineup {
    max-width: 336px;
    margin: 50px auto 0;
    position: relative;
  }
  .crunkymatsuken_store_btn {
    max-width: 732px;
    width: 100%;
    margin: 30px auto 0;
  }
  .crunkymatsuken_store_btn:last-of-type {
    transition: 0.3s all;
  }
  .crunkymatsuken_store_btn:last-of-type:hover {
    transform: scale(1.05, 1.05);
  }
  .crunkymatsuken_bromide {
    padding-top: 90px;
  }
  .crunkymatsuken_bromide_ttl {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 320px;
    background: linear-gradient(113deg, #fcc600, #ea5404);
    position: relative;
  }
  .crunkymatsuken_bromide_ttl img {
    max-width: 517px;
    width: 100%;
    margin: 0 auto;
    transform: translate(140px, 60px);
    position: relative;
    z-index: 3;
  }
  .crunkymatsuken_bromide_ttl::before {
    content: "";
    width: 1183px;
    height: 685px;
    background: url("../img/crunkymatsuken_confetti.png") no-repeat;
    background-size: contain;
    position: absolute;
    top: -60px;
    left: calc(50% - calc(1183px / 2));
    z-index: 1;
  }
}
@media screen and (min-width: 768px) and (max-width: 950px) {
  .crunkymatsuken_bromide_ttl::before {
    width: 110vw;
    left: calc(50% - calc(110vw / 2));
  }
}
@media screen and (min-width: 768px), print {
  .crunkymatsuken_bromide_ttl::after {
    content: "";
    width: 295.5px;
    height: 287px;
    background: url("../img/crunkymatsuken_bromide_ttl_img.png") no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 20px;
    left: calc(50% - calc(295.5px / 2 + 300px));
    z-index: 2;
  }
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  .crunkymatsuken_bromide_ttl {
    display: flex;
    justify-content: flex-end;
    height: 32vw;
  }
  .crunkymatsuken_bromide_ttl img {
    max-width: 50vw;
    margin: 6vw 6vw 0 auto;
    transform: translate(0, 0);
  }
  .crunkymatsuken_bromide_ttl::after {
    background-position: left bottom;
    width: 48vw;
    left: 2vw;
  }
}
@media screen and (min-width: 768px), print {
  .crunkymatsuken_bromide_inr {
    box-sizing: border-box;
    max-width: 1100px;
    margin: 20px auto 0;
    padding: 30px 20px 50px;
    background: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
  }
  .crunkymatsuken_bromide_date {
    box-sizing: border-box;
    max-width: 860px;
    margin: 30px auto 0;
    border-radius: 20px;
    border: 6px solid #632d00;
    background: #fff;
    overflow: hidden;
    line-height: 0;
  }
  .crunkymatsuken_bromide_date dt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    background: #632d00;
  }
  .crunkymatsuken_bromide_date dt img {
    width: 148px;
  }
  .crunkymatsuken_bromide_date dd {
    max-width: 615px;
    width: 100%;
    margin: 30px auto;
  }
  .crunkymatsuken_bromide_shops {
    box-sizing: border-box;
    max-width: 860px;
    margin: 30px auto 0;
    border-radius: 20px;
    border: 6px solid #632d00;
    background: #fff;
    overflow: hidden;
  }
  .crunkymatsuken_bromide_shops dt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    background: #632d00;
    line-height: 0;
  }
  .crunkymatsuken_bromide_shops dt img {
    width: 148.5px;
  }
  .crunkymatsuken_bromide_shops dd {
    padding: 50px 0;
  }
  .crunkymatsuken_bromide_shops dd p {
    text-align: center;
    font-size: 40px;
  }
  .crunkymatsuken_bromide_shops dd ul.caut {
    margin-top: 40px;
    text-align: center;
  }
  .crunkymatsuken_bromide_shops dd ul.caut br {
    display: none;
  }
  .crunkymatsuken_bromide_lineup {
    margin-top: 40px;
  }
  .crunkymatsuken_bromide_lineup_ttl {
    width: 311.5px;
    margin: 0 auto 0;
  }
  .crunkymatsuken_bromide_lineup_soon {
    max-width: 668.5px;
    width: 100%;
    margin: 20px auto 0;
  }
  .crunkymatsuken_bromide_lineup_img {
    max-width: 980px;
    width: 100%;
    margin: 20px auto 0;
  }
  .crunkymatsuken_bromide_btn {
    max-width: 732px;
    width: 100%;
    margin: 60px auto 0;
    transition: 0.3s all;
  }
  .crunkymatsuken_bromide_btn:hover {
    transform: scale(1.05, 1.05);
  }
  .crunkymatsuken_bromide_detail_btn {
    max-width: 732px;
    width: 100%;
    margin: 20px auto 0;
  }
  .crunkymatsuken_bromide_detail_btn.active {
    transition: 0.3s all;
  }
  .crunkymatsuken_bromide_detail_btn.active:hover {
    transform: scale(1.05, 1.05);
  }
}
/* SP
-------------------------------------------- */
@media screen and (max-width: 767px) {
  body {
    min-height: 100vh;
  }

  .pc {
    display: none;
  }

  .crunkymatsuken {
    background: linear-gradient(to bottom, #f98054, #ffd67e);
    font-size: 3.1290743155vw;
    color: #632d00;
    font-feature-settings: "palt";
    letter-spacing: .05em;
    position: relative;
    z-index: 0;
    overflow: hidden;
    padding-bottom: 10.4302477184vw;
    /* seal-------------------------------*/
    /* zipperbag-------------------------------*/
    /* store-------------------------------*/
    /* bromide-------------------------------*/
  }
  .crunkymatsuken span.mono {
    text-transform: full-width;
    font-feature-settings: "pwid" 0;
  }
  .crunkymatsuken img {
    width: 100%;
    height: auto;
  }
  .crunkymatsuken_kv {
    width: 100%;
    line-height: 0;
  }
  .crunkymatsuken_navi {
    box-sizing: border-box;
    max-width: 100%;
    margin: 5.2151238592vw auto 0;
    background: #fff;
    box-shadow: 0 0 3.9113428944vw rgba(0, 0, 0, 0.3);
  }
  .crunkymatsuken_navi ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2.6075619296vw 1.3037809648vw 5.2151238592vw;
  }
  .crunkymatsuken_navi ul li {
    width: 100%;
    position: relative;
    line-height: 0;
  }
  .crunkymatsuken ul.caut {
    margin: 1em 1em 0;
  }
  .crunkymatsuken_copy {
    margin-top: 100px;
    text-align: center;
  }
  .crunkymatsuken_seal {
    padding-top: 11.7340286832vw;
  }
  .crunkymatsuken_seal_ttl {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 28.6831812256vw;
    background: linear-gradient(113deg, #fcc600, #ea5404);
    position: relative;
  }
  .crunkymatsuken_seal_ttl img {
    width: 60.3650586701vw;
    margin: 0 auto;
    transform: translate(16vw, 6vw);
    position: relative;
    z-index: 3;
  }
  .crunkymatsuken_seal_ttl::before {
    content: "";
    width: 100%;
    height: 65.7105606258vw;
    background: url("../img/crunkymatsuken_confetti_sp.png") no-repeat;
    background-size: contain;
    position: absolute;
    top: -5.2151238592vw;
    left: 0;
    z-index: 1;
  }
  .crunkymatsuken_seal_ttl::after {
    content: "";
    width: 40.1564537158vw;
    height: 32.4641460235vw;
    background: url("../img/crunkymatsuken_seal_ttl_img_sp.png") no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
  }
  .crunkymatsuken_seal_inr {
    box-sizing: border-box;
    width: 100%;
    margin: 2.6075619296vw auto 0;
    padding: 3.9113428944vw 0 6.518904824vw;
    background: #fff;
    box-shadow: 0 0 3.9113428944vw rgba(0, 0, 0, 0.3);
  }
  .crunkymatsuken_seal_ex {
    width: 90.8735332464vw;
    margin: 0 auto 0;
    position: relative;
    z-index: 1.3037809648vw;
  }
  .crunkymatsuken_seal_date {
    box-sizing: border-box;
    width: 97.3924380704vw;
    margin: 3.9113428944vw auto 0;
    border-radius: 2.6075619296vw;
    border: 0.7822685789vw solid #632d00;
    background: #fff;
    overflow: hidden;
    line-height: 0;
  }
  .crunkymatsuken_seal_date_ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 7.8226857888vw;
    background: #632d00;
  }
  .crunkymatsuken_seal_date_ttl img {
    width: 35.9843546284vw;
  }
  .crunkymatsuken_seal_date_time {
    width: 80.5736636245vw;
    margin: 3.9113428944vw auto;
  }
  .crunkymatsuken_seal_img {
    width: 81.0951760104vw;
    margin: 3.9113428944vw auto 0;
    position: relative;
  }
  .crunkymatsuken_seal_flow {
    box-sizing: border-box;
    width: 97.3924380704vw;
    margin: 3.9113428944vw auto 0;
    padding-bottom: 3.9113428944vw;
    border-radius: 2.6075619296vw;
    border: 0.7822685789vw solid #632d00;
    background: #fff;
    overflow: hidden;
    line-height: 0;
  }
  .crunkymatsuken_seal_flow_ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 7.8226857888vw;
    background: #632d00;
  }
  .crunkymatsuken_seal_flow_ttl img {
    width: 19.295958279vw;
  }
  .crunkymatsuken_seal_flow_lst {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3.9113428944vw 0;
  }
  .crunkymatsuken_seal_flow_lst li {
    width: 91.2646675359vw;
  }
  .crunkymatsuken_seal_flow_lst li ul.caut {
    margin: 2.6075619296vw 0 0;
    font-size: 3.1290743155vw;
  }
  .crunkymatsuken_seal_flow_lst li ul.caut br {
    display: none;
  }
  .crunkymatsuken_seal_flow_lst li strong {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 23.4680573664vw;
    height: 7.8226857888vw;
    margin: 0 auto;
    background: #fccc19;
    border-radius: 3.9113428944vw;
  }
  .crunkymatsuken_seal_flow_lst li .ex {
    margin: 2.6075619296vw auto 0;
  }
  .crunkymatsuken_seal_flow_lst li .img {
    margin: 2.6075619296vw auto 0;
  }
  .crunkymatsuken_seal_flow_lst li:first-of-type strong img {
    width: 15.2542372881vw;
  }
  .crunkymatsuken_seal_flow_lst li:first-of-type .ex {
    width: 65.1890482399vw;
  }
  .crunkymatsuken_seal_flow_lst li:first-of-type .img {
    width: 70.1434159061vw;
  }
  .crunkymatsuken_seal_flow_lst li:nth-of-type(2) {
    margin-top: 3.9113428944vw;
  }
  .crunkymatsuken_seal_flow_lst li:nth-of-type(2) strong img {
    width: 15.9061277705vw;
  }
  .crunkymatsuken_seal_flow_lst li:nth-of-type(2) .ex {
    width: 59.1916558018vw;
  }
  .crunkymatsuken_seal_flow_lst li:nth-of-type(2) .img {
    width: 50.4563233377vw;
  }
  .crunkymatsuken_seal_flow_lst li:nth-of-type(2) .goodimg {
    width: 46.5449804433vw;
    margin: 2.6075619296vw auto 0;
  }
  .crunkymatsuken_seal_flow_lst li:nth-of-type(3) {
    margin-top: 3.9113428944vw;
  }
  .crunkymatsuken_seal_flow_lst li:nth-of-type(3) strong img {
    width: 16.1668839635vw;
  }
  .crunkymatsuken_seal_flow_lst li:nth-of-type(3) .ex {
    width: 53.9765319426vw;
  }
  .crunkymatsuken_seal_flow_lst li:nth-of-type(3) .img {
    width: 44.7196870926vw;
  }
  .crunkymatsuken_seal_flow_btn {
    width: 92.1773142112vw;
    margin: 3.9113428944vw auto 0;
  }
  .crunkymatsuken_seal_contact {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6.518904824vw;
    width: 97.3924380704vw;
    margin: 3.9113428944vw auto 0;
    padding: 3.9113428944vw 0;
    border-radius: 2.6075619296vw;
    background: #e7e7e7;
    overflow: hidden;
    line-height: 0;
  }
  .crunkymatsuken_seal_contact_ttl {
    width: 75.3585397653vw;
  }
  .crunkymatsuken_seal_contact_tel {
    width: 68.7092568449vw;
  }
  .crunkymatsuken_seal_contact_period dt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 29.5958279009vw;
    height: 10.1694915254vw;
    margin: 0 auto;
    background: #fccc19;
    border-radius: 5.0847457627vw;
  }
  .crunkymatsuken_seal_contact_period dt img {
    width: 20.5997392438vw;
  }
  .crunkymatsuken_seal_contact_period dd {
    width: 86.8318122555vw;
    margin-top: 2.6075619296vw;
  }
  .crunkymatsuken_seal_contact_hours dt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 29.5958279009vw;
    height: 10.1694915254vw;
    margin: 0 auto;
    background: #fccc19;
    border-radius: 5.0847457627vw;
  }
  .crunkymatsuken_seal_contact_hours dt img {
    width: 20.4693611473vw;
  }
  .crunkymatsuken_seal_contact_hours dd {
    width: 52.1512385919vw;
    margin-top: 2.6075619296vw;
  }
  .crunkymatsuken_items {
    box-sizing: border-box;
    max-width: 97.3924380704vw;
    margin: 3.9113428944vw auto 0;
    border-radius: 2.6075619296vw;
    border: 0.7822685789vw solid #632d00;
    background: #fff;
    overflow: hidden;
    padding-bottom: 3.9113428944vw;
  }
  .crunkymatsuken_items_ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 7.8226857888vw;
    background: #632d00;
    line-height: 0;
  }
  .crunkymatsuken_items_ttl img {
    width: 45.8930899609vw;
  }
  .crunkymatsuken_items_lst {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2.6075619296vw;
    padding: 2.6075619296vw 0;
    line-height: 0;
  }
  .crunkymatsuken_items_lst li {
    width: 45.6323337679vw;
  }
  .crunkymatsuken_items ul.caut {
    text-align: center;
  }
  .crunkymatsuken_items_btn {
    width: 92.1773142112vw;
    margin: 3.9113428944vw auto 0;
  }
  .crunkymatsuken_zipperbag {
    padding-top: 11.7340286832vw;
  }
  .crunkymatsuken_zipperbag_ttl {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 41.7209908735vw;
    background: linear-gradient(113deg, #fcc600, #ea5404);
    position: relative;
  }
  .crunkymatsuken_zipperbag_ttl img {
    width: 74.7066492829vw;
    margin: 0 auto;
    transform: translate(12vw, 10vw);
    position: relative;
    z-index: 3;
  }
  .crunkymatsuken_zipperbag_ttl::before {
    content: "";
    width: 100%;
    height: 65.7105606258vw;
    background: url("../img/crunkymatsuken_confetti_sp.png") no-repeat;
    background-size: contain;
    position: absolute;
    top: -5.2151238592vw;
    left: 0;
    z-index: 1;
  }
  .crunkymatsuken_zipperbag_ttl::after {
    content: "";
    width: 28.2920469361vw;
    height: 41.3298565841vw;
    background: url("../img/crunkymatsuken_zipperbag_ttl_img_sp.png") no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
  }
  .crunkymatsuken_zipperbag_inr {
    box-sizing: border-box;
    width: 100%;
    margin: 2.6075619296vw auto 0;
    padding: 3.9113428944vw 0 6.518904824vw;
    background: #fff;
    box-shadow: 0 0 3.9113428944vw rgba(0, 0, 0, 0.3);
  }
  .crunkymatsuken_zipperbag_ex {
    width: 97.001303781vw;
    margin: 0 auto 0;
    position: relative;
    z-index: 1.3037809648vw;
  }
  .crunkymatsuken_zipperbag_date {
    box-sizing: border-box;
    width: 97.3924380704vw;
    margin: 3.9113428944vw auto 0;
    border-radius: 2.6075619296vw;
    border: 0.7822685789vw solid #632d00;
    background: #fff;
    overflow: hidden;
    line-height: 0;
  }
  .crunkymatsuken_zipperbag_date_ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 7.8226857888vw;
    background: #632d00;
  }
  .crunkymatsuken_zipperbag_date_ttl img {
    width: 35.9843546284vw;
  }
  .crunkymatsuken_zipperbag_date_time {
    width: 79.2698826597vw;
    margin: 3.9113428944vw auto;
  }
  .crunkymatsuken_zipperbag_img {
    width: 96.3494132986vw;
    margin: 3.9113428944vw auto 0;
    position: relative;
  }
  .crunkymatsuken_zipperbag_shops {
    box-sizing: border-box;
    width: 97.3924380704vw;
    margin: 3.9113428944vw auto 0;
    padding-bottom: 3.9113428944vw;
    border-radius: 2.6075619296vw;
    border: 0.7822685789vw solid #632d00;
    background: #fff;
    overflow: hidden;
  }
  .crunkymatsuken_zipperbag_shops_ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 7.8226857888vw;
    background: #632d00;
    line-height: 0;
  }
  .crunkymatsuken_zipperbag_shops_ttl img {
    width: 19.556714472vw;
  }
  .crunkymatsuken_zipperbag_shops p {
    text-align: center;
    font-size: 5.2151238592vw;
    padding: 6.518904824vw 0 0;
  }
  .crunkymatsuken_zipperbag_shops ul.caut {
    margin-top: 5.2151238592vw;
    text-align: center;
  }
  .crunkymatsuken_zipperbag_contact {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6.518904824vw;
    width: 97.3924380704vw;
    margin: 3.9113428944vw auto 0;
    padding: 3.9113428944vw 0;
    border-radius: 2.6075619296vw;
    background: #e7e7e7;
    overflow: hidden;
    line-height: 0;
  }
  .crunkymatsuken_zipperbag_contact_ttl {
    width: 75.3585397653vw;
  }
  .crunkymatsuken_zipperbag_contact_tel {
    width: 68.7092568449vw;
  }
  .crunkymatsuken_zipperbag_contact_period dt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 29.5958279009vw;
    height: 10.1694915254vw;
    margin: 0 auto;
    background: #fccc19;
    border-radius: 5.0847457627vw;
  }
  .crunkymatsuken_zipperbag_contact_period dt img {
    width: 20.5997392438vw;
  }
  .crunkymatsuken_zipperbag_contact_period dd {
    width: 86.8318122555vw;
    margin-top: 2.6075619296vw;
  }
  .crunkymatsuken_zipperbag_contact_hours dt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 29.5958279009vw;
    height: 10.1694915254vw;
    margin: 0 auto;
    background: #fccc19;
    border-radius: 5.0847457627vw;
  }
  .crunkymatsuken_zipperbag_contact_hours dt img {
    width: 20.4693611473vw;
  }
  .crunkymatsuken_zipperbag_contact_hours dd {
    width: 52.1512385919vw;
    margin-top: 2.6075619296vw;
  }
  .crunkymatsuken_store {
    padding-top: 11.7340286832vw;
  }
  .crunkymatsuken_store_ttl {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 41.7209908735vw;
    background: linear-gradient(113deg, #fcc600, #ea5404);
    position: relative;
  }
  .crunkymatsuken_store_ttl img {
    width: 69.8826597132vw;
    margin: 0 auto;
    transform: translate(14vw, 10vw);
    position: relative;
    z-index: 3;
  }
  .crunkymatsuken_store_ttl::before {
    content: "";
    width: 100%;
    height: 65.7105606258vw;
    background: url("../img/crunkymatsuken_confetti_sp.png") no-repeat;
    background-size: contain;
    position: absolute;
    top: -5.2151238592vw;
    left: 0;
    z-index: 1;
  }
  .crunkymatsuken_store_ttl::after {
    content: "";
    width: 38.2007822686vw;
    height: 35.2020860495vw;
    background: url("../img/crunkymatsuken_store_ttl_img_sp.png") no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
  }
  .crunkymatsuken_store_inr {
    box-sizing: border-box;
    width: 100%;
    margin: 2.6075619296vw auto 0;
    padding: 3.9113428944vw 0 6.518904824vw;
    background: #fff;
    box-shadow: 0 0 3.9113428944vw rgba(0, 0, 0, 0.3);
  }
  .crunkymatsuken_store_date {
    box-sizing: border-box;
    width: 97.3924380704vw;
    margin: 3.9113428944vw auto 0;
    border-radius: 2.6075619296vw;
    border: 0.7822685789vw solid #632d00;
    background: #fff;
    overflow: hidden;
    line-height: 0;
  }
  .crunkymatsuken_store_date dt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 7.8226857888vw;
    background: #632d00;
  }
  .crunkymatsuken_store_date dt img {
    width: 19.035202086vw;
  }
  .crunkymatsuken_store_date dd {
    width: 80.3129074316vw;
    margin: 3.9113428944vw auto;
  }
  .crunkymatsuken_store_place {
    box-sizing: border-box;
    width: 97.3924380704vw;
    margin: 3.9113428944vw auto 0;
    border-radius: 2.6075619296vw;
    border: 0.7822685789vw solid #632d00;
    background: #fff;
    overflow: hidden;
    line-height: 0;
  }
  .crunkymatsuken_store_place dt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 7.8226857888vw;
    background: #632d00;
  }
  .crunkymatsuken_store_place dt img {
    width: 11.4732724902vw;
  }
  .crunkymatsuken_store_place dd {
    width: 49.6740547588vw;
    margin: 3.9113428944vw auto;
  }
  .crunkymatsuken_store_lineup {
    width: 43.8070404172vw;
    margin: 6.518904824vw auto 0;
    position: relative;
  }
  .crunkymatsuken_store_btn {
    width: 95.4367666232vw;
    margin: 3.9113428944vw auto 0;
  }
  .crunkymatsuken_bromide {
    padding-top: 11.7340286832vw;
  }
  .crunkymatsuken_bromide_ttl {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 36.5058670143vw;
    background: linear-gradient(113deg, #fcc600, #ea5404);
    position: relative;
  }
  .crunkymatsuken_bromide_ttl img {
    width: 61.6688396349vw;
    margin: 0 auto;
    transform: translate(14vw, 6vw);
    position: relative;
    z-index: 3;
  }
  .crunkymatsuken_bromide_ttl::before {
    content: "";
    width: 100%;
    height: 65.7105606258vw;
    background: url("../img/crunkymatsuken_confetti_sp.png") no-repeat;
    background-size: contain;
    position: absolute;
    top: -5.2151238592vw;
    left: 0;
    z-index: 1;
  }
  .crunkymatsuken_bromide_ttl::after {
    content: "";
    width: 33.7679269883vw;
    height: 31.4211212516vw;
    background: url("../img/crunkymatsuken_bromide_ttl_img_sp.png") no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 2vw;
    left: 0;
    z-index: 2;
  }
  .crunkymatsuken_bromide_inr {
    box-sizing: border-box;
    width: 100%;
    margin: 2.6075619296vw auto 0;
    padding: 3.9113428944vw 0 6.518904824vw;
    background: #fff;
    box-shadow: 0 0 3.9113428944vw rgba(0, 0, 0, 0.3);
  }
  .crunkymatsuken_bromide_date {
    box-sizing: border-box;
    width: 97.3924380704vw;
    margin: 3.9113428944vw auto 0;
    border-radius: 2.6075619296vw;
    border: 0.7822685789vw solid #632d00;
    background: #fff;
    overflow: hidden;
    line-height: 0;
  }
  .crunkymatsuken_bromide_date dt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 7.8226857888vw;
    background: #632d00;
  }
  .crunkymatsuken_bromide_date dt img {
    width: 19.295958279vw;
  }
  .crunkymatsuken_bromide_date dd {
    width: 80.3129074316vw;
    margin: 3.9113428944vw auto;
  }
  .crunkymatsuken_bromide_shops {
    box-sizing: border-box;
    width: 97.3924380704vw;
    margin: 3.9113428944vw auto 0;
    border-radius: 2.6075619296vw;
    border: 0.7822685789vw solid #632d00;
    background: #fff;
    overflow: hidden;
  }
  .crunkymatsuken_bromide_shops dt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 7.8226857888vw;
    background: #632d00;
    line-height: 0;
  }
  .crunkymatsuken_bromide_shops dt img {
    width: 19.556714472vw;
  }
  .crunkymatsuken_bromide_shops dd {
    padding: 6.518904824vw 0;
  }
  .crunkymatsuken_bromide_shops dd p {
    text-align: center;
    font-size: 5.2151238592vw;
  }
  .crunkymatsuken_bromide_shops dd ul.caut {
    margin-top: 5.2151238592vw;
    text-align: center;
  }
  .crunkymatsuken_bromide_lineup {
    margin-top: 5.2151238592vw;
  }
  .crunkymatsuken_bromide_lineup_ttl {
    width: 40.5475880052vw;
    margin: 0 auto 0;
  }
  .crunkymatsuken_bromide_lineup_soon {
    width: 87.0925684485vw;
    margin: 2.6075619296vw auto 0;
  }
  .crunkymatsuken_bromide_lineup_img {
    width: 93.6114732725vw;
    margin: 2.6075619296vw auto 0;
  }
  .crunkymatsuken_bromide_btn {
    width: 95.4367666232vw;
    margin: 7.8226857888vw auto 0;
  }
  .crunkymatsuken_bromide_detail_btn {
    width: 95.4367666232vw;
    margin: 2.6075619296vw auto 0;
  }
}