@charset "UTF-8";

/**********************************************************
 * メイン
 **********************************************************/
.bg_01 {
  padding-bottom: 10vw;
}
.bg_02 {
  padding: 10vw 0;
}
.bg_03 {
  padding: 10vw 0;
}
main .inner {
  width: 90vw;
  padding: 0;
}
main h2 {
  font-size: 7vw;
}

/* ヘッダー */
#header img {
  width: 100%;
}

/* ナビゲーション */
nav {
  padding: 2.5vw 0 5vw;
}
nav ul {
  gap: 3vw;
  width: 100%;
  padding: 1.5vw;
  box-sizing: border-box;
}
nav li {
  width: calc(50% - 2.5vw);
}
nav li a {
  font-size: 3vw;
}

/* スケジュール */
#schedule .img_schedule {
  width: 94%;
}

/* 事後通販 */
#order h3 {
  font-size: 5vw;
}
#order .card_order {
  padding: 5.33vw 0;
}
#order .card_order table {
  width: 85%;
  font-size: 4.4vw;
}
#order .card_order th,
#order .card_order td {
  display: block;
}
#order .card_order th {
  padding: 1em 0 0.5em;
}
#order .card_order td {
  padding: 0 0 1em;
}
#order .card_order td span {
  font-size: 3.6vw;
}

/* コラボメニュー */
#menu {
  margin-top: 10vw;
}
#menu .list_menu {
  width: 100%;
}
#menu .icon_benefit {
  top: -3vw;
  width: 18vw;
}
#menu .list_menu.set .icon_benefit {
  right: 1vw;
}
#menu .list_menu.single .icon_benefit {
  right: 1vw;
}
#menu .list_menu.drink .icon_benefit {
  right: 1vw;
}
#menu .list_menu.limited .icon_benefit {
  top: 6.4vw;
  left: 2vw;
}
#menu .list_menu.set .title_menu {
  font-size: 5vw;
}
#menu .list_menu.single .title_menu {
  font-size: 4.5vw;
}
#menu .list_menu.drink .title_menu {
  font-size: 5vw;
}
#menu .list_menu .title_limited {
  font-size: 4vw;
  margin-bottom: 5vw;
  padding-left: 23vw;
}
#menu .list_menu .detail {
  padding: 8vw 0;
}
#menu .list_menu .photo img {
  width: 100%;
}
#menu .list_menu.set .photo {
  width: 94%;
}
#menu .list_menu.single .photo {
  width: 80%;
}
#menu .list_menu.drink .photo,
#menu .list_menu.limited .photo {
  width: 94%;
}
#menu .list_menu .photo .icon_double {
  bottom: 2vw;
  right: -6vw;
  width: 22vw;
}
#menu .list_menu .price {
  font-size: 8vw;
}
#menu .list_menu .idea {
  position: static;
  display: block;
  font-size: 3vw;
  margin-top: .7em;
}
#menu .list_menu .add_bread {
  margin-top: 8vw;
}
#menu .list_menu .add_bread::before {
  border-width: 0 6vw 6vw 6vw;
}
#menu .list_menu .add_bread .title_add_bread h3 {
  font-size: 4.5vw;
}
#menu .list_menu .add_bread .detail {
  gap: 1vw;
  padding: 2vw;
}
#menu .list_menu .add_bread .detail .photo {
  width: 30vw;
}
#menu .list_menu .add_bread .detail .text .note {
  font-size: 2.5vw;
}
#menu .list_menu .lineup {
  justify-content: center;
  width: 94%;
  font-size: 4vw;
}
#menu .text_single {
  font-size: 5vw;
}
#menu .note_menu {
  width: 100%;
  font-size: 3vw;
  margin: 6vw auto 0;
}

/* グッズ販売 */
#goods h3.tit_second {
  font-size: 7vw;
  padding: 12vw 0 7vw;
}
#goods .text {
  text-align: left;
  font-size: 4.5vw;
  line-height: 1.6;
  margin: 1em auto 2em;
}
#goods .list_goods {
  display: block;
  width: auto;
}
#goods .list_goods li {
  width: 100%;
  border-radius: 3.125vw;
}
#goods .list_goods li:nth-of-type(n+2) {
  margin-top: 5vw;
}
#goods .list_goods .title {
  font-size: 6.6vw;
  border-top-left-radius: 2vw;
  border-top-right-radius: 2vw;
}
#goods .list_goods .title .note {
  font-size: 4vw;
}
#goods .list_goods .detail {
  padding: 5vw 0;
  border-bottom-right-radius: 3.125vw;
  border-bottom-left-radius: 3.125vw;
}
#goods .list_goods .detail img {
  width: 90%;
}
#goods .list_goods .detail .price {
  font-size: 8vw;
}
#goods .list_goods .detail .price .type {
  font-size: 3.4vw;
}
#goods .list_goods .detail .price .yen {
  font-size: 4vw;
}
#goods .list_goods .detail .price small {
  font-size: 4vw;
}
#goods .list_goods .detail .price small.each {
  font-size: 5.5vw;
}
#goods .bannar {
  margin-top: 10vw;
}
#goods .list_goods .title h3 {
  min-height: inherit;
	font-size: 4.6vw;
}
#goods .list_goods .title span {
    font-size: 4vw;
}
#menu .list_menu.single {
  gap: 8vw 0;
}
#menu .list_menu.single li {
  width: 100%;
}
#menu .list_menu.drink,
#menu .list_menu.limited {
  margin-top: 8vw;
}

/* コラボグッズ販売店舗 */
#shop {
  margin-top: 10vw;
}
#shop h2 span {
  font-size: 7vw;
}
#shop ul.list_shop {
  display: block;
  width: auto;
}
#shop ul.list_shop li {
  width: 100%;
  padding: 4vw 1vw;
}
#shop ul.list_shop li:nth-of-type(2) {
  border-top: none;
}
#shop ul.list_shop li h3 {
  font-size: 4.5vw;
}
#shop ul.list_shop li p {
  font-size: 4vw;
  margin-left: .5em;
}
#shop ul.list_shop li a {
  display: block;
  margin: .4em 0 0;
}
#shop .note {
  width: 100%;
  font-size: 3vw;
  margin: 2em 0 0;
}

/* オンラインショップ */
#online_shop {
  margin-top: 10vw;
}
#online_shop h2 {
  font-size: 7vw;
}
#online_shop .howto {
  width: 100%;
  margin: 6vw auto;
}
#online_shop .text {
  text-align: left;
  font-size: 4.5vw;
  line-height: 1.6;
  margin: 1em auto;
}
#online_shop .period {
  width: 100%;
  margin: 6vw auto 0;
}
#online_shop .note {
  width: 100%;
  font-size: 3vw;
  margin: 2em auto 0;
}

/* キャンペーン */
#campaign .box {
  width: 100%;
  padding: 6vw 5vw;
  border-radius: 6vw;
}
#campaign .box + .box {
  margin-top: 6vw;
}
#campaign .title_campaign {
  width: 100%;
}
#campaign #campaign_turbo-granny .img_turbo-granny {
  width: 100%;
}
#campaign .text {
  text-align: left;
  font-size: 4.5vw;
  margin-top: 1em;
}
#campaign h3.title_campaign_sub {
  font-size: 4.5vw;
  line-height: 1.5;
}
#campaign #campaign_x .btn_x-campaign {
  flex-direction: column;
  gap: 4vw;
  margin-top: 6vw;
}
#campaign #campaign_x .btn_x-campaign a {
  width: 100%;
  font-size: 4vw;
}
#campaign #campaign_x .img_x-campaign {
  width: 100%;
}
#campaign #campaign_x .flow {
  font-size: 4vw;
}
#campaign .schedule {
  width: 100%;
  font-size: 4vw;
  margin: 4vw auto 8vw;
}
#campaign .schedule > div > * {
  padding: 1em 0 1em 1em;
}
#campaign ul.list_shop {
  width: 100%;
  margin: 4vw auto 0;
}
#campaign ul.list_shop li {
  padding: 4vw 0;
}
#campaign ul.list_shop li h3 {
  font-size: 4.5vw;
}
#campaign ul.list_shop li p {
  font-size: 3.5vw;
  margin-left: .7em;
}

/**********************************************************
 * EC
 **********************************************************/
#ec .ec_title {
  font-size: 5vw;
}
#ec .box_ec {
  font-size: 4.75vw;
}
#ec .ec_arrow {
  font-size: 1em;
}
#ec .link_ec {
  font-size: 4vw;
  line-height: 1.3;
}

/**********************************************************
 * バナー
 **********************************************************/
#banner {
  padding: 10vw 0;
}

/**********************************************************
 * フッター
 **********************************************************/
footer .copyright {
  font-size: 3vw;
}

/**********************************************************
 * モーダル
 **********************************************************/
.modal .modal_content {
  max-width: none;
  padding: 14.5vw 0;
}
.modal .modal_content .modal_inner {
  padding: 12.5vw 4.375vw 6.25vw;
  border-radius: 3.125vw;
}
.modal .modal_content .modal_inner .modal_close {
  top: 3.125vw;
  right: 3.125vw;
  width: 6.25vw;
}
/* クローズ */
.close {
  padding-top: 16vw;
}
.closeText {
  font-size: 8vw;
}

/**********************************************************
 * 英語ページ
 **********************************************************/
#menu_en {
  padding: 0 0 10vw;
}
#menu_en .img_menu_en + .img_menu_en {
  margin-top: 5vw;
}