header{
    width: 100%;
    aspect-ratio: 1920/214;
    background-image: url("../img/AdobeStock_1025377788.webp");
    background-size: cover;
    background-color: rgba(255,255,255,0.65);
    background-blend-mode: lighten;
}
#header_d{
    width: 97.7vw;
    height: 100%;
    display: flex;
    column-gap: 1vw;
    margin: 0 auto;
}
#header_logo{
    width: 10.41vw;
    aspect-ratio: 1/1;
    object-fit: contain;
}
#header_d1{width: 18.6vw;
    display: grid;
    grid-template-columns: 123fr 218fr;
    grid-template-rows: 1fr 1fr;
}
#header_d1_p1{
    display: flex;
    font-family: BIZ UDPMincho;
    font-size: 2.08vw;
    color: #D51D4E;
    align-items: flex-end;
}
#header_d1_p2{
    font-family: BIZ UDPMincho;
    font-size: 2.08vw;
    color: #D51D4E;
    align-self: center;
}
#header_d1_time{
    display: flex;
    font-family: BIZ UDPMincho;
    font-size: 1.82vw;
    color: #D51D4E;
    align-items: flex-end;
}
#header_d1_tel{
    
    font-family: Kaisei Opti;
    font-size: 1.75vw;
    color: #D51D4E;
    align-self: center;
    text-align: center;
}
.header_img{
    width: 21.35vw;
    aspect-ratio: 410/124;
    object-fit: contain;
}
#main{
    width: 100%;
}
#main1{
    position: sticky;
    top: -5%;
    width: 100%;
    aspect-ratio: 1920/206;
    background-image: url(../img/header_back.webp);
    background-size: cover;
    /* background-color: rgba(255,255,255,0.35);
    background-blend-mode: lighten; */
}
#nav{
    display: flex;
    position:sticky;
    width: 100%;
    aspect-ratio: 16/1;
    top:0%;
    opacity: 1;
    z-index: 4;
    align-items: center;
}
#main1_nav_ul{
    width: 90%;
    display: grid;
    justify-content: space-between;
    /* grid-template-columns: repeat(6,1fr);
    column-gap: 1.6vw; */
    grid-auto-flow: column;
    margin: 0 auto;
}
.main1_nav_ul_li{
    width: 11vw;
    aspect-ratio: 183/79;
    justify-items: center;
    /* border: 1px solid; */
}
#main1_nav_ul_li_id{
    display: flex;
    background: linear-gradient( #FF0045, #601F24) ,url("../img/frame_silver.webp");
    aspect-ratio: 183/79;
    width: 11vw;
    background: linear-gradient(rgb(19, 18, 18), #601F24) ,url("../img/frame_silver.webp");
}

/* .main1_nav_ul_li:hover ~ .main1_nav_ul_li{
    transform: translateX(-1.35vw);
    width: 11vw;
    background: linear-gradient(rgb(19, 18, 18), #601F24) ,url("../img/frame_silver.webp");
} */
.main1_nav_ul_li_c{
    display: flex;
    background: linear-gradient( #FF0045, #601F24) ,url("../img/frame_silver.webp");
    width: 9.5vw;
    aspect-ratio: 183/79;
}
.main1_nav_ul_li_c:hover {
    /* transform: translateX(-0.75vw); */
    width: 11vw;
    background: linear-gradient(rgb(19, 18, 18), #601F24) ,url("../img/frame_silver.webp");
}
.main1_nav_ul_li_d{
    /* width: 9.5vw; */
    width: 100%;
    aspect-ratio: 183/79;
    background-image:  url("../img/frame_silver.webp");
    background-size: contain;
    background-repeat: no-repeat;
}
.main1_nav_ul_li_d>a{
    display: flex;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-family: BIZ UDPMincho;
    font-size: 1vw;
    border: 1px solid;
    align-items: center;
    justify-content: center;
}
#main1_nav_ul_li_c_tel{
    aspect-ratio: 183/79;
    width: 9.5vw;
    background:linear-gradient(rgb(1, 119, 68),rgb(0, 43, 24) );
    /* background-image:  url("../img/frame_silver.webp"); */
    background-size: contain;
    background-repeat: no-repeat;
    align-content: center;    
}
#main1_nav_ul_li_tel{
    background-image:url("../img/frame_silver.webp");
    width: 100%;
    aspect-ratio: 183/79;
    background-size: contain;
    background-repeat: no-repeat;
    align-content: center;  
}
#main1_nav_ul_li_tel_img{
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
}

#main1_nav_ul_li_d_tel{
    width: 25%;
    object-fit: contain;
    display: flex;
    justify-self: center;
}
#main1{
    position: sticky;
    top: -5%;
    margin-top: -8vw;
    z-index: 2;
}

#main1_d1{
    width: 100%;
    aspect-ratio: 16/1.4;
    background-image: url("../img/header_back.webp");
    background-size: cover;
    /* opacity: 1; */
    background-color: rgba(255,255,255,0.86);
    /* z-index: 0; */
}
#HeadlineNews{
    display: grid;
    grid-template-columns: 292fr 972fr;
    width: 65.83vw;
    aspect-ratio: 1264/48;
    margin: 0 auto;
    z-index: 3;
    /* align-items: center; */
}
#headline{
    display: flex;
    width: 100%;
    height: 100%;
    background-image: url("../img/AdobeStock_252619614.webp");
    background-size: contain;
    background-color:#FFFFFF;
    color: #AE3239;
    font-size: 1.04vw;
    font-family: BIZ UDPMincho;
    z-index: 3;
    align-items: center;
    justify-content: center;
    border: 1px solid #ECF0F4;
}
#news{
    display: flex;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    font-family: BIZ UDPMincho;
    font-size: 1.04vw;
    color: #AE3239;
    z-index: 3;
    align-items: center;
    border: 1px solid #ECF0F4;
}
#main2{
    width: 100%;
    aspect-ratio: 1920/268;
    align-content: end;
}
#main2_1{
    width: 95.88vw;
    position: relative;
    display: grid;
    column-gap: 1vw;
    grid-auto-columns: auto;
    grid-template-columns: 1fr 1fr auto 1fr;
    justify-content: center;
    flex-wrap: wrap;
    aspect-ratio: 1841/242;
    margin: 0 auto;
    box-shadow: inset -0.26vw -0.15vw 0.15vw 0 #E28E8E,0vw 0.15vw 0.3vw 0 #D3D1D1;
}
#main2_p1{
    font-family: BIZ UDPMincho;
    font-size: 4.16vw;
    white-space: nowrap;
    align-self: center;
}
#main2_d2{
    display: flex;
    width: auto;
    height: 4.16vw;
    align-self: center;
    align-items: flex-end;
}
#main2_p2{
    font-family: BIZ UDPMincho;
    font-size: 2.34vw;
    white-space: nowrap;
}
#main2_design1{
    width: 37.91vw;
    aspect-ratio: 728/242;
    background-image: url("../img/asset13.webp");
    background-size: contain;
    align-self: center;
}
#main2_design2{
    position: absolute;
    top: 10vw;
    width: 95.78vw;
    border-bottom: 0.52vw solid red; 
    margin: 0 auto;
}
#main3{
    width: 100%;
    aspect-ratio: 1920/400;
    justify-content: center;
    align-content: center;
}
#main3_d0{
    width: 95.88vw;
    aspect-ratio: 1841/2821;
    background-image: url("../img/kota_AdobeStock_53378016.webp");
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto;
    align-content: center;
    justify-items: center;
    background-color: rgba(255,255,255,0.75);
    background-blend-mode: lighten;
    padding: 2%;
}
#main3_d0_d0{
    width: 100%;
    height: 100%;
    border: 0.26vw solid #D51D4E;
    position: relative;
}
#main3_d0_d0_p1{
    width: fit-content;
    font-family: BIZ UDPMincho;
    font-size: 3.64vw;
    font-weight: bold;
    color: #2E3138;
    background: transparent linear-gradient(180deg, #FF0045 0%, #E2859E 54%, #FF0044 100%, #A91133 100%, #601F24 100%) 0% 0% no-repeat padding-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 auto;
    margin-top: 15vw;
    white-space: nowrap;
}
#main3_d0_d0_d0{
    /* position: absolute; */
    /* top:27.81vw;
    left: 50%; */
    /* transform: translateX(-50%) ; */
    width: 88.23vw;
    aspect-ratio: 1694/993;
    z-index: 2;
    margin: 0 auto;
    margin-top: 3vw;
}
#main3_d0_d0_d0>p{
    text-align: center;
    font-family: BIZ UDPMincho;
    font-size: 1.718vw;
    font-weight: bold;
    color: #2E3138;
    line-height: 2;
}
#main3_d0_d0_p2{
    /* position: absolute;
    top:109vw;
    left: 50%;
    transform: translateX(-50%) ; */
    width: fit-content;
    font-family: BIZ UDPMincho;
    font-size: 3.64vw;
    font-weight: bold;
    color: #2E3138;
    background: transparent linear-gradient(180deg, #FF0045 0%, #E2859E 54%, #FF0044 100%, #A91133 100%, #601F24 100%) 0% 0% no-repeat padding-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 auto;
    margin-top: 5vw;
    white-space: nowrap;
}
#main3_d0_d0_d1{
    /* position: absolute;
    top:116vw;
    left: 50%;
    transform: translateX(-50%) ; */
    width: 88.23vw;
    aspect-ratio: 1694/993;
    z-index: 2;
    margin: 0 auto;
    margin-top: 3vw;
}
#main3_d0_d0_d1>p{
    text-align: center;
    font-family: BIZ UDPMincho;
    font-size: 1.718vw;
    font-weight: bold;
    color: #2E3138;
    line-height: 1.3;
}
#main4{
    width: 100%;
    aspect-ratio: 1920/1000;
    justify-content: center;
    align-content: center;
    
}
#main4_C{
    width: 93%;
    aspect-ratio: 1920/1000;
    align-self: center;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
#main4_1{
    position: absolute;
    width: 100%;
    height: 48%;
    background-image: url('../img/asset8.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 0;
}
#main4_2{
    position: absolute;
    width: 100%;
    height: 48%;
    background-image: url('../img/asset8.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotateZ(180deg);
    bottom: 0;
}
#main4_3{
    width: 90%;
    aspect-ratio: 1920/900;
    margin: 0 auto;
    margin: auto;
    align-content: center;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform: translateX(-0.5vw);
}
#main4_3_1{
    /* position: absolute;
    top: 0;
    left: 50%; */
    margin-top: -2vw;
    height: 9.06vw;
    aspect-ratio: 45/147;
    background-image: url("../img/asset11.webp");
    background-size: contain;
    transform-origin: center;
    transform: rotateZ(90deg) ;
    background-repeat: no-repeat;
}
#main4_3_2{
    /* position: absolute;
    top: 7vw;
    left: 50%;
    transform: translateX(-50%); */
    margin-top: -1vw;
}
#main4_3_2>p{
    /* width: 14.74vw; */
    width: auto;
    /* aspect-ratio: 283/50; */
    /* color: #D51D4E; */
    font-family: BIZ UDPMincho;
    font-size: 2.6vw;
    font-weight: bold;
}
#main4_3_3{
    /* position: absolute;
    top: 11.35vw; */
    width: 100%;
    list-style:decimal;
    text-align: center;
    margin-top: 1vw;
    margin-bottom: 2vw;
}
#main4_3_3>p{
    font-family: BIZ UDPMincho;
    font-size: 3.49vw;
    font-weight: bold;
    background: transparent linear-gradient(180deg, #FF0045 0%, #E2859E 54%, #FF0044 100%, #A91133 100%, #601F24 100%) 0% 0% no-repeat padding-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#main4_3_4>li{
    font-family: BIZ UDPMincho;
    font-size: 1.56vw;
    font-weight: bold;
    white-space: nowrap;
}
#main4_3_5>p{
    font-family: BIZ UDPMincho;
    font-size: 1.3vw;
    font-weight: bold;
}
#main4_3_4{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(7,1fr);
    grid-auto-flow: column;
    text-align: left;
    width: 65vw;
    row-gap: 1.46vw;
    column-gap: 2vw;
}
 #main5{
    width: 100%;
    aspect-ratio: 1920/1329;
    background-image: url("../img/AdobeStock_1247431775.webp");
    background-size: cover;
}
 #shop_name_c{
    width: 100%;
    aspect-ratio: 1920/250;
    align-content: center;
    transform: translateY(1vw);
 }
#shop_name{
    display: grid;
    grid-auto-flow: column;
    column-gap: 5.42vw;
    width: 92.24vw;
    aspect-ratio: 1771/175;
    justify-self: center;
}
#shop_name1{
    width: 32.6vw;
    aspect-ratio: 626/74;
    background-image: url("../img/asset6.webp");
    background-size: cover;
    align-self: center;
}
#shop_name2{
    width: 16.2vw;
    aspect-ratio: 311/175;
    background-image: url("../img/kota_nannba.webp");
    background-size: contain;
    justify-self: center;
    background-repeat: no-repeat;
}
#shop_name3{
    width: 32.6vw;
    aspect-ratio: 626/74;
    background-image: url("../img/asset6.webp");
    background-size: cover;
    align-self: center;
}
#map_comment{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 3vw;
    margin-bottom: 3vw;
    padding: 2vw;
}
#map_access{
    text-align: center;
    /* font-weight: bold; */
    font-family: BIZ UDPMincho;
    font-size: 3vw;
}
#map_link{
    margin-top: 2vw;
    display: flex;
    column-gap: 5vw;
}
.map_link_a{
    display: flex;
    background: linear-gradient( #FF0045, #601F24) ,url("../img/frame_silver.webp");
    width: 25vw;
    aspect-ratio: 183/40;
    color: white;
    justify-content: center;
    align-items: center;
    padding: 1vw;
    font-weight: bold;
    font-family: BIZ UDPMincho;
    font-size: 1.2vw;
    border-radius: 3vw;
    border: 0.3vw solid silver;
    box-shadow: 1vw 1vw 1.5vw #b2b2b2;
}
#map_nav1{
    margin-top: 2vw;
    font-family: BIZ UDPMincho;
    font-size: 1.3vw;
}
#map_nav2{
    margin-top: 0.5vw;
    font-family: BIZ UDPMincho;
    font-size: 1.3vw;
}
#map_design{
    margin-top: 1vw;
    width: 85%;
    border-bottom: #D51D4E 0.52vw solid;
}
#map2{
    width: 50%;
    aspect-ratio: 1920/268;
    align-content: end;
}
#map2_1{
    width: 100%;
    position: relative;
    display: grid;
    column-gap: 1vw;
    grid-auto-columns: auto;
    grid-template-columns: 1fr 1fr auto 1fr;
    justify-content: center;
    flex-wrap: wrap;
    aspect-ratio: 1841/242;
    margin: 0 auto;
    box-shadow: inset -0.26vw -0.15vw 0.15vw 0 #E28E8E,0vw 0.15vw 0.3vw 0 #D3D1D1;
}
#map2_p1{
    font-family: BIZ UDPMincho;
    font-size: 4.16vw;

    white-space: nowrap;
    align-self: center;
}
#map2_d2{
    display: flex;
    width: auto;
    height: 4.16vw;
    align-self: center;
    align-items: flex-end;
}
#map2_p2{
    font-family: BIZ UDPMincho;
    font-size: 2.34vw;
    white-space: nowrap;
}
#map2_design1{
    width: 37.91vw;
    aspect-ratio: 728/242;
    background-image: url("../img/asset13.webp");
    background-size: contain;
    align-self: center;
}
#map2_design2{
    position: absolute;
    top: 10vw;
    width: 95.78vw;
    border-bottom: 0.52vw solid red; 
    margin: 0 auto;
}

#map{
    width: 92.24vw;
    aspect-ratio: 1771/719;
    justify-self: center;
    align-content: center;
}
#map>iframe{
    display: flex;
    width: 100%;
    height: 90%;
}

#footer_c{
    width: 90vw;
    aspect-ratio: 1920/300;
    display: grid;
    grid-template-columns: 540fr 307fr 540fr;
    grid-template-rows: 1fr 1fr 1fr;
    justify-items: center;
    margin: 0 auto;
}
#footer_c1{
    display: flex;
    grid-column: 1;
    grid-row: 2;
}
#footer_c2{
    display: flex;
    grid-column: 3;
    grid-row: 2;
}
/* #footer_left{
    display: grid;
} */
#footer_open{
    font-family: BIZ UDPMincho;
    font-size: 3.12vw;
    color: #D51D4E;
    align-self: center;
}
#footer_time{
    margin-left: 2vw;
    font-family: BIZ UDPMincho;
    font-size: 3.12vw;
    color: #D51D4E;
    align-self: center;
}
#footer_logo{
    grid-column: 2;
    grid-row: 1/4;
    width: 15.98vw;
}
#footer_logo>img{
    object-fit: contain;
}
#footer_tel_img{
    width: 4.42vw;
    aspect-ratio: 1/1;
    object-fit: contain;
}
#footer_tel{
    margin-left: 2vw;
    font-family: BIZ UDPMincho;
    font-size: 3.12vw;
    color: #D51D4E;
    align-self: center;
}
.footer_nav_ul{
    display: flex;
    column-gap: 1.6vw;
    align-self: center;
}
footer{
    width: 100%;
    aspect-ratio: 1920/102;
    align-content:center ;
    text-align: center;
}
@media screen and (max-width: 768px) {
    header{
        display: none;
    }
    .main1_nav_ul_li_c{
        width: 23vw;
    }
    #nav{
        aspect-ratio: 430/130;
        position:sticky;
        top:0%;
    }
    #main1_nav_ul{
        width: 95%;
        grid-template-columns: repeat(4,1fr);
        grid-template-rows: 1fr 1fr;
        column-gap: 1vw;
        row-gap: 1vw;
    }
    .main1_nav_ul_li{
        width: 23vw;
    }
    #main1_nav_ul_li_id{
        width: 23vw;
    }
    .main1_nav_ul_li_c{
        width: 23vw;
    }
    #main1_nav_ul_li_c_tel{
        width: 23vw;
    }
    #HeadlineNews{
        display: none;
    }
    #smartphone_1{
        display:flex;
        width: 100%;
        aspect-ratio: 430/84;
        display: flex;
        column-gap: 1vw;
        margin: 0 auto;
        background-image: url("../img/AdobeStock_1025377788.webp");
        background-size: cover;
        background-color: rgba(255,255,255,0.65);
        background-blend-mode: lighten;
    }
    #header_d1{
        padding-left: 5vw;
        width: 80vw;
        display: grid;
        grid-template-columns: 65fr 218fr;
        grid-template-rows: 1fr 1fr;
        column-gap: 5vw;
    }
    #header_logo{
        margin-left: 8vw;
        width: 16.97vw;
        aspect-ratio: 1/1;
        object-fit: contain;
    }
    #header_d1_p1{
        font-size: 5.58vw;
    }
    #header_d1_p2{
        font-size: 5.58vw;
    }
    #header_d1_time{
        font-size: 4.65vw;
    }
    #header_d1_tel{
        transform: translateY(-0.3vw);
        font-size: 5.5vw;
    }
    #main1{
        aspect-ratio: 430/130;
        top: 0;
        margin-top: -29vw;
    }
    .main1_nav_ul_li_c:hover {
        width: 24.18vw;
    }
    .main1_nav_ul_li_d>a{
        font-size: 2.3vw;
    }
    .main1_nav_ul_li{
        aspect-ratio: 104/44;
    }

    #main1_nav_ul_li_id{
        aspect-ratio: 104/44;
    }
    .main1_nav_ul_li_c{
        aspect-ratio: 104/44;
    }
    .main1_nav_ul_li_d{
        aspect-ratio: 104/44;
    }
    .main3_d{
        width: 23.25vw;
        aspect-ratio: 100/29;
        border-radius: 6.7vw;
    }
    .main3_d_1c{
        font-size: 1.86vw;
    }
    #main4_3_4{
        width: 80vw;
        row-gap: 1vw;
        /* margin-left: 3vw; */
    }
    #main4_3_4>li{
        font-size: 2.1vw;
    }
    #map{
        margin-top: 2vw;
    }
    #map>iframe{
        height: auto;
        aspect-ratio: 1/1;
    }
    #map_access{
        font-size: 4vw;
    }
    #map_nav1{
        font-size: 2.3vw;
    }
    #map_nav2{
        font-size: 2.3vw;
    }
    .map_link_a{
        display: flex;
        background: linear-gradient( #FF0045, #601F24) ,url("../img/frame_silver.webp");
        width: 35vw;
        aspect-ratio: 183/40;
        color: white;
        justify-content: center;
        align-items: center;
        padding: 1vw;
        font-weight: bold;
        font-family: BIZ UDPMincho;
        font-size: 2.3vw;
        margin-bottom: 5vw;
        border-radius: 5vw;
    }
    #footer_open{
        grid-column: none;
        font-size: 5vw;
        align-self: flex-end;
    }
    #footer_time{
        margin-left: 5vw;
        grid-column: none;
        font-size: 5vw;
        align-self: flex-end;
    }    
    #footer_tel_img{
        grid-column: none;
        grid-row: none;
        width: 7vw;
        transform: translateY(-2vw);
    }
    #footer_tel{
        margin-left: 5vw;
        grid-column: none;
        grid-row: none;
        font-size: 5vw;
        transform: translateY(-2vw);
    }
    #footer_c{
        width: 95vw;
        aspect-ratio: 430/163.7;
        grid-template-columns: 104fr 210fr;
        grid-template-rows: 1fr 1fr;
        column-gap: 1.16vw;
        padding-bottom: 2vw;
    }
    #footer_c1{
        display: flex;
        grid-column: 2;
        grid-row: 1;
    }
    #footer_c2{
        display: flex;
        grid-column: 2;
        grid-row: 2;
    }
    #footer_logo{
        grid-column: 1;
        grid-row: 1/3;
        width: 36.04vw;
    }
    #footer_nav1{
        grid-column: 1;
    }
    #footer_nav2{
        grid-column: 2;
    }
    .footer_nav_ul{
        display: grid;
        row-gap: 1.16vw;
    }
    #smartphone_2{
        display: flex;
    }
}