@charset "utf-8";

/* CSS Document */



/* base

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

/* ========== universal reset ========== */

/* ========== base style ========== */



/* common parts

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

/* ========== text ========== */

/* ========== border ========== */

/* ========== float ========== */

/* ========== display ========== */

/* ========== position ========== */

/* ========== overflow ========== */

/* ========== width ========== */

/* ========== margin ========== */

/* ========== device displaying ========== */

/* ========== animation for ScrollTrigger.min.js  ========== */



/* other style

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







/* base

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

/* ========== universal reset ========== */

/**

* html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)

* Richard Clark (http://richclarkdesign.com)

* http://cssreset.com

*/

html, body, div, span, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

abbr, address, cite, code,

del, dfn, em, img, ins, kbd, q, samp,

small, strong, sub, sup, var,

b, i,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

button, input, select, textarea,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, figcaption, figure,

footer, header, hgroup, menu, nav, section, summary,

time, mark, audio, video {

margin:0;

padding:0;

border:0;

outline:0;

font-size:100%;

vertical-align:baseline;

background:transparent;

}

body { line-height:1; }

article,aside,details,figcaption,figure,

footer,header,hgroup,menu,nav,section {

display:block;

}

nav ul { list-style:none; }

blockquote, q {

quotes:none;

}

blockquote:before, blockquote:after,

q:before, q:after {

content:'';

content:none;

}

a {

margin:0;

padding:0;

font-size:100%;

vertical-align:baseline;

background:transparent;

}





/* ========== base style ========== */

* { box-sizing: border-box; scroll-behavior: smooth; }



html { height: 100%; }



body {

height: 100%;

min-height: 100%;

background: #fff;

color: #000;

font-size: 3.46666666vw;

font-family: adobe-garamond-pro, serif;

font-style: normal;

font-weight: 400;

font-feature-settings: "palt";

letter-spacing: 0.025em;

}

@media (min-width:375px){

	body {

	font-size: 13px;

	}

}



a:link,

a:visited {

color: #000;

text-decoration: none;

-webkit-transition: all 0.3s ease;

-moz-transition: all 0.3s ease;

-o-transition: all 0.3s ease;

transition: all  0.3s ease;

}



a:hover,

a:hover img,

button:hover img {

opacity: 0.80;

filter: alpha(opacity=80);

}



.modal__container *,

div,p,h1,h2,h3,h4,h5,h6,li,dt,dd,th,td {

line-height: 100%;

font-family: adobe-garamond-pro, shippori-mincho-b1, serif;

font-style: normal;

font-weight: 400;

font-feature-settings: "palt";

letter-spacing: 0.025em;

}



div, article { box-sizing: border-box; }



ol, ul { list-style:none; }



img, picture, video {

width: 100%;

height: auto;

display: block;

margin-left: auto;

margin-right: auto;

-webkit-transition: all 0.3s ease;

-moz-transition: all 0.3s ease;

-o-transition: all 0.3s ease;

transition: all  0.3s ease;

}







/* common parts

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

/* ========== text ========== */

/* align */

.al_left { text-align: left; }

.al_center { text-align: center; }

.al_right { text-align: right; }



/* size */

.fs8 { font-size: 2.133333vw; }

.fs9 { font-size: 2.4vw; }

.fs10 { font-size: 2.666666vw; }

.fs11 { font-size: 2.933333vw; }

.fs12 { font-size: 3.2vw; }

.fs13 { font-size: 3.466666vw; }

.fs14 { font-size: 3.733333vw; }

.fs15 { font-size: 4vw; }

.fs16 { font-size: 4.266666vw; }

.fs17 { font-size: 4.533333vw; }

.fs18 { font-size: 4.8vw; }

.fs20 { font-size: 5.3333333vw; }

@media (min-width:375px){

	.fs8 { font-size: 8px; }

	.fs9 { font-size: 9px; }

	.fs10 { font-size: 10px; }

	.fs11 { font-size: 11px; }

	.fs12 { font-size: 12px; }

	.fs13 { font-size: 13px; }

	.fs14 { font-size: 14px; }

	.fs15 { font-size: 15px; }

	.fs16 { font-size: 16px; }

	.fs17 { font-size: 17px; }

	.fs18 { font-size: 18px; }

	.fs20 { font-size: 20px; }

}



/* weight */

.fw200 { font-weight: 200 !important; }

.fw300 { font-weight: 300 !important; }

.fw400 { font-weight: 400 !important; }

.fw500 { font-weight: 500 !important; }

.fw600 { font-weight: 600 !important; }

.fw700 { font-weight: 700 !important; }

.fw800 { font-weight: 800 !important; }

.fw900 { font-weight: 900 !important; }



/* line height */

.lh100 { line-height: 100%; }

.lh120 { line-height: 120%; }

.lh130 { line-height: 130%; }

.lh140 { line-height: 140%; }

.lh150 { line-height: 150%; }

.lh160 { line-height: 160%; }

.lh170 { line-height: 170%; }

.lh180 { line-height: 180%; }

.lh190 { line-height: 190%; }

.lh200 { line-height: 200%; }

.lh210 { line-height: 210%; }

.lh225 { line-height: 225%; }



/* letter space */

.ltrspace0 { letter-spacing: 0; }

.ltrspace0025 { letter-spacing: 0.025em; }

.ltrspace005 { letter-spacing: 0.05em; }

.ltrspace0075 { letter-spacing: 0.075em; }

.ltrspace01 { letter-spacing: 0.1em; }

.ltrspace0125 { letter-spacing: 0.125em; }

.ltrspace015 { letter-spacing: 0.15em; }



.deco_line { text-decoration: underline !important; }





/* ========== float ========== */

/* clearfix */

.clearfix:before,

.clearfix:after {

display: table;

content: " ";

}

.clearfix:after { clear: both; }



/* float */

.float_left { float: left; }

.float_right { float: right; }





/* ========== display ========== */

.disp_block { display: block !important;}

.disp_iblock { display: inline-block !important;}

.disp_inline { display: inline !important;}

.disp_none { display: none;}

.disp_flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }





/* ========== position ========== */

.posi_relative { position: relative !important; }

.posi_absolute { position: absolute !important; }

.posi_fixed { position: fixed !important; }





/* ========== overflow ========== */

.overflow_hidden { overflow: hidden !important; }





/* ========== margin ========== */

/* margin-auto */

.mx_auto { margin-left: auto; margin-right: auto; }





/* ========== device displaying ========== */

.sp_none, .tab_only, .pc_only { display: none; }

@media (min-width:768px){

	.sp_none, .tab_only { display: block; }

	.sp_only, .tab_none { display: none; }

}

@media (min-width:1200px){

	.tab_only, .pc_none { display: none; }

	.pc_only { display: block; }

}





@media (min-width:768px){.sp_only{display: none;}}

.spc_none{ display: block; }

@media (min-width:1099px){.pc_none{display: block;}}

.pc_only{ display: none; }

@media (min-width:1100px){.pc_none{display: none;}

.pc_only{display: block;}

.tab_none{ display: block; }

}





/* ========== animation for ScrollTrigger.min.js  ========== */

.invisible {

transition: opacity 1s ease;

opacity: 0.0;

}

.visible {

transition: opacity 1s ease;

opacity: 1.0;

}







/* other style

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

.allwrapper { /* Xscroll bar hidden */

position: relative;

width: 100%;

margin-bottom: -100vw;

background: #ffffff;

animation-delay: 0.75s;

}



.mv {

width: 100%;

min-height: 130vw;

}

.mv_title {

top: 57.333vw;

left: 13.33333333%;

width: 73.33333333%;

animation-delay: 1.5s;

}

.mv_logo {

bottom: 8vw;

left: 13.33333333%;

width: 33.33333333%;

animation-delay: 2.25s;

}

@media (min-width:768px){

	.mv {

	min-height: 66vw;

	}

	.mv_title {

	top: 33.5vw;

	left: 17.16666666%;

	width: 65.83333333%;

	}

	.mv_logo {

	bottom: 3.91666666vw;

	left: 78.75%;

	width: 16.66666666%;

	}

}





.sticky_wrap {

overflow: hidden;

position: sticky;

top: 0;

height: 100vh;

}

.horizontal_scroll {

position: absolute;

top: 0;

height: 100%;

will-change: transform;

display: flex;

justify-content: flex-start;

align-items: center;

}

.scroll_container01 {

height: 730vh;

}

@media (min-width:768px){

	.scroll_container01 {

	height: 350vh;

	}

}

@media (min-width:1200px){

	.scroll_container01 {

	height: 240vh;

	}

}

.scroll_container05 {

height: 540vh;

margin-top: 34vw;

}

@media (min-width:768px){

	.scroll_container05 {

	height: 260vh;

	margin-top: 184px;

	}

}

@media (min-width:1200px){

	.scroll_container05 {

	height: 185vh;

	margin-top: 440px;

	}

}



.modal_open {

cursor: pointer;

-webkit-transition: all 0.3s ease;

-moz-transition: all 0.3s ease;

-o-transition: all 0.3s ease;

transition: all  0.3s ease;

}

.modal_open:hover img {

opacity: 0.70;

filter: alpha(opacity=70);

}

img.ico_plus {

bottom: 10px;

right: 10px;

width: 15px;

margin: 0;

}

@media (min-width:1200px){

	img.ico_plus {

	bottom: 15px;

	right: 15px;

	width: 22px;

	}

}



.look01-thumb01 { width: 89.06666666vw; }

.look01-thumb02 { width: 89.06666666vw; }

.look01-thumb03 { width: 69.33333333vw; }

.look01-thumb03 img.ico_plus { bottom: calc(29.4vw + 10px); }

.look01-thumb04 { width: 118.6666666vw; margin-left: 6.66vw; }

.look01-thumb04 img.ico_plus { bottom: calc(54.4vw + 10px); }

.look01-thumb05 { width: 69.33333333vw; margin-left: 6.66vw; }

.look01-thumb05 img.ico_plus { bottom: calc(29.4vw + 10px); }

.look01-thumb06 { width: 89.06666666vw; }

.look01-thumb07 { width: 143.46666666vw; }

.look01-thumb07 img.ico_plus { bottom: calc(37.6vw + 10px); }

.look02-thumb01 { width: 61.33333333%; margin: 0 auto 0 1.06666666%; }

.look02-thumb01 .ico_plus { left: 10px; right: auto; }

.look02-thumb02 { width: 48%; margin: -14.13vw 0 0 auto; }

.look03-thumb01 { width: 53.33333333%; margin: 3.2vw auto 0 7.2%; }

.look04-thumb01 { width: 49.33333333%; margin: 26.66666666vw auto 0 0; }

.look04-thumb02 { width: 49.33333333%; margin: 1.33333333vw auto 0 0; }

.look04-thumb03 { width: 49.33333333%; margin: -108vw 0 0 auto; animation-delay: 0.2s; }

.look05-thumb01 { width: 176vw; }

.look05-thumb01 img.ico_plus { bottom: calc(16vw + 10px); }

.look05-thumb02 { width: 88.8vw; }

.look05-thumb03 { width: 66.66666666vw; }

.look05-thumb03 img.ico_plus { bottom: calc(33vw + 10px); }

.look05-thumb04 { width: 88.8vw; margin-left: 6.66666666vw; }

.look05-thumb05 { width: 72vw; }

.look05-thumb05 img.ico_plus { bottom: calc(25.4vw + 10px); }

.look06-thumb01 { width: 56%; margin: 0 auto; }

.look07-thumb01 { width: 45.33333333%; margin: 28.8vw auto 0 4%; }

.look08-thumb01 { width: 45.33333333%; margin: -68vw 4% 0 auto; animation-delay: 0.2s; }

.look09box { width: 100%; margin-top: 26.66vw; }

.look09-thumb { width: 50%; }

.look09-thumb:last-child { animation-delay: 0.2s; }

.look09-thumb03 { width: 34.66666666%; margin: 6.66vw auto 0 15.46666666%; }

.look10-thumb01 { width: 64%; margin: 26vw auto 0 0; animation-delay: 0.2s; }

.look11-thumb01 { width: 32%; margin: -96vw auto 0 66.13333333%; }

.look12-thumb01 { width: 32%; margin: 0 auto 0 66.13333333%; }

.look10-thumb02 { width: 64%; margin: 6.66vw 0 0 auto; }

.look13-thumb01 { width: 50.66666666%; margin: 15.73vw auto 0 0; }

.look14-thumb01 { width: 32%; margin: -76vw auto 0 52.8%; animation-delay: 0.2s; }

.staffcredit { width: 66.66666666%; margin: 48vw auto 0 0; }

.staffcredit_text { bottom: 3.2vw; left: 4.5333vw; color: #f6ebd3; }

@media (min-width:768px){

	.look01-thumb01 { width: 320px; }

	.look01-thumb02 { width: 320px; }

	.look01-thumb03 { width: 250px; }

	.look01-thumb03 img.ico_plus { bottom: 117px; }

	.look01-thumb04 { width: 428px; margin-left: 15px; }

	.look01-thumb04 img.ico_plus { bottom: 206px; }

	.look01-thumb05 { width: 250px; margin-left: 15px; }

	.look01-thumb05 img.ico_plus { bottom: 117px; }

	.look01-thumb06 { width: 320px; }

	.look01-thumb07 { width: 515px; }

	.look01-thumb07 img.ico_plus { bottom: 143px; }

	.look02-thumb01 { width: 330px; margin: 0 auto 0 calc(50% - 184px); }

	.look02-thumb02 { width: 260px; margin: -76px auto 0 calc(50% + 93px); }

	.look03-thumb01 { width: 290px; margin: -136px auto 0 calc(50% - 336px); }

	.look04-thumb01 { width: 266px; margin: 96px auto 0 calc(50% - 196px); }

	.look04-thumb02 { width: 266px; margin: 7px auto 0 calc(50% - 196px); }

	.look04-thumb03 { width: 266px; margin: -583.22px auto 0 calc(50% + 86px); }

	.look05-thumb01 { width: 635px; }

	.look05-thumb01 img.ico_plus { bottom: 70px; }

	.look05-thumb02 { width: 320px; }

	.look05-thumb03 { width: 240px; }

	.look05-thumb03 img.ico_plus { bottom: 130px; }

	.look05-thumb04 { width: 320px; margin-left: 25px; }

	.look05-thumb05 { width: 260px; }

	.look05-thumb05 img.ico_plus { bottom: 100px; }

	.look06-thumb01 { width: 302px; }

	.look07-thumb01 { width: 245px; margin: 96px auto 0 calc(50% - 346px); }

	.look08-thumb01 { width: 245px; margin: -368.14px auto 0 calc(50% - 94px); }

	.look09box { width: 540px; margin: 96px auto 0 calc(50% - 189px); }

	.look09-thumb03 { width: 188px; margin: 17px auto 0 calc(50% - 106px); }

	.look10-thumb01 { width: 345px; margin: 96px auto 0 calc(50% - 270px); }

	.look11-thumb01 { width: 172px; margin: -517.5px auto 0 calc(50% + 86px); }

	.look12-thumb01 { width: 172px; margin: 0 auto 0 calc(50% + 86px); }

	.look10-thumb02 { width: 346px; margin: 32px auto 0 calc(50% + 7px); }

	.look13-thumb01 { width: 273px; margin: 97px auto 0 calc(50% - 257px); }

	.look14-thumb01 { width: 174px; margin: -409.17px auto 0 calc(50% + 27px); }

	.staffcredit { width: 230px; margin: 52px auto 0 calc(50% + 27px); }

	.staffcredit_text { bottom: 12px; left: 18px; }

}

@media (min-width:1200px){

	.look01-thumb01 { width: 500px; }

	.look01-thumb02 { width: 500px; }

	.look01-thumb03 { width: 390px; }

	.look01-thumb03 img.ico_plus { bottom: 180px; }

	.look01-thumb04 { width: 668px; margin-left: 25px; }

	.look01-thumb04 img.ico_plus { bottom: 320px; }

	.look01-thumb05 { width: 390px; margin-left: 25px; }

	.look01-thumb05 img.ico_plus { bottom: 180px; }

	.look01-thumb06 { width: 500px; }

	.look01-thumb07 { width: 807px; }

	.look01-thumb07 img.ico_plus { bottom: 225px; }

	.look02-thumb01 { width: 517px; margin-left: calc(50% - 286px); }

	.look02-thumb01 .ico_plus { left: 15px; }

	.look02-thumb02 { width: 405px; margin: -120px auto 0 calc(50% + 145px); }

	.look03-thumb01 { width: 450px; margin: -213px auto 0 calc(50% - 524px); }

	.look04-thumb01 { width: 415px; margin: 150px auto 0 calc(50% - 295px); }

	.look04-thumb02 { width: 415px; margin: 10px auto 0 calc(50% - 295px); }

	.look04-thumb03 { width: 415px; margin: -909px auto 0 calc(50% + 130px); }

	.look05-thumb01 { width: 990px; }

	.look05-thumb01 img.ico_plus { bottom: 105px; }

	.look05-thumb02 { width: 500px; }

	.look05-thumb03 { width: 375px; }

	.look05-thumb03 img.ico_plus { bottom: 202px; }

	.look05-thumb04 { width: 500px; margin-left: 35px; }

	.look05-thumb05 { width: 405px; }

	.look05-thumb05 img.ico_plus { bottom: 158px; }

	.look06-thumb01 { width: 472px; }

	.look07-thumb01 { width: 382px; margin: 150px auto 0 calc(50% - 540px); }

	.look08-thumb01 { width: 382px; margin: -574px auto 0 calc(50% - 146px); }

	.look09box { width: 844px; margin: 150px auto 0 calc(50% - 295px); }

	.look09-thumb03 { width: 292px; margin: 25px auto 0 calc(50% - 165px); }

	.look10-thumb01 { width: 540px; margin: 150px auto 0 calc(50% - 422px); }

	.look11-thumb01 { width: 270px; margin: -810px auto 0 calc(50% + 134px); }

	.look12-thumb01 { width: 270px; margin: 0 auto 0 calc(50% + 134px); }

	.look10-thumb02 { width: 540px; margin: 50px auto 0 calc(50% + 10px); }

	.look13-thumb01 { width: 427px; margin: 150px auto 0 calc(50% - 402px); }

	.look14-thumb01 { width: 270px; margin: -640px auto 0 calc(50% + 42px); }

	.staffcredit { width: 360px; margin: 80px auto 0 calc(50% + 42px); }

	.staffcredit_text { bottom: 12px; left: 18px; line-height: 190%; font-size: 11px; }

}



.bottomlink {

margin-top: 24vw;

}

.footer_insta {

width: 40px;

margin-top: 80px;

}

.footer_logo {

width: 98px;

margin-top: 65px;

}

.footer_copy {

margin-top: 30px;

padding-bottom: 50px;

}

@media (min-width:768px){

	.bottomlink {

	margin-top: 160px;

	}

}

@media (min-width:1200px){

	.bottomlink {

	margin-top: 200px;

	}

}





/* ========== modal ========== */

body.is-modal-active,

body.is-concept-active {

overflow: hidden;

}

body.is-concept-active .wrapper {

transform: translateX(-86.66vw);

}



.modal {

z-index: 200;



}

.modal__container{

z-index:9000;

position: fixed;

top: 0;

right: 0;

width: 100%;

height: 101%;

text-align: center;

background: rgba(0, 0, 0, 0.5);

overflow: auto;

opacity: 0;

visibility: hidden;

box-sizing: border-box;

-webkit-transition: all 0.3s ease;

-moz-transition: all 0.3s ease;

-o-transition: all 0.3s ease;

transition: all  0.3s ease;

}

.modal__container.is-active{

visibility: visible;

opacity: 1;

}

.modal__close-btn{

position: fixed;

top: 50px;

right: 4.5vw;

width: 12px;

cursor: pointer;

color: #fff;

}

.modal__content{

background: #914605;

padding-bottom: 32.27vw;

text-align: left;

}

.modal_item {

width: 78.66666666vw;

}

.modal_item {

padding-top: 50px;

}

.modal_price {

margin-top: 10px;

}

.modal_price li {

line-height: 220%;

}

.modal_price li.properties {

margin-top: 1.2em;

line-height: 180%;

}

.modal_price li a {

color: #fff;

}

.modal_price li a span.buy {

text-decoration: underline;

}

.modal_shoponly,

.modal_price_shoponly li {

color: #e9c788;

}

.modal_shoponly {

margin-top: 20px;

}

.modal_price_shoponly {

margin-top: 10px;

}

.modal_price_shoponly li {

line-height: 176%;

}

@media (min-width:768px){

	.body.is-modal-active .modal {

	background: rgba(255, 255, 255, 0.3);

	}

	.modal__container{

	left: auto;

	right: 0;

	}

	.modal__content {

	width: 520px;

	margin: 0 0 0 auto;

	padding-bottom: 100px;

	}

	.modal__close-btn {

	top: 50px;

	right: 485px;

	}

	.modal_item {

	width: 400px;

	}

}

@media (min-width:1200px){

	.modal__content{

	width: 620px;

	}

	.modal__close-btn {

	left: calc(100% - 612px);

	right: auto;

	}

	.modal_item {

	width: 500px;

	}

}