body{
    margin: 0;
}
@media (min-width: 768px) {
    body.static .wrapper {
        margin-top: 0;
    }
}
.main{
    background-color: #F0F8FE;
    position:relative;
}
.main *{
    margin: 0;
}
.main a, .modal_open_img, .modal_close_btn{
    transition: 300ms;
}
.main a:hover, .modal_open_img:hover, .modal_close_btn:hover{
    opacity: 0.7;
}
.main ul{
    padding: 0;
}
.fadein{
    opacity: 0;
}
.notosans {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-style: normal;
}
.notoserif {
  font-family: "Noto Serif JP", serif;
  font-weight: normal;
  font-style: normal;
}
.playfair {
  font-family: "Noto Serif JP", serif;/*"Playfair Display", serif;*/
  font-weight: normal;
  font-style: normal;
}
.lp_container{
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    background-color: white;
    container-type: inline-size;
}
.fadein_delayed{
    opacity: 0;
}
.img_copyright {
    font-size: 1.9cqw;
    line-height: 1;
    color: white;
    position: absolute;
    white-space: nowrap;
    left: 0.8em;
    bottom: 0.4em;
}
.img_copyright_in{
    left: 1.2em;
    bottom: 0.7em;
}
.modal{
    display: none;
    position: fixed;
    z-index: 10;
    transform: translateX(-50%);
    top: 0;
    bottom: 0;
    left: 50%;
    background-color: #B9E3F9;
    width: 100%;
    max-width: 750px;
    container-type: inline-size;
}
.modal_inner{
    height: 142.667cqw;
    border-radius: 5cqw;
    padding-top: 5cqw;
    position: absolute;
    width: calc(66000% / 750);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background-color: white;
    box-sizing: border-box;
}
.modal_img_inner{
    width: 76.533cqw;
    height: 76.533cqw;
    position: relative;
    margin: 0 auto;
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
}
.modal_img_inner01{
    background-image: url(imgs/modal01.jpg);
}
.modal_img_inner02{
    background-image: url(imgs/modal02.jpg);
}
.modal_img_inner03{
    background-image: url(imgs/modal03.jpg);
}
.modal_img_inner04{
    background-image: url(imgs/modal04.jpg);
}
.modal_img_inner05{
    background-image: url(imgs/modal05.jpg);
}
.modal_img_inner06{
    background-image: url(imgs/modal06.jpg);
}
.modal_img_inner07{
    background-image: url(imgs/modal07.jpg);
}
.modal_img_inner08{
    background-image: url(imgs/modal08.jpg);
}
.modal_img_inner09{
    background-image: url(imgs/modal09.jpg);
}
.modal_img_inner10{
    background-image: url(imgs/modal10.jpg);
}
.modal_img_inner11{
    background-image: url(imgs/modal11.jpg);
}
.modal_cherry_img{
    display: block;
    margin: 0 auto;
    width: calc(3700% / 660);
    padding-top: 3cqw;
    padding-bottom: 1cqw;
}
.modal_table{
    width: calc(47600% / 660);
    margin: 0 auto;
    height: 33cqw;
}
.modal_table th{
    text-align: left;
    padding: 0;
}
.modal_table td{
    text-align: right;
    padding: 0;
}
.modal_table th p {
    font-size: 3.1cqw;
    color: #BC9369;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0.1em;
    padding-top: 0.7em;
}
.modal_table td p {
    font-size: 3.1cqw;
    color: #BC9369;
    line-height: 1;
    padding-right: 0.8em;
    display: inline-block;
    vertical-align: middle;
}
.modal_buy_btn {
    font-size: 2.8cqw;
    letter-spacing: 0.1em;
    color: white;
    background-color: #BC9369;
    line-height: 1.2;
    padding: 0 0.25em;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}
.modal_pagenum {
    font-size: 3.1cqw;
    color: #BC9369;
    line-height: 1;
    text-align: center;
    padding-top: 2.5em;
}
.modal .slick-next {
    transform: translateY(-50%) scaleX(50%);
    right: 7%;
    top: 95.5%;
    z-index: 50;
}
.modal .slick-next:before {
    content: '>';
    font-size: 12cqw;
    font-weight: 100;
    color: #BC9369;
}
.modal .slick-prev {
    transform: translateY(-50%) scaleX(50%);
    left: 7%;
    top: 95.5%;
    z-index: 50;
}
.modal .slick-prev:before {
    content: '<';
    font-size: 12cqw;
    font-weight: 100;
    color: #BC9369;
}
.modal_close_btn{
    width: 7.333cqw;
    top: 3cqw;
    right: 3cqw;
    cursor: pointer;
    position: absolute;
}
.firstview_area{
    padding-top: 3.8cqw;
    padding-bottom: 3.8cqw;
    background-color: #B9E3F9;
    position: relative;
}
.firstview{
    position: relative;
    width: calc(69100% / 750);
    margin: 0 auto;
    opacity: 0;
}
.firstview img{
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}
.firstview img:nth-of-type(1){
    position: relative;
    opacity: 1;
}
.firstview_title_img{
    position: absolute;
    width: calc(33300% / 750);
    bottom: 5%;
    left: 9%;
}
.other_btn_area{
    text-align: center;
    padding-top: 12cqw;
    padding-bottom: 12cqw;
}
.other_btn{
    display: inline-block;
    width: calc(56700% / 750);
}
.other_btn img{
    display: block;
    width: 100%;
}
.column_title_img{
    display: block;
    width: calc(63900% / 750);
    margin: 0 auto;
}
.column_p {
    font-size: 3.5cqw;
    line-height: 2.3;
    text-align: center;
    padding-bottom: 5.5em;
}
.lineup_area {
    padding-bottom: 15cqw;
}
.lineup_title_img{
    display: block;
    width: calc(29900% / 750);
    margin: 0 auto;
    padding-bottom: 4cqw;
}
.lineup_four{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.lineup{
    width: calc(32000% / 750);
    text-align: center;
    box-sizing: border-box;
    border: solid 0.6cqw #B9E3F9;
    border-radius: 3cqw;
    padding-bottom: 3cqw;
    margin: 1.4cqw 1.3cqw;
    background-color: white;
}
.lineup_p1 {
    font-size: 3.4cqw;
    color: #BC9369;
    line-height: 1;
    padding-top: 0.8em;
    padding-bottom: 0.7em;
}
.lineup_img_inner{
    display: inline-block;
    width: calc(28000% / 320);
    position: relative;
}
.lineup_img{
    display: block;
    width: 100%;
}
.lineup_copyright {
    font-size: 1.8cqw;
    line-height: 1;
    color: white;
    position: absolute;
    white-space: nowrap;
    transform: translateX(-50%);
    left: 50%;
    bottom: 1.3%;
}
.firstview .lineup_copyright {
    
    transform: translateX(0);
    right: 5%;
left: auto;
    top: 1.3%;
bottom:auto;
}
.lineup_p2 {
    font-size: 3.8cqw;
    color: #BC9369;
    line-height: 1;
    padding-top: 0.4em;
    padding-bottom: 0.2em;
}
.lineup_p3 {
    font-size: 3.4cqw;
    color: #BC9369;
    line-height: 1;
    padding-right: 0.8em;
    display: inline-block;
    vertical-align: middle;
}
.lineup_btn {
    font-size: 3.1cqw;
    letter-spacing: 0.1em;
    color: white;
    background-color: #BC9369;
    line-height: 1.2;
    padding: 0 0.25em;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}
.lineup_area .slick-dots li button:before{
    display:block;
    color: #3a97c9;
}
.slick-dots li.slick-active button{
    background:none;
}
@keyframes zoomin_slide {
  0% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
.zoomin{
    position: relative;
    overflow: hidden;
}
.inner694{
    width: calc(69400% / 750);
    margin: 0 auto;
    border-radius: 5cqw;
    overflow: hidden;
    position: relative;
}
.inner528{
    width: calc(52800% / 750);
    margin-left: calc(2800% / 750);
    display: inline-block;
    border-radius: 5cqw;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}
.inner528right{
    width: calc(52800% / 750);
    margin-right: calc(2800% / 750);
    display: inline-block;
    border-radius: 5cqw;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}
.inner514{
    width: calc(51400% / 750);
    margin: 0 auto;
    border-radius: 5cqw;
    overflow: hidden;
    position: relative;
}
.pb13{
    padding-bottom: 13cqw;
}
.pb4{
    padding-bottom: 5cqw;
}
.modal_open_img{
    cursor: pointer;
}
.modal_open_btn{
    width: 7.467cqw;
    top: 3cqw;
    right: 3cqw;
    position: absolute;
    display: block;
}
.zoomin > img:nth-of-type(1){
    display: block;
    width: 100%;
    opacity: 0;
}
.zoomin > img:nth-of-type(2){
    position: absolute;
    width: 100%;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
.zoomin_slider {
    margin-inline: auto;
    overflow: hidden;
}
.zoomin_slider .slick-slide{
    overflow: hidden;
}
.zoomin_slider img{
    display: block;
    width: 100%;
}
.add-animation {
  animation: zoomin_slide 2s cubic-bezier(0.15, 0.7, 0, 1) 0s normal both;
}
.tatecherry_ib{
    display: inline-block;
    vertical-align: middle;
}
.tatecherry_img{
    display: block;
    width: 7.467cqw;
    padding: 4.5cqw 6.7cqw;
}
.img04_cherry_img {
    display: block;
    width: calc(7900% / 750);
    padding-left: 80%;
    margin-top: -11.3cqw;
    position: relative;
}
.img_slider{
    width: calc(69400% / 750);
    margin: 0 auto;
}
.img_slider_li{
    position: relative;
    margin-right: 3cqw;
    width: 53.867cqw;
}
.img_slider_img{
    display: block;
    width: 100%;
}
.yokocherry_area{
    text-align: center;
}
.yokocherry_img{
    display: inline-block;
    width: 7.2cqw;
    padding-left: 2.6cqw;
    padding-right: 2.6cqw;
}
.movie_area{
    width: 65%;
    margin: 0 auto;
    padding-top: 9cqw;
    padding-bottom: 9cqw;
    position: relative;
}
.movie_uncontrolable{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.list_btn_area{
    text-align: center;
    padding-top: 18cqw;
    padding-bottom: 18cqw;
}
.list_btn{
    display: inline-block;
    width: calc(56700% / 750);
}
.list_btn img{
    display: block;
    width: 100%;
}
.credit_p {
    font-size: 3.5cqw;
    line-height: 1.7;
    text-align: center;
    padding-bottom: 3em;
}
.credit_p span {
    color: #999;
    font-size: 2.5cqw;
}
.bottom_logo_area{
    text-align: center;
    padding-bottom: 11cqw;
}
.bottom_logo{
    display: inline-block;
    width: calc(35100% / 750);
    text-decoration: none;
}
.bottom_logo_img{
    display: block;
    width: 100%;
}
.bottom_logo p {
    font-size: 3cqw;
    color: #999;
    line-height: 1;
}







.pc_left_container, .pc_right_container{
    display: none;
}
@media screen and (min-width:980px) {
    body{
        overflow: visible;
    }
    .lp_container{
        width: calc(100% / 3);
        max-width: calc(100% / 3);
    }
    .main{
        display:flex;
    }
    .modal{
        width: calc(100% / 3);
        max-width: calc(100% / 3);
    }
    .sp_only{
        display: none;
    }
    .firstview_area {
        margin-bottom: 20cqw;
    }
    .pc_left_wrapper,.pc_right_wrapper{
        
        width: calc(100% / 3);
        max-width: calc(100% / 3);
    }
    .pc_left_container{
        container-type: inline-size;
        display: block;
        position: sticky;
        width:80%;
        margin:0 auto;
        top: 0;
    }
    .pc_left_container .column_area {
        padding-top: 34cqw;
    }
    .pc_left_container .other_btn{
        width: 93%;
    }
    .pc_left_container .column_p {
        padding-bottom: 1em;
    }
    .pc_right_container{
        container-type: inline-size;
        display: block;
        position: sticky;
        width:80%;
        margin:0 auto;
        top: 0;
    }
    .pc_right_container .lineup_area{
        padding-top: 25cqw;
    }
}