@charset 'UTF-8';

:root {
	/* COLOR | black */ --flat-black: #1a1a1a;	--mat-black: #3a3a3a; --off-black: #6a6a6a;
	/* COLOR | white */ --flat-white: #f9f9f9;	--mat-white: #c5c4c2; --off-white: #f5f5f5;
}

.fs-l-header__logo{ height: 70px; display: grid; place-items: center; padding: 2em 0 0; }

/* ////////////////////////////////////////////////////////////////////////////////////////////////////
	MYPAGE
/////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* FORM */
select { border: solid 1px var(--mat-white); }
.fs-c-dropdown.fs-c-inputDate__year,.fs-c-dropdown.fs-c-inputDate__month,.fs-c-dropdown.fs-c-inputDate__date { width: 30%; }
.fs-c-birthdayOnceMessage { margin: 5% 0 0; }
.fs-c-inputField__field.fs-c-radioGroup.fs-system-assistTarget { flex-direction: row; justify-content: space-between; }
.fs-c-inputField__explanation { margin: 5% 0 10%; line-height: 1.5; }
label.fs-c-checkbox__label { margin: 0 0 15%; }
button.fs-c-button--confirmRegister.fs-c-button--primary { margin: 0; padding: 5% 0; display: block; width: 100%; background-color: dodgerblue; border: none; }
button, label{cursor:pointer;}
.fs-c-button--particular.fs-c-button--addToWishList--icon::before,.fs-c-button--particular.fs-c-button--removeFromWishList--icon::before,.fs-c-button--particular.fs-c-button--displayPassword::before,.fs-c-button--particular.fs-c-button--hidePassword::before{font-family:'fs-icon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; }


/* FS ORIGINAL */
.marker { background: linear-gradient(transparent 70%, #e5bb09 70%); }
.banner { padding-bottom: 1em!important; }
.regit.btn { padding:10% 5% 5%!important; }
.fs-l-main p { letter-spacing: .3px; line-height: 1.5; }
.fs-body-checkout-success img { width: auto; }
figure {margin: auto; padding: 0; line-height: 0; text-align:center; }
ul{ padding: 0; }
.center { text-align: center; } .right { text-align: right; } .left { text-align: left; }
.minifont, .FS2_itemPrice_addition{font-size:x-small;}
main { font-size: 13px; }
ul.list-row1,ul.list-row2,ul.list-row3,ul.list-row4,ul.list-row5 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content:space-around;; -ms-flex-pack: justify; justify-content:space-around; list-style: none; margin: 0; }
ul.list-row1.space-around,ul.list-row2.space-around,ul.list-row3.space-around,ul.list-row4.space-around,ul.list-row5.space-around { -webkit-justify-content:flex-start; -ms-flex-pack: distribute; justify-content:flex-start; }
ul.list-row1.gutter li,ul.list-row2.gutter li,ul.list-row3.gutter li,ul.list-row4.gutter li,ul.list-row5.gutter li { padding: 0.5%; }
ul.list-row1.gutter01 li,ul.list-row2.gutter01 li,ul.list-row3.gutter01 li,ul.list-row4.gutter01 li,ul.list-row5.gutter01 li { padding: 1%; }
ul.list-row1.gutter02 li,ul.list-row2.gutter02 li,ul.list-row3.gutter02 li,ul.list-row4.gutter02 li,ul.list-row5.gutter02 li { padding: 2%; }
ul.list-row1 li { width: 100%; text-align: center; }
ul.list-row2 li { width: 50%; text-align: center; }
ul.list-row3 li { width: 33.33333%; text-align: center; }
ul.list-row4 li { width: 25%; text-align: center; }
ul.list-row5 li { width: 20%; text-align: center; }
.fs-c-documentArticle { padding:3em 8px 1em; }
.fs-c-documentArticle__heading { font-size:1.1em; background: #666; color: #fff; font-weight: 400; margin: 0 0 16px; padding: 4px 8px; text-align:center; }
.fs-p-privacyPolicy{padding:8px;}
.fs-c-breadcrumb{height:45px;overflow-y:auto;font-size:.85em;overflow-x:hidden;}
.fs-p-cartItemNumber {background:#E25B33;border-radius:1em;color:#ffffff;display:none;font-size:1rem;line-height:1;padding:0.28em 0.4em;position:absolute;top:2px;left:41px;}
.fs-l-header__logo img{max-width:100px;margin:auto;}
.fs-l-header__logo a{display:contents;}
.fs-c-creditCardIcons__image{max-height:fit-content;max-width:fit-content;height:30px;width:50px;}
.fs-c-creditCardIcons{display:flex;}
.fs-c-subSection{margin-bottom:24px;}
.redlarge{font-size:large;color:#cc0000;font-weight:bold;padding:0 2px;}
a:visited{color:#222;}
.fs-c-documentArticle, .fs-c-productList, #fs_form, .fs-l-cart__contentsArea, .fs-p-announcement, .fs-c-subSection__title, .fs-c-subSection, .fs-c-subgroup, .fs-c-breadcrumb, .fs-clientInfo, .fs-c-accountService, .fs-c-wishlistProduct{max-width:1024px;margin-left:auto!important;margin-right:auto!important;}
.fs-c-slick .slick-slide img{object-fit:cover;}
.fs-c-continueShopping{padding:3em 0;}
.fs-p-closed, .fs-p-pageNotFound{padding:.5em;}
.fs-p-closed__image, .fs-p-pageNotFound__image{padding:0 0 2em;}
.info_area, .fs-p-closed, .fs-p-pageNotFound{ max-width: 540px; margin: auto; }



a:link, a:visited, a:hover, a:active{text-decoration:none;color:var(--off-black);outline:none;}
.product__title.slide{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
.fs-p-drawer__loginLogout__login.is-loggedIn--true, .fs-p-drawer__loginLogout__logout.is-loggedIn--false {display:none;}

/*cart*/
.fs-body-cart .fs-l-cart__contentsArea{ margin: 0 0 1rem; }

.fs-c-continueShopping{text-align:center;}

/* favorite */
.fs-p-announcement{ margin:10% 0; padding: 0; }
h2.fs-p-announcement__title{position:relative;padding:1.5rem 2rem;color:#434343;border-radius:10px;background:#f0eeea;margin:0 1rem 2rem;}
h2.fs-p-announcement__title:after{position:absolute;bottom:-9px;left:1em;width:0;height:0;content:'';border-width:10px 10px 0 10px;border-style:solid;border-color:#f0eeea transparent transparent transparent;}
.fs-p-announcement__body { margin: 1rem; }
.fs-p-announcement__body ul li { line-height: 1.75; }
.fs-p-announcement__body p { font-size: .8rem; margin: 0 0 1rem; }

/*shipping-payment*/
.fs-c-documentColumn__heading{color:#cc0000;border-color:#cc0000;border-style:solid;border-width:0 0 0 5px;font-weight:500;font-size:1.2em;padding:8px 8px 8px 16px;margin:1.5em 0 8px 0;}
.fs-c-documentColumn__content{padding:8px 0;}
.fs-c-specTableContainer{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.fs-body-about-shippingPayment .fs-c-specTable{width:100%;}
.fs-c-specTable, .fs-c-specTable__headerCell, .fs-c-specTable__dataCell{border:1px solid #b2b2b2;white-space:nowrap;}
.fs-c-specTable{border-collapse:collapse;}
.fs-body-about-shippingPayment .fs-c-specTable__headerCell{width:30%;}
.fs-c-specTable__headerCell, .fs-c-specTable__dataCell{padding:8px 16px;text-align:center;}
.fs-c-specTable__headerCell{background:rgba(126, 126, 126, 0.08);font-weight:normal;}
.fs-c-specTable, .fs-c-specTable__headerCell, .fs-c-specTable__dataCell{border:1px solid #b2b2b2;white-space:nowrap;}
.fs-c-list{ padding:0;margin:1rem 0;}
.fs-c-list li{margin-left:8px;text-indent:-4px;padding:.4em 0 .4em 4px;}
.fs-c-list li::before{display:inline-block;content:"";width:2px;height:2px;margin:auto 4px auto -8px;border:4px solid #cc0000;border-radius:50%;box-sizing:content-box;}

/*terms*/
.fs-c-explainList{display:grid;grid-template-columns:33% 67%;padding:0 5px;}
.fs-c-explainList dt, .fs-c-explainList dd{padding:.5em 0;}
.fs-c-explainList dt{font-weight:bold;}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	COMMON
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

body{
width: 100%;
max-width: 1200px;
margin: 0 auto;
}


/* navigation */
.navigation__menu.color {margin: 7.5% 0;padding: 0 0 10%;display: flex;flex-flow: row wrap;}
.navigation__menu.color a {width: 50%; padding: .75rem 1rem; display: flex; }
.navigation__menu.color a span:first-child { display: block; width: 1rem; height: 1rem; margin-right: 1rem;}
.navigation__menu.color a span:last-child { }
.swiper.nav-menu .swiper-wrapper.swiper-wrapper02{
    padding: 4.5rem 0 0 0rem;
    background: #dfdfdf;
   }
.nav-menu {
    border-bottom: 1px solid #CCC;
   }
.nav-menu .swiper-slide {
    width: auto;
    padding: 10px 0;
   }
.nav-contents {
    margin: 30px auto;
   }
.nav_main-visual{
	margin: 1rem 0 2rem;
   }
	
.swiper-slide.swiper-slide-active > .drawer-menu > .hr02{
	margin: 3rem auto
   }
.swiper-wrapper.swiper-wrapper02 {
    position: relative;
    width: 100%;
    /**height: 100%;**/
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
   }	
.swiper-slide > .front.campaign.contents__wrap {
    display: flex;
    flex-flow: row wrap;
   }
.swiper-slide > .front.campaign.contents__wrap > .front.campaign.contents {
    width: 42.5%;
    margin: 5% 2.5% 2.5% 5%;
   }
.hr02 {
    border-top: solid 1px var(--off-black);
    width: calc(100% - 2rem);
    margin: 2rem auto;
   }
.nav-menu-name{
	margin: 0 0 0 5%;
    font-weight: bold;
   }
ul.drawer-menu {
    overflow: hidden;
   }
.swiper-slide-thumb-active{
	background: #fff;
   }
.drawer--left.drawer-open .drawer-hamburger {
    left: 0rem;
    background: rgba(223,223,223,1);
   }
.nav-menu .swiper-slide {
    padding: 10px 7px;
   }
.swiper-wrapper02 figure.front.campaign.contents {
    margin: 0 0 1rem 0;
   }
.swiper-wrapper.swiper-wrapper02{
	-webkit-transition-timing-function:linear!important;
	-o-transition-timing-function:linear!important;
	transition-timing-function:linear!important;
   }
.drawer-nav{width: 90%;}
.swiper-wrapper.swiper-wrapper02 {
    font-size: 0.8rem;
   }




/* FONT */
.fw100 { font-weight: 100; } .fw300 { font-weight: 300; } .fw500 { font-weight: 500; } .fw700 { font-weight: 700; } .fw900 { font-weight: 900; }
.fw200 { font-weight: 200; } .fw400 { font-weight: 400; } .fw600 { font-weight: 600; } .fw800 { font-weight: 800; }
@media screen and (max-width:1024px) { .fs01 { font-size: 2.4rem; } .fs02 { font-size: 2.4rem; } .fs03 { font-size: 1.1rem; } .fs04 { font-size: 0.8rem; } .fs05 { font-size: 0.7rem; } .fs06 { font-size: 0.65rem; } }
@media screen and (min-width:1024px) { .fs01 { font-size: 2.4rem; } .fs02 { font-size: 3.6rem; } .fs03 { font-size: 1.2rem; } .fs04 { font-size: 0.8rem; } .fs05 { font-size: 0.7rem; } .fs06 { font-size: 0.65rem; } }
h1,h2,h3,h4,h5,h6,p,li,th,td,dt,dd,span,i,a,label,input,div { font-family: 'Noto Sans JP' , san-serif; }

/* COLOR */
.red { color: red;}
.fff { background: #fff; }
.chip__white{background-color:white; border: solid 1px;}
.chip__black{background-color:black;}
.chip__gray{background-color:gray;}
.chip__red{background-color:red;}
.chip__blue{background-color:blue;}
.chip__yellow{background-color:yellow;}
.chip__green{background-color:limegreen;}
.chip__purple{background-color:purple;}
.chip__pink{background-color:deeppink;}
.chip__orange{background-color:darkorange;}
.chip__beige{background-color:#EEDDBB;}
.chip__etc {position: relative;display: flex!important;align-items: center;justify-content: center; border: solid 1px var(--light-gray);}
.chip__etc::after {content: "ETC"; position: absolute; font-size: 2vw;}

/* BOX MODEL */
.section-wrap { width: 100%; position: relative; }
.main-visual.wrap { position: relative; overflow: hidden; }
@media screen and (max-width:1024px) { }
@media screen and (min-width:1024px) { .front-contents { max-width: 1240px; margin: 0 auto; } }

/* LOGO */
.header__logo.logo { width: 100%; display: flex; justify-content: center; align-items: center; }
.header__logo.logo > a { display: block; max-width: 80px; }
.nav.logo { max-width: 100px; display: block; margin: 5% auto 0; }
@media screen and (max-width:960px) {
 .header__logo.logo { padding: 2.5% 0; }
}
@media screen and (min-width:960px) {
 .header__logo.logo { padding: 2.5% 0; }
}


/* TITLE */
.title__wrap { width: 100%; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; margin: 10rem 0 1rem; }
.subcatch.california { transform: rotate(-20deg); margin: -3rem -2.5rem 0 0; font-size: 2.5rem; }

/* LIST */
.list { display: flex; flex-flow: row wrap; }
@media screen and (max-width:1024px) {
	/* flick list */
	.flick__list { overflow-y: hidden; overflow-x: auto; white-space: nowrap; width: 100%; }
	.flick__list > li { display: inline-block; white-space: normal; width: 75%; margin: 0 0 0 5%; vertical-align: top; }
	.flick__list > li:last-child,.flick__list.lookbook > li:last-child { margin: 0 5%; }
}
@media screen and (min-width:1024px) {  }

/* FIXED BUTTON */
.fixed.btn.wrap { position: fixed; bottom: 1rem; right: 1rem; display: flex; justify-content: space-between; padding: .75rem 0; background-color: white; box-shadow: 0px 0px 5px rgb(0 0 0 / 10%); z-index: 10; }
.fixed.btn.wrap a { display: block; color: black; text-align: center; padding: 0 1rem; font-size: 1.2rem; }
.fixed.btn.wrap a:first-child { border-right: solid 1px var(--mat-black); }
.fixed.btn.wrap a span { display: block; font-size: .6rem; margin-top: .5rem; }

/* VIEW MORE BUTTON */
@media screen and (max-width:960px) {
	.more__btn { margin: 4rem; }
	.more__btn a { display: block; color: var(--mat-black); border: solid 3px var(--mat-black); padding: 1rem; text-align: center; font-size: 1.2rem; }
}
@media screen and (min-width:960px) {
	.more__btn { width: 40%; margin: 10% auto; }
	.more__btn a { font-size: 1.4rem; display: block; padding: 5% 0; text-align: center; color: var(--mat-black); border-top: solid 1px var(--mat-black); border-bottom: solid 1px var(--mat-black); }
}

@media screen and (max-width:600px){.fs-c-button--continueShopping{min-width:100%;}}
.fs-c-button--standard, .fs-c-button--primary{background:#ebebeb;border:1px solid #bbbbbb;border-radius:0px;color:#3c3c3c;cursor:pointer;display:inline-block;font-size:1em;line-height:1;text-decoration:none;text-align:center;padding:0.8em 1.6em 0.6em;box-shadow:0 0 2px #b2b2b2;}

/* ANIMATION */
@media screen and (max-width:1024px) {  }
@media screen and (min-width:1024px) {
	.scroll__animation.show { opacity: 1; }
	.scroll__animation { position: absolute; left: 25%; bottom: -35px; height: 120px; font-family: 'Cormorant', serif; font-weight: 400; color: white; font-size: 15px; text-align: center; line-height: 1; width: 35px; margin-left: -17.5px; opacity: 0; -webkit-transition: 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s; transition: 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s; }
	.scroll__animation .sqa { width: 3px; height: 32px; background: white; position: absolute; left: 50%; top: 18px; margin-left: -1px; z-index: 2; animation: scrl 2.0s ease infinite; opacity: 0; }
	.scroll__animation::after { content: ""; width: 1px; position: absolute; bottom: 0; left: 50%; top: 18px; background: white; }
}

/* ETC */
object { pointer-events: none; }
@media screen and (max-width:1024px) { .pc { display: none!important; } }
@media screen and (min-width:1024px) { .sp { display: none!important; } }

/* DRAWER NAVIGATION */
.nav.search.wrap { padding: 1rem; display: flex; }
.nav.search.wrap > #search { width: 80%; padding: .5rem; height: 2.5rem; border: solid 1px var(--mat-black); border-right: none; border-radius: 0; }
.nav.search.wrap > button { width: 20%; border: solid 1px var(--mat-black); border-left: none; height: 2.5rem; background-color: white; color: var(--mat-black);font-size: 1rem; }
.nav.sns.wrap { padding: 2rem 1rem 1rem; display: flex; justify-content: center; }
.nav.sns.wrap a { margin-right: 1rem; width: 2.5rem; height: 2.5rem; font-size: 1.4rem; color: var(--mat-black); border: solid 1px var(--mat-black); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.nav.sns.wrap a:last-child { margin-right: 0; }
.nav.regit.wrap { padding: 10%; margin: 5% 0; background-color: var(--flat-white); display: flex; flex-flow: row wrap; justify-content: space-between; }
.regit.btn { display: block; font-size: .85rem; color: white; background-color: #c00; padding: 5%; width: 100%; text-align: center; }
.regit.cart, .regit.favorit { display: block; margin: 10% 0 0; width: 47.5%; font-size: .8rem; border: solid 1px var(--mat-white); padding: 5% 2.5%; text-align: center; }
.hr {  border-top: solid 1px var(--off-black); width: calc(100% - 2rem); margin: 1rem; }

/* GROUP */
.fs-c-heading--page { font-size: 1.25rem; margin: 1.25rem 0; line-height: 1; text-align: center; }


@media screen and (max-width:1024px) {
	.fs-c-productList__list { display: flex!important; flex-flow: row wrap; }
	.fs-c-productList__list article.fs-c-productList__list__item.fs-c-productListItem { width: 50%; position: relative; border-bottom: none; }
	.fs-c-productList__list article.fs-c-productList__list__item.fs-c-productListItem:nth-child(3n) { width: 100%; }
	.fs-c-productListItem__imageContainer { padding: 0!important; }
	.fs-c-mark--memberPrice.fs-c-mark { background-color: #696969; }
}
@media screen and (min-width:1024px) {
}



/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	ITEM
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

@media screen and (max-width:1024px) {
	.fs-c-breadcrumb { margin: 0 0 -15px; }
	.fs-c-breadcrumb__list { overflow-y: hidden; overflow-x: scroll; width: 100%; white-space: nowrap; }
}
@media screen and (min-width:1024px) {
}



/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	FREE PAGE
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* BRAND PRODUCER */
@media screen and (max-width:1024px) {
	.page.brand-p.section-wrap { overflow: hidden; background-color: var(--flat-black); color: var(--flat-white); }
	.page.brand-p.note { margin: 10%; }
	.page.brand-p.note p { font-size: .8rem; line-height: 1.75; margin: 0 0 2rem; }
	.page.brand-p.note p:first-child { font-size: 1.4rem; }
	.page.brand-p.note p.fs02:nth-child(2) { font-size: 1rem; }
}
@media screen and (min-width:1024px) {
	/* LOOKBOOK */
	.page.lookbook.keymov-wrap { width: 100%; height: 100vh; overflow: hidden; position: relative; }
	.page.lookbook.keymov { min-width: 100%; min-height: 100%; }
	.keyvisual.mov.front { width: 100%; }
	.page.brand-p.section-wrap { overflow: hidden; background-color: var(--flat-black); color: var(--flat-white); }
	.page.brand-p.note { margin: 10%; }
	.page.brand-p.note p { padding: 0; line-height: 1.75; width: 85%; margin: 0 0 2%; }
	.page.brand-p.note p.fs02 { font-size: 3rem; margin: 0 0 3rem; }
}



/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	FOOTER
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.global__footer { background-color: var(--flat-black); color: var(--flat-white); overflow: hidden; }
.global__footer a { display: block; width: fit-content; margin: auto; color: var(--mat-white); }
.footer.contents.logo { display: block!important; width: 100%; position: relative; overflow: hidden; }
.footer.contents.logo > object { height: 100px; padding: 10px; }
.footer.contents.logo > a { max-width: 130px; }
.footer.contents.logo > a > object {height: 100px; }
.footer.contents.sns { display: flex; align-items: center; justify-content: center; }
.footer.contents.sns a { width: 3rem; height: 3rem; margin: 2rem .5rem 2rem 0; font-size: 1.4rem; border: solid 1px var(--mat-black); border-radius: 50%; color: white; display: flex; align-items: center; justify-content: center; }
.footer.search.wrap { padding: 1rem; display: flex; }
.footer.search.wrap > #search { width: 85%; padding: .5rem; height: 3rem; border: solid 1px var(--mat-black); border-right: none; border-radius: 0; }
.footer.search.wrap > button { width: 15%; border: solid 1px var(--mat-black); border-left: none; height: 3rem; background-color: white; color: var(--mat-black);font-size: 1.2rem; }
.footer.telwrap { margin: 0 0 10%; }
.footer.tellink { text-align: center; }
.footer.teltime { text-align: center; color: var(--mat-white); margin: 2.5% 0 0; }
@media screen and (max-width:1024px) {
	.global__footer { padding: 20% 5% 40%; position: relative; width: 100%; }
	.footer.ourlink.list { padding: 5%; justify-content: center; }
	.footer.ourlink.list li { margin: 0 .75rem 1rem 0; }
	.footer.ourlink.list li a { color: var(--mat-white); font-size: .8rem; }
	.footer.telwrap { margin: 0 0 10%; }
	address { color: var(--mat-white); text-align: center; font-size: .8rem; }
}
@media screen and (min-width:1024px) {
	.footer.inner { max-width: 1240px; margin: 0 auto; padding: 5% 0 10%; }
	.footer.contents.search { width: 30%; margin: 0 auto; }
	.footer.contents.ourlink { width: 45%; margin: 2.5% auto; }
	.footer.ourlink.list { justify-content: space-between; font-size: .8rem; }
	.footer.tellink { margin: 5% 0 0; width: 100%; text-align: center; }
	address { text-align: center; }
}