/*--------------------------------------------------------------
Theme Name: Noir Original
File Name: style-lookbook.css
Description: Styles for the lookbook page
Author: Your Name
Last Updated: YYYY-MM-DD
--------------------------------------------------------------*/

/*-----------------------------------
    Lookbook: Common
    FV背景文字の場所
    FV画像の場所
    FVサークルアニメーションの動き
    ベースの色：#EFEFEF
    Contact us
    Casestudy + viewall button

    背景文字はHotelとReceptionが同じ配置
    　　　　　DealerとPlabberが同じ配置
    Lookbook-textはPlannerとHotelが同じ配置
    　　　　　　　　DealerとReceptionが同じ配置
------------------------------------*/
/* animation fade-in */
/* Lookbook-fv 内の新しいターゲットクラスに対してフェードインアニメーションを適用 */



.lookbook-original-content {
    max-width: 2000px;
    margin: 0 auto;
    position:relative;
}

/* Lookbook Firstview共通 */
body.page-template-page-planner {
    background-color: #EFEFEF /* お好きな色 */;
}




.lookbook-fv{
    position:relative;
    margin:0px 0 10%;
    /*padding-top:150px;*/
    padding-top:13%;
}

@media screen and (max-width: 768px){/* 768px以下 */
    .lookbook-fv{
        margin:30vw 8% 10vw;    
        margin:0 8% 10vw; 
        padding-top:100px;    
    }
}

/* FV: 360度回転アニメーション共通 */
.lookbook-fv .lookbook-fv-circle{
    animation: rotate-clockwise 45s linear infinite;
    width: 12%;
    max-width: calc(2000px * 0.13);
    height: auto;
    position: absolute;
    top: 9%;
    right: 20%;
    z-index: 10;
}


@keyframes rotate-clockwise {
    from {
        transform: rotate(0deg); 
    }
    to {
        transform: rotate(360deg); 
    }
}


@media screen and (max-width: 768px){/* 768px以下 */
    .lookbook-fv .lookbook-fv-circle{
        width:25vw;
        top:14vw;
        right:3vw;
    }
}

/* FV: Lookbook Titleサイズ共通 */
.lookbook-fv .lookbook-fv-title{
    height:100px;
    
}

/* FV: Lookbook FV img サイズ共通 */
.lookbook-fv-img{
    width:70%;
    margin:auto;
}




/* FV: Lookbook FV text 共通 */
.lookbook-fv-text-container{
    display:grid;
    grid-template-columns: 1fr  3fr;
    margin-top:2rem;
    column-gap: 3rem;
    align-items: center;

}

@media screen and (max-width: 768px){/* 768px以下 */
        /* FV: Lookbook Titleサイズ共通 */
    .lookbook-fv .lookbook-fv-title{
        height:12vw;    
    }

    /* FV: Lookbook FV img サイズ共通 */
    .lookbook-fv-img{
        width:90vw;    
        margin:auto;
    }

    /* FV: Lookbook FV text 共通 */
    .lookbook-fv-text-container{
        display:grid;
        grid-template-columns: 1fr;
        margin-top:2rem;
        gap:0.75rem;
        column-gap: 3rem;
        align-items: center;
    }

    .gallery-item-message{
        font-size:13px;
    }
    
}


/* image gallery */
.lookbook-img-gallery {
    margin-bottom:200px;
    display: flex;
    flex-direction: column;
    gap: 20px; /* 各セクションの間隔 */
}

.img-gallery-group {
    display: flex;
    flex-wrap: wrap; /* 子要素を折り返す */
    gap: 20px; /* 各アイテムの間隔 */
    justify-content: center; /* 中央揃え（必要なら調整） */
}

.gallery-item {
    flex: 1 1 calc(33.333% - 20px); /* 3カラムの割合で配置 */
    max-width: calc(33.333% - 20px); /* 最大幅も同じに設定 */
    box-sizing: border-box; /* パディングやボーダーを含む幅調整 */
}

.img-gallery-group:last-child .gallery-item {
    flex: 1 1 calc(50% - 20px); /* 最後のグループは2カラム */
    max-width: calc(50% - 20px);
}

.gallery-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* buttons */
.lookbook-casestudy-margin-adjuster{
    margin-bottom:100px;
}




/* FV: bg-text （PC） */
.lookbook-fv-bg-text-01{
    width:8%;
    max-width:calc(2000px*0.08);
    position:absolute;
    left:2%;
    transform: translateY(0); /* 初期位置 */
    /*z-index:100;*/
    z-index:9;   
}

.lookbook-fv-bg-text-02{
    width:11%;
    max-width:calc(2000px*0.11);
    position:absolute;
    right:3%;
    transform: translateY(-20%); /* 初期位置 */
    /*z-index:100;*/
    z-index:9;
}

.dealer-img-gallery .lookbook-fv-bg-text-02,
.hotel-img-gallery .lookbook-fv-bg-text-02{
    width: 11%;
    position: absolute;
    left: 3%;
    transform: translateY(-16%);
    z-index: 9;
}

@media screen and (max-width: 768px){/* 768px以下 */
    .lookbook-fv-bg-text-01{
        width:10vw;
        position:absolute;
        left:-8vw;
        transform: translateY(-180vw); /* 初期位置 */
        z-index:-1;
    }

    .lookbook-fv-bg-text-02{
        width:17vw;
        position:absolute;
        right:0vw;
        transform: translateY(-120vw); /* 初期位置 */
        z-index:-1;
    }

    

}

/*-----------------------------------
    Lookbook: Planner
------------------------------------*/
.planner-fv .lookbook-fv-text-container {
    display: grid;
    grid-template-columns: 3fr 5fr;
    margin-top: 2rem;
    column-gap: 1.75rem;
    align-items: center;
    padding: 0 15%;
}

.planner-fv .lookbook-fv-title {
    height: 100px;
    align-self: start;
}

@media screen and (max-width: 768px) { /* 768px以下 */

    .planner-fv .lookbook-fv-text-container {
        display: grid;
        grid-template-columns: 1fr;
        margin-top: 2rem;
        gap: 1rem;
        align-items: center;
        padding: 0 0vw;
    }
}


 /* background image */
body.page-template-page-planner {
    background-color: #EFEFEF; 
    position:relative;
  }

.planner-bg{
    background: rgba(230, 227, 223, 0.6);
    position: absolute;
}
.planner-bg-01{
    clip-path: polygon(0 40%, 100% 0, 100% 60%, 0 100%);
    width: 100%;
    height:120vw;
    top:-6%;
    left:0;
    max-height:calc(2000px*1.2);
}

.planner-bg-02{
    clip-path: polygon(0 0, 100% 40%, 100% 100%, 0 60%); /* opposit shape */
    width: 100vw;
    height:120vw;
    top:10%;
    right:0;
    max-height:calc(2000px*1.2);
    max-width:calc(2000px*1);
}

.planner-bg-03{
    clip-path: polygon(0 40%, 100% 0, 100% 60%, 0 100%);
    width: 100%;
    height:120vw;
    top:27%;
    left:0;
    max-height:calc(2000px*1.2);  
}

.planner-bg-04{
    clip-path: polygon(0 0, 100% 40%, 100% 100%, 0 60%); /* opposit shape */
    width: 100vw;
    height:120vw;
    top:50%;
    right:0;
    z-index:-1;
    max-height:calc(2000px*1.2);
    max-width:calc(2000px*1); 
}

@media screen and (min-width: 2000px) {
    .planner-bg-01,
    .planner-bg-03{
        width:1933px;
        height:2400px;
    }
    
    .planner-bg-02,
    .planner-bg-04{
        width: 2000px;
        height: 2400px;
    }
}
@media screen and (max-width: 1100px) { 
    .planner-bg-04{      
        height:100vw;  
    }
}
  
/* グループごとの高さを設定（PC） */
.planner-img-gallery .img-gallery-group-01 {
    position: relative;
    height: 70vw; /* 8oopx */
    max-height:calc(2000px*0.7);
}

.planner-img-gallery .img-gallery-group-02 {
    position: relative;
    height: 90vw; /* 1000px */
    max-height:calc(2000px*0.9);
}

.planner-img-gallery .img-gallery-group-03 {
    position: relative;
    height: 45vw;
    max-height:calc(2000px*0.45); 
}

.planner-img-gallery .gallery-item {
    position: absolute; 
}


/* gallery-item-01の配置とimgサイズ（PC） */
.planner-img-gallery .gallery-item-01 {
    position: absolute;
    left: 69%;
    top: -6%;
}
.planner-img-gallery .gallery-item-01 img{
    width:25vw;
    max-width:calc(2000px*0.25);
}

/* gallery-item-02の配置とimgサイズ（PC） */
.planner-img-gallery .gallery-item-02 {
    position: absolute;
    left: 0%;
    top: 2%;
}
.planner-img-gallery .gallery-item-02 img{
    max-width:calc(2000px*0.5);
    width:50vw;
}

/* gallery-item-03の配置とimgサイズ（PC） */
.planner-img-gallery .gallery-item-03 {
    position: absolute;
    left: 38%;
    top: 48%;
}
.planner-img-gallery .gallery-item-03 img{
    max-width:calc(2000px*0.22);
    width:22vw;
}

        /* gallery-item-jobs の配置とimgサイズ（PC） */
        .planner-img-gallery .gallery-item-jobs {
            position: absolute;
        left: 8%;
        /* transform: translateY(-9%); */
        /* transform: translateY(-66%); */
        top: -8%;
        }
        .planner-img-gallery .gallery-item-jobs img{
            max-width:calc(2000px*0.15);
            width:15vw;
        }

/* gallery-item-04の配置とimgサイズ（PC） */
.planner-img-gallery .gallery-item-04 {
    position: absolute;
    left: 69%;
    top: -5%;
    z-index:5;
}
.planner-img-gallery .gallery-item-04 img{
    max-width:calc(2000px*0.25);
    width:25vw;
}

/* gallery-item-05 の配置とimgサイズ（PC） */
.planner-img-gallery .gallery-item-05 {
    position: absolute;
    left: 46.5%;
    top: 14%;
    z-index: 2;
    
}
.planner-img-gallery .gallery-item-05 img{
    max-width:calc(2000px*0.35);
    width:35vw;
    background-color: white;
}

/* gallery-item-06 の配置とimgサイズ（PC） */
.planner-img-gallery .gallery-item-06 {
    position: absolute;
    left: 7%;
    top: 29%;
}
.planner-img-gallery .gallery-item-06 img{
    max-width:calc(2000px*0.33);
    width:33vw;
}

/* gallery-item-07の配置とimgサイズ（PC） */
.planner-img-gallery .gallery-item-07 {
    position: absolute;
    left: 0%;
    top: -7%;
}
.planner-img-gallery .gallery-item-07 img{
    max-width:calc(2000px*0.6);
    width:60vw;
}

/* gallery-item-08の配置とimgサイズ（PC） */
.planner-img-gallery .gallery-item-08 {
    bottom: 0; /* Bottomに固定 */
    position: absolute;
    left: 54%;
    
}
.planner-img-gallery .gallery-item-08 img{
    max-width:calc(2000px*0.22);
    width:22vw;
}

/* gallery-itemのimgサイズ共通 */
.gallery-item img {
    height: auto;
    object-fit: cover; /* 必要に応じて */
}

@media screen and (max-width: 900px){/* 500px以下 */
    .planner-img-gallery .gallery-item-jobs img {
        max-width: none;
        width: 22vw;
    }
    .planner-img-gallery .gallery-item-jobs {
        position: absolute;
        left: 6vw;
        transform: translateY(-14vw);
    }
}


/* スマホ　*/
@media screen and (max-width: 500px){/* 500px以下 */
    .planner-bg-01{
        clip-path: polygon(0 45%, 100% 0, 100% 55%, 0 100%);
        width: 100%;
        height:170vw;
        top:-3.5%;
        left:0;
    }
    
    .planner-bg-02{
        clip-path: polygon(0 0, 100% 45%, 100% 100%, 0 54%); /* opposit shape */
        width: 100vw;
        height:170vw;
        top:10%;
        right:0;
    }
    
    
    .planner-bg-03{
        clip-path: polygon(0 45%, 100% 0, 100% 55%, 0 100%);
        width: 100%;
        height:170vw;
        top:27%;
        left:0;
    }
    
    .planner-bg-04{
        clip-path: polygon(0 0, 100% 45%, 100% 100%, 0 54%); /* opposit shape */
        width: 100vw;
        height:170vw;
        top:50%;
        right:0;
        z-index:-1;
    }
       
    /* グループごとの高さを設定（スマホ） */
    .planner-img-gallery .img-gallery-group-01 {
        position: relative;
        height: 200vw; /* 8oopx */
    }
    
    .planner-img-gallery .img-gallery-group-02 {
        position: relative;
        height: 200vw; /* 1000px */
    }
    
    .planner-img-gallery .img-gallery-group-03 {
        position: relative;
        height: 120vw; 
    }
    
    .planner-img-gallery .gallery-item {
        position: absolute;
       
    }
    
    
    /* gallery-item-01の配置とimgサイズ（スマホ） */
    .planner-img-gallery .gallery-item-01 {
        top: 0;
        left: 40vw;
        z-index: 5;
        position: absolute;

    }
    .planner-img-gallery .gallery-item-01 img{
        max-width: none;
        width:55vw;  
    }


    /* gallery-item-02の配置とimgサイズ（スマホ） */
    .planner-img-gallery .gallery-item-02 {
        position: absolute;
        left: 0; 
        top: 60vw;
    }
    .planner-img-gallery .gallery-item-02 img{
        max-width: none;
        width:90vw;
        aspect-ratio: 338/250;
        object-fit: cover; /* クロップするためにオブジェクトをカバー */
    }
    

    /* gallery-item-03の配置とimgサイズ（スマホ） */
    .planner-img-gallery .gallery-item-03 {
        position: absolute;
        top: 120vw;
        left: 4vw;
    }
    .planner-img-gallery .gallery-item-03 img{
        max-width: none;
        width:42vw;
    }
    
            /* gallery-item-jobs の配置とimgサイズ（スマホ） */
            .planner-img-gallery .gallery-item-jobs {
                position: absolute; /* 必須 */
                left: 6vw; /* 左端に固定 */
                transform: translateY(-9vw); /* Y 軸のみ調整 */
            }
            .planner-img-gallery .gallery-item-jobs img{
                max-width: none;
                width:28vw;
            }
    
    /* gallery-item-04の配置とimgサイズ（スマホ） */
    .planner-img-gallery .gallery-item-04 {
        transform: translate(5vw, -14vw);
        z-index: 5;
        position: absolute;
        top: -6vw;
        left: 35vw;
    }

    .planner-img-gallery .gallery-item-04 img{
        max-width: none;
        width:55vw;
    }
    
    /* gallery-item-05 の配置とimgサイズ（スマホ） */
    .planner-img-gallery .gallery-item-05 {
        z-index: 2;
        position: absolute;
        top: -12vw;
        top: 53vw;
        left: 21vw;
        
    }

    .planner-img-gallery .gallery-item-05 img{
        max-width: none;
        width:53vw;
        background-color: white;
    }
    

    /* gallery-item-06 の配置とimgサイズ（スマホ） */
    .planner-img-gallery .gallery-item-06 {
        position: absolute;
        left: 9vw;
        top: 129vw;
        z-index: 5;
        
    }
    .planner-img-gallery .gallery-item-06 img{
        max-width: none;
        width:54vw;
    }

    
    /* gallery-item-07の配置とimgサイズ（スマホ） */
    .planner-img-gallery .gallery-item-07 {
        position: absolute; 
        left: 0; 
        top: -5vw;
    }
    .planner-img-gallery .gallery-item-07 img{
        max-width: none;
        width:95vw;
        aspect-ratio: 355/234;
        object-fit: cover;
    }

    
    /* gallery-item-08の配置とimgサイズ（スマホ） */
    .planner-img-gallery .gallery-item-08 {
        bottom: 0; /* Bottomに固定 */
        position: absolute;
        left: 30vw;
    }
    .planner-img-gallery .gallery-item-08 img{
        max-width: none;
        width:50vw;
    }

    
    /* gallery-itemのimgサイズ共通 */
    .gallery-item img {
        height: auto;
        object-fit: cover; /* 必要に応じて */
    }
    
}


/*-----------------------------------
    Lookbook: Hotel
------------------------------------*/

.hotel-fv .lookbook-fv-text-container {
    display: grid;
    grid-template-columns: 3fr 5fr;
    margin-top: 2rem;
    column-gap: 0rem;
    align-items: center;
    padding: 0 15vw;
}

.hotel-fv .lookbook-fv-title {
    height: 100px;
    align-self: start;
    justify-self: center;
}

@media screen and (max-width: 768px) { /* 768px以下 */

    .hotel-fv .lookbook-fv-text-container {
        display: grid;
        grid-template-columns: 1fr;
        margin-top: 2rem;
        gap: 1rem;
        align-items: center;
        padding: 0 0vw;
    }
    .hotel-fv .lookbook-fv-title {
        height: 100px;
        align-self: start;
        justify-self: start;
    }
}
 /* Hotel main background image */
body.page-template-page-hotel {
    background-color: #EFEFEF; 
    position:relative;
  }

.hotel-bg{
    background: rgba(230, 227, 223, 0.9);
    position: absolute;
}
.hotel-bg-01{
    clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 75%);
    width: 30vw;
    height:30vw;
    top:-4%;
    left:0;
}

.hotel-bg-02{
    clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 75%);
    width: 30vw;
    height: 30vw;
    top: 12.5%;
    right: 0;
}

.hotel-bg-03{
    position:absolute;
    clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 75%);
    width:60vw;
    height:60vw;
    top:19%;
    left:0;
   
}

.hotel-bg-04{
    position: absolute;
    clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 75%);
    width: 25vw;
    height: 25vw;
    top: 38.5%;
    right: 0;
   
}

.hotel-bg-05{
    position: absolute;
    clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 75%);
    width: 50vw;
    height: 50vw;
    top: 50.5%;
    left: 0;
   
}

.hotel-bg-06{
    position: absolute;
    clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 75%);
    width: 44vw;
    height: 45vw;
    top: 64.5%;
    right: 0;
   
}
@media screen and (min-width: 2000px) {
    .hotel-bg-01,
    .hotel-bg-02{
        width:600px;
        height:600px;
    }
    
    .hotel-bg-03{
        width: 1200px;
        height: 1200px;
    }
    .hotel-bg-04{
        width: 500px;
        height: 500px;
    }
    .hotel-bg-05{
        width: 1000px;
        height: 1000px;
    }
    .hotel-bg-06{
        width: 880px;
        height: 900px;
    }
}
@media screen and (max-width: 1100px) { 
    .planner-bg-04{      
        height:100vw;  
    }
}
@media screen and (min-width: 450px) and (max-width: 1100px) {
    /* 450px以上、1100px以下の場合のスタイル */
    .hotel-bg-06{
        display:none;
    }
}

  
/* グループごとの高さを設定（PC） */
.hotel-img-gallery .img-gallery-group-01 {
    position: relative;
    height: 70vw; /* 8oopx */
    max-height:calc(2000px*0.7);

}

.hotel-img-gallery .img-gallery-group-02 {
    position: relative;
    height: 90vw; /* 1000px */
    max-height:calc(2000px*0.9);

}

.hotel-img-gallery .img-gallery-group-03 {
    position: relative;
    height: 50vw;
    max-height:calc(2000px*0.5); 
}
.hotel-img-gallery .gallery-item {
    position: absolute;
}


/* gallery-item-messageの配置（PC） */
.hotel-img-gallery .gallery-item-message {
    font-size:14px;
    position: absolute;
    transform: translate(0, 0); 
    transition: transform 0.3s ease; 
    transform: translate(calc(30vw + 0px), calc(40rem + 0px));
}

/* gallery-item-01の配置とimgサイズ（PC） */
.hotel-img-gallery .gallery-item-01 {
    position: absolute;
    top: -5%;
    left: 11%;
    z-index: 2;
}
.hotel-img-gallery .gallery-item-01 img{
    max-width:calc(2000px*0.35);
    width:35vw;
    
}

/* gallery-item-02の配置とimgサイズ（PC） */
.hotel-img-gallery .gallery-item-02 {
    position: absolute; 
    left: 53.5%; 
    top:24%;
}
.hotel-img-gallery .gallery-item-02 img{
    max-width:calc(2000px*0.45);
    width:45vw;
    
}

/* gallery-item-03の配置とimgサイズ（PC） */
.hotel-img-gallery .gallery-item-03 {
        /* transform: translate(0%, 75%); */
        left: 34%;
        top: 43%;
}
.hotel-img-gallery .gallery-item-03 img{
    max-width:calc(2000px*0.27);
    width:27vw;
}

/* gallery-item-jobs の配置とimgサイズ（PC） */
.hotel-img-gallery .gallery-item-jobs {
    position: absolute;
    top: 23.5%;
    left: 72%;
}
.hotel-img-gallery .gallery-item-jobs img{
    max-width:calc(2000px*0.15);
    width:15vw;
}

/* gallery-item-04の配置とimgサイズ（PC） */
.hotel-img-gallery .gallery-item-04 {
    z-index: 5;
    position: absolute;
    top: 7%;
    left: 4%;
}
.hotel-img-gallery .gallery-item-04 img{
    max-width:calc(2000px*0.25);
    width:25vw;
}

/* gallery-item-05 の配置とimgサイズ（PC） */
.hotel-img-gallery .gallery-item-05 {
    z-index: 2;
    position: absolute;
    top: 16%;
    left: 25%;   
}
.hotel-img-gallery .gallery-item-05 img{
    max-width:calc(2000px*0.38);
    width:38vw;
    background-color: white;
}

/* gallery-item-06 の配置とimgサイズ（PC） */
.hotel-img-gallery .gallery-item-06 {
    position: absolute; 
    left: 67%; 
    top: 52%;
    
}
.hotel-img-gallery .gallery-item-06 img{
    max-width:calc(2000px*0.25);
    width:25vw;
}

/* gallery-item-07の配置とimgサイズ（PC） */
.hotel-img-gallery .gallery-item-07 {
    z-index: 10;
    position: absolute;
    top: 12%;
    left: 20%;
}
.hotel-img-gallery .gallery-item-07 img{
    max-width:calc(2000px*0.30);
    width:30vw;
    
}

/* gallery-item-08の配置とimgサイズ（PC） */
.hotel-img-gallery .gallery-item-08 {
    position: absolute;
    left: 48.0%;
    z-index: 5;
    top: 1%;
}
.hotel-img-gallery .gallery-item-08 img{
    max-width:calc(2000px*0.49);
    width:49vw;
}




/* スマホ　*/
@media screen and (max-width: 500px){/* 500px以下 */
    .hotel-bg-01{
        clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 75%);
        width: 75vw;
        height:70vw;
        top:-2.75%;
        left:0;
    }
    
    .hotel-bg-02{
        clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 75%);
        width: 75vw;
        height:70vw;
        top:10%;
        right:0;
    }
    
    .hotel-bg-03{
        position:absolute;
        clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 75%);
        width:38vw;
        height:36vw;
        top:22%;
        left:0;
       
    }
    
    .hotel-bg-04{
        position:absolute;
        clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 75%);
        width:80vw;
        height:70vw;
        top:27.5%;
        right:0;
       
    }
    
    .hotel-bg-05{
        position:absolute;
        clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 75%);
        width:82vw;
        height:75vw;
        top:40.75%;
        left:0;
       
    }
    
    .hotel-bg-06{
        position:absolute;
        clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 75%);
        width:88vw;
        height:86vw;
        top:59%;
        right:0;
       
    }
    
    .hotel-img-gallery .lookbook-fv-bg-text-02 {
        width: 11vw;
        position: absolute;
        left: 3vw;
        transform: translateY(20vw);
        z-index: 1;
    }
    
    
      
    /* グループごとの高さを設定（スマホ） */
    .hotel-img-gallery .img-gallery-group-01 {
        position: relative;
        height: 200vw; 
    }
    
    .hotel-img-gallery .img-gallery-group-02 {
        position: relative;
        height: 200vw; 
    }
    
    .hotel-img-gallery .img-gallery-group-03 {
        position: relative;
        height: 120vw; 
    }
    
    .hotel-img-gallery .gallery-item {
        position: absolute;
       
    }
    
    
    /* gallery-item-01 の配置とimgサイズ（スマホ） */
    .hotel-img-gallery .gallery-item-01 {
        position: absolute;
        left:5vw;
        top:0vw;
        z-index:5;

    }
    .hotel-img-gallery .gallery-item-01 img{
        max-width: none;
        width:75vw;  
    }


    /* gallery-item-02の配置とimgサイズ（スマホ） */
    .hotel-img-gallery .gallery-item-02 {
        position: absolute;
        left: 10vw;
        top: 40vw;
    }
    .hotel-img-gallery .gallery-item-02 img{
        max-width: none;
        width:90vw;
        aspect-ratio: 334/237;
        object-fit: cover; /* クロップ */
    }
    

    /* gallery-item-03の配置とimgサイズ（スマホ） */
    .hotel-img-gallery .gallery-item-03 {
        position: absolute;
        top: 90vw;
        left: 45vw;
    }
    .hotel-img-gallery .gallery-item-03 img{
        max-width: none;
        width:42vw;
    }

            /* gallery-item-jobs の配置とimgサイズ（スマホ） */
            .hotel-img-gallery .gallery-item-jobs {
                position: absolute; 
                left: 6vw; 
                transform: translateY(22vw);
            }
            .hotel-img-gallery .gallery-item-jobs img{
                max-width: none;
                width:20vw;
            }
    
    /* gallery-item-04の配置とimgサイズ（スマホ） */
    .hotel-img-gallery .gallery-item-04 {
        position: absolute;
        left: 48vw;
        z-index: 5;
        top: 28vw;
    }
    .hotel-img-gallery .gallery-item-04 img{
        max-width: none;
        width:45vw;
    }
    
    /* gallery-item-05 の配置とimgサイズ（スマホ） */
    .hotel-img-gallery .gallery-item-05 {
        position: absolute;
        left: 0vw;
        z-index: 2;
        top: -37vw;
        
    }
    .hotel-img-gallery .gallery-item-05 img{
        max-width: none;
        width:70vw;
        background-color: white;
        aspect-ratio: 261/335;
        object-fit: cover; /* クロップ */
    }
    

    /* gallery-item-06 の配置とimgサイズ（スマホ） */
    .hotel-img-gallery .gallery-item-06 {
        position: absolute;
        left: 9vw;
        z-index: 5;
        top: 110vw;
        
    }
    .hotel-img-gallery .gallery-item-06 img{
        max-width: none;
        width:55vw;
    }

    
    /* gallery-item-07の配置とimgサイズ（スマホ） */
    .hotel-img-gallery .gallery-item-07 {
        position: absolute; 
        left: 24vw;
        bottom: 0; /* Bottomに固定 */ 
        z-index: 2;
        top: 30vw;
         
    }
    .hotel-img-gallery .gallery-item-07 img{
        max-width: none;
        width:60vw;
        
    }

    /* gallery-item-08の配置とimgサイズ（スマホ） */
    .hotel-img-gallery .gallery-item-08 {
        position: absolute; 
        z-index:1;
        top: -27vw;
        left: 0vw;
    }
    .hotel-img-gallery .gallery-item-08 img{
        max-width: none;
        width:100vw;
        aspect-ratio: 375/262;
        object-fit: cover;
    }
}


/*-----------------------------------
    Lookbook: Dealer
------------------------------------*/
.dealer-fv .lookbook-fv-text-container{
    grid-template-columns: 1fr;
}

.dealer-fv .lookbook-fv-title{
    display: block;
    margin-right: 0;   
    width:20vw;
}

.dealer-fv .lookbook-fv-text-container {
    display: grid;
    grid-template-columns: 3fr 5fr;
    margin-top: 2rem;
    column-gap: 2rem;
    align-items: center;
    padding: 0 15vw;
}

.dealer-fv .lookbook-fv-title {
    height: 100px;
    align-self: start;
    justify-self: center;
}

@media screen and (max-width: 768px) { /* 768px以下 */

    .dealer-fv .lookbook-fv-text-container {
        display: grid;
        grid-template-columns: 1fr;
        margin-top: 2rem;
        gap: 1rem;
        align-items: center;
        padding: 0 0vw;
    }
    .dealer-fv .lookbook-fv-title {
        height: 100px;
        width:40vw;
        align-self: start;
        justify-self: start;
    }
}

body.page-template-page-dealer {
    background-color: #EFEFEF; 
    position:relative;
  }

.dealer-bg{
    background: rgba(211, 211, 219, 0.75); 
    position: absolute;
}
.dealer-bg-01{
    clip-path: polygon(0 0, 0% 100%, 100% 51%); /* クリップパスを適用 */
    clip-path: polygon(0 50%, 100% 0, 100% 100%); /* 右向きのクリップパス */
    width: 40vw;
    height:40vw;
    top:-3.5%;
    right:0;
}

.dealer-bg-02{
    clip-path: polygon(0 0, 0% 100%, 100% 51%); /* 左クリップパスを適用 */
    width:78vw;
    height:67vw;
    top:3.5%;
    left:0;
}

.dealer-bg-03{
    position:absolute;
    clip-path: polygon(0 50%, 100% 0, 100% 100%); /* 右向きのクリップパス */
    width:90vw;
    height:120vw;
    top:26%;
    right:0;
}

.dealer-bg-04{
    position:absolute;
    clip-path: polygon(0 0, 0% 100%, 100% 51%); /* 左クリップパスを適用 */
    width:90vw;
    height:120vw;
    top:49%;
    left:0;
}

.dealer-bg-05{
    position:absolute;
    clip-path: polygon(0 50%, 100% 0, 100% 100%); /* 右向きのクリップパス */
    width:20vw;
    height:30vw;
    top:72%;
    right:0;
}
@media screen and (min-width: 2000px) {
    .dealer-bg-01{
        width: 800px;
        height: 800px;
    }
    .dealer-bg-02{
        width: 1560px;
        height: 1340px;
    }
    
    .dealer-bg-03,
    .dealer-bg-04{
        width:1800px;
        height:2400px;
    }
    
    .dealer-bg-05{
        width: 400px;
        height: 600px;
    }

}

/* 背景シェイプ：スマホ　*/
@media screen and (max-width: 768px){/* 768px以下 */
    .dealer-bg-01{
        clip-path: polygon(0 0, 0% 100%, 100% 51%); /* クリップパスを適用 */
        clip-path: polygon(0 50%, 100% 0, 100% 100%); /* 右向きのクリップパス */
        width: 82vw;
        height:110vw;
        top:5%;
        right:0;
    }
    
    .dealer-bg-02{
        clip-path: polygon(0 0, 0% 100%, 100% 50%); /* 左クリップパスを適用 */
        width:88vw;
        height:130vw;
        top:21%;
        left:0;
    }
    
    .dealer-bg-03{
        position:absolute;
        clip-path: polygon(0 50%, 100% 0, 100% 100%); /* 右向きのクリップパス */
        width:90vw;
        height:125vw;
        top:34.5%;
        right:0;
       
    }
    
    .dealer-bg-04{
        position:absolute;
        clip-path: polygon(0 0, 0% 100%, 100% 51%); /* 左クリップパスを適用 */
        width:90vw;
        height:126vw;
        top:49%;
        left:0;
       
    }
    
    .dealer-bg-05{
        position:absolute;
        clip-path: polygon(0 50%, 100% 0, 100% 100%); /* 右向きのクリップパス */
        width:55vw;
        height:85vw;
        top:62%;
        right:0;
        z-index:-1;
    }
    /*
    .lookbook-contact-margin-adjuster {
        margin-top: -25vw;
    }
        */

    .dealer-fv .lookbook-fv-bg-text-01{
        width: 14vw;
        position: absolute;
        left: -8vw;
        transform: translateY(205vw);
        z-index: 1;
    }

    .dealer-img-gallery .lookbook-fv-bg-text-02{
        width: 16vw;
        position: absolute;
        right: 1vw;
        transform: translateY(-140vw);
        z-index: 100;
    }
}
@media screen and (max-width: 450px){
    .lookbook-contact-margin-adjuster {
        margin-top: -23vw;
    }

    .lookbook-dealer-content .lookbook-contact-margin-adjuster {
        margin-top: -43vw;
    }
        
}
@media screen and (min-width: 450px) and (max-width: 1100px) {
    /* 450px以上、1100px以下の場合のスタイル */
    .dealer-bg-04{
        position:absolute;
        clip-path: polygon(0 0, 0% 100%, 100% 51%); /* 左クリップパスを適用 */
        width:85vw;
        height:120vw;
        top:45%;
        z-index:-1;
    }
    .dealer-bg-05{
        display:none;
    }
}  

/* グループごとの高さを設定（PC） */
.dealer-img-gallery .img-gallery-group-01 {
    position: relative;
    height: 70vw;
    max-height:calc(2000px*0.7);
}

.dealer-img-gallery .img-gallery-group-02 {
    position: relative;
    height: 90vw;
    max-height:calc(2000px*0.9);
}

.dealer-img-gallery .img-gallery-group-03 {
    position: relative;
    height: 40vw;
    max-height:calc(2000px*0.45); 
}
.dealer-img-gallery .gallery-item {
    position: absolute;
}


/* gallery-item-messageの配置（PC） */
.dealer-img-gallery .gallery-item-message {
    font-size:14px;
    position: absolute;
    transform: translate(0, 0); 
    transition: transform 0.3s ease; 
    transform: translate(-30%, calc(40rem + 0px));
}

/* gallery-item-01の配置とimgサイズ（PC） */
.dealer-img-gallery .gallery-item-01 {
    position:absolute;
    top: -5%;
    left: 25%;
    z-index:5;
}

.dealer-img-gallery .gallery-item-01 img{
    max-width:calc(2000px*0.25);
    width:25vw;
    border-radius: 10px;
    
}

/* gallery-item-02の配置とimgサイズ（PC） */
.dealer-img-gallery .gallery-item-02 {
    position: absolute;
    left: 45%;
    top: 2%;
}
.dealer-img-gallery .gallery-item-02 img{
    max-width:calc(2000px*0.53);
    width:53vw;
    
}

/* gallery-item-03の配置とimgサイズ（PC） */
.dealer-img-gallery .gallery-item-03 {
    position: absolute;
    top: 43%;
    left: 59%;
    z-index:2;
}

.dealer-img-gallery .gallery-item-03 img{
    max-width:calc(2000px*0.25);
    width:25vw;
    border-radius: 10px;
}

/* gallery-item-jobs の配置とimgサイズ（PC） */
.dealer-img-gallery .gallery-item-jobs {
    position: absolute; 
    left: 75%; 
    transform: translateY(0%);
}
.dealer-img-gallery .gallery-item-jobs img{
    max-width:calc(2000px*0.15);
    width:15vw;
}

/* gallery-item-04の配置とimgサイズ（PC） */
.dealer-img-gallery .gallery-item-04 {
    position: absolute;
    top: -11%;
    left: 23%;
    z-index:2;
}
.dealer-img-gallery .gallery-item-04 img{
    max-width:calc(2000px*0.25);
    width:25vw;
    border-radius: 10px;
}

/* gallery-item-05 の配置とimgサイズ（PC） */
.dealer-img-gallery .gallery-item-05 {
    position: absolute; 
    left: 0%; 
    top: 12%;
}
.dealer-img-gallery .gallery-item-05 img{
    max-width:calc(2000px*0.52);
    width:52vw;
    background-color: white;
}

/* gallery-item-06 の配置とimgサイズ（PC） */
.dealer-img-gallery .gallery-item-06 {
    position: absolute; 
    left: 59%; 
    top: 33%;   
}
.dealer-img-gallery .gallery-item-06 img{
    max-width:calc(2000px*0.30);
    width:30vw;
    border-radius: 10px;
}

/* gallery-item-07の配置とimgサイズ（PC） */
.dealer-img-gallery .gallery-item-07 {
    position: absolute;
    left: 20%;
    bottom: 0;
    z-index: 2;
} 

.dealer-img-gallery .gallery-item-07 img{
    max-width:calc(2000px*0.27);
    width:27vw;
    border-radius: 10px;
}

/* gallery-item-08の配置とimgサイズ（PC） */
.dealer-img-gallery .gallery-item-08 {
    position: absolute;
    left: 38.7%; 
    top: -11%;
} 

.dealer-img-gallery .gallery-item-08 img{
    max-width:calc(2000px*0.60);
    width:60vw;
}

/* ギャラリー：スマホ　*/
@media screen and (max-width: 800px){/* 768px以下 */
        /* グループごとの高さを設定（スマホ） */
        .dealer-img-gallery .img-gallery-group-01 {
            position: relative;
            height: 200vw; 
        }
        
        .dealer-img-gallery .img-gallery-group-02 {
            position: relative;
            height: 200vw; 
        }
        
        .dealer-img-gallery .img-gallery-group-03 {
            position: relative;
            height: 120vw; 
        }
        
        .dealer-img-gallery .gallery-item {
            position: absolute;
           
        }
        
        
        /* gallery-item-01 の配置とimgサイズ（スマホ） */
        .dealer-img-gallery .gallery-item-01 {
            position: absolute;
            left: 35vw;
            z-index: 5;
            top: 0vw;
        }
        .dealer-img-gallery .gallery-item-01 img{
            max-width: none;
            width:55vw;  
        }
    
        /* gallery-item-02の配置とimgサイズ（スマホ） */
        .dealer-img-gallery .gallery-item-02 {
            position: absolute;
            left: 14vw;
            top: 67vw;
        }
        .dealer-img-gallery .gallery-item-02 img{
            max-width: none;
            width:85vw;
            aspect-ratio: 302/187;
            object-fit: cover; /* クロップ */
        }
    
        /* gallery-item-03の配置とimgサイズ（スマホ） */
        .dealer-img-gallery .gallery-item-03 {
            position: absolute;
            top: 112vw;
            left: 7vw;
        }
        .dealer-img-gallery .gallery-item-03 img{
            max-width: none;
            width:42vw;
        }
    
                /* gallery-item-jobs の配置とimgサイズ（スマホ） */
                .dealer-img-gallery .gallery-item-jobs {
                    position: absolute; 
                    left: 6vw; 
                    transform: translateY(-18vw);
                }
                .dealer-img-gallery .gallery-item-jobs img{
                    max-width: none;
                    width:22vw;
                }
        
        /* gallery-item-04の配置とimgサイズ（スマホ） */
        .dealer-img-gallery .gallery-item-04 {
            left: 50vw;
            position: absolute;
            z-index: 5;
            top: -21vw;
        }
        .dealer-img-gallery .gallery-item-04 img{
            max-width: none;
            width:45vw;
        }
        
        /* gallery-item-05 の配置とimgサイズ（スマホ） */
        .dealer-img-gallery .gallery-item-05 {
            position: absolute;
            left: 0vw;
            z-index: 3;
            top: 25vw;
            
        }
        .dealer-img-gallery .gallery-item-05 img{
            max-width: none;
            width:82vw;
            background-color: white;
            aspect-ratio: 313/194;
            object-fit: cover; /* クロップ */
        }

        .dealer-img-gallery .lookbook-fv-bg-text-02 {
            width: 16vw;
            position: absolute;
            right: 1vw;
            transform: translateY(-140vw);
            z-index: 2;
        }
        
    
        /* gallery-item-06 の配置とimgサイズ（スマホ） */
        .dealer-img-gallery .gallery-item-06 {
            position: absolute;
            left: 36vw;
            z-index: 5;
            top: 93vw;
            
        }
        .dealer-img-gallery .gallery-item-06 img{
            max-width: none;
            width:46vw;
        }
    
        
        /* gallery-item-07の配置とimgサイズ（スマホ） */
        .dealer-img-gallery .gallery-item-07 {
            position: absolute;
            left: 8vw;
            top: 3vw;
        }

        .dealer-img-gallery .gallery-item-07 img{
            max-width: none;
            width:60vw;
            
        }
    
        
        /* gallery-item-08の配置とimgサイズ（スマホ） */
        .dealer-img-gallery .gallery-item-08 {
            position: absolute;
            z-index: 1;
            top: -55vw;
            left: 13vw;
        }

        .dealer-img-gallery .gallery-item-08 img{
            max-width: none;
            width:85vw;
            aspect-ratio: 311/268;
            object-fit: cover;
        }
    
    
}



/*-----------------------------------
    Lookbook: Reception
------------------------------------*/
.reception-fv .lookbook-fv-text-container {
    display: grid;
    grid-template-columns: 2.5fr 5fr;
    margin-top: 2rem;
    column-gap: 2rem;
    align-items: center;
    padding: 0 15%;
}

.reception-fv .lookbook-fv-title{
    display:block;
    margin-left:auto;
}

.reception-fv .lookbook-fv-title {
    display: block;
    margin-left: auto; /* 初期状態で右寄せ */
    margin-right: 0;
}
@media screen and (max-width: 768px) { /* 768px以下 */
    .reception-fv .lookbook-fv-title {
        display: block;
        margin-left: 0; /* 左揃え */
        margin-right: auto; /* 右の余白を自動 */
    }

    .reception-fv .lookbook-fv-text-container {
        display: grid;
        grid-template-columns: 1fr;
        margin-top: 2rem;
        gap: 1rem;
        align-items: center;
        padding: 0 0vw;
    }
}

body.page-template-page-reception {
    background-color: #EFEFEF; 
    position:relative;
  }

.reception-bg{
    background: rgba(211, 211, 219, 0.75); 
    position: absolute;
}
.reception-bg-01{
    width:45vw;
    height:calc(40vw*0.5);
    top:-2%;
    right:0;
}

.reception-bg-02{
    width: 43vw;
    height: calc(40vw* 2);
    top: 3.1%;
    left: 0;
}

.reception-bg-03{
    position:absolute;
    width:42vw;
    height:calc(40vw*0.9);
    top:30%;
    right:0;
   
}

.reception-bg-04{
    position: absolute;
    width: 70vw;
    height: calc(70vw* 0.55);
    top: 47%;
    left: 0;
}

.reception-bg-05{
    position: absolute;
    width: 42vw;
    height: calc(40vw* 2);
    top: 55.5%;
    right: 0;
}
@media screen and (min-width: 2000px) {
    .reception-bg-01{
        width:890px;
        height:396px;
    }
    
    .reception-bg-02{
        width: 850px;
        height: 1582px;
    }
    
    .reception-bg-03{
        width:830px;
        height:712px;       
    }
    
    .reception-bg-04{
        width: 1384px;
        height: 761px;
    }
    
    .reception-bg-05{
        width: 830px;
        height: 1582px;
    }

}

/* 背景シェイプ：スマホ　*/
@media screen and (max-width: 768px) {
    .reception-bg-01,
    .reception-bg-02,
    .reception-bg-03,
    .reception-bg-04,
    .reception-bg-05 {
        display: none;
    }
}

@media screen and (min-width: 450px) and (max-width: 1100px) {
    /* 450px以上、1100px以下の場合のスタイル */
    .reception-bg-05 {
        position: absolute;
        width: 42vw;
        height: 60vw;
        top: 50%;
        right: 0;
    }
}

  

/* グループごとの高さを設定（PC） */
.reception-img-gallery .img-gallery-group-01 {
    position: relative;
    height: 70vw;
    max-height:calc(2000px*0.7);

}

.reception-img-gallery .img-gallery-group-02 {
    position: relative;
    height: 90vw;
    max-height:calc(2000px*0.9);
}

.reception-img-gallery .img-gallery-group-03 {
    position: relative;
    height: 60vw; 
    max-height:calc(2000px*0.60);
}
.reception-img-gallery .gallery-item {
    position: absolute;
   
}

/* gallery-item-messageの配置（PC） */
.reception-img-gallery .gallery-item-message {
    font-size:14px;
    position: absolute;
    transform: translate(0, 0); 
    transition: transform 0.3s ease; 
    transform: translate(calc(25% + 40px), calc(55rem + 10px));
}

/* gallery-item-01の配置とimgサイズ（PC） */
.reception-img-gallery .gallery-item-01 {
    z-index: 2;
    position: absolute;
    top: -3%;
    left: 14%;
}
.reception-img-gallery .gallery-item-01 img{
    width:20vw;
    max-width:calc(2000px*0.20);
}

/* gallery-item-02の配置とimgサイズ（PC） */
.reception-img-gallery .gallery-item-02 {
    position: absolute; 
    left: 31%; 
    top: 7%;
}
.reception-img-gallery .gallery-item-02 img{
    max-width:calc(2000px*0.53);
    width:53vw;
    
}

/* gallery-item-03の配置とimgサイズ（PC） */
.reception-img-gallery .gallery-item-03 {
    position: absolute;
    right: 0%;
    top: 32%;
}
.reception-img-gallery .gallery-item-03 img{
    max-width:calc(2000px*0.22);
    width:22vw;
    
}

/* gallery-item-jobs の配置とimgサイズ（PC） */
.reception-img-gallery .gallery-item-jobs {
    position: absolute;
    left: 7%;
    /* transform: translateY(-180%); */
    top: -37%;
}
.reception-img-gallery .gallery-item-jobs img{
    max-width:calc(2000px*0.28);
    width:28vw;
}

/* gallery-item-04の配置とimgサイズ（PC） */
.reception-img-gallery .gallery-item-04 {
    position: absolute;
    z-index: 5;
    top: -17%;
    left: 23%;
}
.reception-img-gallery .gallery-item-04 img{
    max-width:calc(2000px*0.25);
    width:25vw;
}

/* gallery-item-05 の配置とimgサイズ（PC） */
.reception-img-gallery .gallery-item-05 {
    position: absolute;
    left: 38.8%;
    top: 6%;
    z-index: 2;    
}
.reception-img-gallery .gallery-item-05 img{
    max-width:calc(2000px*0.60);
    width:60vw;
    background-color: white;
    z-index:5;
}

/* gallery-item-06 の配置とimgサイズ（PC） */
.reception-img-gallery .gallery-item-06 {
    position: absolute;
    left: 8%;
    z-index: 5;
    top: 55%;
}
.reception-img-gallery .gallery-item-06 img{
    max-width:calc(2000px*0.40);
    width:40vw;
}

/* gallery-item-07の配置とimgサイズ（PC） */
.reception-img-gallery .gallery-item-07 {
    position: absolute;
    left: 0%;
    top: 0%; 
}
.reception-img-gallery .gallery-item-07 img{
    max-width:calc(2000px*0.70);
    width:70vw;
}

/* gallery-item-08の配置とimgサイズ（PC） */
.reception-img-gallery .gallery-item-08 {
    position: absolute;
    top: 38%;
    left: 64%;
    z-index: 10;
}
.reception-img-gallery .gallery-item-08 img{
    max-width:calc(2000px*0.25);
    width:25vw;
}


@media screen and (max-width: 900px){
    
    .reception-img-gallery .gallery-item-jobs img {
        max-width: calc(2000px* 0.28);
        width: 22vw;
    }
}



/* ギャラリー：スマホ　*/
@media screen and (max-width: 500px){/* 768px以下 */
    /* グループごとの高さを設定（スマホ） */
    .reception-img-gallery .img-gallery-group-01 {
        position: relative;
        height: 200vw; 
    }
    
    .reception-img-gallery .img-gallery-group-02 {
        position: relative;
        height: 200vw; 
    }
    
    .reception-img-gallery .img-gallery-group-03 {
        position: relative;
        height: 80vw; 
    }
    
    .reception-img-gallery .gallery-item {
        position: absolute;
       
    }
}


    @media screen and (max-width: 500px){/* 768px以下 */
    /* gallery-item-01 の配置とimgサイズ（スマホ） */
    .reception-img-gallery .gallery-item-01 {
        position: absolute;
        left: 42vw;
        z-index: 5;
        top: -1vw;
    }

    
    
    .reception-img-gallery .gallery-item-01 img{
        max-width: none;
        width:43vw;  
    }


    /* gallery-item-02の配置とimgサイズ（スマホ） */
    .reception-img-gallery .gallery-item-02 {
        position: absolute;
        left: 0vw;
        top: 47vw;
    }

    .reception-img-gallery .gallery-item-02 img{
        max-width: none;
        width:100vw;
        aspect-ratio: 375/213;
        object-fit: cover; /* クロップ */
    }
    

    /* gallery-item-03の配置とimgサイズ（スマホ） */
    .reception-img-gallery .gallery-item-03 {
        position: absolute;
        left: 5vw;
        z-index: 5;
        top: 95vw;
    }
    .reception-img-gallery .gallery-item-03 img{    
        max-width: none;
        width:42vw;
        border-radius: 8px;
    }

            /* gallery-item-jobs の配置とimgサイズ（スマホ） */
            .reception-img-gallery .gallery-item-jobs {
                position: absolute;
                left: 6vw;
                top: -25vw;
            }
            .reception-img-gallery .gallery-item-jobs img{
                max-width: none;
                width:32vw;
            }
    
    /* gallery-item-04の配置とimgサイズ（スマホ） */
    .reception-img-gallery .gallery-item-04 {
        position: absolute;
        left: 42vw;
        z-index: 2;
        top: -60vw;
    }
    .reception-img-gallery .gallery-item-04 img{
        max-width: none;
        width:52vw;
    }
    
    /* gallery-item-05 の配置とimgサイズ（スマホ） */
    .reception-img-gallery .gallery-item-05 {
        position: absolute;
        left: 20vw;
        z-index: 2;
        top: 32vw;
        
    }
    .reception-img-gallery .gallery-item-05 img{
        max-width: none;
        width:80vw;
        background-color: white;
        aspect-ratio: 302/297;
        object-fit: cover; /* クロップ */
    }
    

    /* gallery-item-06 の配置とimgサイズ（スマホ） */
    .reception-img-gallery .gallery-item-06 {
        position: absolute;
        left: 13vw;
        z-index: 5;
        top: 98vw;
        
    }
    .reception-img-gallery .gallery-item-06 img{
        max-width: none;
        width:74vw;
        border-radius: 10px;
    }

    
    /* gallery-item-07の配置とimgサイズ（スマホ） */
    .reception-img-gallery .gallery-item-07 {
        position: absolute; 
        left: 0vw;
        bottom: 0; /* Bottomに固定 */ 
        top: -40vw;
    }
    .reception-img-gallery .gallery-item-07 img{
        max-width: none;
        width:80vw;
        aspect-ratio: 299/211;
        object-fit: cover;
        
    }

    
    /* gallery-item-08の配置とimgサイズ（スマホ） */
    .reception-img-gallery .gallery-item-08 {
        position: absolute; 
        z-index: 1;
        top: 0vw;
        left: 42vw;
    }
    .reception-img-gallery .gallery-item-08 img{
        max-width: none;
        width:55vw;
        
    }


}



@media screen and (min-width: 2000px){/* 768px以下 */
    .planner-fv .lookbook-fv-text-container,
    .hotel-fv .lookbook-fv-text-container,
    .dealer-fv .lookbook-fv-text-container,
    .reception-fv .lookbook-fv-text-container {
        max-width: 1200px;
        margin: 2rem auto auto;
        padding: 0 0vw;
    }
}