@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@500;700;800&display=swap");
.iziModal,
.disney2022 {
  font-family: "M PLUS Rounded 1c", sans-serif;
  letter-spacing: 0.06em;
  font-weight: 800;
  line-height: 1.5;
}

.iziModal {
  color: #000;
  font-size: 14px;
}

.iziModal a,
.iziModal a img,
.disney2022 a,
.disney2022 a img {
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.iziModal a:hover,
.iziModal a:hover img,
.disney2022 a:hover,
.disney2022 a:hover img {
  opacity: 0.6;
}

.iziModal img,
.disney2022 img {
  -webkit-backface-visibility: hidden;
  width: 100%;
  display: block;
}

.iziModal p,
.disney2022 p {
  text-align: justify;
}

.iziModal li,
.disney2022 li {
  list-style: none;
}

#box {
  width: 100%;
}

div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
}

.object-fit-img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  font-family: "object-fit: cover; object-position: 50% 50%;";
}

.btn_shop {
  width: 100px;
  height: 100px;
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background-color: #b89b82;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 10;
  border-radius: 20px 0 0 20px;
}

.logo_disney {
  width: 54px;
  margin: 0 auto 7px;
}

.logo_pixar {
  width: 42px;
  margin: 0 auto 5px;
}

.btn_shop p {
  font-size: 14px;
  text-align: center;
  color: #fff;
  font-weight: normal;
}

.mv-wrap {
  width: 100%;
}

.intro-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.disney_intro-wrap,
.pixar_intro-wrap {
  width: 50%;
  position: relative;
}

.disney_intro-wrap a,
.pixar_intro-wrap a {
  opacity: 1 !important;
}

.disney_intro-wrap a img {
  width: 44%;
  position: absolute;
  right: 4%;
  bottom: 4%;
  opacity: 1 !important;
}

.pixar_intro-wrap a img {
  width: 44%;
  position: absolute;
  left: 4%;
  bottom: 4%;
  opacity: 1 !important;
}

.disney_intro-wrap a img:last-child {
  display: none;
}

.disney_intro-wrap a:hover img:first-child {
  display: none;
}

.disney_intro-wrap a:hover img:last-child {
  display: block;
}

.pixar_intro-wrap a img:last-child {
  display: none;
}

.pixar_intro-wrap a:hover img:first-child {
  display: none;
}

.pixar_intro-wrap a:hover img:last-child {
  display: block;
}

.content-wrap {
  width: 100%;
  /* padding: 0 0 100px; */
  padding: 0 0 44px;
}

.content_disney-wrap {
  background-image: url("/wp-content/themes/daiso-co-html/images/campaign/disney2022/bg_pattern_disney.png");
  border-top: 100px solid #bb5247;
}

.content_pixar-wrap {
  background-color: #faf7e2;
  position: relative;
}

.border_pixar {
  width: 100%;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.border_pixar div {
  width: 25%;
  height: 100%;
}

.border_pixar_01 {
  background-color: #a17db6;
}

.border_pixar_02 {
  background-color: #f5a100;
}

.border_pixar_03 {
  background-color: #eb6143;
}

.border_pixar_04 {
  background-color: #538dca;
}

.content_image {
  width: 100%;
}

.content-inner {
  width: 100%;
}

.content_disney-inner {
  /* margin: -15% 0 0; */
  margin: -12% 0 0;
}

.content_pixar-inner {
  margin: -10% 0 0;
}

.content_text {
  position: relative;
  margin: 0 auto 60px;
}

.content_text_disney {
  width: 87%;
}

.content_text_pixar {
  width: 85%;
  /* width: 87%; */
}

.icon_insta_disney {
  width: 10%;
  position: absolute;
  left: 4%;
  /* bottom: 4%; */
  bottom: 7%;
}

.icon_insta_pixar {
  width: 10%;
  position: absolute;
  left: 2%;
  /* bottom: 1%; */
  bottom: 6%;
}

.category-wrap {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.category-wrap::before {
  content: "";
  width: 83%;
  height: 15px;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto 65px;
  display: block;
  position: relative;
}

.category_disney::before {
  background-color: #bb5247;
}

.category_pixar::before {
  background-color: #10386b;
}

.title_category {
  /* width: 25%;
  max-width: 394px; */
  width: 394px;
  margin: 0 auto 70px;
}

.category-inner {
  width: 100%;
  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;
}

.category-box_disney {
  width: 220px;
  margin: 0 28px 56px;
}

.category-box_pixar {
  width: 213px;
  margin: 0 9px 56px;
}

.slider-wrap {
  overflow-x: hidden;
  display: none;
}

.slider-wrap a {
  width: 200%;
  /* background-color: #ee7a70; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding: 70px 0;
}

.slider_flower-wrap {
  background-color: #e8cbc1;
}

.slider_color-wrap {
  background-color: #bcccdb;
}

.slider_color-wrap img {
  width: 2650px;
}

.slider_flower-wrap img {
  width: 3130px;
}

.slider-wrap img:first-child {
  /* width: 2383px; */
  -webkit-animation: slide1 60s -30s linear infinite;
  animation: slide1 60s -30s linear infinite;
}

.slider-wrap img:last-child {
  /* width: 2383px; */
  -webkit-animation: slide2 60s linear infinite;
  animation: slide2 60s linear infinite;
}

@-webkit-keyframes slide1 {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes slide1 {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@-webkit-keyframes slide2 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
  }
}

@keyframes slide2 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
  }
}

.slide_flower-wrap,
.slide_color-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 340px;
  overflow: hidden;
}

.slide_flower-wrap {
  background-color: #e8cbc1;
}

.slide_color-wrap {
  background-color: #bcccdb;
}

.slideshow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.content_slide {
  width: 280px;
  height: 230px;
}

.slideshow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: loop-slide 20s infinite linear 1s both;
          animation: loop-slide 20s infinite linear 1s both;
}

.slideshow2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: loop-slide2 20s infinite linear 1s both;
          animation: loop-slide2 20s infinite linear 1s both;
}

@-webkit-keyframes loop-slide {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes loop-slide {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@-webkit-keyframes loop-slide2 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes loop-slide2 {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@media all and (-ms-high-contrast: none) {
  .slider-wrap {
    display: block;
  }
  .slide_flower-wrap,
  .slide_color-wrap {
    display: none;
  }
}

.footer-inner {
  background: #231815;
  /* height: 20px; */
  /* line-height: 18px;
  display: flex;
  align-items: center; */
  padding: 20px 0;
}

.footer-inner img {
  /* height: 11px; */
  margin: 0 auto;
  width: 295px;
}

.header-inner,
.category_bottom {
  width: 100%;
  height: 100px;
  background-image: url("/wp-content/themes/daiso-co-html/images/campaign/disney2022/flower_bg.png");
}

.category_bottom {
  margin: 100px 0 0;
  position: relative;
}

.header_color,
.color_bottom {
  /* background-image: none;
  background-color: #faf6d8; */
  background-image: url("/wp-content/themes/daiso-co-html/images/campaign/disney2022/color_bg.png");
}

.btn_scrollTop {
  width: 50px;
  height: 50px;
  background-color: #b89b82;
  position: absolute;
  right: 5%;
  top: -25px;
  border: 3px solid #b89b82;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 1 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.btn_scrollTop span {
  width: 10px;
  height: 10px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-top: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.btn_scrollTop:hover {
  background-color: #fff;
}

.btn_scrollTop:hover span {
  border-top: 3px solid #b89b82;
  border-right: 3px solid #b89b82;
}

.btn_scrollTop_topPage {
  top: auto;
  right: 0;
  bottom: 0;
}

.btn_backTopPage {
  width: 60px;
  height: 60px;
  background-color: #b89b82;
  position: absolute;
  right: 1%;
  top: -110px;
  border: 3px solid #b89b82;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 1 !important;
  border-radius: 50%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.btn_backTopPage:hover {
  background-color: #fff;
  color: #b89b82;
}

.title_itemlist {
  width: 281px;
  margin: 0 auto 26px;
}

.itemlist_category-wrap {
  width: 100%;
  background-color: #fff;
  padding: 50px 0 40px;
}

.itemlist_category-wrap_fixed {
  position: fixed;
  top: 0;
  z-index: 20;
}

.pageheader_height {
  height: 385px;
}

.itemlist_category-inner {
  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;
}

.itemlist_category {
  width: 110px;
}

.itemlist_category:not(:last-child) {
  margin-right: 20px;
}

.bnr_link {
  width: 90%;
  /* max-width: 645px; */
  max-width: 380px;
  display: block;
  margin: 0 auto;
}

.category_name {
  font-size: 28px;
  color: #fff;
  text-align: center;
  display: block;
  width: 90%;
  max-width: 1000px;
  margin: 40px auto 20px;
  border-radius: 5px;
  padding: 5px;
}

#c_d01 .category_name {
  background-color: #e67f76;
}

#c_d02 .category_name {
  background-color: #7c97cb;
}

#c_d03 .category_name {
  background-color: #93cad4;
}

#c_d04 .category_name {
  background-color: #cfc698;
}

#c_d05 .category_name {
  background-color: #ca91ad;
}

#c_d06 .category_name {
  background-color: #e38c9f;
}

#c_p01 .category_name {
  background-color: #f39b51;
}

#c_p02 .category_name {
  background-color: #b2c7e0;
}

#c_p03 .category_name {
  background-color: #6ebabb;
}

#c_p04 .category_name {
  background-color: #b6cc19;
}

#c_p05 .category_name {
  background-color: #9990bd;
}

#c_p06 .category_name {
  background-color: #ecb2b6;
}

#c_p07 .category_name {
  background-color: #eb6143;
}

.item-wrap {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* justify-content: space-between; */
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.item-box {
  width: 30%;
  margin-right: 5%;
  position: relative;
}

.item-box:nth-child(3n) {
  margin-right: 0;
}

.item-box:nth-child(n + 4) {
  margin-top: 5%;
}

.item_detail {
  width: 90% !important;
  max-width: 960px !important;
}

.iziModal .iziModal-content {
  padding: 20px !important;
  position: relative;
}

.item_detail-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 10px;
  position: relative;
}

/* #c_d01 .item_detail-inner{
  border: 10px solid #f29b76;
} */
.d01_item_detail-inner {
  border: 10px solid #e67f76;
}

.d02_item_detail-inner {
  border: 10px solid #7c97cb;
}

.d03_item_detail-inner {
  border: 10px solid #93cad4;
}

.d04_item_detail-inner {
  border: 10px solid #cfc698;
}

.d05_item_detail-inner {
  border: 10px solid #ca91ad;
}

.d06_item_detail-inner {
  border: 10px solid #e38c9f;
}

.p01_item_detail-inner {
  border: 10px solid #f39b51;
}

.p02_item_detail-inner {
  border: 10px solid #b2c7e0;
}

.p03_item_detail-inner {
  border: 10px solid #6ebabb;
}

.p04_item_detail-inner {
  border: 10px solid #b6cc19;
}

.p05_item_detail-inner {
  border: 10px solid #9990bd;
}

.p06_item_detail-inner {
  border: 10px solid #ecb2b6;
}

.p07_item_detail-inner {
  border: 10px solid #eb6143;
}

.item_detail_ph {
  width: 50%;
}

.item_detail_ph img {
  width: 80%;
  margin: 0 auto;
}

.item_detail_ph .item_slide img {
  width: 80%;
  margin: 0 auto;
}

.item_detail_text-wrap {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 5%;
}

.item_name {
  font-size: 24px;
  font-weight: 800;
  margin: 0 0 0.5em;
}

.item_text,
.item_color {
  font-size: 16px;
  margin: 0 0 1em;
}

.item_size {
  font-size: 16px;
  margin: 3em 0 0;
}

.item_price {
  font-size: 24px;
  font-weight: 800;
  margin: 1em 0 0;
}

.item_price span {
  font-size: 16px;
}

.item_text {
  font-size: 14px;
  margin-top: 1em;
}

.btn_close {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #d9d9d9;
  z-index: 15;
}

.btn_close:hover {
  opacity: 0.9;
}

.btn_close span {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.btn_close span::before,
.btn_close span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 30px;
  background: #fff;
}

.btn_close span::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.btn_close span::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.btn_open {
  width: 40px;
  height: 40px;
  background-color: #e3e5e5;
  border-radius: 10px;
  position: absolute;
  bottom: 30px;
  right: 0;
}

.btn_open span::before,
.btn_open span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 20px;
  background: #fff;
}

.btn_open span::before {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}

.btn_open span::after {
  -webkit-transform: translate(-50%, -50%) rotate(0);
          transform: translate(-50%, -50%) rotate(0);
}

.item-box:hover .btn_open {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#c_d01 .item-box:hover .btn_open {
  background-color: #f29b76;
}

#c_d02 .item-box:hover .btn_open {
  background-color: #7c97cb;
}

#c_d03 .item-box:hover .btn_open {
  background-color: #93cad4;
}

#c_d04 .item-box:hover .btn_open {
  background-color: #cfc698;
}

#c_d05 .item-box:hover .btn_open {
  background-color: #ca91ad;
}

#c_d06 .item-box:hover .btn_open {
  background-color: #e38c9f;
}

#c_p01 .item-box:hover .btn_open {
  background-color: #f39b51;
}

#c_p02 .item-box:hover .btn_open {
  background-color: #b2c7e0;
}

#c_p03 .item-box:hover .btn_open {
  background-color: #6ebabb;
}

#c_p04 .item-box:hover .btn_open {
  background-color: #b6cc19;
}

#c_p05 .item-box:hover .btn_open {
  background-color: #9990bd;
}

#c_p06 .item-box:hover .btn_open {
  background-color: #ecb2b6;
}

#c_p07 .item-box:hover .btn_open {
  background-color: #eb6143;
}

.item_slide {
  width: 80%;
  margin: 0 auto;
}

.prev-arrow,
.next-arrow {
  width: 11px !important;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto !important;
  z-index: 15;
}

.prev-arrow {
  left: 0;
}

.next-arrow {
  right: 0;
}

@media screen and (max-width: 920px) {
  .btn_shop {
    width: 80px;
    height: 80px;
  }
  .logo_disney {
    width: 40px;
  }
  .logo_pixar {
    width: 30px;
  }
  .btn_shop p {
    font-size: 10px;
  }
  .intro-wrap {
    display: block;
  }
  .disney_intro-wrap,
  .pixar_intro-wrap {
    width: 100%;
  }
  .content_disney-wrap {
    border-top: 50px solid #bb5247;
  }
  .border_pixar {
    height: 50px;
  }
  .category-wrap::before {
    height: 10px;
    margin: 0 auto 35px;
  }
  .title_category {
    width: 197px;
    margin: 0 auto 50px;
  }
  .category-inner {
    width: 90%;
    max-width: 440px;
    margin: 0 auto;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .category-box_disney,
  .category-box_pixar {
    width: 47%;
    margin: 0;
  }
  .category-box_disney:nth-child(odd),
  .category-box_pixar:nth-child(odd) {
    margin-right: 6%;
  }
  .category-box_disney:nth-child(n + 3),
  .category-box_pixar:nth-child(n + 3) {
    margin-top: 6%;
  }
  .slider-wrap a {
    padding: 30px 0;
  }
  .slider_flower-wrap img {
    width: 1325px;
    /* width: 200%; */
  }
  .slider_color-wrap img {
    width: 1565px;
    /* width: 200%; */
  }
  .slide_flower-wrap,
  .slide_color-wrap {
    height: 170px;
  }
  .content_slide {
    width: 140px;
    height: 115px;
  }
  /* category＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
  .itemlist_category-wrap {
    /* width: 90%;
    margin: 0 auto; */
  }
  .itemlist_category-inner {
    width: 90%;
    margin: 0 auto;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .itemlist_category {
    width: 22%;
  }
  .itemlist_category:not(:last-child) {
    margin-right: 0;
  }
  .itemlist_category:not(:nth-child(4n)) {
    margin-right: 4%;
  }
  .itemlist_category:nth-child(n + 5) {
    margin-top: 4%;
  }
  .category_name {
    font-size: 21px;
  }
  .item-box {
    width: 45%;
    margin-right: 0;
  }
  .item-box:nth-child(odd) {
    margin-right: 5%;
  }
  .item-box:nth-child(n + 3) {
    margin-top: 5%;
  }
  .item-box:nth-child(3n) {
    margin-right: 5%;
  }
  .item_detail {
    width: 100% !important;
  }
  .item_detail-inner {
    display: block;
  }
  .item_detail_ph {
    width: 90%;
    margin: 0 auto;
  }
  .item_detail_ph img {
    width: 100%;
  }
  .item_detail_text-wrap {
    width: 90%;
    margin: 0 auto;
    padding-right: 0;
    padding-bottom: 10%;
  }
  .item_name {
    font-size: 18px;
  }
  .item_text,
  .item_color {
    font-size: 14px;
  }
  .item_size {
    font-size: 14px;
  }
  .item_price {
    font-size: 18px;
  }
  .btn_scrollTop {
    width: 30px;
    height: 30px;
    top: -15px;
  }
  .btn_scrollTop span {
    width: 8px;
    height: 8px;
  }
  .btn_scrollTop_topPage {
    top: auto;
  }
  .btn_backTopPage {
    width: 45px;
    height: 45px;
    top: -80px;
  }
  .btn_open {
    width: 20px;
    height: 20px;
    border-radius: 5px;
  }
  .btn_open span::before,
  .btn_open span::after {
    width: 2px;
    height: 10px;
  }
  /* categoryここまで＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
}

@media screen and (max-width: 480px) {
  .btn_open {
    bottom: 15px;
  }
}

/* 追加・上書き用CSS */
.btn_close:hover {
  opacity: 0.9 !important;
}

.itemlist_category-wrap_fixed {
  top: 8.8666666667rem;
}

.btn_shop {
  z-index: 30;
}

a[data-href],
.btn_close,
.item-box {
  cursor: pointer;
}

.btn_backTopPage {
  font-size: 14px;
  font-weight: 800;
}

.btn_shop p,
.item_size,
.item_text,
.item_color {
  font-weight: 700;
}