@charset "utf-8";


/* =======================

newcollection 

======================= */

#newcollection {
                width: 100svw;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	row-gap: 2em;
                padding-bottom: 3em;
                }
@media screen and (min-width: 768px) {
#newcollection {
                padding-bottom: 5em;
                }
	}
@media screen and (min-width: 1101px) {
#newcollection {
                padding-bottom: 7em;
                }
	}

#newcollection a.newphoto{
                width: 100%;
	aspect-ratio: 8 / 5;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/topbg_new2025.jpg);
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
                }
@media screen and (min-width: 768px) {
#newcollection a.newphoto{
	aspect-ratio: 2 / 1;
                }
	}
@media screen and (min-width: 1101px) {
#newcollection a.newphoto{
                width: 80%;
	aspect-ratio: 2 / 1;
                max-width: 1100px;
                margin: auto;
                margin-top: 60px;
                }
                }

#newcollection a.newphoto h1{
                font-size: min(5vw, 21px);
                line-height: 1em;
                letter-spacing: .1em;
                margin-top: 2%;
                }
@media screen and (min-width: 768px) {
#newcollection a.newphoto h1{
                font-size: min(5vw, 30px);
                margin-top: 2%;
                }
	}
@media screen and (min-width: 1101px) {
#newcollection a.newphoto h1{
                font-size: min(2vw, 40px);
                }
                }

#newcollection div.ad_btn{
                display: inline-block;
                }

#newcollection div.ad_btn a {
	display: flex;
	align-items: center;
	justify-content: center;
                border: 1px solid rgba(8, 22, 51, .3);
	background-color: rgba(255, 255, 255, 0.2);
	-webkit-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s;
                }

#newcollection div.ad_btn a:hover {
                border: 1px solid rgba(8, 22, 51, 1);
                }

#newcollection div.ad_btn a p{
                font-size: .8em;
                line-height: 1em;
                padding: 1.3em 4em;
                }
@media screen and (min-width: 768px) {
#newcollection div.ad_btn a p{
                font-size: 1em;
                }
	}
@media screen and (min-width: 1101px) {
#newcollection div.ad_btn a p{
                font-size: 1em;
                }
                }


/* =======================

_2023collection 

======================= */

#_2023collection {
                width: 100svw;
                padding: 3em 0 3em;
                }
@media screen and (min-width: 768px) {
#_2023collection {
                padding: 5em 0 5em;
                }
	}
@media screen and (min-width: 1101px) {
#_2023collection {
                padding: 8em 0 8em;
                }
	}

#_2023collection h2{
                font-size: 1.3em;
                text-align: center;
                }
@media screen and (min-width: 768px) {
#_2023collection h2{
                font-size: 1.7em;
                }
	}

#_2023collection ._pack{
                width: 100svw;
                margin: auto;
                padding-top: 1em;
                }

#_2023collection ._pack ._box{
                width: 100%;
                margin: auto;
                margin-top: 2em;
                }
@media screen and (min-width: 768px) {
#_2023collection ._pack ._box{
                margin-top: 3em;
                }
	}

#_2023collection ._pack ._box div._inn{
                margin: auto;
                width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
    column-gap: 10px;
                }
@media screen and (min-width: 768px) {
#_2023collection ._pack ._box div{
                }
	}
@media screen and (min-width: 1101px) {
#_2023collection ._pack ._box div{
                width: 80%;
                max-width: 900px;
                }
	}

#_2023collection ._pack ._box div._inn div{
                width: 100%;
                }

#_2023collection ._pack ._box div._inn img{
                width: 100%;
                }

#_2023collection ._pack ._box h3{
                text-align: center;
                margin-top: 1.7em;
                font-size: 1em;
                }
@media screen and (min-width: 768px) {
#_2023collection ._pack ._box h3{
                font-size: 1.2em;
                }
                }

#_2023collection ._pack ._box p{
                text-align: center;
                margin-top: .5em;
                font-size: .7em;
                }

#_2023collection .ad_link{
                margin: auto;
                padding-top: 4em;
                width: 86%;
                }
@media screen and (min-width: 768px) {
#_2023collection .ad_link{
                width: 60%;
                max-width: 500px;
                }
                }
@media screen and (min-width: 1101px) {
#_2023collection .ad_link{
                padding-top: 6em;
                width: 80%;
                max-width: 500px;
                }
                }

#_2023collection .ad_link a{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
                width: 100%;
                height: 100%;
	align-items: center;
	justify-content: center;
                background-color: #D9CDB2;
                padding: 2em 0;
	-webkit-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s;
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-image: url(../images/chevron-right.svg);
	background-size: .3em;
                }
@media screen and (min-width: 768px) {
#_2023collection .ad_link a{
                padding: 3em 0;
	background-size: .4em;
	background-position: right 15px center;
                }
                }

#_2023collection .ad_link a:hover{
                background-color: rgba(217, 205, 178, .7);
                }

#_2023collection .ad_link a p{
                font-size: 1em;
                line-height: 1em;
                }
@media screen and (min-width: 768px) {
#_2023collection .ad_link a p{
                font-size: 1.1em;
                }
                }


/* =======================

_more 

======================= */

#_more {
                width: 100svw;
                padding: 3em 0 3em;
                }
@media screen and (min-width: 768px) {
#_more {
                padding: 5em 0 5em;
                }
	}
@media screen and (min-width: 1101px) {
#_more {
                padding: 8em 0 8em;
                }
	}

#_more h2{
                font-size: 1.3em;
                text-align: center;
                }
@media screen and (min-width: 768px) {
#_more h2{
                font-size: 1.7em;
                }
	}

#_more ._pack{
                width: 100%;
                margin: auto;
                padding-top: 1em;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	flex-direction: column;
                }
@media screen and (min-width: 1101px) {
#_more ._pack{
                width: 80%;
                max-width: 80%;
                margin: auto;
                padding-top: 1em;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	flex-direction: row;
                column-gap: 4%;
                }
	}

#_more ._pack ._box{
                width: 100%;
                margin: auto;
                margin-top: 2em;
                }
@media screen and (min-width: 768px) {
#_more ._pack ._box{
                margin-top: 3em;
                }
	}
@media screen and (min-width: 1101px) {
#_more ._pack ._box{
                width: 48%;
                }
	}

#_more ._pack ._box div._inn{
                margin: auto;
                width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
                }

#_more ._pack ._box div._inn div{
                width: 100%;
                }

#_more ._pack ._box div._inn img{
                width: 100%;
                }

#_more ._pack ._box h3{
                text-align: center;
                margin-top: 1.7em;
                font-size: 1em;
                }
@media screen and (min-width: 768px) {
#_more ._pack ._box h3{
                font-size: 1.2em;
                }
                }

#_more ._pack ._box p{
                text-align: center;
                margin-top: .5em;
                font-size: .7em;
                }

#_more .ad_link{
                margin: auto;
                padding-top: 4em;
                width: 86%;
                }
@media screen and (min-width: 768px) {
#_more .ad_link{
                width: 60%;
                max-width: 500px;
                }
                }
@media screen and (min-width: 1101px) {
#_more .ad_link{
                padding-top: 6em;
                width: 80%;
                max-width: 500px;
                }
                }

#_more .ad_link a{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
                width: 100%;
                height: 100%;
	align-items: center;
	justify-content: center;
                background-color: #D9CDB2;
                padding: 2em 0;
	-webkit-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s;
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-image: url(../images/chevron-right.svg);
	background-size: .3em;
                }
@media screen and (min-width: 768px) {
#_more .ad_link a{
                padding: 3em 0;
	background-size: .4em;
	background-position: right 15px center;
                }
                }

#_more .ad_link a:hover{
                background-color: rgba(217, 205, 178, .7);
                }

#_more .ad_link a p{
                font-size: 1em;
                line-height: 1em;
                }
@media screen and (min-width: 768px) {
#_more .ad_link a p{
                font-size: 1.1em;
                }
                }


/* =======================

ad_line

======================= */

#ad_line {
                width: 100svw;
                height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
                }
@media screen and (min-width: 768px) {
#ad_line {
                height: 60px;
                }
	}

#ad_line div{
                width: 1px;
                height: 100%;
                background-color: #081633;
                }