/*
---
name : style_pc-lg
category : DesktopPC
desc : デスクトップ用スタイル
<link rel="stylesheet" href="./assets/css/style_pc-lg.css" media="screen and (min-width:1441px)">
---
*/

/* ==================================================
HEAD : メインビジュアル ファーストビュー
================================================== */
.p-zelda__head {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    /* background: url(../img/head/bg-main.png) no-repeat center top;
    background-size: cover; */
    background : -moz-linear-gradient(7.87% -11.49% -45deg,rgba(237, 210, 130, 1) 0%,rgba(200, 170, 80, 1) 52.12%,rgba(163, 138, 65, 1) 100%);
    background : -webkit-linear-gradient(-45deg, rgba(237, 210, 130, 1) 0%, rgba(200, 170, 80, 1) 52.12%, rgba(163, 138, 65, 1) 100%);
    background : -webkit-gradient(linear,7.87% -11.49% ,92.13% 111.49% ,color-stop(0,rgba(237, 210, 130, 1) ),color-stop(0.5212,rgba(200, 170, 80, 1) ),color-stop(1,rgba(163, 138, 65, 1) ));
    background : -o-linear-gradient(-45deg, rgba(237, 210, 130, 1) 0%, rgba(200, 170, 80, 1) 52.12%, rgba(163, 138, 65, 1) 100%);
    background : -ms-linear-gradient(-45deg, rgba(237, 210, 130, 1) 0%, rgba(200, 170, 80, 1) 52.12%, rgba(163, 138, 65, 1) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDD282', endColorstr='#A38A41' ,GradientType=0)";
    background : linear-gradient(135deg, rgba(237, 210, 130, 1) 0%, rgba(200, 170, 80, 1) 52.12%, rgba(163, 138, 65, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDD282',endColorstr='#A38A41' , GradientType=1);
}
.p-zelda__head::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 84px;
    background: url(../img/head/bg-main-bottom.png) repeat-x bottom;
    background-size: contain;
}
.p-zelda__headBox {
    width: 100%;
    height: 50vw;
    position: relative;
    z-index: 2;
}
.p-zelda__headBox::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 21vw;
    /* height: 330px; */
    height: 100%;
    background: url(../img/head/bg-main-left-top.png) no-repeat;
    background-size: contain;
}
.p-zelda__headBox::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    /* right: -22px; */
    right: -1.5vw;
    width: 6.5vw;
    height: 18.5vw;
    background: url(../img/head/bg-main-right-top.png) no-repeat;
    background-size: contain;
}
.p-zelda__headBox__inner {
    position: relative;
    top: 55%;
    transform: translateY(-50%);
}
.p-zelda__head .-img.-img-1 {
    position: absolute;
    z-index: 2;
    /* top: 460px; */
    top: 30.7vw;
    /* left: 150px; */
    left: 8.47vw;
    /* width: 184px; */
    width: 11vw;
}
.p-zelda__head .-img.-img-2 {
    position: absolute;
    z-index: 2;
    /* top: 460px; */
    top: 30.7vw;
    /* left: 540px; */
    left: 30.25vw;
    /* width: 68px; */
    width: 3.82vw;
}
.p-zelda__head .-img.-img-3 {
    position: absolute;
    z-index: 2;
    /* top: -76px; */
    top: -4.4vw;
    /* right: -85px; */
    right: -4.7vw;
    /* width: 80px; */
    width: 4.5vw;
}
.p-zelda__head .l-inner {
    /* width: 1110px; */
    width: 72vw;
    margin: 0 auto;
    display: flex;
    /* align-items: flex-start; */
    align-items: center;
    position: relative;
}
.p-zelda__head .l-inner .-releaseBox {
    /* width: 385px; */
    width: 21.5vw;
    text-align: center;
}
.p-zelda__head .l-inner .-releaseBox .-img.-badge {
    /* width: 263px; */
    width: 14.67vw;
    margin: 20px auto 0;
}
.p-zelda__head .l-inner .-releaseBox .-img.-date {
    /* width: 385px; */
    width: 21.5vw;
    margin: 40px auto 0;
}
.p-zelda__head .l-inner .-video {
    position: absolute;
    /* right: 183px; */
    right: 11.95vw;
    /* top: 87px; */
    top: 6.13vw;
    /* width: 272px; */
    width: 19vw;
    border: solid 5px #000;
}
.p-zelda__head .l-inner .-img.-main {
    /* width: 639px; */
    width: 44.4vw;
    margin-left: auto;
}
.p-zelda__head .l-banner {
    /* max-width: 1260px; */
    max-width: 81vw;
    /* margin: 68px auto 0; */
    margin: 4.66vw auto 0;
}
.p-zelda__head .l-banner .-banner {
    margin: 0 0 0 auto;
    /* width: 450px; */
    width: 28vw;
    /* height: 152px; */
    height: 9.72vw;
    background: url(../img/head/main-banner.png) no-repeat;
    background-size: contain;
}
.p-zelda__head .l-banner .-banner .-img.-copy {
    /* width: 162px; */
    width: 10.3vw;
    position: relative;
    /* top: 40px; */
    top: 2.59vw;
    /* left: 23px; */
    left: 1.4vw;
}
@media (min-aspect-ratio: 16 /9) {
}