@charset "UTF-8";
/* 文字コードの指定 */




@import url('https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700;800&display=swap');

@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Noto+Sans+JP&display=swap");

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;800&display=swap');

body {
  font-family: "Times New Roman", "Cormorant Garamond", "Yu Mincho", "YuMincho", serif;
  font-display: swap;
}

.body_zootopia{
  /* background-image:url(../img/zootopia/tmpl50.jpg);
  background-size: 1450px;
  background-position: top center;
  background-repeat: no-repeat; */
  background-color: #a8ced4;
}
.item1AreaRoot,.item2AreaRoot,.item3AreaRoot,.item4AreaRoot{
  opacity: 1;
}

/* 共通要素ここから */

html {
  font-size: 62.5%;
}

body {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 2;
  color: #333333;
  background-color: #a8ced4;
}

body .b-ovf-h {
  overflow-x: hidden;
}

.b-character-dress {
  background-color: #FFF9F0 !important;
  width: 100%;
  overflow-x: visible;
}
.b-character-dress body {
  background-color: #FFF9F0;
}
.b-character-dress .b-character-dress-bg {
  background-repeat: repeat;
  background-color: rgb(255, 249, 240);
  background-image: repeating-linear-gradient(0deg, transparent, transparent 25px, rgb(160, 203, 235) 25px, rgb(160, 203, 235) 26px);
  margin: 0 1.6rem 0;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
}

.l-header .l-header-container {
  z-index: 1000;
  position: fixed;
  height: 4.8rem;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 0.9rem 3.7rem 0.9rem 3.7rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  top: 0;
  transform: translate(-50%, 0%);
  left: 50%;
  transition: 0.5s;
}
.l-header .l-header-container .l-header-left .l-header-page_top-btn {
  display: flex;
  align-items: center;
  justify-content: start;
}
.l-header .l-header-container .l-header-left .l-header-page_top-btn .l-header-disney {
  height: 3rem;
  margin-right: 0.8rem;
}
.l-header .l-header-container .l-header-left .l-header-page_top-btn .l-header-wedding {
  height: 0.8rem;
}
.l-header .l-header-container .l-header-left .l-header-page_top-btn:hover {
  opacity: 0.8;
}
.l-header .l-header-container .l-header-right {
  height: 1.65rem;
  position: relative;
  width: 3.6rem;
}
.l-header .l-header-container .l-header-right .l-header-hamburger {
  display: inline-block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.l-header .l-header-container .l-header-right .l-header-hamburger span {
  position: absolute;
  width: 100%;
  height: 0.1rem;
  background-color: #333333;
}
.l-header .l-header-container .l-header-right .l-header-hamburger span:first-child {
  top: 0;
  left: 0;
}
.l-header .l-header-container .l-header-right .l-header-hamburger span:last-child {
  bottom: 0;
  left: 0;
}
.l-header .l-header-container .l-header-right .l-header-hamburger:hover {
  opacity: 0.8;
}
.l-header .l-header-container .l-header-right .l-header-hamburger-close {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.l-header .l-header-container .l-header-right .l-header-hamburger-close span {
  position: absolute;
  width: 3.65rem;
  height: 0.1rem;
  background-color: #333333;
}
.l-header .l-header-container .l-header-right .l-header-hamburger-close span:first-child {
  top: 0.825rem;
  transform: rotate(30deg);
}
.l-header .l-header-container .l-header-right .l-header-hamburger-close span:last-child {
  top: 0.825rem;
  transform: rotate(-30deg);
}
.l-header .l-header-container .l-header-right .l-header-hamburger-close:hover {
  opacity: 0.8;
}

@media screen and (min-width: 1024px) {
  .l-header .l-header-container {
    height: 5.6rem;
    padding: 1.2rem 11.8rem 1.2rem 11.8rem;
  }
  .l-header .l-header-container .l-header-left .l-header-page_top-btn {
    display: flex;
    align-items: center;
    justify-content: start;
  }
  .l-header .l-header-container .l-header-left .l-header-page_top-btn .l-header-disney {
    height: 3.6rem;
    margin-right: 3.2rem;
  }
  .l-header .l-header-container .l-header-left .l-header-page_top-btn .l-header-wedding {
    height: 1.45rem;
  }
  .l-header .l-header-container .l-header-right {
    width: 4.8rem;
  }
  .l-header .l-header-container .l-header-right .l-header-hamburger-close span {
    position: absolute;
    width: 4.75rem;
  }
}
.m-invisible {
  display: none !important;
}
.l-footer {
  margin: 8rem auto 0;
}
.l-footer .l-footer-decoration-wrapper {
  max-width: 31.4rem;
  width: 100%;
  margin: 0 auto;
}
.l-footer .l-footer-company-wrapper {
  margin: 4.8rem auto;
  text-align: center;
}
.l-footer .l-footer-company-wrapper .l-footer-kuraudia-btn {
  display: block;
  width: 150px;
  margin: 15px auto 0 auto;
  background-color: #fff;
  padding: 10px 20px 10px 20px;
  border: 1px solid #aaa;
}
.l-footer .l-footer-company-wrapper .l-footer-kuraudia-btn:hover {
  opacity: 0.8;
}
.l-footer .l-footer-company-wrapper .l-footer-shop-btn {
  display: block;
  width: 15rem;
  margin: 1.6rem auto 0;
}
.l-footer .l-footer-company-wrapper .l-footer-shop-btn:hover {
  opacity: 0.8;
}
.l-footer .l-footer-copy {
  margin-top: 4.8rem;
  padding-bottom: 3.2rem;
  text-align: center;
}


@media screen and (min-width: 1024px) {
  .l-footer .l-footer-company-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 32rem;
  }
}
.l-header .l-menu-wrapper {
  position: fixed;
  transform: translateZ(0);
  top: 0;
  left: 0;
  height: calc(var(--vh) * 100);
  -webkit-overflow-scrolling: touch;
  display: none;
  background-color: #F1F1F1;
  z-index: 900;
  padding: 8.8rem 3.7rem 0;
  width: 100%;
  box-sizing: border-box;
}
.l-header .l-menu-wrapper .l-menu-item-wrapper {
  max-width: 31.8rem;
  margin: 0 auto;
}
.l-header .l-menu-wrapper .l-menu-item-wrapper .l-menu-item {
  font-size: 1.6rem;
  margin-top: 2.4rem;
  display: block;
  line-height: 2rem;
}
.l-header .l-menu-wrapper .l-menu-item-wrapper .l-menu-item:first-child {
  margin-top: 0;
}
.l-header .l-menu-wrapper .l-menu-item-wrapper .l-menu-item i {
  margin-right: 0.8rem;
}
.l-header .l-menu-wrapper .l-menu-item-wrapper .l-menu-item:after {
  transition: 0.3s ease;
  display: block;
  content: "";
  width: 100%;
  border-top: 0.1rem #333333 solid;
}
.l-header .l-menu-wrapper .l-menu-item-wrapper .l-menu-item:hover:after {
  width: 75%;
}

.l-menu-link-wrapper {
  display: flex;
  justify-content: center;
  margin: 1.6rem auto 0;
}
.l-menu-link-wrapper .l-menu-shop-btn {
  margin: 0;
  width: 15rem;
}
.l-menu-link-wrapper .l-menu-shop-btn:first-child {
  margin: 0 0.8rem 0 0;
}
.l-menu-link-wrapper .l-menu-shop-btn:hover {
  opacity: 0.8;
}
.l-menu-link-wrapper .l-menu-shop-btn img {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .l-header .l-menu-wrapper {
    padding: 10.8rem 35.3rem 0;
    width: 100%;
  }
  .l-header .l-menu-wrapper .l-menu-item-wrapper .l-menu-item {
    font-size: 2rem;
    margin-top: 2.4rem;
    line-height: 2.4rem;
  }
  .l-menu-link-wrapper {
    margin: 2.4rem auto 0;
  }
}
@media screen and (min-width: 1366px) {
  .l-header .l-menu-wrapper {
    padding: 12.8rem 35.3rem 0;
    width: 100%;
  }
  .l-header .l-menu-wrapper .l-menu-item-wrapper .l-menu-item {
    font-size: 2rem;
    margin-top: 3.2rem;
    line-height: 2.4rem;
  }
}
.l-section-mt64 {
  margin-top: 6.4rem;
}

.l-section-mt80 {
  margin-top: 8rem;
}

.l-section {
  padding-right: 3.7rem;
  padding-left: 3.7rem;
}
.l-section .l-section-ttl {
  text-align: center;
  font-size: 2rem;
  margin: 0;
  line-height: 2rem;
}

@media screen and (min-width: 1024px) {
  .l-section-mt64 {
    margin-top: 8rem;
  }
  .l-section {
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
    width: 65.45rem;
  }
  .l-section .l-section-ttl {
    font-size: 2.5rem;
    line-height: 3rem;
  }
}


.o-shop-btn-wrapper {
  position: relative;
}

.o-coming-soon {
  position: absolute;
  width: 100%;
  max-width: 31.8rem;
  height: 5.6rem;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  background-color: #333333;
  opacity: 0.7;
}
.o-coming-soon p {
  color: #ffffff;
  position: absolute;
  right: 0.8rem;
  bottom: 0.4rem;
}

.o-youtube-btn {
  margin: 0 auto;
  display: block;
  width: 100%;
  max-width: 31.8rem;
  height: 5.6rem;
  font-size: 1.6rem;
  font-style: italic;
  transition: 0.3s ease;
  text-align: center;
  background-image: url(../img/youtube.png);
  background-repeat: no-repeat;
  background-position: 30%, 50%;
  background-size: 30%;
  cursor: pointer;
  padding: 1.6rem 0;
  background-color: #D9D9D9;
}
.o-youtube-btn p {
  line-height: 2rem;
}
.o-youtube-btn span {
  position: relative;
  display: block;
  width: 8rem;
  border-top: 0.05rem solid #5A5A5A;
  margin: 0.4rem auto 0;
  transition: 0.3s ease;
}
.o-youtube-btn span:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  transform-origin: right bottom;
  transform: rotate(45deg);
  width: 0.4rem;
  border-top: 0.05rem solid #5A5A5A;
}
.o-youtube-btn:hover {
  background-size: 35%;
}
.o-youtube-btn:hover span {
  width: 9.8rem;
}

.o-shoplist-btn {
  margin: 0 auto;
  display: block;
  width: 100%;
  max-width: 31.8rem;
  height: 5.6rem;
  font-size: 1.6rem;
  font-style: italic;
  text-align: center;
  background-image: url(../img/shop.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: 0.3s ease;
  cursor: pointer;
  padding: 1.6rem 0;
  background-color: #FBD2D8;
}
.o-shoplist-btn p {
  line-height: 2rem;
}
.o-shoplist-btn p span {
  margin-left: 0.4rem;
  font-size: 1.2rem;
}
.o-shoplist-btn span {
  position: relative;
  display: block;
  width: 8rem;
  border-top: 0.05rem solid #5A5A5A;
  margin: 0.4rem auto 0;
  transition: 0.3s ease;
}
.o-shoplist-btn span:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  transform-origin: right bottom;
  transform: rotate(45deg);
  width: 0.4rem;
  border-top: 0.05rem solid #5A5A5A;
}
.o-shoplist-btn:hover {
  background-size: 45%;
}
.o-shoplist-btn:hover span {
  width: 9.8rem;
}

.o-instagram-btn {
  margin: 1.6rem auto 0;
  display: block;
  width: 100%;
  max-width: 31.8rem;
  height: 5.6rem;
  font-size: 1.6rem;
  font-style: italic;
  transition: 0.3s ease;
  text-align: center;
  background-image: url(../img/insta_ph.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  cursor: pointer;
  padding: 1.6rem 0;
  background-color: #FBD2D8;
}
.o-instagram-btn p {
  color: #F1F1F1;
  line-height: 2rem;
}
.o-instagram-btn span {
  position: relative;
  display: block;
  width: 8rem;
  border-top: 0.05rem solid #F1F1F1;
  margin: 0.4rem auto 0;
  transition: 0.3s ease;
}
.o-instagram-btn span:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  transform-origin: right bottom;
  transform: rotate(45deg);
  width: 0.4rem;
  border-top: 0.05rem solid #F1F1F1;
}
.o-instagram-btn:hover {
  background-size: 110%;
}
.o-instagram-btn:hover span {
  width: 9.8rem;
}

.o-slider-detail {
  max-width: 100% !important;
}


/* 共通要素ここまで */


.o-slider-item-dressThumb {
    border: 2px solid #43362A;
}
/*カルーセル修正用*/
.o-slider-item-dressThumb_yoko{
    /*  横向き写真を中央寄せする */
    z-index: 9;
    position: absolute;
    top: 25%;
    border: 2px solid #43362A;
}


/* zootopia独自ここから */
.kvWrap{
  
  width: 100%;
  background-image:url(../img/zootopia/header_bg_mizutama.gif);
  background-size: 105px;
  background-position: top center;
  background-repeat: repeat;
  opacity: 1;
  height: 685px;
  position: relative;
  padding-top: 5.6rem;
}
.kvMainarea{
  width: 100%;
  max-width: 860px;
  height: 100%;
  margin: auto;
  position: relative;
  z-index: 100;
}
.kvLogo{
  width: 60.1%;
  position: absolute;
  top: 24.7%;
  left: 2.5%;
}
.kvChara1{
  width: 30.7%;
  position: absolute;
  top: 19.4%;
  left: 67.3%;
}
.kvBGAreaPC{
  width: 100%;
  height: 100%;
  background-image:url(../img/zootopia/header_ground_pc.webp);
  background-size: 1920px;
  background-position: bottom center;
  background-repeat: no-repeat;
  position: absolute;
  top: 1px;
  left: 0;
  z-index: 10;
  overflow: hidden;
}

.kvBG_obj{
  display: block;
  position: absolute;
}

.kvBG_obj1{
    width: 145px;
    top: 80%;
    left: calc(50% - 900px);
    transform: rotate(0deg);
}
.kvBG_obj2{
    width: 145px;
    top: 70.4%;
    left: calc(50% - 662px);
    transform: rotate(2deg);
}
.kvBG_obj3{
    width: 137px;
    top: 67.4%;
    left: calc(50% - 394px);
    transform: rotate(2deg);
}
.kvBG_obj4{
    width: 142px;
    top: 72.1%;
    left: calc(50% + 462px);
    transform: rotate(-8deg);
}

.kvBG_obj10{
    width: 93px;
    top: 59.1%;
    left: calc(50% - 644px);
    transform: rotate(0deg);
}
.kvBG_obj11{
    width: 93px;
    top: 59.1%;
    left: calc(50% + 598px);
    transform: rotate(30.6deg);
}
.kvBG_obj1dash{
    width: 145px;
    top: 73.3%;
    left: calc(50% - 690px);
    transform: rotate(6deg);
}
.kvBG_obj2dash{
    width: 145px;
    top: 66.7%;
    left: calc(50% - 425px);
    transform: rotate(11deg);
}
.kvBG_obj3dash{
    width: 137px;
    top: 65.7%;
    left: calc(50% - 143px);
    transform: rotate(5.1deg);
}
.kvBG_obj4dash{
    width: 142px;
    top: 76.1%;
    left: calc(50% + 630px);
    transform: rotate(-3deg);
}
@media screen and (max-width: 1023px) {
  .kvWrap{
    background-size: 70px;
    max-height: 560px;
    height: 80vw;
  }
  .kvMainarea{
    max-width: 730px;
  }
  .kvLogo{
    top: 16.7%;
    left: 4.5%;
  }
  .kvChara1{
    width: 30.7%;
    top: 7.4%;
    left: 67.3%;
  }
  .kvBGAreaPC{
    background-size: 1600px;
  }
  
  .kvBG_obj1{
    width: 105px;
    top: 77.6%;
    left: calc(50% - 602px);
    transform: rotate(2.9deg);
  }
  .kvBG_obj2{
    width: 105px;
    top: 70.1%;
    left: calc(50% - 436px);
    transform: rotate(7deg);
  }
  .kvBG_obj3{
    width: 100px;
    top: 68.4%;
    left: calc(50% - 195px);
    transform: rotate(4.4deg);
  }
  .kvBG_obj4{
    width: 105px;
    top: 73.4%;
    left: calc(50% + 374px);
    transform: rotate(-5deg);
  }
  .kvBG_obj1dash{
      width: 105px;
      top: 72.6%;
      left: calc(50% - 446px);
      transform: rotate(9.9deg);
  }
  .kvBG_obj2dash{
      width: 105px;
      top: 67.7%;
      left: calc(50% - 271px);
      transform: rotate(11deg);
  }
  .kvBG_obj3dash{
      width: 100px;
      top: 67.7%;
      left: calc(50% - 28px);
      transform: rotate(6deg);
  }
  .kvBG_obj4dash{
      width: 105px;
      top: 75.1%;
      left: calc(50% + 444px);
      transform: rotate(-5deg);
  }
}
@media screen and (max-width: 729px) {
  .kvWrap{
    background-size: 10vw;
   
  }

  .kvBGAreaPC{
    background-size: 270%;
  }
  .kvBG_obj1{
    width: 13.5%;
    top: 77.6%;
    left: -20.4%;
    transform: rotate(2.9deg);
  }
  .kvBG_obj2{
    width: 13.5%;
    top: 65.1%;
    left: 2.4%;
    transform: rotate(11deg);
  }
  .kvBG_obj3{
    width: 13.5%;
    top: 64.4%;
    left: 24.4%;
    transform: rotate(5.4deg);
  }
  .kvBG_obj4{
    width: 13.5%;
    top: 73.4%;
    left: calc(50% + 374px);
    transform: rotate(-5deg);
  }
  .kvBG_obj1dash{
    width: 13.5%;
    top: 67.9%;
    left: -1.4%;
    transform: rotate(12.8deg);
  }
  .kvBG_obj2dash{
      width: 13.5%;
      top: 63.7%;
      left: 21%;
      transform: rotate(11deg);
  }
  .kvBG_obj3dash{
      width: 13.5%;
      top: 64.5%;
      left: 48%;
      transform: rotate(6deg);
  }
  .kvBG_obj4dash{
      width: 13.5%;
      top: 72.1%;
      left: calc(50% + 444px);
      transform: rotate(-5deg);
  }
}




.kvBG_obj_odd{
    animation-name: keyframeOdd;/*@keyframesと同一の名前を入れる*/
    animation-delay: 0s;/*アニメ開始までの時間*/
    animation-duration: 2s;/*アニメ時間*/
    animation-fill-mode: forwards;/*forwards:アニメ後止める backwards:初期に戻すか*/
    animation-iteration-count: infinite;/*アニメ回数。infiniteで永久*/
    animation-timing-function: steps(1, end);
}
@keyframes keyframeOdd{
  0%{ opacity: 0;}
  50%{ opacity: 1;}
}
.kvBG_obj_even{
    animation-name: keyframeEven;/*@keyframesと同一の名前を入れる*/
    animation-delay: 0s;/*アニメ開始までの時間*/
    animation-duration: 2s;/*アニメ時間*/
    animation-fill-mode: forwards;/*forwards:アニメ後止める backwards:初期に戻すか*/
    animation-iteration-count: infinite;/*アニメ回数。infiniteで永久*/
    animation-timing-function: steps(1, end);
    opacity: 0;
}
@keyframes keyframeEven{
  0%{ opacity: 1;}
  50%{ opacity: 0;}
}

.contentArea{
  font-family: "M PLUS 1p", sans-serif;
  font-weight: bold;
  max-width: 1400px;
  width: 100%;
  margin: auto;
  padding-top: 284px;
  padding-bottom: 184px;
}
.item1AreaRoot{
  width:100%;
  max-width: 1400px;
  /* box-shadow: 0 0 10px #aaa; */
  margin: auto;
  position: relative;
  z-index: 80;
}
.item1Area{
  width: 100%;
  max-width: 1030px;
  margin: auto;
  background-image:url(../img/zootopia/s1_bg_pc.svg);
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  /* box-shadow: 0 0 10px #f00; */
  min-height: 794px;
  z-index: 100;
}
.item1Flex{
  width: 90%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-start;
  /* box-shadow: 0 0 10px #aaa; */
  padding: 15% 4% 0 4%;
}
.item2AreaRoot{
  width:100%;
  max-width: 1100px;
  /* box-shadow: 0 0 10px #aaa; */
  margin: auto;
  position: relative;
  z-index: 80;
}
.item2Area{
  width: 100%;
  max-width: 1100px;
  margin: auto;
  background-image:url(../img/zootopia/s2_bg_pc.svg);
  background-size: 1096px;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  /* box-shadow: 0 0 10px #f00; */
  min-height: 794px;
  z-index: 100;
}
.item2Flex{
  width: 90%;
  max-width: 927px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  /* box-shadow: 0 0 10px #aaa; */
  padding: 12% 2.5% 0 5.5%;
}
.item3AreaRoot{
  width:100%;
  max-width: 1400px;
  /* box-shadow: 0 0 10px #aaa; */
  margin: auto;
  position: relative;
  z-index: 80;
}
.item3Area{
  width: 100%;
  max-width: 1030px;
  margin: auto;
  background-image:url(../img/zootopia/s3_bg_pc.svg);
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  /* box-shadow: 0 0 10px #f00; */
  min-height: 805px;
  z-index: 100;
}
.item3Flex{
  width: 90%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-start;
  /* box-shadow: 0 0 10px #aaa; */
  padding: 14% 4% 0 4%;
}
.item4AreaRoot{
  width:100%;
  max-width: 1400px;
  /* box-shadow: 0 0 10px #aaa; */
  margin: auto;
  position: relative;
  z-index: 80;
}
.item4Area{
  width: 100%;
  max-width: 1100px;
  margin: auto;
  background-image:url(../img/zootopia/s4_bg_pc.svg);
  background-size: 1100px;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  /* box-shadow: 0 0 10px #f00; */
  min-height: 794px;
  z-index: 100;
}
.item4Flex{
  width: 90%;
  max-width: 927px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  /* box-shadow: 0 0 10px #aaa; */
  padding: 12% 2.5% 0 5.5%;
}
.itemFlexTextDIV{
  width: 55%;
  padding: 20px 40px 0 40px;
  position:relative;
}
.itemFlexThumbDIV{
  width: 45%;
}
.itemNo{
  width: 226px;
}
.itemSpecTable{
  width: 100%;
  margin-top: 20px;
  font-size: 1.3em;
  color: #43362A;
  line-height: 1.7em;
  text-align: left;
  font-weight: 700;
}
.itemSpecTable th{
  width: 8.5em;
  vertical-align: top;
  padding: 0.2em 0.5em;
  font-weight: 700;
}
.itemSpecTable td{
  vertical-align: top;
  font-weight: 700;
  padding: 0.2em 0.5em;
}
.itemSpecTable td span{
  font-size: 80%;
}
.itemTextP1{
  font-size: 1.3em;
  color: #43362A;
  line-height: 1.7em;
  text-align: left;
  font-weight: bold;
  margin-top: 25px;
}
.itemTextP2{
  font-size: 1.1em;
  color: #43362A;
  line-height: 1.7em;
  text-align: left;
  font-weight: bold;
  margin-top: 8px;
}
.itemFlexThumbDIVInner{
  width: 91%;
  /* border: 2px solid #43362A; */
}

.itemFlexThumbDIVInnerEven{
  margin-left: 9%;
}
@media screen and (max-width: 1410px) {
  .contentArea{
    padding-top: 18vw;
    padding-bottom: 25vw;
  }
}
@media screen and (max-width: 1024px) {
  .contentArea{
    padding-top: 0px;
    padding-bottom: 50px;
  }
  .item1Area{
    width: 100%;
    max-width: 1030px;
    margin: auto;
    background-image:url(../img/zootopia/s1_bg_pc.svg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
  }
  .item2Area{
    width: 100%;
    max-width: 1030px;
    margin: auto;
    background-image:url(../img/zootopia/s2_bg_pc.svg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
  }
  .item3Area{
    width: 100%;
    max-width: 1030px;
    margin: auto;
    background-image:url(../img/zootopia/s3_bg_sp.svg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
  }
  .item4Area{
    width: 100%;
    max-width: 1030px;
    margin: auto;
    background-image:url(../img/zootopia/s4_bg_pc.svg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
  }
  .item1Flex{
    max-width: 508px;
    width: 100%;
    margin: auto;
    display: block;
    padding: 150px 6% 180px 6%;
  }
  .item2Flex{
    max-width: 508px;
    width: 100%;
    margin: auto;
    display: block;
    padding: 110px 6% 128px 6%;
  }
  .item3Flex{
    max-width: 508px;
    width: 100%;
    margin: auto;
    display: block;
    padding: 130px 6% 150px 6%;
  }
   .item4Flex{
    max-width: 508px;
    width: 100%;
    margin: auto;
    display: block;
    padding: 110px 6% 128px 6%;
  }
  .itemFlexTextDIV{
    max-width: initial;
    width: 100%;
    padding: 36px 0px 0 0px
  }
  .itemFlexThumbDIVInnerEven {
    margin-left: 0;
  }
  
  .itemNo{
    width: 155px;
  }
  .itemSpecTable th{
    width: 6.5em;
    vertical-align: top;
    padding: 0.2em 0.5em 0.2em 0em;
  }
  .itemFlexThumbDIV{
    width: 100%;
  }
  .itemFlexThumbDIVInner{
    width: 100%;
  }
  .itemSpecTable{
    font-size: 1.0em;
    color: #43362A;
  }
  .itemSpecTable td span{
    font-size: 90%;
  }
  .itemTextP1{
    font-size: 1.15em;
    margin-top: 15px;
  }
  .itemTextP2{
    font-size: 0.9em;
  }
}




.o-zoom-btn {
  position: absolute;
  display: block;
  width: 3.8rem;
  height: 3.8rem;
  top: 1.3rem;
  right: 1.3rem;
  background-color: #43362A;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.o-zoom-btn img {
  width: 3rem;
  height: 3rem;
}
@media screen and (max-width: 1024px) {
  .o-zoom-btn {
    top: 1rem;
    right: 1rem;
  }
}

/*丸ポイントの画像切り替えボタン*/
/* PC版 */
.slick-dots {
  position: absolute;
  bottom: -0.6rem;
  right: -35px;
  display: block!important;
  justify-content: center;
  width: 1.5rem;
  opacity: 1;
  margin-top: 1em;
  flex-wrap: 1;
}
.itemFlexThumbDIVInnerEven .slick-dots {
  /* 2番目(nick)の場合ボタンの位置を変更 */
  right: initial;
  left: -35px;
}
.slick-dots li {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: baseline;
  border-radius: 30px;
  margin: 1.2rem 0;
  
}
.slick-dots li button {
  width: 1.5rem;
  height: 1.5rem;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  border:2px solid #43362A;
  border-radius: 30px!important;
  background: none!important;
  padding: 0;
  margin: 0;
  cursor: pointer!important;
}
.slick-dots .slick-active button {
  background-color: #43362A!important;
}

.slick-dots .slick-active button {
  background-color: #43362A !important;
}


/* SP版 */
@media screen and (max-width: 1024px) {
  .slick-dots {
    position: absolute;
    transform: translate(-50%, 0);
    bottom: 0rem;
    left: 50%;
    display: flex !important;
    justify-content: space-between;
    max-width: 45rem;
    width: calc(98.8% + 4px);
    bottom: -0.8rem;
    border: 2px solid #43362A;
  }

  .slick-dots li {
    width: 100%;
    height: 0.6rem;
    display: flex;
    align-items: baseline;
    margin: 0;
  }
  .slick-dots li button {
    width: 100%;
    height: 100%;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    border: none;
    background-color: ;
    border-radius: 0 !important;
    padding: 0;
    margin: 0;
    opacity: 0;
  }
  .slick-dots .slick-active button {
    background-color: #43362A;
    opacity: 1;
  }
  .slick-dots .slick-active button {
    background-color: #43362A; !important;
    opacity: 1;
  }
  .itemFlexThumbDIVInnerEven .slick-dots {
      left: 50%;
  }
}


.item1CharaName{
  position: absolute;
  width: 343.7px;
  top: -6%;
  left: calc(50% - 487px);
  z-index: 110;
}
.item1obj1{
  /* car pc*/
  position: absolute;
  width: 103.7px;
  top: 7%;
  right: calc(50% - 554px);
  z-index: 110;
}
.item1obj1dash{
  /* car sp*/
  position: absolute;
  width: 68.7px;
  top: 2.3%;
  right: calc(50% - 168px);
  z-index: 110;
  display: none;
}
.item1obj2{
  /* Jusy Hopps */
  position: absolute;
  width: 265.7px;
  bottom: 3%;
  left: calc(50% - 666px);
  z-index: 110;
}
.item1obj3{
  /* zootropolis pc用*/
  position: absolute;
  width: 228.7px;
  bottom: -11%;
  right: calc(50% - 615px);
  z-index: 110;
}
.item1obj4{
  /* 街頭 */
  position: absolute;
  width: 108.7px;
  top: -14%;
  left: calc(50% - 180px);
  z-index: 90;
}
.item1obj3dash{
    /* zootropolis sp用 */
    position: absolute;
    width: 90.7px;
    top: 9%;
    right: -3%;
    transform: rotate(-10deg);
    display: none;
  }
@media screen and (max-width: 1324px) {
  .item1obj2{
    /* Jusy Hopps */
    width: 200px;
    bottom: -15%;
    left: calc(50% - 536px);
  }
}
@media screen and (max-width: 1231px) {
  .item1obj3{
    /* zootropolis */
    width: 212.7px;
    bottom: -11%;
    right: 1%;
  }
  .item1obj1{
    /* car pc*/
    width: 85.7px;
    top: 5%;
    right: calc(50% - 536px);
  }
}
@media screen and (max-width: 1024px) {
  .item1CharaName{
    width: 40%;
    max-width: 160px;
    top: 40px;
    left: calc(50% - 226px);
    
  }
  .item1obj1{
    /* car pc*/
    display: none;
  }
  .item1obj1dash{
    /* car sp */
    display: block;
  }
  .item1obj2{
    /* Jusy Hopps */
    width: 112px;
    bottom: 1%;
    left: initial;
    right: calc(50% - 251px);
  }
  .item1obj3{
    /* zootropolis pc用*/
    display: none;
  }
  .item1obj4{
    /* 街頭 */
    width: 55.7px;
    top: -1%;
    left: calc(50% - 21px);
  }
  .item1obj3dash{
    display: block;
  }
}
@media screen and (max-width: 510px) {
  .item1CharaName{
    width: 40%;
    max-width: 160px;
    top: 40px;
    left: 5%;
  }
  .item1obj2{
    /* Jusy Hopps */
    width: 100px;
    bottom: -1%;
    right: 6%;
  }
}

.item2CharaName{
  position: absolute;
  width: 331.7px;
  top: -14.5%;
  right: calc(50% - 527px);
  z-index: 110;
}
.item2CharaNameBg{
  position: absolute;
  width: 331.7px;
  top: -14.5%;
  right: calc(50% - 527px);
  z-index: 90;
}
.item2obj1{
  /* car pc*/
  position: absolute;
  width: 113.7px;
  top: 50%;
  right: calc(50% - 577px);
  z-index: 110;
}
.item2obj1dash{
  /* car sp*/
  position: absolute;
  width: 62.7px;
  bottom: 1.9%;
  left: calc(50% - 168px);
  z-index: 110;
  display: none;
}
.item2obj2{
  /* zootopia pc*/
  position: absolute;
  width: 187.7px;
  top: 6.2%;
  left: calc(50% - 616px);
  z-index: 110;
}
.item2obj2dash{
    /* zootopia sp用 */
    display: none;
  }
.item2obj3{
  /* hand*/
  position: absolute;
  width: 180.7px;
  bottom: -2.8%;
  left: calc(50% - 507px);
  z-index: 110;
}
.item2obj4{
  /* house pc*/
  position: absolute;
  width: 594.7px;
  top: -31.8%;
  left: calc(50% - 521px);
  z-index: 90;
}
.item2obj4dash{
  /* house sp*/
  position: absolute;
  width: 172.7px;
  top: -4.2%;
  left: calc(50% - 219px);
  z-index: 90;
  display: none;
}
@media screen and (max-width: 1231px) {
  .item2CharaName,.item2CharaNameBg{
    width: 331.7px;
    top: -14.5%;
    right: calc(50% - 502px);
  }
  .item2obj1{
    /* car pc*/
    width: 94.7px;
    top: 60%;
    right: calc(50% - 549px);
  }
  .item2obj2{
    /* zootopia pc*/
    width: 187.7px;
    top: 6.2%;
    left: calc(50% - 569px);
  }
}
@media screen and (max-width: 1099px) {
  .item2obj2{
    /* zootopia pc*/
    width: 160.7px;
    top: 4.2%;
    left: calc(50% - 539px);
  }
}
@media screen and (max-width: 1024px) {
  .item2CharaName,.item2CharaNameBg{
    width: 40%;
    max-width: 160px;
    top: -40px;
    right: calc(50% - 248px);
  }
  .item2CharaName img,.item2CharaNameBg img{
    /* 名前ロゴの中身を回転して調整 */
    transform: rotate(-25deg);
  }
  .item2obj1{
    /* car pc*/
    display: none;
  }
  .item2obj1dash{
    /* car sp*/
    display: block;
  }
  .item2obj2{
    /* zootopia pc*/
    display: none;
  }
  .item2obj2dash{
    /* zootopia sp用 */
    position: absolute;
    width: 69.7px;
    top: 8%;
    right: -3%;
    display: block;
  }
  .item2obj3{
    /* hand*/
    display: none;
  }
  .item2obj4{
  /* house pc*/
    display: none;
  }
  .item2obj4dash{
    /* house sp*/
    display: block;
  }
}
@media screen and (max-width: 510px) {
  .item2CharaName,.item2CharaNameBg{
    width: 40%;
    max-width: 160px;
    top: -40px;
    right: 5%;
  }
  .item2obj4dash{
    /* house sp*/
    width: 172.7px;
    top: -4.6%;
    left: 3%;
  }
}

.item3CharaName{
  position: absolute;
  width: 379.7px;
  top: -11%;
  left: calc(50% - 585px);
  z-index: 110;
}
.item3CharaNameBg{
  position: absolute;
  width: 379.7px;
  top: -11%;
  left: calc(50% - 585px);
  z-index: 91;
}
.item3obj1{
  /* car pc*/
  position: absolute;
  width: 106.7px;
  top: 34.4%;
  right: calc(50% - 573px);
  z-index: 110;
}
.item3obj1dash{
  /* car sp*/
  position: absolute;
  width: 62.7px;
  bottom: 3.6%;
  right: calc(50% - 168px);
  z-index: 110;
  display: none;
}
.item3obj2{
  /* コーン pc*/
  position: absolute;
  width: 106.7px;
  bottom: -7.8%;
  right: calc(50% - 481px);
  z-index: 110;
}
.item3obj2dash{
    /* コーン sp用 */
    display: none;
  }
.item3obj3{
  /* house */
  position: absolute;
  width: 519.7px;
  bottom: -15%;
  left: calc(50% - 506px);
  z-index: 90;
  transform: rotate(-3.5deg);
}
.item3obj4{
  /* 街頭 */
  position: absolute;
  width: 108.7px;
  top: -15%;
  left: calc(50% - 349px);
  z-index: 90;
}
.item3obj5{
  /* Nick WildeとJusy Hopps */
  position: absolute;
  width: 871px;
  top: -59%;
  right: calc(50% - 708px);
  z-index: 105;
}
@media screen and (max-width: 1410px) {
  .item3obj5{
    /* Nick WildeとJusy Hopps */
    width: 800px;
    top: -57%;
    right: 0;
  }
}
@media screen and (max-width: 1231px) {
  .item3CharaName,.item3CharaNameBg{
    width: 379.7px;
    top: -11%;
    left: calc(50% - 502px);
  }
  .item3obj1{
    /* car pc*/
    width: 88.7px;
    top: 2.4%;
    right: calc(50% - 535px);
  }
  .item3obj4{
    /* 街頭 */
    width: 108.7px;
    top: -15%;
    left: calc(50% - 237px);
  }
}
@media screen and (max-width: 1024px) {
  .item3CharaName,.item3CharaNameBg{
    width: 40%;
    max-width: 160px;
    top: 15px;
    left: calc(50% - 236px);
  }
   .item3CharaName img,.item3CharaNameBg img{
    /* 名前ロゴの中身を回転して調整 */
    transform: rotate(10deg);
  }
  .item3obj1{
    /* car pc*/
    display: none;
  }
  .item3obj1dash{
    /* car sp*/
    display: block;
  }
  .item3obj3{
    /* house */
    width: 200.7px;
    bottom: 0%;
    left: calc(50% - 241px);
    transform: rotate(-2deg);
  }
  .item3obj2{
    /* コーン pc*/
    display: none;
  }
  .item3obj2dash{
    /* コーン sp用 */
    position: absolute;
    width: 59.7px;
    top: 9%;
    right: 0%;
    display: block;
  }
  .item3obj4{
    /* 街頭 */
    width: 43.7px;
    top: 0%;
    left: calc(50% - 72px);
  }
  .item3obj5 {
    /* Nick WildeとJusy Hopps */
    width: 400px;
    top: -11%;
    right: calc(50% - 400px);
  }
}
@media screen and (max-width: 799px) {
  .item3obj5 {
    /* Nick WildeとJusy Hopps */
    width: 52%;
    top: -18vw;
    right: 0;
  }
}
@media screen and (max-width: 510px) {
  .item3CharaName,.item3CharaNameBg{
    width: 40%;
    max-width: 160px;
    top: 17px;
    left: 1%;
  }
  .item3obj3{
    /* house */
    width: 200.7px;
    bottom: -1%;
    left: 3%;
  }
  .item3obj5 {
    /* Nick WildeとJusy Hopps */
    width: 60%;
    top: -7%;
    right: 0;
  }

}

.item4CharaName{
  position: absolute;
  width: 331.7px;
  top: -21.5%;
  right: calc(50% - 527px);
  z-index: 110;
}
.item4CharaNameBg{
  position: absolute;
  width: 331.7px;
  top: -21.5%;
  right: calc(50% - 527px);
  z-index: 90;
}
.item4obj1{
  /* car pc*/
  position: absolute;
  width: 85.7px;
  top: 59%;
  left: calc(50% - 570px);
  z-index: 110;
}
.item4obj1dash{
  /* car sp*/
  position: absolute;
  width: 62.7px;
  bottom: 4%;
  left: calc(50% - 207px);
  z-index: 110;
  display: none;
}

.item4obj2{
  /* にんじん型のペン*/
  position: absolute;
  width: 120.7px;
  top: 16%;
  right: calc(50% - 583px);
  z-index: 110;
}
.item4obj2dash{
    /* にんじん型のペン*/
    display: none;
  }
.item4obj3{
  /* 街頭*/
  position: absolute;
  width: 108.7px;
  top: -17%;
  left: calc(50% - 485px);
  z-index: 90;
}
.item4obj4 {
  /* Nick Wilde */
    position: absolute;
    width: 308.7px;
    bottom: -10%;
    right: calc(50% - 607px);
    z-index: 110;
}

@media screen and (max-width: 1231px) {
  .item4CharaName,.item4CharaNameBg{
    width: 331.7px;
    top: -14.5%;
    right: calc(50% - 502px);
  }
  .item4obj4 {
  /* Nick Wilde */
    bottom: -27%;
    right: calc(50% - 520px);
}
  
  
}
@media screen and (max-width: 1099px) {
  
}
@media screen and (max-width: 1024px) {
  .item4CharaName,.item4CharaNameBg{
    width: 40%;
    max-width: 160px;
    top: -40px;
    right: calc(50% - 248px);
  }
  .item4CharaName img,.item4CharaNameBg img{
    /* 名前ロゴの中身を回転して調整 */
    transform: rotate(-25deg);
  }
  .item4obj1{
    /* car pc*/
    display: none;
  }
  .item4obj1dash{
    /* car sp*/
    display: block;
  }
  .item4obj2{
    /* にんじん型のペン*/
    display: none;
  }
  .item4obj2dash{
    /* にんじん型のペン*/
    position: absolute;
    width: 69.7px;
    top: 8%;
    right: -3%;
    display: block;
  }
  .item4obj3{
    /* 街頭 */
    width: 49.7px;
    top: -3.1%;
    left: calc(50% - 225px);
  }
  .item4obj4 {
    /* Nick Wilde */
    width: 165.9px;
    bottom: -6.5%;
    right: calc(50% - 279px);
  }
  
  
}
@media screen and (max-width: 578px) {
  .item4obj4 {
      /* Nick Wilde */
      width: 144.9px;
      bottom: -3%;
      right: 1%;
    }
}
@media screen and (max-width: 510px) {
  .item4CharaName,.item4CharaNameBg{
    width: 40%;
    max-width: 160px;
    top: -45px;
    right: 5%;
  }
  .item4obj1dash{
    /* car sp*/
    width: 62.7px;
    bottom: 3.1%;
    left: 5%;
  }

  .item4obj3{
    /* 街頭 */
    width: 40.7px;
    top: -2.5%;
    left: 5%;
  }
  
  
}












.itemAnimeRotate1{
    animation-name: itemAnimeRotate1;/*@keyframesと同一の名前を入れる*/
    animation-delay: 0s;/*アニメ開始までの時間*/
    animation-duration: 2s;/*アニメ時間*/
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: steps(1, end);
}
@keyframes itemAnimeRotate1{
  0%{ transform: rotate(0deg);}
  50%{ transform: rotate(7deg);}
}

.itemAnimeTenmetsu1{
    animation-name: itemAnimeTenmetsu1;/*@keyframesと同一の名前を入れる*/
    animation-delay: 0s;/*アニメ開始までの時間*/
    animation-duration: 2s;/*アニメ時間*/
    animation-fill-mode: forwards;/*forwards:アニメ後止める backwards:初期に戻すか*/
    animation-iteration-count: infinite;/*アニメ回数。infiniteで永久*/
    animation-timing-function: steps(1, end);
}
@keyframes itemAnimeTenmetsu1{
  0%{ opacity: 0;}
  50%{ opacity: 1;}
}
.crossdiv1{
  /* 横断歩道用1 */
  width: 100%;
  height: 700px;
  background-image:url(../img/zootopia/zebra_1to2.webp);
  background-size: contain;
  background-position: calc(50% + 30px) center;
  background-repeat: no-repeat;
  opacity: 1;
  position: relative;
  z-index: 10;
  margin: -210px auto -110px auto;
}
.crossdiv2{
  /* 横断歩道用2 */
  width: 100%;
  height: 700px;
  background-image:url(../img/zootopia/zebra_2to3.webp);
  background-size: contain;
  background-position: calc(50% + 12px) center;
  background-repeat: no-repeat;
  opacity: 1;
  position: relative;
  z-index: 10;
  margin: -185px auto -145px auto;
}
@media screen and (max-width: 1024px) {
  .crossdiv1{
    /* 横断歩道用1 */
    height: 300px;
    background-position: calc(50% + 0px) center;
    margin: -170px auto -80px auto;
  }
  .crossdiv2{
    /* 横断歩道用2 */
    height: 300px;
    background-position: calc(50% + -20px) center;
    margin: -210px auto -105px auto;
  }


}