﻿    /* ==============================================
    [ BaseStyle ]
    ============================================== */
    .main-area, .main-area {
        width: 100%;
        margin: 0 auto;
        -webkit-font-feature-settings: normal;
        font-feature-settings: normal;
        color: #333333;
        font-family: noto-sans-cjk-jp, sans-serif;
        font-style: normal;
        font-weight: normal;
        letter-spacing: 0.02em;
        text-align: left;
    }
    
    .main-area a {
        display: inline-block;
    }
    .main-area img {
        width: 100%;
        height: auto;
    }
    
    .rerativeArea {
        position: relative;
    }
    
    .nowrap {
        white-space: nowrap;
    }
    
    /* ----------[ Display None ]---------- */
    .sp_only {
        display: block;
    }
    
    .pc_only {
        display: none;
    }
    
    @media only screen and (min-width: 560px) {
        .sp_only {
            display: none;
        }
    
        .pc_only {
            display: block;
        }
    }
    
    /* ----------[ breadcrumb ]---------- */
    .main-area .cateList {
        width: 89%;
        margin: auto;
        padding: calc(16 * (100vw / 390)) 0;
        color: #231815;
        font-size: calc(10 * (100vw / 390));
        font-weight: normal;
        letter-spacing: 0.01em;
        line-height: calc(20 * (100vw / 390));
    }
    
    @media only screen and (min-width: 750px) {
        .main-area .cateList {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            width: calc(1280 * (100vw / 1400));
            max-width: 1280px;
            height: calc(50 * (100vw / 1400));
            max-height: 50px;
            margin: auto;
            margin-bottom: calc(28 * (100vw / 1400));
            padding: 0 calc(40 * (100vw / 1400)) 0 0;
            font-size: calc(13 * (100vw / 1400));
            letter-spacing: 0.02em;
            line-height: normal;
        }
    }
    
    @media only screen and (min-width: 1400px) {
        .main-area .cateList {
            width: 1280px;
            height: 50px;
            max-height: 50px;
            margin-bottom: 28px;
            padding: 0 40px 0 0;
            font-size: 13px;
        }
    }
    
    /* ----------[ view_all ]---------- */
    .view_all {
        width: calc(300 * (100vw / 390));
        margin: calc(80 * (100vw / 390)) auto calc(63 * (100vw / 390));
    }
    
    .view_all a {
        display: inline-block;
        width: calc(300 * (100vw / 390));
        height: calc(50 * (100vw / 390));
        text-align: center;
    }
    
    @media only screen and (min-width: 560px) {
        .view_all {
            width: calc(370 * (100vw / 1400));
            margin: calc(56 * (100vw / 1400)) auto calc(85 * (100vw / 1400));
        }
    
        .view_all a {
            width: calc(370 * (100vw / 1400));
            height: calc(60 * (100vw / 1400));
            font-size: calc(18 * (100vw / 1400));
            line-height: calc(60 * (100vw / 1400));
        }
    }
    
    @media only screen and (min-width: 1400px) {
        .view_all {
            width: 370px;
            margin: 56px auto 85px;
        }
    
        .view_all a {
            width: 370px;
            height: 60px;
            font-size: 18px;
            line-height: 60px;
        }
    }
    
    /* ==============================================
    [ Style Css ]
    ============================================== */
    /* ----------[ Font ]---------- */
    .titleTxt {
        font-family: noto-sans-cjk-jp, sans-serif;
        font-weight: 400;
    }
    
    .main-area .credit {
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: calc(11 * (100vw / 390));
        line-height: 1.8;
        letter-spacing: 0.02em;
        text-decoration: underline;
        color: #26292B;
    }


    /* ----------[ mainVisual ]---------- */
    .mainVisual {
        display: block;
        width: 100%;
        margin: auto;
    }
    
    .mainVisual .mainVisualImg.img01{
        position: absolute;
        top: calc(40 * (100vw / 390));
        left: 50%;
        transform: translateX(-50%);
        width: calc(220 * (100vw / 390));
        height: calc(114 * (100vw / 390));
    }
    
    .mainVisual .mainVisualImg.img02{
        position: absolute;
        bottom: calc(6 * (100vw / 390));
        right: calc(6 * (100vw / 390));
        width: calc(80 * (100vw / 390));
        height: calc(27 * (100vw / 390));
    }
    
    .mainVisual .mainvisualLead{
        margin-top: calc(27 * (100vw / 390));
        font-size: calc(14 * (100vw / 390));
        line-height: 2;
        letter-spacing: 0.02em;
        text-align: center;
    }

    @media only screen and (min-width: 560px) {
        /* ----------[ Font ]---------- */
        .main-area .credit {
            font-size: calc(11 * (100vw / 1400));
            line-height: 2;
            color: #333333;
        }
    
        /* ----------[ mainVisual ]---------- */
        .mainVisual {
            width: calc(1200 * (100vw / 1400));
            margin: calc(40 * (100vw / 1400)) auto 0;
        }
        
        .mainVisual .mainVisualImg.img01{
            top: calc(227 * (100vw / 1400));
            left: calc(90 * (100vw / 1400));
            transform: unset;
            width: calc(320 * (100vw / 1400));
            height: calc(167 * (100vw / 1400));
        }
        
        .mainVisual .mainVisualImg.img02{
            bottom: calc(10 * (100vw / 1400));
            right: calc(10 * (100vw / 1400));
            width: calc(100 * (100vw / 1400));
            height: calc(34 * (100vw / 1400));
        }
        
        .mainVisual .mainvisualLead{
            margin-top: calc(46 * (100vw / 1400));
            font-size: calc(18 * (100vw / 1400));
        }
    }
    
    @media only screen and (min-width: 1400px) {
        .main-area .credit {
            font-size: 11px;
        }
    
        /* ----------[ mainVisual ]---------- */
        .mainVisual {
            width: 1200px;
            margin: 40px auto 0;
        }
        
        .mainVisual .mainVisualImg.img01{
            top: 227px;
            left: 90px;
            width: 320px;
            height: 167px;
        }
        
        .mainVisual .mainVisualImg.img02{
            bottom: 10px;
            right: 10px;
            width: 100px;
            height: 34px;
        }
        
        .mainVisual .mainvisualLead{
            margin-top: 46px;
            font-size: 18px;
        }
    }



    /* ----------[ Product01 ]---------- */
    .productBlock{
        position: relative;
    }
    .productBlock.block--1{
        margin-top: calc(33 * (100vw / 390));
    }
    .productBlock::before{
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 100vw;
        height: calc(18 * (100vw / 390));
        z-index: -5;
    }
    .productBlock.block--1::before{
        top: calc(140 * (100vw / 390));
        background-color: #D4CCB2;
    }
    .productBlock .titleTxt{
        margin: auto;
    }
    .productBlock.block--1 .titleTxt{
        width: calc(158 * (100vw / 390));
    }
    .productBlock .contentsWrap .itemWrap .imgbox{
        width: calc(320 * (100vw / 390));
    }
    .productBlock.block--1 .contentsWrap .itemWrap .imgbox{
        margin-top: calc(19 * (100vw / 390));
    }
    .productBlock .contentsWrap .itemAboutWrap{
        width: calc(270 * (100vw / 390));
        margin: calc(50 * (100vw / 390)) 0 0 auto;
    }
    .productBlock.block--1 .contentsWrap .itemAboutWrap{
        margin: calc(30 * (100vw / 390)) calc(20 * (100vw / 390)) 0 auto;
    }
    .productBlock .contentsWrap .itemAboutWrap .imgbox{
        position: relative;
        width: 100%;
        height: calc(360 * (100vw / 390));
    }
    .productBlock:not(.block--3) .contentsWrap .itemAboutWrap .imgbox > div {
        overflow-y: hidden;
    }
    .productBlock.block--1 .contentsWrap .itemAboutWrap .imgbox.zoomItem{
        background: url(../imgs/item02_bg.png) center/100% no-repeat;
    }
    .productBlock .contentsWrap .itemAboutWrap .imgbox.zoomItem::before{
        content: "";
        position: absolute;
        top: 0;
        background: url(../imgs/close-up.svg) center/100% no-repeat;
        width: calc(16 * (100vw / 390));
        height: calc(82 * (100vw / 390));
    }
    .productBlock.block--1 .contentsWrap .itemAboutWrap .imgbox.zoomItem::before{
        left: calc(-26 * (100vw / 390));
    }
    .productBlock.block--1 .contentsWrap .itemAboutWrap .creditWrap{
        margin: calc(10 * (100vw / 390)) auto 0 calc(0 * (100vw / 390));
    }
    
    @media only screen and (min-width: 560px) {
        .productBlock.block--1{
            margin-top: calc(60 * (100vw / 1400));
        }
        .productBlock::before{
            height: calc(24 * (100vw / 1400));
        }
        .productBlock.block--1::before{
            top: calc(275 * (100vw / 1400));
        }
        .productBlock.block--1 .titleTxt{
            width: calc(220 * (100vw / 1400));
        }
        .productBlock .contentsWrap{
            width: calc(1020 * (100vw / 1400));
            margin: auto;
            display: flex;
            flex-wrap: nowrap;
            justify-content: space-between;
        }
        .productBlock.block--1 .contentsWrap{
            margin-top: calc(30 * (100vw / 1400));
        }
        .productBlock .contentsWrap .itemWrap .imgbox{
            position: relative;
            width: calc(540 * (100vw / 1400));
        }
        .productBlock .contentsWrap .itemWrap .imgbox::before{
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: -1;
            background-color: #fff;
        }
        .productBlock.block--1 .contentsWrap .itemWrap .imgbox{
            margin-top: calc(0 * (100vw / 1400));
        }
        .productBlock.block--1 .contentsWrap > .imgbox{
            margin-top: calc(20 * (100vw / 1400));
        }
        .productBlock .contentsWrap .itemAboutWrap{
            width: calc(420 * (100vw / 1400));
        }
        .productBlock.block--1 .contentsWrap .itemAboutWrap{
            margin: calc(73 * (100vw / 1400)) 0 0 auto;
        }
        .productBlock .contentsWrap .itemAboutWrap .imgbox{
            width: 100%;
            height: calc(560 * (100vw / 1400));
        }
        .productBlock.block--1 .contentsWrap .itemAboutWrap .imgbox.zoomItem{
            background: url(../imgs/item02_bg.png) center/100% no-repeat;
        }
        .productBlock .contentsWrap .itemAboutWrap .imgbox.zoomItem::before{
            content: "";
            position: absolute;
            top: calc(-40 * (100vw / 1400));
            background: url(../imgs/close-up_pc.svg) center/100% no-repeat;
            width: calc(130 * (100vw / 1400));
            height: calc(26 * (100vw / 1400));
        }
        .productBlock.block--1 .contentsWrap .itemAboutWrap .imgbox.zoomItem::after{
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: -1;
            background-color: #fff;
        }
        .productBlock.block--1 .contentsWrap .itemAboutWrap .imgbox.zoomItem::before{
            left: 0;
        }
        .productBlock.block--1 .contentsWrap .itemAboutWrap .creditWrap{
            margin: calc(15 * (100vw / 1400)) auto 0 calc(0 * (100vw / 1400));
        }
    }
    
    @media only screen and (min-width: 1400px) {
        .productBlock.block--1{
            margin-top: 60px;
        }
        .productBlock::before{
            height: 24px;
        }
        .productBlock.block--1::before{
            top: 275px;
        }
        .productBlock.block--1 .titleTxt{
            width: 220px;
        }
        .productBlock .contentsWrap{
            width: 1020px;
            margin: auto;
        }
        .productBlock.block--1 .contentsWrap{
            margin-top: 30px;
        }
        .productBlock .contentsWrap .itemWrap .imgbox{
            width: 540px;
        }
        .productBlock.block--1 .contentsWrap .itemWrap .imgbox{
            margin-top: 0px;
        }
        .productBlock.block--1 .contentsWrap > .imgbox{
            margin-top: 20px;
        }
        .productBlock .contentsWrap .itemAboutWrap{
            width: 420px;
        }
        .productBlock.block--1 .contentsWrap .itemAboutWrap{
            margin: 73px 0 0 auto;
        }
        .productBlock .contentsWrap .itemAboutWrap .imgbox{
            width: 100%;
            height: 560px;
        }
        .productBlock .contentsWrap .itemAboutWrap .imgbox.zoomItem::before{
            top: -40px;
            width: 130px;
            height: 26px;
        }
        .productBlock.block--1 .contentsWrap .itemAboutWrap .imgbox.zoomItem::before{
            left: 0;
        }
        .productBlock.block--1 .contentsWrap .itemAboutWrap .creditWrap{
            margin: 15px auto 0 0px;
        }
    }
    
    
    
    /* ----------[ Product02 ]---------- */
    .productBlock.block--2{
        margin-top: calc(57 * (100vw / 390));
    }
    .productBlock.block--2::before{
        top: calc(80 * (100vw / 390));
        background-color: #8092A1;
    }
    .productBlock.block--2 .contentsWrap .itemWrap .imgbox{
        margin: calc(20 * (100vw / 390)) auto;
    }
    .productBlock.block--2 .contentsWrap .itemAboutWrap{
        margin: calc(30 * (100vw / 390)) auto 0 0;
    }
    .productBlock.block--2 .contentsWrap .itemAboutWrap .imgbox{
        background: url(../imgs/item04_bg.png) center/100% no-repeat;
    }
    .productBlock.block--2 .contentsWrap .itemAboutWrap .imgbox::before{
        right: calc(-27 * (100vw / 390));
    }
    .productBlock.block--2 .contentsWrap .itemAboutWrap .creditWrap{
        margin: calc(12 * (100vw / 390)) auto 0 calc(13 * (100vw / 390));
    }
    
    @media only screen and (min-width: 560px) {
        .productBlock.block--2{
            margin-top: calc(60 * (100vw / 1400));
        }
        .productBlock.block--2::before{
            top: calc(120 * (100vw / 1400));
        }
        .productBlock.block--2 .contentsWrap{
            flex-direction: row-reverse;
        }
        .productBlock.block--2 .contentsWrap .itemWrap .imgbox{
            margin: calc(0 * (100vw / 1400)) auto 0;
        }
        .productBlock.block--2 .contentsWrap .itemAboutWrap{
            margin: calc(240 * (100vw / 1400)) auto 0 0;
        }
        .productBlock.block--2 .contentsWrap .itemAboutWrap .imgbox::before{
            right: 0;
        }
        .productBlock.block--2 .contentsWrap .itemAboutWrap .creditWrap{
            margin: calc(15 * (100vw / 1400)) auto 0 calc(0 * (100vw / 1400));
        }
    }
    
    @media only screen and (min-width: 1400px) {
        .productBlock.block--2{
            margin-top: 60px;
        }
        .productBlock.block--2::before{
            top: 120px;
        }
        .productBlock.block--2 .contentsWrap .itemWrap .imgbox{
            margin: 0px auto 0;
        }
        .productBlock.block--2 .contentsWrap .itemAboutWrap{
            margin: 240px auto 0 0;
        }
        .productBlock.block--2 .contentsWrap .itemAboutWrap .imgbox::before{
            right: 0;
        }
        .productBlock.block--2 .contentsWrap .itemAboutWrap .creditWrap{
            margin: 15px auto 0 0;
        }
    }



    /* ----------[ Product03 ]---------- */
    .productBlock.block--3{
        padding: calc(40 * (100vw / 390)) 0 calc(40 * (100vw / 390));
        margin-top: calc(57 * (100vw / 390));
        border-top: calc(18 * (100vw / 390)) solid #D4CCB2;
    }
    .productBlock.block--3::before{
        bottom: calc(0 * (100vw / 390));
        height: calc(635 * (100vw / 390));
        background-color: #F9F7F0;
    }
    .productBlock.block--3 .titleTxt{
        width: calc(297 * (100vw / 390));
    }
    .productBlock.block--3 .contentsWrap .itemWrap .imgbox{
        width: calc(300 * (100vw / 390));
        margin: calc(40 * (100vw / 390)) auto 0;
    }
    .productBlock.block--3 .contentsWrap .itemAboutWrap{
        width: calc(310 * (100vw / 390));
        margin: calc(31 * (100vw / 390)) auto 0;
    }
    .productBlock.block--3 .contentsWrap .itemAboutWrap .imgbox{
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        height: auto;
    }
    .productBlock.block--3 .contentsWrap .itemAboutWrap .imgbox::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background: url(../imgs/colorVarlation.svg) center/100% no-repeat;
        width: calc(132 * (100vw / 390));
        height: calc(13 * (100vw / 390));
    }
    .productBlock.block--3 .contentsWrap .itemAboutWrap .imgbox .item01{
        width: calc(170 * (100vw / 390));
        margin-top: calc(40 * (100vw / 390));
    }
    .productBlock.block--3 .contentsWrap .itemAboutWrap .imgbox .item02{
        width: calc(110 * (100vw / 390));
        margin: calc(80 * (100vw / 390)) calc(10 * (100vw / 390)) 0 0;
    }
    .productBlock.block--3 .contentsWrap .itemAboutWrap .imgbox::before{
        right: calc(-30 * (100vw / 390));
    }
    .productBlock.block--3 .contentsWrap .creditWrap{
        margin: calc(11 * (100vw / 390)) auto 0 calc(0 * (100vw / 390));
    }
    @media only screen and (min-width: 560px) {
    /* ----------[ Product03 ]---------- */
        .productBlock.block--3{
            padding: calc(60 * (100vw / 1400)) 0 calc(40 * (100vw / 1400));
            margin-top: calc(95 * (100vw / 1400));
            border-top: calc(24 * (100vw / 1400)) solid #D4CCB2;
        }
        .productBlock.block--3::before{
            bottom: calc(160 * (100vw / 1400));
            height: calc(600 * (100vw / 1400));
        }
        .productBlock.block--3 .contentsWrap {
            width: calc(1100 * (100vw / 1400));
            margin-top: calc(60 * (100vw / 1400));
        }

        .productBlock.block--3 .titleTxt{
            width: calc(490 * (100vw / 1400));
        }
        .productBlock.block--3 .contentsWrap .itemWrap .imgbox{
            width: calc(540 * (100vw / 1400));
            margin: calc(0 * (100vw / 1400)) auto 0;
        }
        .productBlock.block--3 .contentsWrap .itemAboutWrap{
            width: calc(478 * (100vw / 1400));
            margin: calc(126 * (100vw / 1400)) calc(30 * (100vw / 1400)) 0 auto;
        }
        .productBlock.block--3 .contentsWrap .itemAboutWrap .imgbox{
            height: auto;
        }
        .productBlock.block--3 .contentsWrap .itemAboutWrap .imgbox::before {
            width: calc(215 * (100vw / 1400));
            height: calc(22 * (100vw / 1400));
        }
        .productBlock.block--3 .contentsWrap .itemAboutWrap .imgbox .item01{
            width: calc(250 * (100vw / 1400));
            margin: calc(70 * (100vw / 1400)) auto 0 calc(20 * (100vw / 1400));
        }
        .productBlock.block--3 .contentsWrap .itemAboutWrap .imgbox .item02{
            width: calc(160 * (100vw / 1400));
            margin: calc(130 * (100vw / 1400)) auto 0 calc(7 * (100vw / 1400));
        }
        .productBlock.block--3 .contentsWrap .itemAboutWrap .imgbox::before{
            right: calc(-30 * (100vw / 1400));
        }
        .productBlock.block--3 .contentsWrap .creditWrap{
            margin: calc(14 * (100vw / 1400)) auto 0 calc(0 * (100vw / 1400));
        }
    }
    
    @media only screen and (min-width: 1400px) {
        .productBlock.block--3{
            padding: 60px 0 40px;
            margin-top: 95px;
            border-top: 24px solid #D4CCB2;
        }
        .productBlock.block--3::before{
            bottom: 160px;
            height: 600px;
        }
        .productBlock.block--3 .contentsWrap {
            width: 1100px;
            margin-top: 60px;
        }
        .productBlock.block--3 .titleTxt{
            width: 490px;
        }
        .productBlock.block--3 .contentsWrap .itemWrap .imgbox{
            width: 540px;
            margin: 0px auto 0;
        }
        .productBlock.block--3 .contentsWrap .itemAboutWrap{
            width: 478px;
            margin: 126px 30px 0 auto;
        }
        .productBlock.block--3 .contentsWrap .itemAboutWrap .imgbox{
            height: auto;
        }
        .productBlock.block--3 .contentsWrap .itemAboutWrap .imgbox::before {
            width: 215px;
            height: 22px;
        }
        .productBlock.block--3 .contentsWrap .itemAboutWrap .imgbox .item01{
            width: 250px;
            margin: 70px auto 0 20px;
        }
        .productBlock.block--3 .contentsWrap .itemAboutWrap .imgbox .item02{
            width: 160px;
            margin: 130px auto 0 7px;
        }
        .productBlock.block--3 .contentsWrap .itemAboutWrap .imgbox::before{
            right: -30px;
        }
        .productBlock.block--3 .contentsWrap .creditWrap{
            margin: 14px auto 0 0px;
        }
    }
    


    
    
    /* ==============================================
    [ animation ]
    ============================================== */
    /* ----------[ Fade ]---------- */
    .fvAnimation .mainVisualImg.img01{
        transition: opacity 1.0s 0.8s;
        opacity: 0;
    }
    .fvAnimation.onView .mainVisualImg.img01{
        opacity: 1;
    }
    
    .animation.titleTxt{
        transition: opacity 1.0s, transform 1.0s;
        transform: translateY(20px);
        opacity: 0;
    }
    .animation.onView.titleTxt{
        transform: translateY(0);
        opacity: 1;
    }

    .block--3 .itemAboutWrap.animation .imgbox .item{
        transition: opacity 0.8s 0.3s, transform 0.8s 0.3s;
        transform: translateY(3rem);
        opacity: 0;
    }
    .block--3 .itemAboutWrap.animation .imgbox .item02{
        transition: opacity 0.8s 0.5s, transform 0.8s 0.5s;
    }
    .block--3 .itemAboutWrap.animation.onView .imgbox .item{
        transform: translateY(0);
        opacity: 1;
    }
    .block--3 .itemAboutWrap.animation.onView .imgbox a.item:hover{
        opacity: 0.7;
    }
    


    /* ----------[ Fade UP ]---------- */
    .productBlock .titleWrap.animation .titleTxt {
        transition: opacity 1.0s;
        transition-delay: 0.8s;
        opacity: 0;
    }
    
    .productBlock .titleWrap.animation.onView .titleTxt {
        opacity: 1;
    }

    /* ----------[ ZoomIn ]---------- *//* ----------[ ZoomIn ]---------- */
    .productBlock:not(.block--3) .contentsWrap .itemAboutWrap.animation .zoomItem a{
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        will-change: width;
        transition: width 0.8s 0.5s, opacity 0.8s;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }
    .productBlock:not(.block--3) .contentsWrap .itemAboutWrap.animation.onView .zoomItem a{
        width: calc(230 * (100vw / 390));
    }
    @media only screen and (min-width: 560px) {
        .productBlock:not(.block--3) .contentsWrap .itemAboutWrap.animation .zoomItem a{
            width: calc(420 * (100vw / 1400));
        }
        .animation.titleTxt{
            transition: opacity 1.0s 0.8s, transform 1.0s 0.8s;
            transform: translateY(3rem);
            opacity: 0;
        }
        .animation.onView.titleTxt{
            transform: translateY(0);
            opacity: 1;
        }
    
        .block--3 .itemAboutWrap.animation .imgbox .item{
            transition: opacity 1.0s 0.8s, transform 1.0s 0.8s;
            transform: translateY(3rem);
            opacity: 0;
        }
        .block--3 .itemAboutWrap.animation .imgbox .item02{
            transition: opacity 1.0s 1.1s, transform 1.0s 1.1s;
        }
        .productBlock:not(.block--3) .contentsWrap .itemAboutWrap.animation.onView .zoomItem a{
            width: calc(360 * (100vw / 1400));
        }
    }
    @media only screen and (min-width: 1400px) {
        .productBlock:not(.block--3) .contentsWrap .itemAboutWrap.animation .zoomItem a{
            width: 420px
        }
        .productBlock:not(.block--3) .contentsWrap .itemAboutWrap.animation.onView .zoomItem a{
            width: 360px;
        }
    }
