@charset "utf-8";
/*-----------------------------------------------
 * FV
 * MOVIE
 * NEWS
-------------------------------------------------*/
/*-----------------------------------------------
 * FV
-------------------------------------------------*/
main {
    position: relative;
}
.fvWrap {
    position: relative;
    display: flex;
}
@media screen and (max-width:768px){
    .fvWrap {
        display: block;
    }
}
/**
* NAV
**/
.fv__stickyWrap {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    pointer-events: none;
    z-index: 1;
}
.fv__sticky {
    position: sticky;
    top: 0;
    height: min(100%, 100vh);
    min-height: min(calc(1300 / var(--vw-min) * 100vw),1300px);
}
@media screen and (max-width:768px){
    .fv__sticky {
        min-height: 100%;
    }
}
.fv__bnr {
    width: min(calc(150 / var(--vw-min) * 100vw),150px);
    position: fixed;
    top: min(calc(90 / var(--vw-min) * 100vw),90px);
    right: min(calc(20 / var(--vw-min) * 100vw),20px);
    z-index: 10;
}
@media screen and (max-width:768px){
    .fv__bnr {
        width: calc(150 / var(--vw-min) * 100vw);
        top: calc(180 / var(--vw-min) * 100vw);
        right: calc(15 / var(--vw-min) * 100vw);
    }
}
.fv__bnrLink {
    width: 100%;
    height: 100%;
    display: block;
    pointer-events: auto;
}
.fv__bnr img {
    width: 100%;
    pointer-events: none;
}
.fv__navWrap {
    width: min(calc(250 / var(--vw-min) * 100vw),250px);
    background-color: var(--color-brown);
    position: relative;
    z-index: 2;
}
@media screen and (max-width:768px){
    .fv__navWrap {
        width: calc(215 / var(--vw-min) * 100vw);
        background-color: unset;
    }
}
/** NAV LISTS **/
.fv__navLists {
    width: min(calc(250 / var(--vw-min) * 100vw),250px);
    display: flex;
    flex-direction: column;
    padding: min(calc(40 / var(--vw-min) * 100vw),40px) 0 0 min(calc(20 / var(--vw-min) * 100vw),20px);
}
.fv__navItem {
    transition: .3s ease;
}
.fv__navItemLink {
    font-size: min(calc(22 / var(--vw-min) * 100vw),22px);
    color: var(--color-orange);
    line-height: 1;
    font-weight: 800;
    font-style:italic;
    display: inline-block;
    margin-bottom: min(calc(15 / var(--vw-min) * 100vw),15px);
    text-decoration: none;
    pointer-events: auto;
    transition: .3s ease;
}
@media screen and (max-width:768px){
    .fv__navLists {
        display: none;
    }
}
@media screen and (max-width:768px){
    .fv__logo {
        width: calc(217 / var(--vw-min) * 100vw);
        position: absolute;
        right: 0;
        left: 0;
        bottom: calc(40 / var(--vw-min) * 100vw);
        z-index: 8;
        margin: auto;
    }
}
/** LOGO **/
.fv__logoLink {
    width: min(calc(300 / var(--vw-min) * 100vw),300px);
    height: min(calc(225 / var(--vw-min) * 100vw),225px);
    position: relative;
    display: block;
    background-color: #fff;
    pointer-events: auto;
}
@media screen and (max-width:768px){
    .fv__logoLink {
        width: calc(217 / var(--vw-min) * 100vw);
        height: calc(150 / var(--vw-min) * 100vw);
        background-color: unset;
    }
}
.fv__logoLink::before {
    content: "";
    width: min(calc(236 / var(--vw-min) * 100vw),236px);
    height: min(calc(160 / var(--vw-min) * 100vw),160px);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url(../img/common/logo.svg)no-repeat center/contain;
    transition: .3s ease;
}
@media screen and (max-width:768px){
    .fv__logoLink::before {
        width: 100%;
        height: 100%;
        background-image: url(../img/top/fv_logo-s.png);
    }
}
@media screen and (min-width:769px){
    .fv__sticky-catch {
        width: calc(100% - min(calc(250 / var(--vw-min) * 100vw),250px));
        right: 0;
    }
    .fv__sticky-catch .fv__sticky {
        height: 100vh;
        min-height: unset;
    }
}
.fv__catch {
    width: calc(90 / var(--vw-min) * 100vw);
    height: calc(690 / var(--vw-min) * 100vw);
    position: absolute;
    top: 0;
    bottom: 0;
    left: min(calc(60 / var(--vw-min) * 100vw),60px);
    margin: auto;
}
@media screen and (max-width:768px){
    .fv__catch {
        width: calc(74 / var(--vw-min) * 100vw);
        height: calc(567 / var(--vw-min) * 100vw);
        left: calc(20 / var(--vw-min) * 100vw);
    }
}
.fv__catch img {
    width: 100%;
    pointer-events: none;
}
.fv__onair {
    width: calc(320 / var(--vw-min) * 100vw);
    position: absolute;
    bottom: min(calc(40 / var(--vw-min) * 100vw),40px);
    left: min(calc(40 / var(--vw-min) * 100vw),40px);
}
.fv__onair img {
    width: 100%;
    pointer-events: none;
}
@media screen and (max-width:768px){
    .fv__onair {
        bottom: calc(20 / var(--vw-min) * 100vw);
        left: calc(20 / var(--vw-min) * 100vw);
    }
}
/** VISUAL **/
.visualImageWrap {
    width: calc(100% - min(calc(250 / var(--vw-min) * 100vw),250px));
    position: relative;
}
@media screen and (max-width:768px){
    .visualImageWrap  {
        width: 100%;
    }
}
.fv__visual img {
    width: 100%;
    pointer-events: none;
}
/** VISUAL BTN **/ 
.fv__changeLists {
    display: flex;
    position: absolute;
    top: 0;
    left:min(calc(50 / var(--vw-min) * 100vw),50px);
    z-index: 2;
}
@media screen and (max-width:768px){
    .fv__changeLists {
        left: calc(217 / var(--vw-min) * 100vw);
    }
}
.fv__visualChange{
    width: min(calc(158.5 / var(--vw-min) * 100vw),158.5px);
    position: relative;
    pointer-events: auto;
}
@media screen and (max-width:768px){
    .fv__visualChange {
        width: calc(105.5 / var(--vw-min) * 100vw);
    }
}
.fv__visualChange::before {
    content: "";
    background-color: var(--color-orange);
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    transition: opacity .4s ease;
}
.fv__visualChange.--is-active::before {
    opacity: .4;
}
.fv__visualChange-img img {
    width: 100%;
    pointer-events: none;
}
/** MOVIE **/
.fv__movie {
    width: calc(min(calc(260 / var(--vw-min) * 100vw),260px) + min(calc(20 / var(--vw-min) * 100vw),20px));
    height: calc(min(calc(260 / var(--vw-min) * 100vw),260px) + min(calc(20 / var(--vw-min) * 100vw),20px));
    border-radius: 50%;
    border: min(calc(10 / var(--vw-min) * 100vw),10px) solid var(--color-brown);
    position: relative;
    pointer-events: auto;
    margin-top: min(calc(32 / var(--vw-min) * 100vw),32px);
}
@media screen and (max-width:768px){
    .fv__movie {
        width: calc(208 / var(--vw-min) * 100vw);
        height: calc(208 / var(--vw-min) * 100vw);
        border-width: calc(10 / var(--vw-min) * 100vw);
        position: absolute;
        bottom: 0;
        margin: 0 0 calc(25 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw);
    }
}
.fv__movieTit {
    width: min(calc(272 / var(--vw-min) * 100vw),272px);
    height: min(calc(286 / var(--vw-min) * 100vw),286px);
    position: absolute;
    top: max(calc(-25 / var(--vw-min) * 100vw),-25px);
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    pointer-events: none;
    background: url(../img/common/deco/deco_movieTit.png)no-repeat center/contain;
    transition: .3s ease;
}
@media screen and (max-width:768px){
    .fv__movieTit {
        width: calc(210 / var(--vw-min) * 100vw);
        height: calc(227 / var(--vw-min) * 100vw);
        top: calc(-22 / var(--vw-min) * 100vw);
        right: unset;
        margin: unset;
    }
}
.fv__movieArea {
    width: min(calc(260 / var(--vw-min) * 100vw),260px);
    height: min(calc(260 / var(--vw-min) * 100vw),260px);
    border-radius: 50%;
    border: min(calc(10 / var(--vw-min) * 100vw),10px) solid var(--color-orange);
    position: relative;
    overflow: hidden;
}
@media screen and (max-width:768px){
    .fv__movieArea {
        width: calc(193 / var(--vw-min) * 100vw);
        height: calc(193 / var(--vw-min) * 100vw);
        border-width: calc(10 / var(--vw-min) * 100vw);
        position: absolute;
        top: 0;
        right:calc(-3 / var(--vw-min) * 100vw);
        bottom: 0;
        margin: auto;
    }
}
.fv__movieAreaCont {
    width: 100%;
    padding-top: 100%;
    position: relative;
}
.fv__movieBtn {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-color: #000;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}
.fv__movieBtn img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}
.fv__ytBg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    pointer-events: none;
}
.fv__ytBg-player {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    pointer-events: none;
}
.fv__movie-arrow {
    width: min(calc(60 / var(--vw-min) * 100vw),60px);
    height: min(calc(60 / var(--vw-min) * 100vw),60px);
    border-radius: 50%;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: var(--color-orange);
    transition: .3s ease;
}
@media screen and (max-width:768px){
    .fv__movie-arrow {
        width: calc(60 / var(--vw-min) * 100vw);
        height: calc(60 / var(--vw-min) * 100vw);
        bottom: calc(-20 / var(--vw-min) * 100vw);
    }
}
.fv__movie-arrow::before {
    content: "";
    width: min(calc(51 / var(--vw-min) * 100vw),51px);
    height: min(calc(51 / var(--vw-min) * 100vw),51px);
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    background-color: var(--color-brown);
    transition: .3s ease;

}
@media screen and (max-width:768px){
    .fv__movie-arrow::before {
        width: calc(51 / var(--vw-min) * 100vw);
        height: calc(51 / var(--vw-min) * 100vw);
    }
}
.fv__movie-arrow::after {
    content: "";
    width: min(calc(7 / var(--vw-min) * 100vw),7px);
    height: min(calc(7 / var(--vw-min) * 100vw),7px);
    display: block;
    position: absolute;
    top: min(calc(2 / var(--vw-min) * 100vw),2px);
    right: 0;
    left: min(calc(2 / var(--vw-min) * 100vw),2px);
    bottom: 0;
    margin: auto;
    -webkit-mask: url(../img/common/deco/deco_arrow.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_arrow.svg)no-repeat center/contain;
    background-color: var(--color-orange);
    transition: .3s ease;
}
@media screen and (max-width:768px){
    .fv__movie-arrow::after {
        width: calc(7 / var(--vw-min) * 100vw);
        height: calc(7 / var(--vw-min) * 100vw);
    }
}
@media (hover: hover) and (pointer: fine){
	.fv__logoLink:hover::before {
		opacity: .7;
	}
	.fv__navItem:hover {
		animation: zoom .3s;
	}
	.fv__navItemLink:hover {
		color: #fff;
	}
    .fv__movie:hover .fv__movieTit {
        transform: rotate(10deg);
    }
    .fv__movie:hover .fv__movie-arrow {
        background-color: var(--color-brown);
    }
    .fv__movie:hover .fv__movie-arrow::before {
        background-color: var(--color-orange);
    }
    .fv__movie:hover .fv__movie-arrow::after {
        background-color: var(--color-brown);
    }
}
/*-----------------------------------------------
 * MOVIE
-------------------------------------------------*/
.movie {
    position: relative;
    padding: min(calc(120 / var(--vw-min) * 100vw),120px) 0 0;
    margin-top: min(calc(var(--vw-min-height) / var(--vw-min) * 100vw),calc(var(--vw-min-height) * 1px));
}
@media screen and (max-width:768px){
    .movie {
        padding-top: calc(100 / var(--vw-min) * 100vw);
        margin-top: 0;
    }
}
.movie__deco-tree {
    width: 100%;
    height: min(calc(314 / var(--vw-min) * 100vw),314px);
    position: absolute;
    top: min(calc(238 / var(--vw-min) * 100vw),238px);
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    overflow: hidden;
}
.movie__deco-tree .tile {
    width: min(calc(1200 / var(--vw-min) * 100vw),1200px);
    height: 100%;
    background: url(../img/common/bg/bg_tree.jpg)no-repeat left/contain;
    flex-shrink: 0;
}
@supports (background-image:url(../img/common/bg/bg_tree.webp)){
	.movie__deco-tree .tile  {
		background-image: url(../img/common/bg/bg_tree.webp)
	}
}
@media screen and (max-width:768px){
    .movie__deco-tree {
        height: calc(220 / var(--vw-min) * 100vw);
        top: calc(170 / var(--vw-min) * 100vw);
    }
}
.movieWrap {
    width: min(calc(1060 / var(--vw-min) * 100vw),1060px);
    position: relative;
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .movieWrap {
        width: 100%;
    }
}
.movie .cont-tit {
    font-size: min(calc(70 / var(--vw-min) * 100vw),70px);
    color: var(--color-orange);
    font-weight: 800;
    line-height: 1;
    writing-mode: vertical-rl;
    text-orientation: sideways;
    display: inline-block;
    position: absolute;
    top: max(calc(-4 / var(--vw-min) * 100vw),-4px);
    right: max(calc(-11 / var(--vw-min) * 100vw),-11px);
}
@media screen and (max-width:768px){
    .movie .cont-tit {
        font-size: calc(60 / var(--vw-min) * 100vw);
        writing-mode: unset;
        text-orientation: unset;
        top: unset;
        bottom: calc(-50 / var(--vw-min) * 100vw);
        right: calc(50 / var(--vw-min) * 100vw);
        z-index: 1;
    }
}
.movieArea {
    width: min(calc(960 / var(--vw-min) * 100vw),960px);
    position: relative;
    z-index: 1;
    margin: 0 auto;
    border: min(calc(10 / var(--vw-min) * 100vw),10px) solid var(--color-orange);
}
@media screen and (max-width:768px){
    .movieArea {
        width: calc(640 / var(--vw-min) * 100vw);
        border-width: calc(10 / var(--vw-min) * 100vw);
    }
}
.movieAreaCont {
    width: 100%;
    position: relative;
    padding-top: 56.25%;
}
.movieBtn img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}
.movieBtn {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-color: #000;
    background-size: cover;
    background-position: center;
    transition: all 0.3s ease;
    overflow: hidden;
}
.movieBtn::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    background-color: rgba(0, 0, 0, .7);
    transition: .3s ease;
}
.movie__yt-play {
    width: min(calc(194 / var(--vw-min) * 100vw),194px);
    height: min(calc(185 / var(--vw-min) * 100vw),185px);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    margin: auto;
    background: url(../img/common/deco/deco_play.png)no-repeat center/contain;
    transition: .3s ease;
}
@media screen and (max-width:768px){
    .movie__yt-play {
        width: calc(164 / var(--vw-min) * 100vw);
        height: calc(157 / var(--vw-min) * 100vw);
    }
}
.movie__ytBg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}
.movie__ytBg-player{
    width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: .3s ease .2s;
	pointer-events: none;
}
.movieBg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
    /* overflow: hidden; */
}
.movieBg-clip {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.movieBg-clip-in {
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    position: fixed;
    mix-blend-mode: color-burn;
    transform: translate3d(0,0,0);
    background: url(../img/common/bg/bg_grassland.jpg)no-repeat center center/cover;
}
@supports (background-image:url(../img/common/bg/bg_grassland.webp)){
	.movieBg-clip-in {
		background-image: url(../img/common/bg/bg_grassland.webp)
	}
}
.movieBg-mask {
    width: 100%;
    height: 38%;
    position: absolute;
    -webkit-mask-image: linear-gradient(180deg, var(--color-ocher) 0%, rgba(213,199,150,.2) 65%, transparent);
    mask-image: linear-gradient(180deg, var(--color-ocher) 0%, rgba(213,199,150,.2) 65%, transparent);
}
@media screen and (max-width:768px){
    .movieBg-mask {
        height: 64%;
        -webkit-mask-image: linear-gradient(180deg, var(--color-ocher) 0%, rgba(213,199,150,.2) 85%, transparent);
        mask-image: linear-gradient(180deg, var(--color-ocher) 0%, rgba(213,199,150,.2) 85%, transparent);
    }
}
.movieBg-maskIn {
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: -1;
    pointer-events: none;
    mix-blend-mode: color-burn;
    transform: translate3d(0,0,0);
    background: url(../img/common/bg/bg_grassland.jpg)no-repeat center center/cover;
}
@supports (background-image:url(../img/common/bg/bg_grassland.webp)){
	.movieBg-maskIn {
		background-image: url(../img/common/bg/bg_grassland.webp)
	}
}
/*-----------------------------------------------
 * NEWS
-------------------------------------------------*/
.news {
    padding: min(calc(100 / var(--vw-min) * 100vw),100px) 0 0;
    background-color: var(--color-ocher);
}
@media screen and (max-width:768px){
    .news  {
        padding: calc(210 / var(--vw-min) * 100vw) 0 0;
    }
}
.newsWrap {
    position: relative;
    padding: 0 0 min(calc(180 / var(--vw-min) * 100vw),180px);
}
@media screen and (max-width:768px){
    .newsWrap {
        padding: 0 0 calc(92 / var(--vw-min) * 100vw);
    }
}
.news .cont-tit {
    font-size: min(calc(44 / var(--vw-min) * 100vw),44px);
    color: var(--color-orange);
    font-weight: 800;
    line-height: 1;
    width: min(calc(970 / var(--vw-min) * 100vw),970px);
    position: relative;
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .news .cont-tit {
        font-size: calc(44 / var(--vw-min) * 100vw);
        width: 100%;
        padding: 0 calc(126 / var(--vw-min) * 100vw);
    }
}
.news .cont-tit span {
    position: relative;
    z-index: 1;
    display: inline-block;
}
.news .cont-tit::before {
    content: "";
     width: min(calc(532 / var(--vw-min) * 100vw),532px);
    height: min(calc(462 / var(--vw-min) * 100vw),462px);
    display: block;
    position: absolute;
    z-index: 0;
    top: max(calc(-230 / var(--vw-min) * 100vw),-230px);
    left: max(calc(-230 / var(--vw-min) * 100vw),-230px);
    -webkit-filter: drop-shadow(13px 15px 14px #6a664f);
    filter: drop-shadow(13px 15px 14px #6a664f);
    background: url(../img/common/deco/deco_blackpan.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .news .cont-tit::before {
        width: calc(534 / var(--vw-min) * 100vw);
        height: calc(460 / var(--vw-min) * 100vw);
        top: calc(-230 / var(--vw-min) * 100vw);
        left: calc(-100 / var(--vw-min) * 100vw);
    }
}
.news .cont-tit.spin2.--animate::before {
    animation: spin2 .5s ease-in-out;
}
.news__lists {
    width: min(calc(960 / var(--vw-min) * 100vw),960px);
    position: relative;
    z-index: 1;
    margin: 0 auto;
    padding-top: min(calc(175 / var(--vw-min) * 100vw),175px);
}
@media screen and (max-width:768px){
    .news__lists {
        width: 100%;
        padding: calc(145 / var(--vw-min) * 100vw) calc(54 / var(--vw-min) * 100vw) 0;
    }
}
.news__item {
    padding: min(calc(25 / var(--vw-min) * 100vw),25px) 0;
    border-bottom: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-brown);
}
@media screen and (max-width:768px){
    .news__item {
        position: relative;
        padding: calc(25 / var(--vw-min) * 100vw) 0;
        border: unset;
    }
    .news__item::before {
        content: "";
        width: calc(100% - calc(32 / var(--vw-min) * 100vw));
        height: calc(1 / var(--vw-min) * 100vw);
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        background-color: var(--color-brown);
    }
}
.news__itemLink {
    font-size: min(calc(22 / var(--vw-min) * 100vw),22px);
    color: var(--color-brown);
    font-weight: 800;
    display: flex;
    align-items: center;
    text-decoration: none;
    transition: .3s ease;
}
@media screen and (max-width:768px){
    .news__itemLink {
        font-size: calc(22 / var(--vw-min) * 100vw);
        align-items: flex-start;
        flex-direction: column;
    }
}
.news__item-time {
    color: var(--color-orange);
    letter-spacing: 0.01em;
    padding-right: min(calc(30 / var(--vw-min) * 100vw),30px);
}
@media screen and (max-width:768px){
    .news__item-time {
        padding-right: 0;
    }
}
.news__item-tit {
    font-weight: 800;
    width: min(calc(730 / var(--vw-min) * 100vw),730px);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
@media screen and (max-width:768px){
    .news__item-tit {
        width: calc(630 / var(--vw-min) * 100vw);
        -webkit-line-clamp: 2;
    }
}
/**
* DECO
**/
.news__deco-house {
    width: min(calc(571 / var(--vw-min) * 100vw),571px);
    height: min(calc(331 / var(--vw-min) * 100vw),331px);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    mix-blend-mode: luminosity;
    transform: translate3d(0,0,0);
    background: url(../img/common/bg/bg_house.png)no-repeat center/contain;
}
@supports (background-image:url(../img/common/bg/bg_house.webp)){
	.news__deco-house {
		background-image: url(../img/common/bg/bg_house.webp)
	}
}
@media screen and (max-width:768px){
    .news__deco-house {
        width: calc(571 / var(--vw-min) * 100vw);
        height: calc(331 / var(--vw-min) * 100vw);
    }
}
.news__deco-dungeon {
    width: min(calc(680 / var(--vw-min) * 100vw),680px);
    height: min(calc(810 / var(--vw-min) * 100vw),810px);
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
}
@media screen and (max-width:768px){
    .news__deco-dungeon {
        width: calc(680 / var(--vw-min) * 100vw);
        height: calc(810 / var(--vw-min) * 100vw);
        top: unset;
        bottom: 0;
    }
}
.news__deco-dungeon::before {
    content: "";
    width: min(calc(680 / var(--vw-min) * 100vw),680px);
    height: min(calc(930 / var(--vw-min) * 100vw),930px);
    display: block;
    position: absolute;
    top: max(calc(-100 / var(--vw-min) * 100vw),-100px);
    right: 0;
    mix-blend-mode: luminosity;
    transform: translate3d(0,0,0);
    background: url(../img/common/bg/bg_dungeon.png)no-repeat center/cover;
}
@supports (background-image:url(../img/common/bg/bg_dungeon.webp)){
	.news__deco-dungeon::before {
		background-image: url(../img/common/bg/bg_dungeon.webp)
	}
}
@media screen and (max-width:768px){
    .news__deco-dungeon::before {
        width: calc(680 / var(--vw-min) * 100vw);
        height: calc(930 / var(--vw-min) * 100vw);
        top: 0;
    }
}
.news__item-deco {
    width: min(calc(32 / var(--vw-min) * 100vw),32px);
    height: min(calc(32 / var(--vw-min) * 100vw),32px);
    position: relative;
    margin-left: min(calc(40 / var(--vw-min) * 100vw),40px);
    -webkit-mask: url(../img/common/deco/deco_dishes.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_dishes.svg)no-repeat center/contain;
    background-color: var(--color-brown);
}
@media screen and (max-width:768px){
    .news__item-deco {
        width: calc(32 / var(--vw-min) * 100vw);
        height: calc(32 / var(--vw-min) * 100vw);
        position: absolute;
        right: 2px;
        bottom: calc(-14 / var(--vw-min) * 100vw);
        margin-left: unset;
    }
}
.news__deco-handlegrid {
    width: min(calc(203 / var(--vw-min) * 100vw),203px);
    height: min(calc(273 / var(--vw-min) * 100vw),273px);
    position: absolute;
    top: max(calc(-213 / var(--vw-min) * 100vw),-213px);
    left: 0;
    right: min(calc(240 / var(--vw-min) * 100vw),240px);
    margin: auto;
    -webkit-filter: drop-shadow(-7px 3px 4px #67634e);
	filter: drop-shadow(-7px 3px 4px #67634e);
    background: url(../img/common/deco/deco_handlegrid.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .news__deco-handlegrid {
        width: calc(203 / var(--vw-min) * 100vw);
        height: calc(273 / var(--vw-min) * 100vw);
        top: calc(-326 / var(--vw-min) * 100vw);
        right: calc(-120 / var(--vw-min) * 100vw);
    }
}
.news__deco-coffee {
    width: min(calc(107 / var(--vw-min) * 100vw),107px);
    height: min(calc(139 / var(--vw-min) * 100vw),139px);
    position: absolute;
    top: min(calc(12 / var(--vw-min) * 100vw),12px);
    left: min(calc(525 / var(--vw-min) * 100vw),525px);
    right: 0;
    margin: auto;
    -webkit-filter: drop-shadow(10px 15px 14px rgba(106, 102, 79,.7));
	filter: drop-shadow(10px 15px 14px rgba(106, 102, 79,.7));
    transform: translateZ(0);
    background: url(../img/common/deco/deco_coffee.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .news__deco-coffee {
        width: calc(107 / var(--vw-min) * 100vw);
        height: calc(139 / var(--vw-min) * 100vw);
        top: calc(-100 / var(--vw-min) * 100vw);
        left: calc(560 / var(--vw-min) * 100vw);
        -webkit-filter: drop-shadow(8px 6px 3px rgba(106, 102, 79,.3));
	    filter: drop-shadow(8px 6px 3px rgba(106, 102, 79,.3));
    }
}
/*-----------------------------------------------
 * アニメーション
-------------------------------------------------*/
/**
* NEWS
**/
/** TITLE **/
.newsWrap .news__deco-handlegrid {
    opacity: 0;
    transform: translate(100px, -100px);
    transition: .3s ease;
}
.newsWrap.is-ani .news__deco-handlegrid {
    opacity: 1;
    transform: translate(0, 0);
    transition-delay: .3s;
}
.newsWrap .news__deco-coffee {
    opacity: 0;
    transform: scale(1.2);
    transition: .3s ease;
}
.newsWrap.is-ani .news__deco-coffee {
    opacity: 1;
    transform: scale(1);
    transition-delay: .4s;
}
.newsWrap .cont-tit::before {
    opacity: 0;
    transform: translate(-100px, -100px);
    transition: .5s ease;
}
.newsWrap.is-ani .cont-tit::before{
    opacity: 1;
    transform: translate(0, 0);
}
.newsWrap .cont-tit span {
    opacity: 0;
    transform: scale(2) translateY(100px);
    transition: opacity .4s ease-in-out;
}
.newsWrap.is-ani .cont-tit span {
    opacity: 1;
    animation: dododon .4s cubic-bezier(0.22, 1.61, 0.36, 1) forwards;
    animation-delay: .5s;
    transition-delay: .5s;
}
.newsWrap .news__item {
    opacity: 0;
    transform: translateX(-30%); 
    transition: .6s ease; 
}
/** LISTS **/
.newsWrap.is-ani .news__item {
    opacity: 1;
    transform: translateX(0);
}
.newsWrap.is-ani .news__item:nth-child(1) {
    transition-delay: 1s;
}
.newsWrap.is-ani .news__item:nth-child(2) {
    transition-delay: 1.1s;
}
.newsWrap.is-ani .news__item:nth-child(3) {
    transition-delay: 1.2s;
}
.newsWrap.is-ani .news__item:nth-child(4) {
    transition-delay: 1.3s;
}
.newsWrap.is-ani .news__item:nth-child(5) {
    transition-delay: 1.4s;
}
.newsWrap.is-ani .news__item:nth-child(6) {
    transition-delay: 1.5s;
}
.newsWrap .linkBtn {
    opacity: 0;
    transition: .3s ease 1.5s;
}
.newsWrap.is-ani .linkBtn {
    opacity: 1;
}
.newsWrap .w-sui {
	top: min(calc(100 / var(--vw-min) * 100vw),100px);
	right: 0;
    left: min(calc(980 / var(--vw-min) * 100vw),980px);
    margin: auto;
    opacity: 0;
    transform: translateY(20px);
    transition: .3s ease 1.5s;
}
@media screen and (max-width:768px){
	.newsWrap .w-sui {
		left: unset;
        right: calc(80 / var(--vw-min) * 100vw);
	}
}
.newsWrap.is-ani .w-sui {
    opacity: 1;
    transform: translateY(0);
}
.newsWrap .m-sui {
    bottom: 0;
    left: 0;
    right: min(calc(1100 / var(--vw-min) * 100vw),1100px);
    margin: auto;
    opacity: 0;
    transform: scale(0.8);
    animation: slimeMove 2s ease-in-out infinite; 
}
@media screen and (max-width:768px){
    .newsWrap .m-sui {
        right: unset;
        left: calc(20 / var(--vw-min) * 100vw);
    }
}
.newsWrap.is-ani .m-sui {
    opacity: 1;
    transform: scale(1);
    transition: .3s ease 2s;
}
/*-----------------------------------------------
 * Loading
-------------------------------------------------*/
.loading {
	background-color: #fff;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10000;
    min-height: 100vh;
	min-height: 100dvh;
}
.loading__suiWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    animation: fadeOut .3s ease forwards;
    animation-delay: 2.2s;
}
.loading__sui {
    width: min(calc(150 / var(--vw-min) * 100vw),150px);
    height: min(calc(150 / var(--vw-min) * 100vw),150px);
    display: block;
    margin: 0 min(calc(50 / var(--vw-min) * 100vw),50px);
}
.loading__sui.lo-sui1 {
    background: url(../img/common/sui/sui1.png)no-repeat center/contain;
}
.loading__sui.lo-sui2 {
    background: url(../img/common/sui/sui2.png)no-repeat center/contain;
}
.loading__sui.lo-sui3 {
    background: url(../img/common/sui/sui3.png)no-repeat center/contain;
}
.loading__sui.lo-sui1 {
    animation-delay: 0s;
    animation: bounce2 1.1s ease-out infinite;
}

.loading__sui.lo-sui2 {
    animation-delay: .3s;
    animation: bounce3 1.4s ease-out infinite;
}

.loading__sui.lo-sui3 {
    animation-delay: .6s; 
    animation: bounce4 1s ease-out infinite;
}
.loading__logo {
    width: min(calc(450 / var(--vw-min) * 100vw),450px);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    transform: scale(0.8);
    animation: logoPop .4s ease forwards;
    animation-delay: 2.5s;
    background: url(../img/common/logo.svg)no-repeat center/contain;
    opacity: 0;
}