@charset "UTF-8";

/* --------------------------------------------------------------------
　ヘッダ基本設定
-------------------------------------------------------------------- */
header#site-commons-header{
width:100%;
background:#fff;
position:static;
z-index:888;
}
header#site-commons-header.view-flow{
position:fixed;
top:0;
left:0;
}
@media screen and (min-width:769px){
	header#site-commons-header.view-flow > #commons-header-sub-inner{
	display:none;
	}
	header#site-commons-header.view-flow{
	border-bottom:1px solid #ddd;
	}
}
@media screen and (max-width:768px){
	header#site-commons-header.view-flow{
	display:flex;
	flex-wrap:wrap;
	}
	header#site-commons-header.view-flow > #commons-header-main-inner{
	width:100%;
	order:1;
	}
	header#site-commons-header.view-flow > #commons-header-sub-inner{
	order:2;
	}
}


/*------------------------------------------------------------------
　切替アテンションエリア設定
 ------------------------------------------------------------------*/
header > #commons-header-sub-inner{
width:100%;
text-align:center;
height:40px;
overflow:hidden;
}
#commons-header-sub-inner > section{
width:100%;
height:100%;
margin:0 auto;
background:#fff;
}
header > #commons-header-sub-inner > section > div > a{
display:block;
width:100%;
height:100%;
}
header > #commons-header-sub-inner > section > #attentionScrollFreeship > a{
background:url(https://girl.itembox.design/item/images/commons/header/commons-header-sub-inner_delivery.jpg) 50% 50%;
background-repeat:repeat-x;
background-size:auto 100%;
}
header > #commons-header-sub-inner > section > #attentionScrollMembers > a{
background:url(https://girl.itembox.design/item/images/commons/header/commons-header-sub-inner_members.jpg) 50% 50%;
background-repeat:repeat-x;
background-size:auto 100%;
}
header > #commons-header-sub-inner > section > #attentionScrollLastyear > a{
background:url(https://girl.itembox.design/item/images/commons/header/commons-header-sub-inner_lastyear.jpg) 50% 50%;
background-repeat:repeat-x;
background-size:auto 100%;
}
header > #commons-header-sub-inner > section > #attentionScrollNewyear > a{
background:url(https://girl.itembox.design/item/images/commons/header/commons-header-sub-inner_newyear.jpg) 50% 50%;
background-repeat:repeat-x;
background-size:auto 100%;
}
@media screen and (max-width:768px){
	header > #commons-header-sub-inner.view-flow{
	position:fixed;
	top:60px;
	left:0;
	}
}

/*------------------------------------------------------------------
　メインメニューエリア設定
 ------------------------------------------------------------------*/
/*-- 基本設定設定 --*/
header > #commons-header-main-inner > #header-always-on-display-board{
width:100%;
padding:0 1.5rem;
margin:0 auto;
display:grid;
align-items:center;
}

/*-- ロゴ設定 --*/
header > #commons-header-main-inner > #header-always-on-display-board > #header-site-title-logo{
line-height:0;
}
header > #commons-header-main-inner > #header-always-on-display-board > #header-site-title-logo > a > svg{
width:100%;
height:auto;
}
header > #commons-header-main-inner > #header-always-on-display-board > #header-site-title-logo > a > svg > g > path#rf01{
stroke-width:.5px;
stroke:#000;
}
header > #commons-header-main-inner > #header-always-on-display-board > #header-site-title-logo > a > svg > g > path#rf02{
stroke-width:1px;
stroke:#000;
}

/*-- アイコン付きメニュー --*/
header > #commons-header-main-inner > #header-always-on-display-board > ul{
display:flex;
align-items:center;
gap:0 15px;
line-height:1;
justify-content:right;
}
header > #commons-header-main-inner > #header-always-on-display-board > ul > li > div,
header > #commons-header-main-inner > #header-always-on-display-board > ul > li > a{
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
cursor:pointer;
}
header > #commons-header-main-inner > #header-always-on-display-board > ul > li > a > p{
font-size:1.1rem;
}
header > #commons-header-main-inner > #header-always-on-display-board > ul > li > div > span.material-symbols-outlined,
header > #commons-header-main-inner > #header-always-on-display-board > ul > li > a > span.material-symbols-outlined{
font-variation-settings:'wght' 100;
font-size:4rem;
}
header > #commons-header-main-inner > #header-always-on-display-board > ul > li > div > ion-icon,
header > #commons-header-main-inner > #header-always-on-display-board > ul > li > a > ion-icon{
--ionicon-stroke-width:10px;
font-size:3rem;
}
header > #commons-header-main-inner > #header-always-on-display-board > ul > li#openBrandMenuToggle{
position:relative;
}


/*-- サーチボックス --*/
header > #commons-header-main-inner > #header-always-on-display-board > #headerMainSearchBox{
margin:auto;
padding:0;
display:block;
width:100%;
}
header > #commons-header-main-inner > #header-always-on-display-board > #headerMainSearchBox > form{
width:100%;
height:40px;
display:flex;
justify-content:center;
align-items:center;
margin:0 auto;
padding:5px;
font-size:1.4rem;
border-radius:5px;
background:#f0f0f0;
}
header > #commons-header-main-inner > #header-always-on-display-board > #headerMainSearchBox > form > input::placeholder{
font-weight:300;
}
header > #commons-header-main-inner > #header-always-on-display-board > #headerMainSearchBox > form > select{
appearance:none;
border:none;
padding:0 2.2rem 0 .9375rem;
vertical-align:middle;
width:200px;
cursor:pointer;
background-color:#f0f0f0;
background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22%235f6368%22%20stroke%3D%22%23f0f0f0%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M480-360%20280-560h400L480-360Z%22%2F%3E%3C%2Fsvg%3E');
background-repeat:no-repeat;
background-position:100% 50%;
border-radius:2px;
height:100%;
letter-spacing:0;
color:#999;
}
header > #commons-header-main-inner > #header-always-on-display-board > #headerMainSearchBox > form > input[type="text"]{
padding:0 .9375rem;
}
header > #commons-header-main-inner > #header-always-on-display-board > #headerMainSearchBox > form > ion-icon{
font-size:3rem;
color:#ccc;
}

/*-- ブランドメニュー --*/
header > #commons-header-main-inner > #header-brand-menu-bar > #brand-list-slide-main > ol > li{
height:100%;
}
header > #commons-header-main-inner > #header-brand-menu-bar > #brand-list-slide-main > ol > li > a{
height:100%;
display:flex;
align-items:center;
justify-content:center;
}
header > #commons-header-main-inner > #header-brand-menu-bar > #brand-list-slide-main > ol > li > a > svg{
width:auto;
height:18px;
}
header > #commons-header-main-inner > #header-brand-menu-bar > #brand-list-slide-main > ol > li > a > svg#logo_ampirula{
height:21px;
margin:4px 0 -4px 0;
}
header > #commons-header-main-inner > #header-brand-menu-bar > #brand-list-slide-main > ol > li > a > svg#logo_lowo{
height:16px;
margin:2px auto -2px auto;
}
header#site-commons-header.view-flow > #commons-header-main-inner > #header-brand-menu-bar{
display:none;
}
@media screen and (min-width:769px){
	/*-- 基本設定設定 --*/
	header > #commons-header-main-inner > #header-always-on-display-board{
	width:1024px;
	height:75px;
	grid-template-columns:310px calc(100% - 674px) 283px;
	gap:0 40px;
	}

	/*-- ロゴ設定 --*/
	header > #commons-header-main-inner > #header-always-on-display-board > #header-site-title-logo{
	order:1;
	}

	/*-- アイコン付きメニュー --*/
	header > #commons-header-main-inner > #header-always-on-display-board > ul{
	order:3;
	}
	header > #commons-header-main-inner > #header-always-on-display-board > ul > li:not(#openBrandMenuToggle) > div > p,
	header > #commons-header-main-inner > #header-always-on-display-board > ul > li:not(#openBrandMenuToggle) > a > p,
	header > #commons-header-main-inner > #header-always-on-display-board > ul > li#openBrandMenuToggle > div > ion-icon{
	display:none;
	}
	header > #commons-header-main-inner > #header-always-on-display-board > ul > li#openMainMenuToggle{
	order:5;
	}
	header > #commons-header-main-inner > #header-always-on-display-board > ul > li#openBrandMenuToggle{
	order:1;
	padding:0 10px 0 0;
	}
	header > #commons-header-main-inner > #header-always-on-display-board > ul > li#subMenuMypage{
	order:2;
	}
	header > #commons-header-main-inner > #header-always-on-display-board > ul > li#subMenuCart{
	order:3;
	}
	header > #commons-header-main-inner > #header-always-on-display-board > ul > li#subMenuFavo{
	order:4;
	}
	header > #commons-header-main-inner > #header-always-on-display-board > ul > li#openBrandMenuToggle > div > p{
	text-decoration:underline;
	font-size:1.3rem;
	}

	/*-- サーチボックス --*/
	header > #commons-header-main-inner > #header-always-on-display-board > #headerMainSearchBox{
	order:1;
	}
	header > #commons-header-main-inner > #header-always-on-display-board > #headerMainSearchBox > form{
	background:#fff;
	border:1px solid #ddd;
	}

	/*-- ブランドメニュー --*/
	header > #commons-header-main-inner > #header-brand-menu-bar{
	background:#f6f6f6;
	}
	header > #commons-header-main-inner > #header-brand-menu-bar > #brand-list-slide-main > ol{
	display:flex;
	align-items:center;
	justify-content:center;
	line-height:1;
	width:994px;
	height:50px;
	padding:0;
	margin:0 auto;
	gap:0;
	position:relative;
	}
	header > #commons-header-main-inner > #header-brand-menu-bar > #brand-list-slide-main > ol > li{
	width:calc(100% / 5);
	position:relative;
	}
	header > #commons-header-main-inner > #header-brand-menu-bar > #brand-list-slide-main > ol > li:nth-child(1):before,
	header > #commons-header-main-inner > #header-brand-menu-bar > #brand-list-slide-main > ol > li:after{
	position:absolute;
	content:"";
	width:1px;
	background:#e0e0e0;
	top:25%;
	height:50%;
	}
	header > #commons-header-main-inner > #header-brand-menu-bar > #brand-list-slide-main > ol > li:nth-child(1):before{
	left:0;
	}
	header > #commons-header-main-inner > #header-brand-menu-bar > #brand-list-slide-main > ol > li:after{
	right:0;
	}
}
@media screen and (max-width:768px){
	/*-- 基本設定設定 --*/
	header#site-commons-header:not(.view-flow) > #commons-header-main-inner > #header-always-on-display-board{
	display:flex;
	grid-template-columns:unset;
	margin-bottom:0;
	padding:0;
	position:relative;
	height:50px;
	gap:0;
	}
	header#site-commons-header.view-flow > #commons-header-main-inner > #header-always-on-display-board{
	grid-template-columns:1fr;
	grid-template-rows:65px;
	padding:0;
	}

	/*-- ロゴ設定 --*/
	header > #commons-header-main-inner > #header-always-on-display-board > #header-site-title-logo{
	width:calc(57vw + 2.5px);
	height:100%;
	position:absolute;
	top:0;
	left:calc(50% - 5px);
	transform:translateX(-50%);
	padding:0;
	z-index:1;
	display:flex;
	align-items:center;
	justfy-content:center;
	}
	header > #commons-header-main-inner > #header-always-on-display-board > #header-site-title-logo > a{
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
	}
	header > #commons-header-main-inner > #header-always-on-display-board > #header-site-title-logo > a > svg > g > path#rf02{
	stroke-width:2px;
	}
	header#site-commons-header.view-flow > #commons-header-main-inner > #header-always-on-display-board > #header-site-title-logo{
	display:none;
	}

	/*-- アイコン付きメニュー --*/
	header > #commons-header-main-inner > #header-always-on-display-board > ul{
	gap:0 1rem;
	}
	header#site-commons-header:not(.view-flow) > #commons-header-main-inner > #header-always-on-display-board > ul{
	display:block;
	position:relative;
	width:100%;
	height:100%;
	padding:0;
	}
	header#site-commons-header:not(.view-flow) > #commons-header-main-inner > #header-always-on-display-board > ul > li{
	width:10vw;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	position:absolute;
	}
	header#site-commons-header:not(.view-flow) > #commons-header-main-inner > #header-always-on-display-board > ul > li#openMainMenuToggle{
	left:0;
	}
	header#site-commons-header:not(.view-flow) > #commons-header-main-inner > #header-always-on-display-board > ul > li#subMenuSearch{
	right:10vw;
	width:7vw;
	}
	header#site-commons-header:not(.view-flow) > #commons-header-main-inner > #header-always-on-display-board > ul > li#subMenuCart{
	right:2vw;
	width:7vw;
	}
	header#site-commons-header:not(.view-flow) > #commons-header-main-inner > #header-always-on-display-board > ul > li > div > span.material-symbols-outlined,
	header#site-commons-header:not(.view-flow) > #commons-header-main-inner > #header-always-on-display-board > ul > li > a > span.material-symbols-outlined{
	font-size:3rem;
	font-variation-settings:'wght' 200;
	}
	header#site-commons-header:not(.view-flow) > #commons-header-main-inner > #header-always-on-display-board > ul > li > div > ion-icon,
	header#site-commons-header:not(.view-flow) > #commons-header-main-inner > #header-always-on-display-board > ul > li > a > ion-icon{
	font-size:2.5rem;
	--ionicon-stroke-width:20px;
	}
	header#site-commons-header > #commons-header-main-inner > #header-always-on-display-board > ul > li#subMenuFavo,
	header#site-commons-header:not(.view-flow) > #commons-header-main-inner > #header-always-on-display-board > ul > li#subMenuMypage,
	header#site-commons-header:not(.view-flow) > #commons-header-main-inner > #header-always-on-display-board > ul > li#openBrandMenuToggle,
	header#site-commons-header:not(.view-flow) > #commons-header-main-inner > #header-always-on-display-board > ul > li > div > p,
	header#site-commons-header:not(.view-flow) > #commons-header-main-inner > #header-always-on-display-board > ul > li > a > p{
	display:none;
	}
	header#site-commons-header.view-flow > #commons-header-main-inner > #header-always-on-display-board > ul{
	justify-content:space-between;
	gap:0;
	}
	header#site-commons-header.view-flow > #commons-header-main-inner > #header-always-on-display-board > ul > li{
	width:calc(100% / 5);
	}
	header#site-commons-header.view-flow > #commons-header-main-inner > #header-always-on-display-board > ul > li > div,
	header#site-commons-header.view-flow > #commons-header-main-inner > #header-always-on-display-board > ul > li > a{
	display:block;
	text-align:center;
	}
	header#site-commons-header.view-flow > #commons-header-main-inner > #header-always-on-display-board > ul > li > div > p{
	font-size:1.1rem;
	}
	header#site-commons-header.view-flow  > #commons-header-main-inner > #header-always-on-display-board > ul > li > div > span.material-symbols-outlined,
	header#site-commons-header.view-flow  > #commons-header-main-inner > #header-always-on-display-board > ul > li > a > span.material-symbols-outlined{
	font-size:3rem;
	}

	/*-- サーチボックス --*/
	header > #commons-header-main-inner > #header-always-on-display-board > #headerMainSearchBox{
	position:absolute;
	top:0;
	left:0;
	z-index:999;
	padding:1.5rem;
	background:#fff;
	display:grid;
	align-items:center;
	gap:0 5px;
	grid-template-columns:1fr 40px;
	height:100%;
	max-height:65px;
	}
	header > #commons-header-main-inner > #header-always-on-display-board > #headerMainSearchBox:not(.active){
	display:none;
	}
	header > #commons-header-main-inner > #header-always-on-display-board > #headerMainSearchBox.active{
	display:grid;
	}
	header > #commons-header-main-inner > #header-always-on-display-board > #headerMainSearchBox > #spSearchCloseToggle{
	font-size:1.1rem;
	text-align:center;
	line-height:1;
	}
	header > #commons-header-main-inner > #header-always-on-display-board > #headerMainSearchBox > #spSearchCloseToggle > ion-icon{
	display:block;
	margin:0 auto;
	--ionicon-stroke-width:10px;
	font-size:4rem;
	}
	header#site-commons-header:not(.view-flow) > #commons-header-main-inner > #header-always-on-display-board > #headerMainSearchBox > #spSearchCloseToggle{
	font-size:1rem;
	}
	header#site-commons-header:not(.view-flow) > #commons-header-main-inner > #header-always-on-display-board > #headerMainSearchBox > #spSearchCloseToggle > ion-icon{
	font-size:3rem;
	}
	header#site-commons-header:not(.view-flow) > #commons-header-main-inner > #header-always-on-display-board > #headerMainSearchBox{
	padding:0 1.5rem;
	}
	header#site-commons-header.view-flow > #commons-header-main-inner > #header-always-on-display-board > #headerMainSearchBox{
	margin:0 auto 5px auto;
	}
	header#site-commons-header:not(.view-flow) > #commons-header-main-inner > #header-always-on-display-board > #headerMainSearchBox{
	padding:0 .5rem 0 1rem;
	}
	header > #commons-header-main-inner > #header-always-on-display-board > #headerMainSearchBox > form{
	font-size:1.3rem;
	height:40px;
	padding:5px 8px 5px 5px;
	}
	header#site-commons-header:not(.view-flow) > #commons-header-main-inner > #header-always-on-display-board > #headerMainSearchBox > form{
	height:35px;
	}
	header > #commons-header-main-inner > #header-always-on-display-board > #headerMainSearchBox > form > input::placeholder{
	color:#aaa;
	}

	/*-- ブランドメニュー --*/
	header > #commons-header-main-inner > #header-brand-menu-bar{
	width:100%;
	height:max-content;
	padding:8px 0;
	background:#f0f0f0;
	position:relative;
	border-top:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
	}
	header > #commons-header-main-inner > #header-brand-menu-bar > #brand-list-slide-main{
	height:max-content;
	width:calc(100% - 54px);
	margin:0 auto;
	border:0;
	}
	header > #commons-header-main-inner > #header-brand-menu-bar > #brand-list-slide-main > ol > li{
	height:42px;
	background:#f8f8f8;
	border-radius:5px;
	border:0;
	}
	header > #commons-header-main-inner > #header-brand-menu-bar > #brand-list-slide-main > ol > li > a > svg{
	fill:#372d2a;
	height:14px;
	}
	header > #commons-header-main-inner > #header-brand-menu-bar > #brand-list-slide-main > ol > li > a > svg#logo_girl{
	height:20px;
	margin:2px 0 -2px 0;
	}
	header > #commons-header-main-inner > #header-brand-menu-bar > #brand-list-slide-main > ol > li > a > svg#logo_ampirula{
	height:15px;
	margin:2px 0 -2px 0;
	}
	header > #commons-header-main-inner > #header-brand-menu-bar > #brand-list-slide-main > ol > li > a > svg#logo_lowo{
	height:12px;
	}
	header > #commons-header-main-inner > #header-brand-menu-bar > .swiper-button-next,
	header > #commons-header-main-inner > #header-brand-menu-bar > .swiper-button-prev{
	color:#372d2a;
	width:25px;
	}
	header > #commons-header-main-inner > #header-brand-menu-bar > .swiper-button-next:after,
	header > #commons-header-main-inner > #header-brand-menu-bar > .swiper-button-prev:after{
	font-size:1.35rem;
	font-weight:900;
	}
	header > #commons-header-main-inner > #header-brand-menu-bar > .swiper-button-next{
	right:0;
	left:unset;
	}
	header > #commons-header-main-inner > #header-brand-menu-bar > .swiper-button-prev{
	right:unset;
	left:0;
	}
}




/*------------------------------------------------------------------
　ハンバーガーメニュー設定
 ------------------------------------------------------------------*/
/*-- 基本設定 --*/
header > #commons-header-main-inner > #header-switching-main-menu{
width:340px;
min-height:100vh;
height:100%;
overflow-y:scroll;
padding:0;
transform:translateX(-100%);
visibility:collapse;
background-color:#fff;
-webkit-transition:.2s ease-in-out;
-moz-transition:.2s ease-in-out;
transition:.2s ease-in-out;
position:fixed;
top:0;
left:0;
z-index:890;
}
header > #commons-header-main-inner > #header-switching-main-menu.open{
width:330px;
visibility:visible;
transform:translateX(0);
animation:fade-in .2s ease-in-out forwards;
}
header > #commons-header-main-inner > #header-switching-main-menu:not(.open){
animation:fade-out .2s ease-in-out forwards;
}
header > #commons-header-main-inner > #menuCloseToggleBack{
background:rgba(0,0,0,.2);
z-index:889;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
display:none;
cursor:pointer;
opacity:0;
animation:fade-in .9s ease-in-out forwards;
}
header > #commons-header-main-inner > #menuCloseToggleBack.open{
opacity:1;
display:block;
animation:fade-in .9s ease-in-out forwards;
}
header > #commons-header-main-inner > #menuCloseToggleBack > span{
font-size:6rem;
color:#fff;
font-variation-settings:'wght' 300;
position:fixed;
top:10px;
left:360px;
transform:translateX(-100%);
animation:fade-in .9s ease-in-out forwards;
}
header > #commons-header-main-inner > #menuCloseToggleBack.open > span{
transform:translateX(0);
animation:fade-in .9s ease-in-out forwards;
}

header > #commons-header-main-inner > #header-switching-main-menu > nav#headerMenuMain{
position:relative;
width:100%;
}
header > #commons-header-main-inner > #header-switching-main-menu > nav#headerMenuMain > section{
padding:20px 0;
}

/*-- 固定upper部分 --*/
header > #commons-header-main-inner > #header-switching-main-menu > nav#headerMenuMain > ul#members-menu-list{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:0 5px;
border-bottom:1px solid #ddd;
z-index:1;
position:sticky;
top:0;
background:#fff;
}
header > #commons-header-main-inner > #header-switching-main-menu > nav#headerMenuMain > ul#members-menu-list > li > a{
height:65px;
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
line-height:1;
}
header > #commons-header-main-inner > #header-switching-main-menu > nav#headerMenuMain > ul#members-menu-list > li > a > ion-icon {
font-size:25px;
margin:auto auto 0 auto;
}
header > #commons-header-main-inner > #header-switching-main-menu > nav#headerMenuMain > ul#members-menu-list > li > a > span{
display:block;
font-size:11px;
width:100%;
margin:8px auto auto auto;
text-align:center;
}

/*-- ログイン部分 --*/
header > #commons-header-main-inner > #header-switching-main-menu > nav#headerMenuMain > section#login-area{
background:#f5f5f5;
padding:30px 0;
}
header > #commons-header-main-inner > #header-switching-main-menu > nav#headerMenuMain > section#login-area > a{
background:#fff;
margin:0 auto;
display:block;
width:calc(100% - 40px);
padding:15px 20px;
border-radius:30px;
filter:drop-shadow(0 0 5px rgba(0,0,0,.1));
line-height:1;
position:relative;
}
header > #commons-header-main-inner > #header-switching-main-menu > nav#headerMenuMain > section#login-area > a:after{
content:"";
width:10px;
height:10px;
border-top:2px solid #505050;
border-right:2px solid #505050;
-webkit-transform:translateY(-50%) rotate(45deg);
transform:translateY(-50%) rotate(45deg);
display:block;
position:absolute;
top:50%;
right:20px;
}
header > #commons-header-main-inner > #header-switching-main-menu > nav#headerMenuMain > section#login-area > a > .main{
font-size:15px;
display:flex;
align-items:center;
font-weight:600;
color:#000;
}
header > #commons-header-main-inner > #header-switching-main-menu > nav#headerMenuMain > section#login-area > a > .main:before{
content:"";
background:url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20400%20400%22%20style%3D%22enable-background%3Anew%200%200%20400%20400%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFEF15%3B%7D%20.st1%7Bfill%3A%23107C64%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M142.276901%2C20.095709C129.292496%2C4.01661%2C118.662598%2C3.07521%2C109.647499%2C3.07521%20c-9.015205%2C0-14.195396%2C2.0181-20.586502%2C7.1982c-6.391594%2C5.1802-8.746094%2C15.4068-8.746094%2C26.103588%20c0%2C10.697208%2C0%2C167.249008%2C0%2C189.786102c0%2C22.538101%2C5.449699%2C30.41011%2C14.867699%2C42.721695%20c9.418495%2C12.311493%2C88.064987%2C114.235291%2C93.447296%2C120.020508c5.382294%2C5.787079%2C9.257294%2C8.019501%2C11.370102%2C8.019501V93.292999%20C200%2C93.292999%2C155.260696%2C36.175308%2C142.276901%2C20.095709z%22%2F%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M310.940399%2C10.27341c-6.392517-5.1801-11.572205-7.1982-20.586914-7.1982%20c-9.016602%2C0-19.645477%2C0.9414-32.629883%2C17.020498C244.740189%2C36.175308%2C200%2C93.292999%2C200%2C93.292999v303.631805%20c2.113297%2C0%2C5.988297-2.232422%2C11.370102-8.019501c5.383789-5.785217%2C84.029282-107.709015%2C93.447281-120.020508%20c9.417999-12.311584%2C14.867218-20.183594%2C14.867218-42.721695c0-22.537094%2C0-179.088898%2C0-189.786102%20C319.684601%2C25.68021%2C317.331085%2C15.453609%2C310.940399%2C10.27341z%22%2F%3E%20%3Cpath%20d%3D%22M200%2C141.193405c0%2C0%2C2.757797-13.387695%2C10.024399-27.448799c7.266602-14.060997%2C11.84079-19.779297%2C21.125-32.1577%20c9.284195-12.379395%2C27.718796-35.656696%2C36.397507-47.026398c8.67868-11.3701%2C15.405182-12.7153%2C23.142578-12.7153%20c7.737305%2C0%2C15.608398%2C8.1402%2C15.608398%2C21.0571c0%2C12.9175%2C0%2C160.58989%2C0%2C173.573288%20c0%2C12.984406-6.190491%2C20.519501-10.898499%2C27.112305l-91.765594%2C118.272507v33.773376c0%2C0%2C2.354507-0.941406%2C7.736313-6.728485%20c5.383789-5.785217%2C84.029282-107.709015%2C93.447281-120.020508c9.417999-12.311584%2C14.867218-20.183594%2C14.867218-42.721695%20c0-22.537094%2C0-179.088898%2C0-189.786102c0-10.696789-2.353516-20.923389-8.744202-26.103588%20c-6.392517-5.1801-11.572205-7.1982-20.586914-7.1982c-9.016602%2C0-19.645477%2C0.9414-32.629883%2C17.020498%20C244.740189%2C36.175308%2C200%2C93.292999%2C200%2C93.292999s-44.739304-57.117691-57.723099-73.197289%20C129.292496%2C4.01661%2C118.662598%2C3.07521%2C109.647499%2C3.07521c-9.015205%2C0-14.195396%2C2.0181-20.586502%2C7.1982%20c-6.391594%2C5.1802-8.746094%2C15.4068-8.746094%2C26.103588c0%2C10.697208%2C0%2C167.249008%2C0%2C189.786102%20c0%2C22.538101%2C5.449699%2C30.41011%2C14.867699%2C42.721695c9.418495%2C12.311493%2C88.064987%2C114.235291%2C93.447296%2C120.020508%20c5.382294%2C5.787079%2C7.736298%2C6.728485%2C7.736298%2C6.728485v-33.773376l-91.764595-118.272507%20c-4.709-6.592804-10.898499-14.127899-10.898499-27.112305c0-12.983398%2C0-160.655792%2C0-173.573288%20c0-12.916901%2C7.871094-21.0571%2C15.608398-21.0571s14.463898%2C1.3452%2C23.142601%2C12.7153%20c8.678696%2C11.369701%2C27.112793%2C34.647003%2C36.396988%2C47.026398c9.28421%2C12.378403%2C13.858398%2C18.096703%2C21.124512%2C32.1577%20C197.242188%2C127.80571%2C200%2C141.193405%2C200%2C141.193405z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 50% 50%;
background-size:100% auto;
width:23px;
height:23px;
line-height:1;
margin:0 3px 0 0;
}
header > #commons-header-main-inner > #header-switching-main-menu > nav#headerMenuMain > section#login-area > .sub{
margin:1.8rem auto 1.5rem auto;
padding:0;
text-align:center;
font-size:12px;
letter-spacing:0;
font-weight:600;
}
header > #commons-header-main-inner > #header-switching-main-menu > nav#headerMenuMain > section#login-area > .sub > span{
color:#b30000;
}
header > #commons-header-main-inner > #header-switching-main-menu > nav#headerMenuMain > section#login-area > ul{
margin:10px auto 0 auto;
width:calc(100% - 40px);
}
header > #commons-header-main-inner > #header-switching-main-menu > nav#headerMenuMain > section#login-area > ul > li > a{
display:flex;
align-items:center;
}
header > #commons-header-main-inner > #header-switching-main-menu > nav#headerMenuMain > section#login-area > ul > li > a > span{
font-size:12px;
text-decoration:underline;
}
header > #commons-header-main-inner > #header-switching-main-menu > nav#headerMenuMain > section#login-area > ul > li > a:before{
font-family:'Material Symbols Outlined';
content:"\e5df";
font-size:1.8em;
line-height:1;
font-size:22px;
display:block;
margin:0;
}


/*-- メニュー設定（基本） --*/
header > #commons-header-main-inner > #header-switching-main-menu > nav#headerMenuMain > section.menu-list-wrap > .title{
font-weight:600;
margin-bottom:10px;
font-size:14px;
}
header > #commons-header-main-inner > #header-switching-main-menu > nav#headerMenuMain > section.menu-list-wrap{
width:calc(100% - 40px);
margin:0 auto;
}
header > #commons-header-main-inner > #header-switching-main-menu > nav#headerMenuMain > section.menu-list-wrap > ul{
border-bottom:1px solid #ddd;
}
header > #commons-header-main-inner > #header-switching-main-menu > nav#headerMenuMain > section.menu-list-wrap > ul > li{
width:100%;
height:55px;
font-size:14px;
display:flex;
align-items:center;
padding:0;
border-top:1px solid #ddd;
}
header > #commons-header-main-inner > #header-switching-main-menu > nav#headerMenuMain > section.menu-list-wrap > ul > li > a{
font-size:13px;
display:flex;
align-items:center;
gap:0 4px;
width:100%;
position:relative;
padding:0;
letter-spacing:0;
}
header > #commons-header-main-inner > #header-switching-main-menu > nav#headerMenuMain > section.menu-list-wrap > ul > li > a:after{
content:"";
width:10px;
height:10px;
border-top:1px solid #505050;
border-right:1px solid #505050;
-webkit-transform:translateY(-50%) rotate(45deg);
transform:translateY(-50%) rotate(45deg);
display:block;
position:absolute;
top:50%;
right:0;
}

/*-- メニュー設定（欲しい商品を見つける） --*/
header > #commons-header-main-inner > #header-switching-main-menu > nav#headerMenuMain > section#menu_category-search-area.menu-list-wrap{
padding-top:35px;
}
header > #commons-header-main-inner > #header-switching-main-menu > nav#headerMenuMain > section#menu_category-search-area.menu-list-wrap > form{
width:100%;
height:40px;
padding:0 15px;
margin:0 auto 20px auto;
background:#fff;
display:flex;
align-items:center;
justify-content:space-between;
border-radius:5px;
font-size:13px;
border:2px solid #ddd;
}
header > #commons-header-main-inner > #header-switching-main-menu > nav#headerMenuMain > section#menu_category-search-area.menu-list-wrap > form > ion-icon{
margin:0 2px 0 0;
font-size:19px;
}
header > #commons-header-main-inner > #header-switching-main-menu > nav#headerMenuMain > section#menu_category-search-area.menu-list-wrap > form > input[type=text]{
padding:0;
height:100%;
}
header > #commons-header-main-inner > #header-switching-main-menu > nav#headerMenuMain > section.menu-list-wrap > ul > li > a > .logo > svg#logo_girl,
header > #commons-header-main-inner > #header-switching-main-menu > nav#headerMenuMain > section.menu-list-wrap > ul > li > a > .logo > svg#logo_flolia{
stroke-width:1px;
stroke:#fff;
}
header > #commons-header-main-inner > #header-switching-main-menu > nav#headerMenuMain > section.menu-list-wrap > ul > li > a > .logo > svg#logo_elfrank{
stroke-width:4px;
stroke:#fff;
}

/*-- メニュー設定（ABOUT US） --*/
header > #commons-header-main-inner > #header-switching-main-menu > nav#headerMenuMain > section#menu_shop-info-area{
padding-bottom:80px;
}

@media screen and (max-width:768px){
	/*-- 基本設定 --*/
	header > #commons-header-main-inner > #header-switching-main-menu,
	header > #commons-header-main-inner > #header-switching-main-menu.open{
	min-height:calc((var(--vh, 1vh) * 100));
	width:80vw;
	}
	header > #commons-header-main-inner > #menuCloseToggleBack > span{
	font-size:calc(20vw - 20px);
	left:calc(80vw + 10px);
	}
}




/*------------------------------------------------------------------
　ブランドメニュー設定
 ------------------------------------------------------------------*/
header > #commons-header-main-inner > #header-switching-brand-menu{
max-width:800px;
width:100%;
height:max-content;
max-height:90vh;
/*--overflow-y:scroll;--*/
padding:0;
transform:translateY(-200%) translateX(-50%);
visibility:collapse;
-webkit-transition:.2s ease-in-out;
-moz-transition:.2s ease-in-out;
transition:.2s ease-in-out;
position:fixed;
top:50%;
left:50%;
background:#fff;
z-index:890;
}
header > #commons-header-main-inner > #header-switching-brand-menu.open{
transform:translateY(-50%) translateX(-50%);
visibility:visible;
animation:fade-in .2s ease-in-out forwards;
}
header > #commons-header-main-inner > #header-switching-brand-menu:not(.open){
animation:fade-out .2s ease-in-out forwards;
}
header > #commons-header-main-inner > #brandCloseToggleBack{
background:rgba(0,0,0,.2);
z-index:889;
position:fixed;
transform:translateY(-200%);
top:0;
left:0;
width:100%;
height:100%;
display:none;
cursor:pointer;
opacity:0;
animation:fade-in .9s ease-in-out forwards;
}
header > #commons-header-main-inner > #brandCloseToggleBack.open{
transform:translateY(0);
opacity:1;
display:block;
animation:fade-in .9s ease-in-out forwards;
}
header > #commons-header-main-inner > #header-switching-brand-menu > nav{
width:100%;
position:relative;
}
header > #commons-header-main-inner > #header-switching-brand-menu > nav > #brandCloseToggle{
font-size:5rem;
position:absolute;
top:5px;
right:5px;
cursor:pointer;
}
header > #commons-header-main-inner > #header-switching-brand-menu > nav > p{
font-weight:600;
letter-spacing:.08em;
font-size:1.8rem;
text-align:center;
padding:30px 0 0 0;
}
header > #commons-header-main-inner > #header-switching-brand-menu > nav > ul{
display:grid;
align-items:center;
justify-content:center;
gap:20px 40px;
padding:30px;
}
header > #commons-header-main-inner > #header-switching-brand-menu > nav > ul > li > a{
display:flex;
align-items:center;
justify-content:center;
line-height:1;
/*--height:100px;
background:#fff;
border:1px solid #ddd;--*/
}
/*--
header > #commons-header-main-inner > #header-switching-brand-menu > nav > ul > li > a > svg#logo_elfrank{
width:calc(100% - 60px);
max-width:150px;
height:auto;
}
header > #commons-header-main-inner > #header-switching-brand-menu > nav > ul > li > a > svg#logo_girl{
height:40px;
width:auto;
}
header > #commons-header-main-inner > #header-switching-brand-menu > nav > ul > li > a > svg#logo_flolia{
height:30px;
width:auto;
}
header > #commons-header-main-inner > #header-switching-brand-menu > nav > ul > li > a > svg#logo_ampirula{
width:calc(100% - 60px);
max-width:140px;
height:auto;
}
header > #commons-header-main-inner > #header-switching-brand-menu > nav > ul > li > a > svg#logo_lowo{
height:25px;
width:auto;
}
--*/
@media screen and (min-width:769px){
	header > #commons-header-main-inner > #header-switching-brand-menu > nav > ul{
	grid-template-columns:repeat(3,1fr);
	}
}
@media screen and (max-width:768px){
	header > #commons-header-main-inner > #header-switching-brand-menu{
	width:100vw;
	height:100%;
	max-width:unset;
	max-height:unset;
	min-height:100vh;
	overflow-y:scroll;
	top:0;
	left:0;
	transform:translateY(-200%);
	}
	header > #commons-header-main-inner > #header-switching-brand-menu.open{
	transform:translateY(0);
	}
	header > #commons-header-main-inner > #brandCloseToggleBack{
	display:none;
	}
	header > #commons-header-main-inner > #header-switching-brand-menu > nav > ul{
	grid-template-columns:repeat(2,1fr);
	gap:10px;
	padding:20px;
	}
}