/** Shopify CDN: Minification failed

Line 541:0 Unexpected "}"

**/

/* nemos_bookページのみdeigoロゴのヘッダー消す */
#SiteHeader,.icon-search,.icon-bag-minimal,.announcement-bar {
    display: none
}

.header-sticky-wrapper {
    position: relatiive;
    z-index: 999
}
/* 下のバナー,フッターの一部消す */
#shopify-section-footer-promotions,.site-footer {
    display: none
}



@media only screen and (min-width: 769px) {
    .site-footer-nemos {
        padding-top:60px;
        padding-bottom: 60px
    }
}

@media only screen and (max-width: 768px) {
    .site-footer-nemos {
        padding-bottom:0
    }
}

.footer__logo-nemos {
    position: relative
}

.footer__logo-nemos img {
    display: inline-block;
    transform: translateZ(0);
    max-height: 100%
}

.bb-bookblock {
    width: 100%;
    height: 720px;
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto;
    -webkit-perspective: 2600px;
    perspective:2600px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media screen and (max-width: 2560px) {
    .bb-bookblock {
        height:1431px;
    }
}

@media screen and (max-width: 2304px) {
    .bb-bookblock {
        height:1287px;
    }
}
@media screen and (max-width: 2024px) {
    .bb-bookblock {
        height:1150px;
    }
}

@media screen and (max-width: 1920px) {
    .bb-bookblock {
        height:1035px;
    }
}
@media screen and (max-width: 1910px) {
    .bb-bookblock {
        height:990px;
    }
}
@media screen and (max-width: 1900px) {
    .bb-bookblock {
        height:972px;
    }
}
@media screen and (max-width: 1850px) {
    .bb-bookblock {
        height: 900px;
    }
}
@media screen and (max-width: 1670px) {
    .bb-bookblock {
        height: 810px;
    }
}
@media screen and (max-width: 1600px) {
    .bb-bookblock {
        height: 712px;
    }
}



@media screen and (max-width:1366px) {
    .bb-bookblock {
        height: 657px;
    }
}
/* @media screen and (max-width: 1300px) {
    .bb-bookblock {
        height:675px;
    }
} */
@media screen and (max-width: 1300px) {
    .bb-bookblock {
        height:630px;
    }
}
/* @media screen and (max-width: 1220px) {
    .bb-bookblock {
        height:657px;
    }
} */
  @media screen and (max-width: 1220px) {
    .bb-bookblock {
        height:639px;
    }
}
@media screen and (max-width: 1150px) {
    .bb-bookblock {
        height:630px;
    }
}


@media screen and (max-width: 1080px) {
    .bb-bookblock {
        height:585px
    } 
}
@media screen and (max-width: 1000px) {
    .bb-bookblock {
        height: 549px;
    }
}
@media screen and (max-width: 996px) {
    .bb-bookblock {
        height: 540px;
    }
}
@media screen and (max-width:960px) {
    .bb-bookblock {
        height: 522px;
    }
}
@media screen and (max-width:920px) {
    .bb-bookblock {
        height: 495px;
    }
}
@media screen and (max-width:880px) {
    .bb-bookblock {
        height: 468px;
    }
}
@media screen and (max-width: 845px) {
    .bb-bookblock {
        height:450px;
    }
    }
  @media screen and (max-width: 830px) {
    .bb-bookblock {
        height:432px;

    }
}
/* @media screen and (max-width: 768px) {
    .bb-bookblock {
        height:405px;

    }
} */


@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) {
    .bb-bookblock {
        height:522px
    }
}


@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (orientation: landscape) {
    .bb-bookblock {
        height:513px
    }
  
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .bb-bookblock {
        height:486px;
    
}
}
/* @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .bb-bookblock {
        height:441px;
    
}
} */

.bb-page {
    position: absolute;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform
}

.bb-vertical .bb-page {
    width: 50%;
    height: 100%;
    left: 50%;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.bb-horizontal .bb-page {
    width: 100%;
    height: 50%;
    top: 50%;
    -webkit-transform-origin: center top;
    transform-origin: center top
}

.bb-page>div,.bb-outer,.bb-content,.bb-inner {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.bb-vertical .bb-content {
    width: 200%
}

.bb-horizontal .bb-content {
    height:200%
}

.bb-page>div {
    width: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.bb-vertical .bb-back {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.bb-horizontal .bb-back {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.bb-outer {
    width: 100%;
    overflow: hidden;
    z-index: 999
}

.bb-overlay,.bb-flipoverlay {
    /* background-color: #000000b3; */
   background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.bb-flipoverlay {
    background-color: #0003
}

.bb-bookblock.bb-vertical>div.bb-page:first-child,.bb-bookblock.bb-vertical>div.bb-page:first-child .bb-back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.bb-bookblock.bb-horizontal>div.bb-page:first-child,.bb-bookblock.bb-horizontal>div.bb-page:first-child .bb-back {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}
/* Content display */
.bb-content {
    background: #fff
}

.bb-vertical .bb-front .bb-content {
    left: -100%
}

.bb-horizontal .bb-front .bb-content {
    top: -100%
}
/* Flipping classes */
.bb-vertical .bb-flip-next,.bb-vertical .bb-flip-initial {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.bb-vertical .bb-flip-prev {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0)
}

.bb-horizontal .bb-flip-next,.bb-horizontal .bb-flip-initial {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.bb-horizontal .bb-flip-prev {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0)
}

.bb-vertical .bb-flip-next-end {
    -webkit-transform: rotateY(-30deg);
    transform: rotateY(-30deg)
}

.bb-vertical .bb-flip-prev-end {
    -webkit-transform: rotateY(-150deg);
    transform: rotateY(-150deg)
}

.bb-horizontal .bb-flip-next-end {
    -webkit-transform: rotateX(30deg);
    transform: rotateX(30deg)
}

.bb-horizontal .bb-flip-prev-end {
    -webkit-transform: rotateX(150deg);
    transform: rotateX(150deg)
}

/*PC画像サイズ縦横比9/16設定  */
.bb-item{
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    display: none;
}
.bb-item-etc {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;

}

/*.bb-item-etc:before {
    content: "";
    display: block;
    padding-top: 56.25%
}*/
.bb-item-etc:before {
    content: "";
    display: block;
    padding-top: 56.25%;
}
      
.bb-images {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/* .site-header__logo img {
    height: 25px;
} */

/* @media screen and (max-width: 768px) {
    .site-header__logo img {
        height:22px;
    }
} */

.site-header {
    padding: 0;
}

@media only screen and (min-width: 769px) {
    .page-full,.page-width {
        padding:0 20px;
    }
  .site-header__logo img {
    width:50%;
  }
  .header-item header-item--logo{
    min-width: 130px;
    max-width:50%;
  flex: 0 0 90px;
  }
}

/* .text-overlay1 {
    position: absolute;
    text-align: center;
    bottom: 3%;
    left: 4.5%;
    color: red;
    padding: 10px;
    font-size: 16px;
    letter-spacing: .025em;
    transition: opacity 1.5s,transform 1s;
    opacity: 0
} */
.text-overlay1{
  transition: opacity 3.5s,transform 3s;
    opacity: 0;
 
}

.text-overlay1.active{
  opacity:1;
}

/* @media screen and (max-width: 2560px) {
    .text-overlay1 {
        font-size:2rem
    }
}

@media screen and (max-width: 2304px) {
    .text-overlay1 {
        font-size:30px
    }
}





@media screen and (max-width: 2560px) {
    .text-overlay2 {
        font-size:2rem
    }
}

@media screen and (max-width: 2304px) {
    .text-overlay2 {
        font-size:30px
    }
}

@media screen and (max-width: 1920px) {
    .text-overlay2 {
        font-size:1.5rem
    }
}

@media screen and (max-width: 1440px) {
    .text-overlay2 {
        font-size:1rem
    }
}

.text-overlay2.active {
    opacity: 1
}

.no-js .bb-bookblock,.no-js ul.bb-custom-grid li {
    width: auto;
    height: auto
}

.no-js .bb-item,
.no-js .bb-item-etc{
    display: block;
    position: relative
}

@media screen and (max-width: 1280px) {
    .bb-item{
        width:100%;
        height: 100%
    }

    .text-overlay1 {
        bottom: 2%;
        left: 4%
    }

    .text-overlay2 {
        bottom: 2%;
        right: 2.5%
    }
}

@media screen and (max-width: 1200px) {
    .text-overlay1 {
        bottom:8%;
        left: 2%
    }

    .text-overlay2 {
        bottom: 8%;
        right: 2%
    }
}

@media screen and (max-width: 1100px) {
    /* .text-overlay1 {
        font-size:15px;
        bottom: 2%;
        left: 1%
    }
 */
    .text-overlay2 {
        font-size: 15px;
        bottom: 2%;
        right: 0;
    }
}

@media screen and (max-width: 1080px) {
    /* .text-overlay1 {
        font-size:14px;
        bottom: 1.5%;
        left: 1%;
        letter-spacing: .01em
    }
 */
    .text-overlay2 {
        font-size: 14px;
        bottom: 1.5%;
        right: 1%;
        letter-spacing: .01em;
    }
}

@media screen and (max-width: 975px) {
    /*.text-overlay1 {
      
        bottom: 5%;
        left: 2%;
        
    }
 
    .text-overlay2 {
        font-size: 13px;
        bottom: 5%;
        right: 4%;
        letter-spacing: .008em;
  }*/
}

@media screen and (max-width: 912px) {
    /* .text-overlay1 {
        font-size:13px;
        bottom: 5%;
        left: 0;
        letter-spacing: .01em
    } */

    .text-overlay2 {
        font-size: 13px;
        bottom: 5%;
        right: 0;
        letter-spacing: .01em;
    }
}

@media screen and (max-width: 865px) {
    /* .text-overlay1 {
        font-size:13px;
        bottom: 6%;
        left: 0;
        letter-spacing: .008em
    } */

    .text-overlay2 {
        font-size: 13px;
        bottom: 6%;
        right: 0;
        letter-spacing: .008em;
    }
}

@media screen and (max-width: 845px) {
    /* .text-overlay1 {
        font-size:12px;
        bottom: 10%;
        left: 0;
        letter-spacing: .008em
    } */

    .text-overlay2 {
        font-size: 12px;
        bottom: 10%;
        right: 0;
        letter-spacing: .008em;
    }
}
@media screen and (max-width: 820px) {
/* .text-overlay1{
    font-size: 12px;
        bottom: 2%;
        left: 0;
        letter-spacing: .008em;
} */
  .text-overlay2{
    font-size: 12px;
        bottom: 2%;
        right: 0;
        letter-spacing: .008em;
  }
}
@media screen and (max-width: 802px) {
    /* .text-overlay1 {
        font-size:11px;
        bottom: 0;
        left: 0;
        letter-spacing: .008em
    } */

    .text-overlay2 {
        font-size: 11px;
        bottom: 0;
        right: 0;
        letter-spacing: .008em;
    }
}

@media screen and (max-width: 774px) {
    /* .text-overlay1 {
        font-size:11px;
        bottom: 0;
        left: 0;
        letter-spacing: .008em
    } */

    .text-overlay2 {
        font-size: 11px;
        bottom: 0;
        right: 0;
        letter-spacing: .008em;
    }
}

@media screen and (max-width: 768px) {
    /* .text-overlay1 {
        font-size:11px;
        bottom: -1%;
        left: 0;
        letter-spacing: .008em
    }
 */
    .text-overlay2 {
        font-size: 11px;
        bottom: -1%;
        right: 0;
        letter-spacing: .008em;
    }
}

@media screen and (max-width: 750px) {
    .bb-bookblock{
        height:400px;
    }
}

@media screen and (max-width: 700px) {
    .bb-bookblock{
        height:380px;
    }

    /* .text-overlay1 {
        font-size: 10px;
        bottom: 0;
        left: 0;
        letter-spacing: .008em
    } */

    .text-overlay2 {
        font-size: 10px;
        bottom: 0;
        right: 0%;
        letter-spacing: .008em;
    }
}

@media screen and (max-width: 648px) {
    /* .text-overlay1 {
        font-size:9px;
        bottom: 1%;
        left: 0;
        letter-spacing: .008em
    } */

    .text-overlay2 {
        font-size: 9px;
        bottom: 1%;
        right: 0%;
        letter-spacing: .008em;
    }
}

@media screen and (max-width: 600px) {
    .bb-bookblock{
        height:340px;
    }

    /* .text-overlay1 {
        font-size: 9px;
        bottom: 1%;
        left: 0;
        letter-spacing: .008em
    } */

    .text-overlay2 {
        font-size: 9px;
        bottom: 1%;
        right: 0%;
        letter-spacing: .008em;
    }
}

@media screen and (max-width: 587px) {
    /* .text-overlay1 {
        font-size:8px;
        bottom: 1%;
        left: 0;
        letter-spacing: .008em
    }
 */
    .text-overlay2 {
        font-size: 8px;
        bottom: 1%;
        right: 0;
        letter-spacing: .008em;
    }
}

@media screen and (max-width: 551px) {
    .bb-bookblock{
        height:300px;
    }

    /* .text-overlay1 {
        font-size: 7px;
        bottom: 1%;
        left: 0;
        letter-spacing: .008em
    }
 */
    .text-overlay2 {
        font-size: 7px;
        bottom: 1%;
        right: 0;
        letter-spacing: .008em;
    }
}

@media screen and (max-width: 500px) {
    /* .text-overlay1,.text-overlay2 {
        font-size:7px
    } */
}

/*# sourceMappingURL=/cdn/shop/t/2/assets/bookblock.css.map?v=61776764240195457611713499418 */