@charset "UTF-8";
/* ######################################################################################

　フォトブック

###################################################################################### */
@media print, screen and (min-width: 1021px) {
    img{width: 100%!important;vertical-align: bottom;}
    .disney100 .contents{width: 1280px!important;}
    .disney100 .contents.book{
        display: flex;
        justify-content: center;
        height: 800px;
    }
    
    /*左側の要素*/
    .disney100 .contents.book .leftBox{width: 50%; position: relative;}
    .disney100 .contents.book .leftBox .logo{position: absolute; top: 35px; left: 20px;}
   
    /*右側の要素*/
    .disney100 .contents.book .rightBox{width: 50%; background: url("../img/contents/index/right_bg.png") no-repeat top center;}
    .disney100 .contents.book .mainTitle.titleBold{font-size: 3.5rem; text-align: center;line-height: 1.2; font-weight: bold; margin-top: 50px;}
    .disney100 .contents.book .rightBox .caption{text-align: center; font-size: 2.5rem; margin: 1.6em 0 1.1em; font-weight: bold;}
    .disney100 .contents.book .rightBox .set{padding: 0 80px; }
    .disney100 .contents.book .rightBox .set .title{font-size: 2.2rem; margin-bottom: 0.25em;}
    .disney100 .contents.book .rightBox .set .setList{list-style: none; font-size: 2.1rem; line-height: 1.6;}
    .disney100 .contents.book .rightBox .set .price{font-size: 3.3rem; font-weight: bold; margin-top: 0.5em;}
    .disney100 .contents.book .rightBox .set .price .mini{font-size: 2.3rem;}
    .disney100 .contents.book .rightBox .bottomButton{margin-top: 185px; font-size: 1.7rem; font-feature-settings: "palt"; letter-spacing: -0.02em;}
    .disney100 .contents.book .rightBox .buttonBox{display: flex; justify-content: center; align-items: center; margin-top: 15px;}
    .disney100 .contents.book .rightBox .buttonBox a + a{margin-left: 13px;}
    .disney100 .contents.book .rightBox .buttonBox a:hover{opacity: 0.7;}
    .disney100 .contents.book .rightBox .footer{margin-top: 15px;font-size: 1rem; padding-left: 55px;font-feature-settings: "palt";}
}
@media screen and (max-width: 767px) {
    img{width: 100%!important;vertical-align: bottom;}
    .disney100 .contents.book{
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-bottom: 15px;
        
    }
    /*左側の要素*/
    .disney100 .contents.book .leftBox{width: 100%; position: relative;}
    .disney100 .contents.book .leftBox .logo{position: absolute; top: 25px; left: 20px; width: 45%;}
    .disney100 .contents.book .rightBox{ width: 100%; background: url("../img/contents/index/right_bg.png") no-repeat top center; background-size: 100%; padding: 0 0 40px 0; position: relative;}
    .disney100 .contents.book .mainTitle.titleBold{font-size: 4.5vw; text-align: center;line-height: 1.2; font-weight: bold; margin-top: 20px;}
    .disney100 .contents.book .rightBox .caption{text-align: center; font-size:4.5vw; margin: 1em 0 1.5em; font-weight: bold;}
    .disney100 .contents.book .rightBox .set{padding: 0 40px; margin-bottom: 50vw;}
    .disney100 .contents.book .rightBox .set .title{font-size: 4vw; margin-bottom: 0.25em;}
    .disney100 .contents.book .rightBox .set .setList{list-style: none; font-size: 3.5vw; line-height: 1.6;}
    .disney100 .contents.book .rightBox .set .price{font-size: 6vw; font-weight: bold; margin-top: 0.5em;}
    .disney100 .contents.book .rightBox .set .price .mini{font-size: 5vw;}
    .disney100 .contents.book .rightBox .bottomButton{font-size: 2.5vw; font-feature-settings: "palt"; letter-spacing: -0.02em; position: absolute; bottom: 1vh;left: 50%; transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);text-wrap: nowrap; width: 100%}
    .disney100 .contents.book .rightBox .buttonBox{display: flex; justify-content: center; align-items: center; margin-top: 10px;}
    .disney100 .contents.book .rightBox .buttonBox a{width: 40%;}
    .disney100 .contents.book .rightBox .buttonBox a + a{margin-left: 13px;}
    .disney100 .contents.book .rightBox .buttonBox a:hover{opacity: 0.7;}
    .disney100 .contents.book .footer{margin-top: 10px;font-size: 0.9rem; padding-left: 2%; font-feature-settings: "palt";}
}

@media (max-width: 1020px) and (min-width: 768px) {
    
     img{width: 100%!important;vertical-align: bottom;}
    .disney100 .contents.book .leftBox{width: 100%; position: relative;}
    .disney100 .contents.book .leftBox .logo{position: absolute; top: 35px; left: 20px; width: 50%;}
    .disney100 .contents{width: 100%!important;}
    .disney100 .contents.book .rightBox{ width: 100%; background: url("../img/contents/index/right_bg.png") no-repeat top center; background-size: 100%; padding: 40px 0 40px 0; height: 104vh; position: relative;}
    .disney100 .contents.book .mainTitle.titleBold{font-size: 4.5vw; text-align: center;line-height: 1.2; font-weight: bold;}
    .disney100 .contents.book .rightBox .caption{text-align: center; font-size: 4vw; margin: 1em 0 1.5em; font-weight: bold;}
    .disney100 .contents.book .rightBox .set{padding: 0 40px; }
    .disney100 .contents.book .rightBox .set .title{font-size: 3.5vw; margin-bottom: 0.25em;}
    .disney100 .contents.book .rightBox .set .setList{list-style: none; font-size: 3.25vw; line-height: 1.6;}
    .disney100 .contents.book .rightBox .set .price{font-size: 6vw; font-weight: bold; margin-top: 0.5em;}
    .disney100 .contents.book .rightBox .set .price .mini{font-size: 5vw;}
    .disney100 .contents.book .rightBox .bottomButton{font-size: 2vw; font-feature-settings: "palt"; letter-spacing: -0.02em; position: absolute; left: 15%; bottom: 8vh; transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); text-wrap: nowrap; left: 50%; width: 100%;}
    .disney100 .contents.book .rightBox .buttonBox{display: flex; justify-content: center; align-items: center; margin-top: 10px;}
    .disney100 .contents.book .rightBox .buttonBox a{width: 30%;}
    .disney100 .contents.book .rightBox .buttonBox a + a{margin-left: 13px;}
    .disney100 .contents.book .rightBox .buttonBox a:hover{opacity: 0.7;}
    .disney100 .contents.book .footer{margin-top: 10px;font-size: 2vw; padding-left: 2%; font-feature-settings: "palt";}
}