@charset "utf-8";

@import url("swiper-bundle.min.css");

/*------------------------------------

------------------------------------*/
.headline_langen {
    z-index: 10;
}
.headline_langen .title {
    line-height: 1em;
    font-weight: bold;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: .025em;
    display: block;
    background: linear-gradient(180deg, var(--hobby_color00) 0%, var(--hobby_color00) 47%, black 48%, black 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media only screen and (max-width: 767px) {
.headline_langen .title {
    white-space: nowrap;
}
    
}
@media only screen and (max-width: 575px) {}
@media print, screen and (min-width: 768px) {
.headline_langen .title {
    font-size: 6.4vw;
}
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {}
@media print, screen and (min-width: 992px) {}
@media print, screen and (min-width: 1200px) {}




/*------------------------------------

------------------------------------*/
#mainVisual .wrapper {
    overflow: hidden;
}
#mainVisual .wrapper .headline {
    position: absolute;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    left:50%;
    top:50%;
    z-index: 10;
}
#mainVisual .wrapper .headline .title {
    white-space: nowrap;
    letter-spacing: 0.1em;
    text-shadow: 0 0 1.6rem rgba( 0,0,0,0.72 ), 0 0 1.6rem rgba( 0,0,0,0.72 );
    margin-bottom: -1.0em;
    padding-bottom: calc( 9.45vw * 0.65 );
    padding-bottom: -webkit-calc( 9.45vw * 0.65 );
}
#mainVisual .wrapper:after {
    position: absolute;
    font-family: din-2014, "Bebas Neue", Bahnschrift, 'DIN Alternate', 'Franklin Gothic Medium', 'Nimbus Sans Narrow', sans-serif-condensed, sans-serif;
    -webkit-text-stroke: 2px white;
    text-stroke: 2px white;
    paint-order: stroke;
    content: "WITH YOUR HOBBY LIFE";
    font-weight: bold;
    color: transparent;
    bottom: 0;
    line-height: .65em;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left:50%;
    text-align: center;
    white-space: nowrap;
    font-size: 9.45vw;
    z-index: 100;
}
#mainVisual .wrapper.animation_go:after {
    filter:  alpha(opacity=0%);  opacity:0.0;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-transform: translateX(-50%) translateY(100%);
    transform: translateX(-50%) translateY(100%);
}
#mainVisual .wrapper.animation_gogo:after {
    filter:  alpha(opacity=100%);  opacity:1.0;
    -webkit-transition-delay: .75s;
    transition-delay: .75s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
#mainVisual .wrapper.animation_gogo.set_up:after {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
    color: white;
}
#slider__mainVisual {
    margin: 0;
}
.slider__mainVisual--items .slide-img img {
    object-fit: cover;
}    
.slider__mainVisual--items.swiper-slide-active .slide-img,
.slider__mainVisual--items.swiper-slide-duplicate-active .slide-img,
.slider__mainVisual--items.swiper-slide-prev .slide-img {
    -webkit-animation: ZoomIn 10s linear 0s 1 normal both;  
    animation: ZoomIn 10s linear 0s 1 normal both;  
}
.slider__mainVisual--items.swiper-slide-active .slide-img > *,
.slider__mainVisual--items.swiper-slide-duplicate-active .slide-img > * {
    -webkit-animation: grayscale 2s linear 0s normal both;
    animation: grayscale 2s linear 0s normal both;
}

@-webkit-keyframes ZoomIn {
	0% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
    }
	100% {
        -webkit-transform: scale(1);
        transform: scale(1);
	}
}
@keyframes ZoomIn {
	0% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
    }
	100% {
        -webkit-transform: scale(1);
        transform: scale(1);
	}
}


@-webkit-keyframes grayscale {
	0% {
        filter: grayscale(1);
    }
	100% {
        filter: grayscale(0);
	}
}
@keyframes grayscale {
	0% {
        filter: grayscale(1);
    }
	100% {
        filter: grayscale(0);
	}
}


@media only screen and (max-width: 767px) {

#mainVisual .wrapper .headline .title {
    font-size: var(--size_24);
}
.slider__mainVisual--items .slide-img img {
    height: var(--size_500);
}
    
}
@media only screen and (max-width: 575px) {}
@media print, screen and (min-width: 768px) {
#mainVisual .wrapper .headline .title {
    font-size: 4.01vw;
}
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {}
@media print, screen and (min-width: 992px) {

}
@media print, screen and (min-width: 1200px) {
}






/*------------------------------------
新規オープン情報
------------------------------------*/ 
#newopen {}
#newopen .wrapper {
    background: url("../images/top/bg__newopen.jpg") no-repeat center;
    background-size: cover;
    position: relative;
}
.list__pickupopen {}
.list__pickupopen--items {}
.list__pickupopen--items .btn__block {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.list__tag {
    margin-left: -0.45em;
    margin-right: -0.45em;
    margin-top: -0.45em;
}
.list__pickupopen--items .thumbnail a.set_up.animation_go {
    filter: grayscale(1);
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}
.list__pickupopen--items .thumbnail a.set_up.animation_gogo {
    filter: grayscale(0);
}
.list__tag--items {
    padding: 0 0.875em;
    margin: 0.45em;
}
.list__newopen {} 
.list__newopen--items {}
.list__newopen-preview-items,
.list__newopen-preview-items {
    overflow: hidden;
}

.newopen-preview__banner {
    position: relative;
    color: white;
}
.newopen-preview__banner:before {
    content: "";
    position: absolute;
    background: url("../images/top/bg-preview_image01.jpg") no-repeat center;
    background-size: cover;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.newopen-preview__banner:after {
    content: "";
    position: absolute;
    right: var(--size_24);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top:50%;
    width: .45em;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><path fill="%23729c2f" d="M169.368,25.575L106.341,88.564,267.936,250.091l-161.595,161.5,63.027,62.988L393.981,250.091Z"/></svg>');
}
.newopen-preview_title_banner {
    font-weight: 600;
    letter-spacing: .035em;
    z-index: 100;
    position: relative;
}
.newopen-preview_title_banner > a {
    position: relative;
    z-index: 200;
    color: white;
}
.newopen-preview_title_banner > a:after {
    content: "";
    width: 100vw;
    height: 100vw;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    left:50%;
    top:50%;
    display: block;
    z-index: 200;
}
.newopen-preview_content_banner {
    letter-spacing: 0;
}


.list__contents {}
.list__contents--items {
    height: 100%;
    overflow: hidden;
    position: relative;
}
.list__contents--items > * {
    position: relative;
    z-index: 10;
}
.list__contents--items .background__wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
}
.list__contents--items .background__wrapper > img {
    width: 100%;
    max-width: none;
    height: 100%;
    object-fit: cover;
    object-position: center;    
}
.list__contents--items .background__wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.41);
}
.list__contents--items:after {
    content: "";
    position: absolute;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top:50%;
    width: 1.0em;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><path fill="%23729c2f" d="M169.368,25.575L106.341,88.564,267.936,250.091l-161.595,161.5,63.027,62.988L393.981,250.091Z"/></svg>');    
}
.list__contents--items a:after{
    content: "";
    width: 100vw;
    height: 100vw;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    left:50%;
    top:50%;
    z-index: 1000;
}
.list__contents-headline-items {}
.list__contents-headline-items > .title {
    position: relative;
    z-index: 1000;
}
.list__contents-headline-items > .sub_title {
    padding: .25em 0 .1em;
}
.list__contents-hr-items {
    border: 0;
    display: block;
    margin: var(--size_12) auto;
    height: 4px;
    width: var(--size_44);
}
.list__contents-content-items {
    z-index: 1;
}














@media only screen and (max-width: 767px) {
#newopen .headline_langen {
    left: 0;
    right: 0;
}
#newopen .headline_langen .title {
    font-size: 14.15vw;
}
#newopen .wrapper:after {
    background-color: rgba(0,0,0,0.2);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.list__pickupopen--items .bg-white-80 {
    padding-bottom: var(--size_50) !important;
}
.list__pickupopen--items .btn__block {
    margin-bottom: -8%;
}
.list__pickupopen--items + .list__pickupopen--items  {
    padding-top: var(--size_46) !important;
}
.list__newopen {
    padding-bottom: var(--size_10);
}
.list__newopen--items {
    padding: var(--size_20) var(--size_24);
}
.newopen-preview__banner {
    font-size: var(--size_60);
    padding: var(--size_46) var(--size_30);
    min-height: var(--size_300);
    display:-webkit-flex;
    display: flex;
    align-items:center;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: column;
}
.newopen-preview_content_banner {
    font-size: var(--size_18);
}
.list__contents {
    margin-top: var(--size_n20);
}
.list__contents--items {
    padding: var(--size_34) var(--size_44);
}
.list__contents--items:after {
    right: var(--size_16); 
}
    

}
@media only screen and (max-width: 575px) {
.newopen-preview__banner {
    font-size: var(--size_40);
    padding: var(--size_20) var(--size_18);
}
.newopen-preview_content_banner {
    font-size: var(--size_16);
}
    
}
@media print, screen and (min-width: 768px) {
#newopen {
    position: relative;
}
#newopen > .headline {
    right: 0;
}
#newopen > .headline .title {
    margin-right: -.065em;
}
.list__pickupopen {}

.list__pickupopen--items > *:first-child > * {
    justify-content: flex-end !important;
}
.list__pickupopen--items > *:first-child {
    order: 1;
}
.list__pickupopen--items > *:nth-child(2) {
    order: 2;
}
.list__pickupopen--items > *:nth-child(3) {
    order: 3;
}
    
    
.list__pickupopen--items:nth-child(2n) > *:first-child > * {
    justify-content: flex-start !important;
}
.list__pickupopen--items:nth-child(2n) > *:first-child {
    order: 1;
}
.list__pickupopen--items:nth-child(2n) > *:nth-child(2) {
    order: 3;
}
.list__pickupopen--items:nth-child(2n) > *:nth-child(3) {
    order: 2;
}
    

    
    
    
.list__newopen {
    padding-bottom: var(--size_10);
}
.list__newopen--items {
    padding: var(--size_26) var(--size_36);
}
.newopen-preview__banner {
    font-size: var(--size_68);
    padding: var(--size_46) var(--size_40);
}
.newopen-preview_content_banner {
    font-size: var(--size_20);
}
    
    
    
.list__contents--items {
    padding: var(--size_50) var(--size_44) var(--size_48);
}
.list__contents--items:after {
    right: var(--size_16); 
}


}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {

.list__pickupopen--items .thumbnail a.set_up:hover {
    filter:  alpha(opacity=60%);
    opacity: 0.6;
}
.list__pickupopen--items .headline a {
    position: relative;
}
.list__pickupopen--items .headline a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: black;
    -webkit-transition: .5s;
    transition: .5s;
}
.list__pickupopen--items .headline a.set_up:hover:after {
    width: 100%;
}
    

.newopen-preview__banner.set_up:before,
.newopen-preview__banner.set_up:after {
    -webkit-transition: .5s;
    transition: .5s;
}
.newopen-preview__banner.set_up:hover:before {
    -webkit-transition-delay: .25s;
    transition-delay: .25s;;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    filter: blur(.25rem);
}
.newopen-preview__banner.set_up:hover:after {
    -webkit-transform: translateY(-50%) translateX(200%);
    transform: translateY(-50%) translateX(200%);
}
    
    
.list__contents--items:after {
    -webkit-transition: .5s;
    transition: .5s;
}
.list__contents--items:hover .background__wrapper.set_up {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    filter: blur(0.5rem)
}
.list__contents--items:hover:after {
    -webkit-transform: translateY(-50%) translateX(200%);
    transform: translateY(-50%) translateX(200%);
}

.list__contents--items:hover .list__contents-hr-items.set_up {
    width: var(--size_80);
}
}
@media print, screen and (min-width: 992px) {}
@media print, screen and (min-width: 1200px) {}



 


/*------------------------------------
SERIES LINEUP
------------------------------------*/ 
.list__lineup {}
.list__lineup > * > * {
    position: relative;
    overflow: hidden;
}
.list__lineup--items {}
.list__lineup--items .headline {}
.list__lineup--items .headline > .title {
    position: relative;
    z-index: 99;
}
.list__lineup--items .headline > .title .icon {
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top:50%;
    font-size: var(--size_14);
    z-index: 0;
}
.list__lineup--items .headline > .title a {
    display: flex;
    display:-webkit-flex;
    align-items:center;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    position: relative;
    z-index: 100;
    height: 3.0em;
}
.list__lineup--items .headline > .title a:after{
    content: "";
    width: 100vw;
    height: 100vw;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    left:50%;
    top:50%;
    z-index: 101;
}
.list__lineup--items .headline > .title a .link {
    line-height: 1.5em;
    display: block;
}
.list__lineup-figure-items {
    overflow: hidden;
    position: relative;
}
.list__lineup-figure-items:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.list__lineup-figure-items.bgc_maisonette00:after {
    background-color: var(--maisonette_color00);
}
.list__lineup-figure-items.bgc_loftgarage00:after {
    background-color: var(--loftgarage_color00);
}
.list__lineup-figure-items.bgc_garage01:after {
    background-color: var(--garage_color01);
}
.list__lineup-figure-items.animation_go:after {
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}
.list__lineup-figure-items.animation_gogo:after {
    bottom: 100%;
}



@media only screen and (max-width: 767px) {
.list__lineup--items .headline > .title .icon {
    right: .25em;
}


}
@media only screen and (max-width: 575px) {

}
@media print, screen and (min-width: 768px) {

    
.list__lineup--items .headline > .title .icon {
    right: -1.25em;
}
    
    
    
    
    
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
.list__lineup > * > *:hover .list__lineup--items .headline > .title .icon.set_up {
    right: -5em;
}
.list__lineup > * > *:hover .list__lineup-figure-items img.set_up {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
}

}
@media print, screen and (min-width: 992px) {
}
@media print, screen and (min-width: 1200px) {
}











/*------------------------------------
ライゼホビーの魅力
------------------------------------*/ 
#hobbylife {
    position: relative;
}
#hobbylife > .headline {
    left: 0;
}
#hobbylife .wrapper {
    background: url("../images/top/bg__hobbylife.jpg") no-repeat center;
    background-size: cover;
    position: relative;
}
#hobbylife .wrapper:before {
    background-color: rgba(0,0,0,0.63);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#hobbylife > .headline .title {
    margin-left: -.065em;
}


@media only screen and (max-width: 767px) {

#hobbylife {
    padding-top: var(--size_80);
}
#hobbylife > .headline {
    right: 0;
    text-align: center;
}
#hobbylife .headline_langen .title {
    font-size: 14vw;
}
}
@media only screen and (max-width: 575px) {

}
@media print, screen and (min-width: 768px) {


#hobbylife {
    padding-top: var(--size_136);
}
    
    
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {

    
}
@media print, screen and (min-width: 992px) {
}
@media print, screen and (min-width: 1200px) {
}


/*------------------------------------
------------------------------------*/

@media print, screen and (min-width: 768px) {
#fixed_search.set_up:not(.fixed) {
    margin-top: var(--size_500);
}
#fixed_search.set_up.fixed {
    -webkit-transform: translateY(-50%) translateX(100%);
    transform: translateY(-50%) translateX(100%);
}
#fixed_search.set_up.set_upset_up.fixed {
    -webkit-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%);
}
}