@charset "utf-8";
/* CSS Document */

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

/* common parts
-----------------------------------------------*/
/* ========== text ========== */
/* ========== border ========== */
/* ========== float ========== */
/* ========== display ========== */
/* ========== position ========== */
/* ========== overflow ========== */
/* ========== width ========== */
/* ========== margin ========== */
/* ========== background ========== */
/* ========== device displaying ========== */
/* ========== animation for ScrollTrigger.min.js  ========== */

/* other style
-----------------------------------------------*/



/* base
-----------------------------------------------*/
picture {
display: block;
}

/* ========== base style ========== */
.allwrapper,
.modal {
width: 100%;
min-height: 100vh;
color: #000;
font-family: freightbigcmp-pro, serif;
font-style: normal;
font-weight: 300;
font-size: 3.73333333vw;
line-height: 100%;
font-feature-settings: "palt";
letter-spacing: 0;
background: #fff;
animation-delay: 0.75s;
}
.modal {
min-height: auto;
}
.allwrapper *,
.modal * {
box-sizing: border-box;
}
.allwrapper a:link,
.allwrapper a:visited,
.allwrapper .acordion_btn {
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;
}
.allwrapper a:hover,
.allwrapper a:hover img,
.allwrapper button:hover img {
opacity: 0.80;
filter: alpha(opacity=80);
}
.allwrapper ol,
.allwrapper ul {
list-style:none;
}
.allwrapper img, 
.allwrapper video,
.allwrapper button {
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;
}
@media (min-width:768px){
	.allwrapper {
	width: 100vw;
	}
	.allwrapper,
	.modal {
	font-size: 17.5px;
	}
}

/* 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; }
.fs11_5 { font-size: 3.066666vw; }
.fs12 { font-size: 3.2vw; }
.fs12_5 { font-size: 3.33333333vw; }
.fs13 { font-size: 3.466666vw; }
.fs13_5 { font-size: 3.6vw; }
.fs14 { font-size: 3.733333vw; }
.fs15 { font-size: 4vw; }
.fs16 { font-size: 4.266666vw; }
.fs17 { font-size: 4.533333vw; }
.fs18 { font-size: 4.8vw; }
.fs19 { font-size: 5.066666vw; }
.fs20 { font-size: 5.333333vw; }
@media (min-width:768px){
	.fs11 { font-size: 11px; }
	.fs14 { font-size: 14px; }
}

/* 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; }

/* line height */
.lh100 { line-height: 100%; }
.lh110 { line-height: 110%; }
.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%; }

/* 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; }


/* ========== 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{ display: none; }
img.sp_none{ display: none; }
.sp_only{ display: block; }
img.sp_only{ display: block; }
@media (min-width:768px){
	.sp_none{display: block;}
	img.sp_none{display: block;}
	.tab_none { display: none; }
	img.tab_none { display: none; }
	.sp_only{display: none;}
	img.sp_only{display: none;}
	.sp_only{display: none;}
	img.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
-----------------------------------------------*/
body {
overflow: visible !important;
}
body.static .wrapper {
margin-top: 0;
}
.footer {
position: relative;
background: #fff;
z-index: 2;
}

.ff_shipporimin {
font-family: shippori-mincho, sans-serif;
font-weight: 500;
}
.ff_marlide {
font-family: "marlide-display-variable", sans-serif;
font-variation-settings: "wght" 300;
}
.fc_red {
color: #ae240c;
}

.mv {
background: #ae240c;
}
.mv_titlearea {
padding: 4.8vw 0 7.46vw;
}
.mv_title {
width: 61.33333333%;
animation-delay: 1.25s;
}
.mv_line {
top: 27.2vw;
left: 0;
width: 0;
height: 2px;
background: #fff;
animation: mvline_anime 0.25s linear forwards;
animation-delay: 1.5s;
}

@keyframes mvline_anime {
	0% {
	width: 0;
	}
	100% {
	width: 100%;
	}
}
@media (min-width:768px){
	.mv_titlearea {
	padding: 30px 0 50px;
	}
	.mv_title {
	width: 275px;
	}
	.mv_line {
	top: 140px;
	}
}
@media (min-width:1000px){
	.mv {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	}
	.mv_img {
	width: 68.24%;
	margin: 0;
	}
	.mv_titlearea {
	width: 31.76%;
	padding: 0;
	}
	.mv_title {
	position: absolute;
	top: 19.2vw;
	left: 23.809525%;
	width: 52.38095%;
	margin: 0;
	}
	.mv_line {
	top: 26.4vw;
	}
}

.intro {
margin-top: 14.66vw;
}
video.intro_movie {
width: 66.66666666%;
}
.intro_detail_wrapper {
width: 93.33333333%;
margin-top: 10.6vw;
padding: 0.6vw;
border: 1px solid #b12615;
}
.intro_detail {
border: 1px solid #b12615;
padding: 6.13vw 0 2.93vw;
}
.intro_title {
top: -4.53vw;
left: 26vw;
width: 41.86vw;
padding: 0 2.13333333vw;
background: #fff;
}
@media (min-width:768px){
	.intro {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 710px;
	margin-top: 95px;
	}
	video.intro_movie {
	width: 250px;
	margin: 0;
	}
	.intro_detail_wrapper {
	width: 425px;
	margin: 0;
	padding: 4px;
	}
	.intro_detail {
	padding: 22px 0 17px;
	}
	.intro_title {
	top: -20px;
	left: 130px;
	width: 164px;
	padding: 0 8px;
	}
	.intro_text {
	font-size: 15px;
	}
}

.itemindex {
width: 88%;
margin-top: 13.3vw;
}
.itemindex li + li {
margin-top: 6.66vw;
}
.itemindex_num {
font-size: 6.666666vw;
}
a.itemindex_linkbox {
margin-top: 5px;
background: #b12615;
}
.itemindex_price {
padding: 1.6vw 0;
color: #fff !important;
font-size: 4.66666666vw;
}
.itemindex_price span.buy {
margin-left: 6.4vw;
text-decoration: underline;
}
a.btn_allitems {
width: 255px;
margin-top: 30px;
line-height: 50px;
color: #fff !important;
font-size: 19px;
border-radius: 5px;
background: #b12615;
}
@media (min-width:768px){
	.itemindex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 586px;
	margin-top: 50px;
	}
	.itemindex li {
	width: 270px;
	margin-top: 25px;
	}
	.itemindex li + li {
	margin-top: 25px;
	}
	.itemindex li:nth-child(2n) {
	animation-delay: 0.3s;
	}
	.itemindex_num {	
	font-size: 20px;
	}
	.itemindex_price {
	padding: 5px 0;
	font-size: 14px;
	}
	.itemindex_price span {
	margin-left: 25px;
	}
	a.btn_allitems {
	width: 240px;
	margin-top: 50px;
	line-height: 45px;
	font-size: 17px;
	}
}

.stickeybox01 {
width: 100%;
height: 400vw;
}
.stickeybox01_img01 {
position: -webkit-sticky;
position: sticky;
top: 13.33vw;
}
.stickeybox01_img02 {
position: -webkit-sticky;
position: sticky;
top: 13.33vw;
width: 100%;
height: 133.33333333vw;
padding-top: 9vw;
}
.stickeybox01_img02_inner {
width: 86.66666666%;
background: rgba(255, 255, 255, 0.66);
padding: 3.73vw 0;
}
.stickeybox01_img02 picture {
width: 79.2vw;
}
@media (min-width:768px){
	.stickeybox01 {
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	height: 1500px;
	}
	.stickeybox01_img01 {
	top: 100px;
	}
	.stickeybox01_img02 {
	top: 100px;
	height: 600px;
	padding-top: 40px;
	}
	.stickeybox01_img02_inner {
	width: 392px;
	padding: 17px 0;
	}
	.stickeybox01_img02 picture {
	width: 357px;
	}
}
.modal_open {
right: 1.6vw;
bottom: 1.6vw;
width: 21.33333333vw;
cursor: pointer;
}
.modal_open_leftbottom {
right: auto;
left: 1.6vw;
}
.modal_open_righttop {
bottom: auto;
top: 1.6vw;
}
@media (min-width:768px){
	.modal_open {
	right: 10px;
	bottom: 10px;
	width: 85px;
	}
	.modal_open_leftbottom {
	right: auto;
	left: 10px;
	}
	.modal_open_righttop {
	bottom: auto;
	top: 10px;
	}
}

.look01 { margin-top: 18.66vw; }
.look02 { margin-top: 18.66vw; }
.look03 { margin-top: 20vw; }
.look03_bottombox { width: 97.33333333%; margin-top: 1.33vw; }
.look03_bottombox picture { width: 47.73333333vw; }
.look03_bottombox picture:last-child { animation-delay: 0.3s; }
.look04_img01 { width: 50.66666666%; margin: 11.2vw auto 0 49.33333333%; z-index: 2; }
.look04_img02 { width: 87.73333333%; margin: -2.66vw auto 0; }
.look04_img03 { width: 50.66666666%; margin: -26.4vw auto 0 0; z-index: 2; }
.look04_img04 { width: 100%; align-items: stretch; margin-top: 3.2vw; }
.look04_img04_left { width: 72.8%; height: 108.8vw; overflow: hidden; }
.look04_img04_right {
width: 27.2%;
height: 108.8vw; 
background: url("../images/look04-img04-04_sp.jpg") repeat-y;
background-size: 100% auto;
animation: bgLoop_sp 8s linear infinite;
}
@keyframes bgLoop_sp {
	0% { background-position: 0 0; }
	100% { background-position: 0 -108.8vw; }
}
.look05and06 { background: #ae240c; margin-top: 5.6vw; padding: 4.53vw 0 4vw; }
.look05_img01 { width: 90.66666666%; margin-left: 0; }
.look05_img02 { width: 39.2%; margin: -3vw 0 0 auto; }
.look05_img03 { width: 39.2%; margin: -44vw 0 0 21.6%; }
.look06_img01 { width: 90.66666666%; margin: 4vw 0 0 auto; }
.look06_img02 { width: 39.2%; margin: -3vw auto 0 0; }
.look06_img03 { width: 39.2%; margin: -44vw 21.6% 0 auto; }
.look07 { width: 100%; margin: 12vw auto 0; padding-bottom: 9vw; }
.look07 picture { width: 50%; }
.look07 picture:last-child { animation-delay: 0.3s; }
.look08_img01 { width: 77.33333333%; margin: 4vw auto 0 2.66vw; }
.look08_img02 { width: 40.8%; margin: -66.13333333vw 0 0 auto; }
.look09_img01 { width: 77.33333333%; margin: 11.46666666vw 2.66vw 0 auto; }
.look09_img02 { width: 40.8%; margin: -66.13333333vw auto 0 0; }
.look10_img01 { width: 49.33333333%; margin: 23.3vw auto 0 0; }
.look10_img02 { width: 49.33333333%; margin: -65.86666666vw 0 0 auto; }
.look10_img03 { width: 69.33333333%; margin-top: 1.6vw; }
a.btn_allitems_bottom { margin-top: 13.33vw; }
@media (min-width:768px){
	.look01 { margin-top: 170px; }
	.look02 { margin-top: 170px; }
	.look03 { margin-top: 100px; }
	.look03_img01 { width: 450px; margin: 0 auto; }
	.look03_bottombox { width: 436px; margin-top: 7px; }
	.look03_bottombox picture { width: 215px; }
	.look04_img01 { width: 237px; margin: 25px auto 0 calc(50% + 130px); }
	.look04_img02 { width: 395px; margin-top: -123px; }
	.look04_img03 { width: 237px; margin: -60px calc(50% + 130px) 0 auto; }
	.look04_img04 { width: 450px; margin: 26px auto 0; }
	.look04_img04_left { width: 328px; height: 490px; }
	.look04_img04_right { width: 122px; height: 490px;
	background: url("../images/look04-img04-04_pc.jpg") repeat-y;
	background-size: 100% auto;
	animation: bgLoop_pc 8s linear infinite;
	}
	.look05and06 { margin-top: 25px; padding: 35px 0; }
	.look05_img01 { width: 408px; margin-left: calc(50% - 361px); }
	.look05_img02 { width: 177px; margin: -192px auto 0 calc(50% + 185px); position: relative; z-index: 2; }
	.look05_img03 { width: 177px; margin: -205px auto 0 calc(50% + 8px); position: relative; z-index: 2; }
	.look06_img01 { width: 408px; margin: 120px calc(50% - 361px) 0 auto; position: relative; z-index: 2; }
	.look06_img02 { width: 177px; margin: -192px calc(50% + 185px) 0 auto; }
	.look06_img03 { width: 177px; margin: -205px calc(50% + 8px) 0 auto; position: relative; z-index: 2; }
	img.look05and06_deco { top: 410px; left: calc(50% - 270px); width: 316px; margin: 0; }
	.look05and06_line { top: 0; left: calc(50% + 300px); width: 3px; height: 100%; background: #fff; }
	.look07 { width: 450px; margin: 25px auto 0; padding-bottom: 40px; }
	.look08_img01 { width: 347px; margin: 20px auto 0 calc(50% - 75px); }
	.look08_img02 { width: 185px; margin: -296px auto 0 calc(50% + 180px); }
	.look09_img01 { width: 347px; margin: 60px calc(50% - 75px) 0 auto; }
	.look09_img02 { width: 185px; margin: -296px calc(50% + 180px) 0 auto; }
	.look10_img01 { width: 222px; margin: 80px auto 0 calc(50% - 225px); }
	.look10_img02 { width: 222px; margin: -297px calc(50% - 225px) 0 auto; }
	.look10_img03 { width: 311px; margin-top: 6px; }
	a.btn_allitems_bottom { margin-top: 50px; }
}
@keyframes bgLoop_pc {
	0% { background-position: 0 0; }
	100% { background-position: 0 -490px; }
}
@media (min-width:1000px){
	.look01 { margin-left: calc(50% - 460px); }
	.look02 { margin-right: calc(50% - 460px); }
	.look03 { margin-top: 25px; }	
	.look03_img01 { margin-left: calc(50% - 450px); }
	.look03_bottombox { margin: -178px auto 0 calc(50% + 20px); }
	.look04_img01 { margin-left: calc(50% + 207px); }
	.look04_img03 { margin: -123px calc(50% + 207px) 0 auto; }
	.look05_img01 { margin-left: calc(50% - 440px); }
	.look05_img02 { margin-left: calc(50% + 105px); }
	.look05_img03 { margin-left: calc(50% - 72px); }
	.look06_img01 { margin-top: 90px; margin-right: calc(50% - 467px); }
	.look06_img02 { margin-right: calc(50% + 79px); }
	.look06_img03 { margin-right: calc(50% - 98px); }
	img.look05and06_deco { top: 425px; left: calc(50% - 410px); }
	.look05and06_line { left: calc(50% + 415px); }
	.look08_img01 { margin-left: calc(50% + 5px); }
	.look08_img02 { margin-left: calc(50% + 260px); }
	.look09_img01 { margin: -115px calc(50% + 5px) 0 auto; }
	.look09_img02 { margin-right: calc(50% + 260px); }
}

.staffcredit {
margin-top: 18.66vw;
}
.brandlogo {
padding-bottom: 10vw;
margin-top: 20vw;
}
.brandlogo img {
width: 50px;
margin-bottom: 10px;
}
@media (min-width:768px){
	.staffcredit {
	margin-top: 100px;
	font-size: 15px;
	}
	.brandlogo {
	margin-top: 50px;
	padding-bottom: 100px;
	font-size: 15px;
	}
	.brandlogo img {
	width: 85px;
	margin-bottom: 12px;
	}
}

.modal {
z-index: 200;
}
.modal__container{
z-index:9000;
position: fixed;
top: -150vh;
left: 0;
width: 100%;
height: 101%;
text-align: center;
background: rgba(255,255,255,90%);
padding: 70px 0 32.27vw;
overflow: auto;
opacity: 0;
visibility: hidden;
box-sizing: border-box;
}
.modal__container.is-active{
visibility: visible;
top: 0;
}
.modal__close-btn {
position: fixed;
top: 6vw;
right: 3.7vw;
width: 22px;
cursor: pointer;
}
img.modal__close-btn-img {
width: 100%;
height: auto;
}
.modal__content{
text-align: left;
color: #000;
}
.modal_item {
width: 93.33333333%;
}
.modal_box + .modal_box,
.modal_item + .modal_item {
padding-top: 50px;
}
.modal_pricebox {
margin-top: 2vw;
}
.modal_pricebox li {
border-bottom: 1px solid #000;
}
.modal_pricebox li:last-child {
border: none;
}
.modal_pricebox li a {
align-items: center;
padding: 1.6vw 0;
}
.modal_itemname {
width: 26.66vw;
padding-left: 1em;
}
.modal_price {
width: 52vw;
font-family: "marlide-display-variable", sans-serif;
font-variation-settings: "wght" 300;
letter-spacing: 0.05em;
}
.modal_buy {
width: 12vw;
padding: 0.4vw 0;
color: #fff;
background: #b12615;
}
@media (min-width:768px){
	.modal__container{
	padding-bottom: 100px;
	}
	.modal_item {
	width: 350px;
	}
	.modal_box + .modal_box,
	.modal_item + .modal_item {
	padding-top: 75px;
	}
	.modal_pricebox {
	margin-top: 10px;
	}
	.modal_pricebox li a {
	padding: 4px 0;
	}
	.modal_itemname {
	width: 100px;
	padding-left: 0;
	}
	.modal_price {
	width: 170px;
	}
	.modal_buy {
	width: 55px;
	padding: 2px 0;
	font-size: 15px;
	}
}
@media (min-width:1000px){
	.modal__content {
	width: 730px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	}
	#modal02 {
	padding-top: 0;
	}
}