@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_pooh{
  /* background-image:url(../img/pooh/tmpl.jpg);
  background-size: 1450px;
  background-position: top center;
  background-repeat: no-repeat;
  min-height: 10000px; */
}
.item1AreaRoot,.item2AreaRoot,.item3AreaRoot{
  opacity: 1;
}

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

html {
  font-size: 62.5%;
}

body {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 2;
  color: #333333;
  background-color: #D7C7BC;
  overflow-x: hidden;
}

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;
}
.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;

 
}


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

/* pooh独自ここから */
.kvWrap{
  width: 100%;
  position: relative;
  padding-top: 5.6rem;
}
@media screen and (max-width: 1024px) {
  .kvWrap{
    padding-top: 4.8rem;
  }

}
.kvParentDIV{
  width: 100%;
  max-height: 950px;
  height: 86vw;
  position: relative;
}
.kvViewdiv1{
  width: 98%;
  height: 100%;
  z-index: 12;
  position: absolute;
  left: 1%;
}
.kvlogo{
  width: 64%;
  max-width: 712px;
  position: absolute;
  margin-top: 50px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1120px) {
  .kvlogo{
    margin-top: 4.5vw;
  }

}
.kvViewbox1{
  width: 100%;
  height: 100%;
}

/* 線アニメKV用 */
#kvText {
  mask:url(#kvMask-ani);
}
#kvMask-line {
  /* 線の太さ */
  stroke-width:0.8%;

  /* 破線の間隔の長さ */
  stroke-dasharray:230%;

  /* アニメを適用 */
  animation:kv-h-written 6.5s 1;

  /* #fffにしないとマスクが表示されない場合あり */
  stroke:#fff;
}

/* kv用マスクが伸びるアニメ */
@keyframes kv-h-written {
  0% {
  /* stroke-dashoffset:230%; */
  stroke-dashoffset:230%;
  }
  15% {
  /* stroke-dashoffset:230%; */
  stroke-dashoffset:230%;
  }
  100% {
  stroke-dashoffset:0%;
  }
}

/* 線アニメitem2用 */
#kvText2 {
  mask:url(#kvMask-ani2);
}
#kvMask-line2 {

  /* アニメを適用 */
   animation:kv-h-written2 6s 1;

   /* 線の太さ */
  stroke-width:0.8%;

  /* 破線の間隔の長さ */
  stroke-dasharray:190%;

  /* #fffにしないとマスクが表示されない場合あり */
  stroke:#fff;

  
}
.kvMask-line2_anime {
  display: none;
  
 
}

/* kv用マスクが伸びるアニメ */
@keyframes kv-h-written2 {
  0% {
  stroke-dashoffset:190%;
  }
  100% {
  stroke-dashoffset:0%;
  }
}

/* 線アニメitem4用 */
#kvText4 {
  mask:url(#kvMask-ani4);
}
#kvMask-line4 {
  /* 線の太さ */
  stroke-width:0.8%;

  /* 破線の間隔の長さ */
  stroke-dasharray:247%;

  /* アニメを適用 */
animation:kv-h-written4 7s;
animation-fill-mode:forwards;


  /* #fffにしないとマスクが表示されない場合あり */
  stroke:#fff;
}

/* kv用マスクが伸びるアニメ */
@keyframes kv-h-written4 {
  0% {
  /* stroke-dashoffset:230%; */
  stroke-dashoffset:247%;
  }
  100% {
  stroke-dashoffset:0%;
  }
}




.linerDIV2{
  width: 99%;
  height: 94%;
  position: absolute;
  top: 140px;
}

@media screen and (max-width: 1799px) {
  .linerDIV2{
    top:7vw;
    width: 1500px;
    height: 98%;
    right: calc(50% - 700px);
  }
}

@media screen and (max-width: 1600px) {
  .linerDIV2{
    width: 1500px;
    height: 103%;
    right: calc(50% - 700px);
    
  }
}
@media screen and (max-width: 1024px) {
  .linerDIV2{
    top: 2vw;
    width: 1300px;
    height: 66%;
    right: calc(50% - 460px);
  }
}
@media screen and (max-width: 499px) {
  .linerDIV2{
    top: 2vw;
    width: 146%;
    height: 50%;
    right: 0;
  }
}

.linerDIV4{
  width: 99%;
  height: 95%;
  position: absolute;
  top: 160px;
}

/* @media screen and (max-width: 1799px) {
  .linerDIV4{
    top: 4.6vw;
    width: 1500px;
    height: 103%;
    right: calc(50% - 700px);
  }
} */

@media screen and (max-width: 1600px) {
  .linerDIV4{
    width: 1500px;
    height: 103%;
    right: calc(50% - 700px);
    
  }
}
@media screen and (max-width: 1300px) {
  .linerDIV4{
    top: 7.9vw;
    width: 1560px;
    height: 134%;
    right: calc(50% - 788px);
  }
}
@media screen and (max-width: 1024px) {
  .linerDIV4{
    top: 2vw;
    width: 1300px;
    height: 69%;
    right: calc(50% - 807px);
  }
}
@media screen and (max-width: 759px) {
  .linerDIV4{
            top: 8vw;
        width:1300px;
        height: 63%;
        right: initial;
        left: calc(50% - 506px);
        transform: rotate(13deg);
  }
}
@media screen and (max-width: 539px) {
  .linerDIV4{
    top: 8vw;
    width: 175%;
    height: 63%;
    right: initial;
    left: -23%;
    transform: rotate(13deg);
  }
}
@media screen and (max-width: 439px) {
  .linerDIV4{
    top: 8vw;
    width: 175%;
    height: 63%;
    right: initial;
    left: -29%;
    transform: rotate(13deg);
  }
}


.item1WrapRoot{
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}



.itemOddWrap{
  width: 100%;
  background-image:url(../img/pooh/bg_ivory.jpg);
  background-size: 750px;
  background-position: top center;
  background-repeat: repeat;
  position: relative;
  z-index: 110;
  padding: 165px 0 50px 0;
  
}
.itemEvenWrap{
  width: 100%;
  position: relative;
  z-index: 10;
  padding: 140px 0 200px 0;
}
.midDIV1{
  width: 100%;
  height: 13.5vw;
  background-image:url(../img/pooh/kyoukai_bottom.png);
  background-size: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  margin: -100px auto -45px auto;
  position: relative;
  z-index: 100;
}
.midDIV2{
  width: 100%;
  height: 13.5vw;
  background-image:url(../img/pooh/kyoukai_top.png);
  background-size: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  margin: 0 auto -1px auto;
  position: relative;
  z-index: 100;
}
.midDIV3{
  width: 100%;
  height: 13.5vw;
  background-image:url(../img/pooh/kyoukai_bottom.png);
  background-size: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  margin: -88px auto -45px auto;
  position: relative;
  z-index: 100;
}
.kyokai_maskDIV{
  width:100%;
  position: relative;
  background-image:url(../img/pooh/kyokai_grade.png);
  background-size: 100% 100%;
  background-position: contain;
  background-repeat: repeat-x;
  height: 40px;
  margin: -20px auto;
  z-index: 300;
}
@media screen and (max-width: 1499px) {
  .itemOddWrap{
  }
  .itemEvenWrap{
  }
  .midDIV1{
    margin: -7vw auto -3vw auto;
  }
  .midDIV2{
    margin: 0 auto -1px auto;
  }
  .midDIV3{
    margin: -6vw auto -3vw auto;
  }
}
@media screen and (max-width: 1024px) {
  .itemOddWrap{
    padding: 13vw 0 4vw 0;
    overflow-x: hidden;
  }
  .itemEvenWrap{
    padding: 13vw 0 6.5vw 0;
    overflow-x: hidden;
  }
 
}
@media screen and (max-width: 809px) {
  .itemOddWrap{
    
  }
}
 


.item1Area{
  width: 100%;
  max-width: 1060px;
  margin: auto;
  position: relative;
  
}
.itemNameOdd {
  width: 50%;
  max-width: 410px;
  margin: auto;
  position: relative;
  z-index: 210;
  height: 0;
  top: 45px;
}
.itemNameOdd_sp {
  display: none;
}
.itemNameEven_sp {
  display: none
}
.itemNameEven {
  width: 50%;
  max-width: 410px;
  margin: auto;
  position: relative;
  z-index: 110;
  height: 0;
  padding-top: 20px;
}
.item1Flex{
  width: 90%;
  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: 4% 4% 0 4%;
  position: relative;
}
.item2Flex{
  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: 4% 4% 0 4%;
  position: relative;
}
.itemFlexTextDIV{
  width: 46%;
  padding: 28px 0px 0 23px;
  position: relative;
}
.itemOddWrap .itemFlexThumbDIV{
  width: 44%;
  margin-left: 4%;
}
.itemEvenWrap .itemFlexThumbDIV{
  width: 44%;
  margin-right: 5.5%;
}
.o-slider-item-dress{
    

    

}
.o-slider-item-dress-InnerWaku{
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.o-slider-item-dress-InnerWaku_yoko{
  width: 100%;
  height: auto;
  display: block;
  position: absolute;
  top: 25%;
  left: 0;
  z-index: 10;
}
.o-slider-item-dressThumb{
  z-index: 9;
  mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: 100% 100%;
    
    mask-image: url(../img/pooh/pooh_frame_tate_mask.png);
 
}
.o-slider-item-dressThumb_yoko{
    z-index: 9;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: 100% 100%;
    
    mask-image: url(../img/pooh/pooh_frame_yoko_mask.png);
    position: absolute;
    top: 25%;
}
.slick-list {
    overflow: initial!important;
}
.itemOddWrap .itemFlexThumb_tome_top{
  width: 25%;
  position: absolute;
  top: 0%;
  left: -3.4%;
  z-index: 20;
  transform: rotate(-73deg);
}
.itemFlexThumb_tome_top_sp{
  /* 横写真用 */
  top: 24.7%!important;
}
.itemOddWrap .itemFlexThumb_tome_bottom{
    width: 25%;
    position: absolute;
    bottom: -0.3%;
    right: -3.1%;
    z-index: 20;
    transform: rotate(-72deg);
}
.itemFlexThumb_tome_bottom_sp{
    /* 横写真用 */
    bottom: 23.7%!important;
}
.itemEvenWrap .itemFlexThumb_tome_top{
  width: 25%;
  position: absolute;
  top: 0%;
  right: -3.4%;
  z-index: 20;
  transform: rotate(8deg);
}
.itemEvenWrap .itemFlexThumb_tome_bottom{
    width: 25%;
    position: absolute;
    bottom: -0.3%;
    left: -3.1%;
    z-index: 20;
    transform: rotate(8deg);
}

.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%;
}
.itemTextDIV{
  width: 100%;
  
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 20px 0 0 0;
  margin-top: 8px;
}
.item1TextDIV{
  background-image:url(../img/pooh/pooh_item1_line.webp);
}
.item2TextDIV{
  background-image:url(../img/pooh/pooh_item2_line.webp);
}
.item3TextDIV{
  background-image:url(../img/pooh/pooh_item3_line.webp);
}
.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;
}
.itemOddWrap .itemFlexThumbDIVInner{
  width: 94%;
  margin-left: 3%;
  position: relative;
  transform: rotate(-4.5deg);
}
.itemEvenWrap .itemFlexThumbDIVInner{
  width: 94%;
  margin-left: 3%;
  position: relative;
  transform: rotate(4.5deg);
}
.itemFlexThumbDIVInnerEven{
  margin-left: 9%;
}
@media screen and (max-width: 1024px) {
  .itemNameOdd {
    display: none
  }
  .itemNameOdd_sp {
    width: 60%;
    max-width: 410px;
    margin: auto;
    position: absolute;
    z-index: 110;
    top: -5%;
    right: -11%;
    transform: rotate(12deg);
    display: block;
  }
  .itemNameEven {
    display: none
  }
  .itemNameEven_sp {
    width: 60%;
    max-width: 410px;
    margin: auto;
    position: absolute;
    z-index: 110;
    top: -5%;
    left: -11%;
    transform: rotate(-10deg);
    display: block;
  }
  .item1Flex{
    max-width: 508px;
    width: 100%;
    margin: auto;
    display: block;
    padding: 20px 6% 40px 6%;
  }
  .item2Flex{
    max-width: 508px;
    width: 100%;
    margin: auto;
    display: block;
    padding: 20px 6% 40px 6%;
  }
  .itemFlexTextDIV{
    max-width: initial;
    width: 100%;
    padding: 36px 0px 0 0px
  }

  .itemFlexThumbDIVInnerEven {
    margin-left: 0;
  }

  
 
  .itemSpecTable th{
    width: 6.5em;
    vertical-align: top;
    padding: 0.2em 0.5em 0.2em 0em;
  }
  
  .itemOddWrap .itemFlexThumbDIV{
    width: 100%;
    margin-left: 0;
  }
  .itemEvenWrap .itemFlexThumbDIV{
    width: 100%;
    margin-right: 0;
  }
  .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;
  }

  .itemOddWrap .itemFlexThumb_tome_top{
    display: none;
  }
  .itemOddWrap .itemFlexThumb_tome_bottom{
    display: none;
  }
  .itemEvenWrap .itemFlexThumb_tome_top{
    display: none;
  }
  .itemEvenWrap .itemFlexThumb_tome_bottom{
    display: none;
  }
}

.o-zoom-btn {
  position: absolute;
  display: block;
  width: 5.0rem;
  height: 5.0rem;
  top: 1.8rem;
  background-color: #F8F4EE;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid #43362A;
  z-index: 100;
}
.itemOddWrap .o-zoom-btn {
  right: 1.5rem;
  transform: rotate(4deg);
}
.itemEvenWrap .o-zoom-btn {
  left: 1.5rem;
  transform: rotate(-4deg);
}
.o-zoom-btn img {
  width: 3.0rem;
  height: 3.0rem;
}
@media screen and (max-width: 1024px) {
  .itemOddWrap .o-zoom-btn {
    top: initial;
    bottom: 1.5rem;
    right: 1.5rem;
    width: 3.6rem;
    height: 3.6rem;
  }
  .itemEvenWrap .o-zoom-btn {
    top: initial;
    bottom: 1.5rem;
    right: initial;
    left: 1.5rem;
    width: 3.6rem;
    height: 3.6rem;
  }
  .o-zoom-btn img {
    width: 2.3rem;
    height: 2.3rem;
  }
}

/*丸ポイントの画像切り替えボタン*/
/* PC版 */
.slick-dots {
  position: absolute;
  transform: translate(-50%, 0);
  bottom: 0rem;
  left: 50%;
  display: flex!important;
  justify-content: center;
  gap: 1.8em;
  max-width: 45rem;
  width: calc(100% + 4px);
  bottom: -4rem;
  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.2rem;
  height: 1.2rem;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  border: 1.0px 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) {
  .itemOddWrap .slick-dots {
    position: absolute;
    bottom: -0.6rem;
    right: initial;
    left: -22px;
    display: block !important;
    justify-content: center;
    width: 1.5rem;
    margin-top: 1em;
    flex-wrap: 1;
    transform: initial;
  }
  .itemEvenWrap .slick-dots {
    position: absolute;
    bottom: -0.6rem;
    right: -22px;
    left: initial;
    display: block !important;
    justify-content: center;
    width: 1.5rem;
    margin-top: 1em;
    flex-wrap: 1;
    transform: initial;
  }

  
}

.item1obj1pc{
  width: 263px;
  display: block;
  position: absolute;
  top: -27px;
  right: 0px;
  z-index: 110;
  
}
.item1obj1sp{
  width: 29%;
  display: none;
  position: absolute;
  top: 30px;
  right: 0px;
  z-index: 110;
}
.item2obj1pc{
  width: 223px;
  display: block;
  position: absolute;
  bottom: -129px;
  right: 27px;
  z-index: 110;
}
.item2obj1sp{
  width: 20%;
  display: none;
  position: absolute;
  top: 30px;
  right: 0px;
  z-index: 110;
}
.item3obj1pcWrap{
  width:100%;
  position:relative;
  z-index:400;
}

.item3obj1pc{
  width: 217px;
  display: block;
  position: absolute;
  top: -272px;
  left: calc(50% - 513px);
  z-index: 200;
  
}
.item3obj1sp{
  width: 26%;
  display: none;
  position: absolute;
  top: 9px;
  right: 0px;
  z-index: 110;
}
.item4obj1pc{
  width: 125px;
  display: block;
  position: absolute;
  bottom: -92px;
  right: 76px;
  z-index: 110;
}
.item4obj1sp{
  width: 20%;
  display: none;
  position: absolute;
  top: 30px;
  right: 0px;
  z-index: 110;
}
@media screen and (max-width: 1024px) {
  .item1obj1pc,.item2obj1pc,.item3obj1pc,.item4obj1pc{
    display: none;
  }
  .item1obj1sp,.item2obj1sp,.item3obj1sp,.item4obj1sp{
    display: block;
  }
}