@charset "UTF-8";

/* =======================================================================================
ホーム - slick
========================================================================================== */
.fv_pr_list{
    width: 100%;
    padding-left: 0;
    margin: 1em auto 0;
}
.fv_pr_list li{
    list-style: none;
}
.fv_pr_list img{
    height: auto;
    width: 100%;
    object-fit: cover;
    opacity: .4;
    transform: scale(.85);
    transition: opacity .5s, transform .5s; 
}
.fv_pr_list .slick-center img {
    opacity: 1;
    transform: scale(1);
}
/* ----------- スライドオプション ----------- */
.slide-arrow {
    position: absolute;
    top: calc(50% - 11px);
    cursor: pointer;
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 4px solid #202023;/*矢印の色*/
    border-right: 4px solid #202023;/*矢印の色*/
    height: min(5vw, 35px);
    width: min(5vw, 35px);
    z-index: 1;
}
.prev-arrow {
    left: 16.7%;
    transform: rotate(-135deg);
    transition: all 0.4s 0s ease;
}
.next-arrow {
    right: 16.7%;
    transform: rotate(45deg);
    transition: all 0.4s 0s ease;
}
@media screen and (min-width:320px) and (max-width:767px){
    
}
/* =======================================================================================
ホーム - ニュースティッカー
========================================================================================== */
.home_news_ticker{
    padding: 3% 0 5%;
    background: transparent;
}
.news_ticker_area{
    border: 1px solid #757582a0;
    background: #fff;
    width: 70%;
    margin: 0 auto;
}
.news_ticker{
    list-style: none;
    padding-left: 0;
}
.news_ticker li{
    font-size: clamp(16px, 0.892857142857143vw, 22px);/*20px*/
}
.news_ticker a{
    display: block;
    padding: 1.5em;
    text-align: center;
}
.news_ticker span{
    color: #d0a900;
}
@media screen and (min-width:320px) and (max-width:767px){
    .news_ticker_area{
        border: 1px solid #757582a0;
        background: #fff;
        width: 90%;
        margin: 0 auto;
    }
    .news_ticker li{
        font-size: clamp(11px, 0.892857142857143vw, 16px);/*20px*/
    }
}
/* =======================================================================================
ホーム - IMAGE MAP
========================================================================================== */
.image_map{
    position: relative;
    /*display: flex;*/
    justify-content: center;
    align-items: center;
}
.image_map_image{
    display: flex;
    justify-content: center;
    margin: 0 auto;
}
.image_map img{
    width: 70%;
    filter: drop-shadow(0px 10px 5px rgba(0, 0, 0, 0.3));
    position: relative;
}
.image_map_text{
    font-family: "Archivo Black", sans-serif;
    font-style: normal;
    text-transform: uppercase;
    writing-mode: vertical-rl;
}
.image_map_text h1{
    font-size: clamp(90px, 6.25vw, 150px);/*130px*/
    transform: rotate(180deg);
    line-height: 1;
    white-space: nowrap;
    position: absolute;
    top: 5px;
    right: calc(100% - 24%);
    z-index: -1;
}
@media screen and (min-width:768px) and (max-width:1439px) {
    .image_map_text h1{
        font-size: clamp(36px, 6.25vw, 90px);/*65pxくらい*/
        transform: rotate(180deg);
        line-height: 1;
        white-space: nowrap;
        position: absolute;
        top: 5px;
        right: calc(100% - 24%);
        z-index: -1;
    }
}

@media screen and (min-width:320px) and (max-width:767px) {
    .image_map img{
        width: 100%;
        filter: drop-shadow(0px 10px 5px rgba(0, 0, 0, 0.3));
        position: relative;
    }
    .image_map_text h1{
        font-size: clamp(31px, 9.333333333333333vw, 67px);
        transform: rotate(180deg);
        line-height: 1;
        white-space: nowrap;
        position: absolute;
        top: 5px;
        right: calc(100% - 20%);
        z-index: -1;
    }
}
/* =======================================================================================
ホーム - モーダルウィンドウ
========================================================================================== */
.hide_content{
    display: none;
}
/* ----------- closeボタン ----------- */
.modaal-close{
    right: calc(30% - 180px);
    width: 60px;
    height: 60px;
}
.modaal-close::after, .modaal-close::before{
    width: 5px;
    height: 42px;
    top: 10px;
    left: 27px;
}
.modaal-close:focus::after, .modaal-close:focus::before,
.modaal-close:hover::after, .modaal-close:hover::before{
    background: #202023;
}
/* ----------- モーダルウィンドウのボタン ----------- */
.glass{
    position: absolute;
    transition:  transform .4s;
}
.glass::after{
    content: "\f002";
    font-size: clamp(25px, 1.434426229508197vw, 40px);/*35px*/
    color: #ffd000;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.glass:hover{
    transform: scale(1.45);
}
/* ----------- モーダルウィンドウのボタン位置 ----------- */
.i_product1_item{
    top: calc(0% + 15%);
    left: calc(0% + 25.3%);
}
.i_product2_item{
    top: calc(0% + 14.5%);
    left: calc(0% + 32.5%);
}
.i_product3_item{
    top: calc(0% + 25%);
    left: calc(0% + 31.5%);
}
.i_product4_item{
    top: calc(0% + 19.5%);
    left: calc(0% + 42.6%);
}
.i_product5_item{
    top: calc(0% + 37%);
    left: calc(0% + 44.5%);
}
.i_product6_item{
    top: calc(0% + 27.5%);
    right: calc(0% + 48.5%);
}
.i_product7_item{
    top: calc(0% + 46%);
    right: calc(0% + 43.5%);
}
.i_product8_item{
    top: calc(0% + 62%);
    left: calc(0% + 50%);
}
.i_product9_item{
    top: calc(0% + 49%);
    left: calc(0% + 37.5%);
}
.i_product10_item{
    top: calc(0% + 66%);
    left: calc(0% + 40.5%);
}
.i_product11_item{
    bottom: calc(0% + 27%);
    right: calc(0% + 33%);
}
.i_product12_item{
    bottom: calc(0% + 12%);
    right: calc(0% + 42%);
}
.i_product13_item{
    bottom: calc(0% + 31%);
    right: calc(0% + 40%);
}
.i_product14_item{
    bottom: calc(0% + 39%);
    right: calc(0% + 31.5%);
}
.i_product15_item{
    top: calc(0% + 6%);
    left: calc(0% + 36.2%);
}
.i_product16_item{
    top: calc(0% + 24%);
    right: calc(0% + 37.2%);
}
.i_product17_item{
    top: calc(0% + 44%);
    left: calc(0% + 33%);
}

/* ----------- モーダル内容 ----------- */
.i_product_image{
    width: 70%;
    margin: 0 auto;
    filter: drop-shadow(-5px 10px 5px rgba(0, 0, 0, 0.3));
}
.i_product_item_text{
    font-family: "Shippori Mincho B1",serif;
}
.i_product_item_text h2{
    color: #d0a900;
    font-size: clamp(26px, 1.229508196721311vw, 35px);/*27px*/
}
.i_product_item_text p{
    color: #202023;
    font-size: clamp(16px, 0.848214285714286vw, 22px);/*19px*/
}
.i_product_item_text p span{
    display: block;
    padding-top: .7em;
    line-height: 1.5;
    color: gray;
}
.modaal-content-container{
    margin: 2vw;
}
@media screen and (min-width:768px) and (max-width:1279px){
    /* ----------- closeボタン ----------- */
    .modaal-close{
        right: 30px;
        width: 60px;
        height: 60px;
    }
    .modaal-close::after, .modaal-close::before{
        width: 5px;
        height: 42px;
        top: 10px;
        left: 27px;
    }
    /* ----------- モーダル内容 ----------- */
    .i_product_image{
        width: 70%;
        margin: 0 auto;
        filter: drop-shadow(-5px 10px 5px rgba(0, 0, 0, 0.3));
    }
    .i_product_item_text{
        font-family: "Shippori Mincho B1",serif;
    }
    .i_product_item_text h2{
        color: #d0a900;
        font-size: clamp(26px, 1.229508196721311vw, 35px);/*27px*/
    }
    .i_product_item_text p{
        color: #202023;
        font-size: clamp(14px, 0.848214285714286vw, 16px);
    }
    .i_product_item_text p span{
        display: block;
        padding-top: .7em;
        line-height: 1.5;
        color: gray;
    }
    .modaal-content-container{
        margin: 2vw;
    }
}
@media screen and (min-width:320px) and (max-width:767px){
    /* ----------- スライドオプション ----------- */
    .prev-arrow {
        left: 14.7%;
        transform: rotate(-135deg);
        transition: all 0.4s 0s ease;
    }
    .next-arrow {
        right: 14.7%;
        transform: rotate(45deg);
        transition: all 0.4s 0s ease;
    }
    /* ----------- closeボタン ----------- */
    .modaal-close{
        right: 10px;
        width: 60px;
        height: 60px;
        background: #fff;
    }
    .modaal-close::after, .modaal-close::before{
        width: 4px;
        height: 32px;
        top: 14px;
        left: 28px;
    }
    .glass::after{
        content: "\f002";
        font-size: clamp(18px, 4.6vw, 24px);
        color: #ffd000;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
    }
    .modaal-wrapper .modaal-close{
        background: #202023;
    }
    .modaal-close:focus, .modaal-close:hover {
        outline: 0;
        background: #fff;
    }
    .modaal-content-container {
        padding: 18px;
    }
    /* ----------- モーダルウィンドウのホバー（変化なし） ----------- */
    .glass:hover{
        transform: scale(1);
    }
    /* ----------- モーダルウィンドウのボタン位置 ----------- */
    .i_product1_item{
        top: calc(0% + 7vw);
        left: calc(0% + 14vw);
    }
    .i_product2_item{
        top: calc(0% + 8vw);
        left: calc(0% + 25vw);
    }
    .i_product3_item{
        top: calc(0% + 14vw);
        left: calc(0% + 23vw);
    }
    .i_product4_item{
        top: calc(0% + 9vw);
        left: calc(0% + 39vw);
    }
    .i_product5_item{
        top: calc(0% + 20vw);
        left: calc(0% + 41vw);
    }
    .i_product6_item{
        top: calc(0% + 14vw);
        left: calc(0% + 50vw);
    }
    .i_product7_item{
        top: calc(0% + 27vw);
        left: calc(0% + 56vw);
    }
    .i_product8_item{
        top: calc(0% + 36vw);
        left: calc(0% + 50vw);
    }
    .i_product9_item{
        top: calc(0% + 27vw);
        left: calc(0% + 30vw);
    }
    .i_product10_item{
        top: calc(0% + 36vw);
        left: calc(0% + 36vw);
    }
    .i_product11_item{
        top: calc(0% + 40vw);
        left: calc(0% + 74vw);
    }
    .i_product12_item{
        top: calc(0% + 46vw);
        left: calc(0% + 58vw);
    }
    .i_product13_item{
        top: calc(0% + 38vw);
        left: calc(0% + 62vw);
    }
    .i_product14_item{
        top: calc(0% + 32vw);
        left: calc(0% + 74vw);
    }
    .i_product15_item{
        top: calc(0% + 3%);
        left: calc(0% + 30.2%);
    }
    .i_product16_item{
        top: calc(0% + 13vw);
        left: calc(0% + 66vw);
    }
    .i_product17_item{
        top: calc(0% + 40%);
        left: calc(0% + 25%);
    }
    /* ----------- モーダル内容 ----------- */
    .i_product_image{
        width: 70%;
        margin: 0 auto;
        filter: drop-shadow(-5px 10px 5px rgba(0, 0, 0, 0.3));
    }
    .i_product_item_text{
        font-family: "Shippori Mincho B1",serif;
    }
    .i_product_item_text h2{
        color: #d0a900;
    font-size: 19px;
    }
    .i_product_item_text p {
        color: #202023;
        font-size: 13px;
    }
    .i_product_item_text p span{
        display: block;
        padding-top: .7em;
        line-height: 1.5;
        color: gray;
    }
    .modaal-content-container{
        margin: 2vw;
    }
    .i_product_item_text p {
        color: #202023;
        font-size: clamp(13px, 0.848214285714286vw, 22px);
    }
}
/* =======================================================================================
ホーム - 
========================================================================================== */