@charset "utf-8";
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
共通
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.flex {
  display: flex;
}
.inner_1262 {
  max-width: 1262px;
  width: 90%;
  margin: 0 auto;
}
.inner {
  max-width: 1080px;
  width: 90%;
  margin: 0 auto;
}
img {
  width: 100%;
}
figure {
  line-height: 1;
}
a,
button {
  display: block;
  transition: .3s;
}
a:hover,
button:hover {
  opacity: .6;
}
.sp {
  display: none;
}
@media only screen and (max-width: 750px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
イオンカード封入企画
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
/* ------------------------- */
/* イチオシアイテム */
/* ------------------------- */
.ichioshi {
  background: rgb(186,144,39);
background: linear-gradient(90deg, rgba(186,144,39,1) 0%, rgba(149,110,38,1) 40%, rgba(244,219,116,1) 60%, rgba(149,110,38,1) 85%, rgba(186,144,39,1) 100%);
  margin-bottom: 50px;
  padding: 50px 0;
}
#sp_Wrap {
  width: 100%;
  background-color: #0f0762;
}
.img01 {
  padding: 50px 0;
  width: 90%;
  margin: 0 auto;
}
.block {
  margin-top: 100px;
}
.category_box{
  padding-top: 50px;
}
section.mgt0 {
  margin-top: 80px;
}
.ancher_List {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 50px auto 50px;
  gap: 20px;
}
.ancher_List>li {
  width: calc((100% - 40px) / 3);
}
.ss_att {
  padding: 80px 0 0;
}
.ancher_Box {
  margin-top: -40px;
  padding-top: 40px;
}
.item_List {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 50px auto 0;
  gap: 20px;
}
.item_List>li {
  width: calc((100% - 60px) / 4);
}
.item_List>li.single {
  width: calc((100% - 60px) / 4);
}
.item_List>li.colum02 {
  width: calc((100% - 20px) / 2);
}
.item_List>li.colum02_sp {
  width: calc((100% - 20px) / 2);
}
#tab_Area {
  padding: 110px 0;
}
#tab_Area .ttl {
  width: 62.3476388888889%;
  margin: 0 auto;
}
/* ------------------------- */
/* タブ */
/* ------------------------- */
.tab-area {
  justify-content: space-between;
  display: flex;
  cursor: pointer;
  width: 92.5925925925926%;
  margin: 50px auto 0;
}
.tab {
  width: 48%;
  aspect-ratio: 964 / 310;
  filter: drop-shadow(8px 8px 0 #000000);
  transform: scale(0.78920041536864);
  transform-origin: center bottom;
}
.tab.active {
  transform: scale(1);
}
/* ------------------------- */
/* タブの中身 */
/* ------------------------- */
.panel {
  display: none;
  background-color: #fff;
  width: 100%;
  margin: -1px auto 0;
  padding: 20px 0;
  position: relative;
  border-radius: 24px;
  padding: 2.6%;
}
.panel.active {
  display: block;
}
#panelOnly3day {
  border: 8px solid #009fe8;
}
#panelOnly3day>div {
  margin-bottom: 8%;
}
#panelOnly3day>div.last {
  margin-bottom: 0;
}
#panelSpecial {
  border: 8px solid #43a93e;
}
#panelSpecial>div {
  margin-bottom: 8%;
}
#panelSpecial>div.last {
  margin-bottom: 0;
  margin-top: -5%;
}
#panelSpecial .app_box div {
  padding-top: 2.5%;
  margin: 0 -0.64%;
}
#panelSpecial .app_box p.txt {
  width: 69.25%;
  margin: 4% auto;
}
#panelSpecial .app_box ul {
  justify-content: space-between;
}
#panelSpecial .app_box ul .app_dl {
  width: 62.4542658730159%;
}
#panelSpecial .app_box ul .app_link {
  width: 34.1438492063492%;
}
#panelSpecial .app_box ul li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
}
#panelSpecial .app_box ul li p {
  width: 100%;
  margin-bottom: 15px;
}
#panelSpecial .app_box ul li a.btn_appstore {
  width: 48.7032574630007%;
}
#panelSpecial .app_box ul li a.btn_googleplay {
  width: 48.0907457679349%;
}
#panelSpecial .app_box ul li a.btn_iaeon {
  width: 40.3384955109394%;
  margin: 0 auto;
}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
固定
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
#fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 0;
  background: rgba(0, 0, 0, .8);
  z-index: 10;
}
#fixed .flex {
  align-items: center;
  position: relative;
}
#fixed ul {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 75%;
  margin: 0 auto;
  gap: 35px;
}
#fixed .pagetop_special {
  position: absolute;
  right: left;
  height: 100%;
}
#fixed .pagetop_special img {
  width: auto;
  height: 100%;
}
#fixed .fix_cat {
  position: absolute;
  bottom: 20px;
  right: -5%;
  max-width: 150px;
  width: 20vw;
  z-index: 10;
}
/* 202506 追記 */
.appbox_text img{
  margin-top: 4%;
}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
sp
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
@media only screen and (max-width: 750px) {
  #tab_Area {
    padding:65px 0 65px 0;
    width: 100vw;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
  }
  #tab_Area .ttl {
    width: 47.666666666667%;
  }
  /* ------------------------- */
/* イチオシアイテム */
/* ------------------------- */
.ichioshi {
  margin-bottom: 0px;
  padding: 20px 0;
}
  /* ------------------------- */
  /* タブ */
  /* ------------------------- */
  .tab-area {
    width: 100%;
    margin: 30px auto 0;
  }
  .tab {
    width: 50%;
    aspect-ratio: 750 / 296;
    filter: drop-shadow(3px 3px 0 #000000);
    transform: scale(0.8);
  }
  /* ------------------------- */
  /* タブの中身 */
  /* ------------------------- */
  .panel {
    margin: -3.5% auto 0;
    padding: 20px 0;
    border-radius: 12px;
    padding: 15px;
  }
  #panelOnly3day {
    border: 5px solid #009fe8;
  }
  #panelOnly3day>div {
    margin-bottom: 40px;
  }
  #panelOnly3day>div:first-of-type {
    margin-bottom: 17px;
  }
  #panelSpecial {
    border: 5px solid #43a93e;
  }
  #panelSpecial>div {
    margin-bottom: 40px;
  }
  #panelSpecial .app_box div {
    padding-top: 2%;
    margin: 0;
  }
  #panelSpecial .app_box p.txt {
    width: 100%;
    margin: 8% auto 4%;
  }
  #panelSpecial .app_box ul {
    justify-content: space-around;
  }
  #panelSpecial .app_box ul .app_dl {
    width: 48%;
  }
  #panelSpecial .app_box ul .app_link {
    width: 48%;
  }
  #panelSpecial .app_box ul li {
    align-content: normal;
  }
  #panelSpecial .app_box ul li p {
    width: 85%;
    margin: 0 auto 10px;
  }
  #panelSpecial .app_box ul li a.btn_appstore {
    width: 100%;
    margin-bottom: 15px;
  }
  #panelSpecial .app_box ul li a.btn_googleplay {
    width: 100%;
  }
  #panelSpecial .app_box ul li a.btn_iaeon {
    width: 65%;
    margin: 0 auto;
    filter: drop-shadow(0 0 5px rgba(89, 87, 87, 0.7));
  }
  /*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
  固定
  =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
  #fixed {
    padding: 5px 0;
  }
  #fixed .flex {
    width: 96%;
  }
  #fixed ul {
    width: 85%;
    margin: 0 auto 0 0;
    gap: 9px;
    padding: 4px 0;
  }
  #fixed .pagetop_special {
    position: absolute;
    right: 0;
    height: 100%;
  }
  #fixed .pagetop_special img {
    width: auto;
    height: 100%;
  }
  #fixed .fix_cat {
    position: absolute;
    /* bottom: 20px; */
    right: 0%;
    max-width: 150px;
    width: 20vw;
    height: fit-content;
    z-index: 10;
    top: -90px;
  }
}
/* モーダル */
#sp_Wrap .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 9999;
}
#sp_Wrap .modal_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100svh;
  background: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  z-index: 1;
}
#sp_Wrap .modal_content {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 900px;
  width: 90vw;
  transform: translate(-50%, -50%);
  z-index: 2;
}
#sp_Wrap .scroll_Block {
  overflow-y: scroll;
  max-height: 80vh;
  height: 100%;
}
#sp_Wrap .close_Area {
  position: fixed;
  top: -30px;
  right: 0;
  box-sizing: border-box;
}
#sp_Wrap .close_Area.r_01 {
  right: 0;
}
#sp_Wrap .close_Area.r_02 {
  right: 7px;
}
#sp_Wrap .close_Area.r_03 {
  right: 59px;
}
#sp_Wrap .modal_close {
  width: 30px;
  height: 30px;
}
/* モーダル個別設定 */
.modal_cat {
  padding: 0 20px;
  background-color: #0f0762;
  border: 5px solid #fff1bd;
  box-sizing: border-box;
}
.modal_cat section {
  margin: 40px auto;
}
.modal_cat .ancher_List {
  margin: 20px auto 0;
  gap: 20px;
}
.modal_cat .tab_Btn {
  margin: 20px auto 0;
  gap: 20px;
}
.ancher_Box.ancher_chosei {
    margin-top: -70px;
    padding-top: 70px;
}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
sp
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
@media only screen and (max-width: 750px) {
  .img01 {
    padding: 0;
    margin: 0 auto 30px auto;
  }
  .block {
    margin-top: 50px;
  }
  .category_box{
  padding-top: 0;
}
  section.mgt0 {
    margin-top: 50px;
  }
  .ancher_List {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 20px auto;
    gap: 10px;
  }
  .ancher_List>li {
    width: calc((100% - 10px) / 2);
  }
  .ss_att {
    padding: 0;
  }
  .ss_att02 {
    padding: 20px 0;
  }
  .ancher_Box {
    margin-top: -70px;
    padding-top: 70px;
  }
  .item_List {
    margin: 20px auto 0;
    gap: 10px;
  }
  .item_List>li {
    width: calc((100% - 10px) / 2);
  }
  .item_List>li.single {
    width: calc((100% - 10px) / 2);
  }
  .item_List>li.colum02 {
    width: calc((100% - 10px) / 2);
  }
  .item_List>li.colum02_sp {
    width: 100%;
  }
  .fix_cat {
    position: fixed;
    top: 10px;
    right: 5px;
    width: 42px;
    z-index: 10;
  }
  /* モーダル個別設定 */
  .modal_cat {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .modal_cat section {
    margin: 40px auto;
  }
  .modal_cat .ancher_List {
    margin: 10px auto 0;
    gap: 10px;
  }
  .modal_cat .tab_Btn {
    margin: 10px auto 0;
    gap: 10px;
  }
  #sp_Wrap .close_Area.r_01 {
    right: 0;
  }
  #sp_Wrap .close_Area.r_02 {
    right: 3px;
  }
  #sp_Wrap .close_Area.r_03 {
    right: 24px;
  }
  .ancher_Box.ancher_chosei {
    margin-top: -110px;
    padding-top: 110px;
}
.main {
    margin-top: 15px;
  }
}