@charset "UTF-8";
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
共通
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.flex {
  display: flex;
}
.inner {
  width: 90%;
  margin: 0 auto;
}
img {
  width: 100%;
}
figure {
  line-height: 1;
}
picture {
  display: block;
  position: relative;
}
a.btn {
  display: block;
  width: 85%;
  margin: 0 auto;
}
a,
.button {
  display: block;
  transition: .3s !important;
  cursor: pointer;
}
a:hover,
.button:hover {
  opacity: .6 !important;
}
.sp {
  display: none;
}
.noto-sans-jp-200 {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}
.noto-sans-jp-400 {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.fade-in {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.fade-in.show {
  opacity: 1;
  transform: translateY(0);
}
.fade-in-up {
  opacity: 0;
  transform: translateY(20vh);
  transition: opacity 2s ease, transform 1.2s ease;
}
.fade-in-up.show {
  opacity: 1;
  transform: translateY(0);
}
main {
  position: relative;
}
@media only screen and (max-width: 800px) {
  .sp {
    display: block;
  }
  .flex.sp {
    display: flex;
  }
  .pc {
    display: none;
  } 
}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
PC レイアウト時
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
/* ファーストビュー
--------------------------------------*/
.first_view {
  background: url('/../../../img/bigbazaar/100year/title_layer_pc.png') no-repeat center/ cover,
              url('/../../../img/bigbazaar/100year/title_bg_pc.jpg') no-repeat center/ cover;
}
@media only screen and (max-width: 800px) {
  .first_view {
    background: url('/../../../img/bigbazaar/100year/title_layer_sp.png') no-repeat center/ cover,
                url('/../../../img/bigbazaar/100year/title_bg_sp.jpg') no-repeat center/ cover;
  }
}
.first_view h1 {
  max-width: 950px;
  margin: 0 auto;
  padding: 80px 0;
}
@media only screen and (max-width: 800px) {
  .first_view h1 {
    max-width: 500px;
    margin: 0 auto;
    padding: 60px 0;
  }
}
/* ピンク色のエリア
--------------------------------------*/
.pink_section {
  padding: 60px 0;
  background: url('/../../../img/bigbazaar/100year/pink_right_layer.png') right top / 22% auto repeat-y,
              url('/../../../img/bigbazaar/100year/pink_left_layer.png') left top / 22% auto repeat-y,
              url('/../../../img/bigbazaar/100year/pink_bg_pc.jpg') no-repeat center/ cover;
}
@media only screen and (max-width: 800px) {
  .pink_section {
    padding: 0px 0 40px 0;
    background: url('/../../../img/bigbazaar/100year/pink_bg_sp.jpg') no-repeat center/ cover;
  }
}
.area_title {
  max-width: 550px;
  margin: 0 auto;
}
@media only screen and (max-width: 800px) {
  .title_bg-wrap {
    padding: 60px 0 30px 0;
    background: url('/../../../img/bigbazaar/100year/pink_bg_top_sp.png') no-repeat center/ cover;
  }
}
@media (max-width: 800px) {
  .campaign_area {
    position: relative;
    z-index: 1;
  }
}
.popup_block {
  max-width: 1180px;
  margin: 36px auto 60px auto;
  z-index: 2;
}
@media (max-width: 800px) {
  .popup_block {
    margin: 0px auto;
  }
}
.popup_block.grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 800px) {
.popup_block.grid {
    grid-template-columns: repeat(2, 1fr);
  }
.popup_block.grid li:nth-child(3) {
    grid-column: 1 / -1;
  }
}
.anchor_block {
  max-width: 1170px;
  margin: 36px auto;
}
@media (max-width: 800px) {
  .anchor_block {
    margin: 0px auto 0px auto;
  }
}
.anchor_block.grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
}
@media (max-width: 800px) {
.anchor_block.grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.pink_catch {
  position: relative;
  padding-top: 60px;
}
@media (max-width: 800px) {
  .pink_catch::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 130%;
    background: url('/../../../img/bigbazaar/100year/pink_bg_center_sp.png') no-repeat center / cover;
    top: 0;
    left: 0;
    z-index: 1;
  }
}
.pink_catch h2 {
  max-width: 670px;
  width: 90%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.flat_area {
  position: relative;
  z-index:2;
}
.price-10k_block ul,
.price-100k_block ul {
  margin: 36px auto 0px auto;
}
.price-10k_block .list_button,
.price-100k_block .list_button {
  margin-bottom: 60px;
}
.price-10k_block ul.grid,
.price-100k_block ul.grid {
  display: grid;
  grid-template-columns: repeat(4, min(20%, 215px));
  justify-content: center;
  gap: 25px;
}
.price-100k_block ul.grid {
  grid-template-columns: repeat(3, min(20%, 215px));
}
@media (max-width: 800px) {
  .price-10k_block ul.grid,
  .price-100k_block ul.grid {
    grid-template-columns: repeat(2, 1fr);
    margin: 36px auto 0px auto;
  }
}
.price-1m_block ul {
  margin: 36px auto 60px auto;
}
.price-1m_block ul.grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: center;
  gap: 12px;
  max-width: 1200px;
}
@media (max-width: 800px) {
  .price-1m_block ul.grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.list_button {
  width: 85%;
  max-width: 380px;
  margin: 36px auto 0 auto;
}
/* ゴールド色のエリア
--------------------------------------*/
.golden_section {
  position: relative;
  padding: 90px 0;
  background: url('/../../../img/bigbazaar/100year/golden_bg_pc.png') repeat center / contain;
}
@media (max-width: 800px) {
  .golden_section {
    position: relative;
    padding: 60px 0 90px 0;
    background: url('/../../../img/bigbazaar/100year/golden_bg_sp.png') repeat center / contain;
  }
}
.golden_section::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 50%;
  background: url('/../../../img/bigbazaar/100year/golden_bg_layer_pc.png') no-repeat top / cover,
              url('/../../../img/bigbazaar/100year/golden_bg-top_pc.png') no-repeat center top / contain;
  top: -10px;
  left: 0;
}
@media (max-width: 800px) {
  .golden_section::before {
    background: url('/../../../img/bigbazaar/100year/golden_bg_layer_sp.png') no-repeat top / cover,
                url('/../../../img/bigbazaar/100year/golden_bg-top_sp.png') no-repeat center top / contain;
    height: 31%;
}
}
.golden_section::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 50%;
  background: url('/../../../img/bigbazaar/100year/golden_bg-bottom_pc.png') no-repeat center bottom / contain;
  bottom: -10px;
  left: 0;
}
@media (max-width: 800px) {
.golden_section::after {
  background: url('/../../../img/bigbazaar/100year/golden_bg-bottom_sp.png') no-repeat center bottom / contain;
}
}
.golden_catch h2 {
  position: relative;
  max-width: 710px;
  margin: 0 auto;
  z-index: 2;
}
.price-1m_block ul {
  margin: 36px auto 60px auto;
}
.golden_block {
  position: relative;
  z-index: 2;
}
.golden_block ul.grid {
  display: grid;
  grid-template-columns: min(41.4%, 445.5px) min(20%,215px) min(20%,215px);
  justify-content: center;
  gap: 20px;
}
.golden_block .list_button {
  margin-bottom: 60px;
}
@media only screen and (max-width: 800px) {
  .golden_block ul.grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .golden_block ul.grid li:nth-child(1) {
    grid-column: 1 / -1;
  }
}
.golden_item-04 {
  width: min(41.4%, 445.5px);
  margin: 36px auto 0px auto;
}
@media only screen and (max-width: 800px) {
  .golden_item-04 {
    width: 100%;
  }
}
/*テーマから探すのエリア
-------------------------------------------------------*/
.category_section {
  padding: 90px 0;
  border-bottom: 12px solid;
  border-image: linear-gradient( 90deg, #ebc067 0%, #ffe8b6 50%, #ebc067 100% ) 1;
}
@media only screen and (max-width: 800px) {
  .category_section {
    padding: 60px 0;
  }
}
.theme_menu {
  max-width: 1200px;
  margin: 0 auto;
}
@media only screen and (max-width: 800px) {
  .theme_menu {
    margin: 0 auto;
  }
}
.theme_menu h2 {
  margin-bottom: 40px;
}
.theme_menu ul {
  margin-bottom: 36px;
}
.theme_menu ul.grid {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  justify-content: center;
  gap: 18px;
}
@media only screen and (max-width: 800px) {
  .theme_menu ul.grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    gap: 36px 10%;
  }
}
.theme_menu p {
  width: clamp(350px, 40%, 450px);
  margin: 0 auto;
}
@media only screen and (max-width: 800px) {
  .theme_menu p {
    width: 80%;
    min-width: 320px;
}
}
.game_note {
  padding-top: 45px;
  width: 85%;
  margin: 0 auto;
}
@media only screen and (max-width: 800px) {
  .game_note {
    padding-top: 35px;
  }
}
/*スライド
---------------------------------------------------------*/
section.contents {
  padding: 45px 0 0 0;
}
section.contents .midashi {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
}
section.contents .midashi h3 {
  width: 100%;
  margin: 0 auto 15px 44px;  
}
section.contents .items {
  border-top: 6px solid;
  padding: 0 0 45px 0;
}
section.contents .items a.ichiran_btn {
  width: 100%;
  max-width: 384px;
  margin: 39px auto 0;
}
section.contents .items .slickBox {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
}
section.contents .items .slickBox li {
  margin: 0 0 0 27px;
  width: 179px;
}
section.contents .items .slickBox li.double {
  width: 368px;
}
section.contents .items .slickBox .slick-list {
  margin-top: 70px;
}
section.contents .items .slickBox .slide-arrow {
  width: 36px;
  height: auto;
  position: absolute;
  top: -46px;
}
section.contents .items .slickBox .prev-arrow {
  right: 44px;
  left: auto;
}
section.contents .items .slickBox .next-arrow {
  right: 0;
}
@media only screen and (max-width: 800px) {
  section.contents .items {
    padding: 0 0 35px 0;
  }
}
section.contents .items .slickBox .show_more {
  display: none;
}
@media only screen and (max-width: 800px) {
  section.contents .items .slickBox {
    position: relative;
    margin-bottom: 45px;
  }
  section.contents .items .slickBox .show_more {
      display: block;
			position: absolute;
			bottom: 0px;
			left: 0px;
			width: 100%;
			height: 100px;
			padding-top: 90px;
			text-align: center;
			line-height: 30px;
			/* background: linear-gradient(180deg, rgb(227, 243, 230, 0) 0%, rgb(227, 243, 230, 1) 70%); */
			cursor: pointer;
			transition: bottom 0.2s;
  }
  #theme01 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(221, 237, 224, 0) 0%, rgb(221, 237, 224, 1) 70%);
  }
  #theme02 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(217, 227, 237, 0) 0%, rgb(217, 227, 237, 1) 70%);
  }
  #theme03 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(227, 240, 241, 0) 0%, rgb(227, 240, 241, 1) 70%);
  }
  #theme04 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(243, 230, 212, 0) 0%, rgb(243, 230, 212, 1) 70%);
  }
  #theme05 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(242, 233, 230, 0) 0%, rgb(242, 233, 230, 1) 70%);
  }
  #theme06 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(212, 226, 225, 0) 0%, rgb(212, 226, 225, 1) 70%);
  }
  #theme07 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(229, 233, 241, 0) 0%, rgb(229, 233, 241, 1) 70%);
  }
  #theme08 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(246, 228, 236, 0) 0%, rgb(246, 228, 236, 1) 70%);
  }
  #theme09 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(246, 230, 230, 0) 0%, rgb(246, 230, 230, 1) 70%);
  }
  section.contents .items .slickBox .show_more.open {
    background: none !important;
    bottom: -30px;
  }
  section.contents .items .slickBox .show_more.open .toOpen {
    display: none;
  }
  section.contents .items .slickBox .show_more.open .toClose {
    display: block;
  }
  section.contents .items .slickBox .show_more.close .toOpen {
    display: block;
  }
  section.contents .items .slickBox .show_more.close .toClose {
    display: none;
  }
  section.contents .items .slickBox ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 2% 0 0 0;
    margin: 0 auto;
    height: 130vw;
    overflow: hidden;
  }
  section.contents .items .slickBox ul li {
    width: 49%;
    margin: 2% 0 0 0;
  }
  section.contents .items .slickBox ul li.double {
    width: 100%;
  }
  section.contents .items a.ichiran_btn {
    width: 80%;
    max-width: none;
    margin: 50px auto 0;
  }
  section.contents .items a.ichiran_btn.open {
    margin: 80px auto 0;
  }
  /* 開閉 非表示にする場合 */
  #theme01 .items .slickBox ul,
  #theme02 .items .slickBox ul,
  #theme03 .items .slickBox ul,
  #theme04 .items .slickBox ul,
  #theme05 .items .slickBox ul {
    height: auto;
    overflow: visible;
  }
  #theme01 .items .slickBox .show_more,
  #theme02 .items .slickBox .show_more,
  #theme03 .items .slickBox .show_more,
  #theme04 .items .slickBox .show_more,
  #theme05 .items .slickBox .show_more {
    display: none;
  }
}
#theme01 .midashi h3 {
  max-width: 443px;
}
#theme02 .midashi h3 {
  max-width: 657px;
}
#theme03 .midashi h3 {
  max-width: 370px;
}
#theme04 .midashi h3 {
  max-width: 401px;
}
#theme05 .midashi h3 {
  max-width: 401px;
}
#theme06 .midashi h3 {
  max-width: 390px;
}
#theme07 .midashi h3 {
  max-width: 411px;
}
#theme08 .midashi h3 {
  max-width: 515px;
}
#theme09 .midashi h3 {
  max-width: 371px;
}
#theme01 .items {
  border-top: 6px solid #269d39;
  background-color: #ddede0;
}
#theme02 .items {
  border-top: 6px solid #296bad;
  background-color: #d9e3ed;
}
#theme03 .items {
  border-top: 6px solid #29a4b1;
  background-color: #e3f0f1;
}
#theme04 .items {
  border-top: 6px solid #df943b;
  background-color: #f3e6d4;
}
#theme05 .items {
  border-top: 6px solid #952700;
  background-color: #f2e9e6;
}
#theme06 .items {
  border-top: 6px solid #4d7f87;
  background-color: #d4e2e1;
}
#theme07 .items {
  border-top: 6px solid #668bcc;
  background-color: #e5e9f1;
}
#theme08 .items {
  border-top: 6px solid #eb5a95;
  background-color: #f6e4ec;
}
#theme09 .items {
  border-top: 6px solid #df1712;
  background-color: #f6e6e6;
}
@media only screen and (max-width: 800px) {
  section.contents .items {
    border: none;
  }
  section.contents .midashi h3 {
  width: 100%;
  margin: 0;  
}
  #theme01 .midashi h3,
  #theme02 .midashi h3,
  #theme03 .midashi h3,
  #theme04 .midashi h3,
  #theme05 .midashi h3,
  #theme06 .midashi h3,
  #theme07 .midashi h3,
  #theme08 .midashi h3,
  #theme09 .midashi h3 {
    width: 100%;
    max-width: none;
    margin-bottom: 10px;  
  }
  #theme01 .midashi h3 {
    max-width: 543px;
  }
  #theme02 .midashi h3 {
    max-width: 665px;
  }
  #theme03 .midashi h3 {
    max-width: 379px;
  }
  #theme04 .midashi h3 {
    max-width: 492px;
  }
  #theme05 .midashi h3 {
    max-width: 493px;
  }
  #theme06 .midashi h3 {
    max-width: 475px;
  }
  #theme07 .midashi h3 {
    max-width: 502px;
  }
  #theme08 .midashi h3 {
    max-width: 669px;
  }
  #theme09 .midashi h3 {
    max-width: 437px;
  }
}
#theme03 .note {
  width: 100%;
  margin: 20px auto;
  display: none;
}
@media only screen and (max-width: 800px) {
  #theme03 .note {
    display: block;
  }
}
#theme08 .note {
  width: 90%;
  margin: 0 auto;
  padding: 10px 0 0 0;
  display: none;
}
@media only screen and (max-width: 800px) {
  #theme08 .note {
    display: block;
  }
}
/* 一番下
---------------------------------------------------------*/
.bottom_section {
  padding: 48px 0;
  background: url('/../../../img/bigbazaar/100year/bottom_bg_pc.jpg') no-repeat center/ cover;
}
@media only screen and (max-width: 800px) {
  .bottom_section {
    margin-bottom: 10%;
    padding: 60px 0;
    background: url('/../../../img/bigbazaar/100year/bottom_bg_sp.jpg') no-repeat center/ cover;
  }
}
.bottom_bnr_block.grid {
  display: grid;
  grid-template-columns: min(48%, 527px) min(38%, 424px);
  gap: 60px;
  max-width: 1010px;
  margin: 0 auto;
  align-items: end;
  justify-content: center;
}
@media only screen and (max-width: 800px) {
  .bottom_bnr_block.grid {
     grid-template-columns: 1fr;
  }
}
/* ポップアップ
---------------------------------------------------------*/
section.popup .popup_btn {
  position: fixed;
  top: 0px;
  right: 0;
  width: 20%;
  max-width: 200px;
  z-index: 100;
}
section.popup .popup_btn ul {
  display: flex;
  flex-direction: column;
  align-items: end;
}
.popup_btn_bottom {
  position: fixed;
  width: 100%;
  z-index: 100;
  bottom: 0;
  left: 0;
}
.popup_btn_bottom ul {
  display: grid;
  grid-template-columns: 1fr 1fr .42fr;
  align-items: end;
}
section.popup .popup_btn ul li {
  width: 100%;
}
section.popup .popup_btn ul li:nth-of-type(3) {
  width: 80px;
}
section.popup .popup_Wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 110;
  cursor: pointer;
}
.popup_bg { /* -------------------- */
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(50, 50, 50, .85);
  cursor: pointer;
  z-index: 10;
  display: none;
}
section.popup .popup_Wrap .pc .close {
  max-width: 40px;
  margin: 0 0 0 auto;
}
section.popup .popup_Wrap .sp .close {
  max-width: 40px;
  margin: 5px 5px 0 auto;
}
section.popup .popup_Wrap .contents {
  max-width: 900px;
  margin: 0 auto;
  display: none;
}
section.popup .popup_Wrap .contents div {
  position: relative;
}
section.popup .popup_Wrap .contents div figure,
section.popup .popup_Wrap .contents div a {
  position: absolute;
}
section.popup .popup_Wrap .contents div figure {
  cursor: auto;
}
section.popup .popup_Wrap .gacha { /* -------------------- */
  /* display: none; */
}
section.popup .popup_Wrap .gacha.pc div {
  aspect-ratio: 1800 / 1572;
}
section.popup .popup_Wrap .gacha.pc div a {
  width: 30%;
}
section.popup .popup_Wrap .gacha.pc div a.appstore {
  width: 16.4%;
  left: 57.6%;
  bottom: 32%;
}
section.popup .popup_Wrap .gacha.pc div a.googleplay {
  width: 18.4%;
  left: 56.5%;
  bottom: 24%;
}
section.popup .popup_Wrap .gacha.pc div a.iaeon {
  width: 10%;
  left: 80.7%;
  bottom: 28%;
}
section.popup .popup_Wrap .gacha.pc div a.iaeon img {
  border-radius: 22.2%;
  box-shadow: 0 0 15px rgba(0, 0, 0, .5);
}
section.popup .popup_Wrap .gacha.sp div {
  aspect-ratio: 1200 / 3943;
}
section.popup .popup_Wrap .gacha.sp div a {
  width: 30%;
}
section.popup .popup_Wrap .gacha.sp div a.appstore {
  width: 34.4%;
  left: 16.2%;
  bottom: 16.5%;
}
section.popup .popup_Wrap .gacha.sp div a.googleplay {
  width: 40%;
  left: 13.4%;
  bottom: 11.8%;
}
section.popup .popup_Wrap .gacha.sp div a.iaeon {
  width: 25%;
  left: 60%;
  bottom: 12.7%;
}
section.popup .popup_Wrap .gacha.sp div a.iaeon img {
  border-radius: 22.2%;
  box-shadow: 0 0 5px rgba(0, 0, 0, .5);
}
section.popup .popup_Wrap .coupon { /* -------------------- */
  /* display: none; */
}
section.popup .popup_Wrap .coupon.pc div {
  aspect-ratio: 1800 / 1714;
}
section.popup .popup_Wrap .coupon.pc div [class*="to-clipboard"] {
  width: 24%;
  bottom: 12.5%;
}
section.popup .popup_Wrap .coupon.pc div .to-clipboard-01 {
  left: 7.2%;
}
section.popup .popup_Wrap .coupon.pc div .to-clipboard-02 {
  left: 38%;
}
section.popup .popup_Wrap .coupon.pc div .to-clipboard-03 {
  right: 7%;
}
section.popup .popup_Wrap .coupon.sp div {
  aspect-ratio: 1200 / 4321;
}
section.popup .popup_Wrap .coupon.sp div [class*="to-clipboard"] {
  width: 70%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
section.popup .popup_Wrap .coupon.sp div .to-clipboard-01 {
  bottom: 53.4%;
}
section.popup .popup_Wrap .coupon.sp div .to-clipboard-02 {
  bottom: 30%;
}
section.popup .popup_Wrap .coupon.sp div .to-clipboard-03 {
  bottom: 6.5%;
}
section.popup .popup_Wrap .gentei { /* -------------------- */
  /* display: none; */
}
section.popup .popup_Wrap .gentei.pc div {
  aspect-ratio: 1800 / 2160;
}
section.popup .popup_Wrap .gentei.pc div a {
  width: 26%;
  left: 0;
  right: 0;
  bottom: 2.7%;
  margin: 0 auto;
}
section.popup .popup_Wrap .gentei.sp div {
  aspect-ratio: 1200 / 7061;
}
section.popup .popup_Wrap .gentei.sp div a {
  width: 90%;
  left: 0;
  right: 0;
  bottom: 1.2%;
  margin: 0 auto;
}
section.popup .popup_Wrap .theme { /* -------------------- */
  /* display: none; */
}
section.popup .popup_Wrap .theme.pc div {
  aspect-ratio: 1800 / 1128  ;
}
section.popup .popup_Wrap .theme.pc ul {
  flex-wrap: wrap;
  /* justify-content: space-between; */
  margin: 0 auto;
  width: 85%;
  padding: 11% 0 0 0;
  column-gap: 5%;
}
section.popup .popup_Wrap .theme.pc ul li {
  width: calc((100% - (5% * 4)) / 5);
  margin: 2.5% 0 0 0;
  z-index: 120;
}
section.popup .popup_Wrap .theme.pc ul li a {
  position: static;
}
section.popup .popup_Wrap .theme.sp div {
  aspect-ratio: 1500 / 2900  ;
}
section.popup .popup_Wrap .theme.sp ul {
  flex-wrap: wrap;
  /* justify-content: space-between; */
  margin: 0 auto;
  width: 85%;
  padding: 14% 0 0 0;
  column-gap: 12%;
}
section.popup .popup_Wrap .theme.sp ul li {
   width: calc((100% - (12% * 2)) / 3);
  margin: 5% 0 0 0;
  z-index: 120;
}
section.popup .popup_Wrap .theme.sp ul li a {
  position: static;
}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
ステージング用
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
#outer {
  margin-top: 0;
  margin-bottom: 0;
}
#site_aside2 {
  display: none;
}
#mid {
  margin-top: 0;
  max-width: 100%;
  width: unset;
  padding: 0;
}
#footer {
  position: relative;
  z-index: 99999999;
}
#main_Wrap {
  height: 100%;
}