@charset "UTF-8";

/* --------------------------------------------------------------------
　ヘッダ基本設定
-------------------------------------------------------------------- */
header#site-commons-header-wrapper{
width:100%;
background:#fff;
transition:.4s ease-in-out;
}

/*-- アテンション --*/
header#site-commons-header-wrapper > #commons-header-sub-inner{
width:100%;
text-align:center;
overflow:hidden;
}
header#site-commons-header-wrapper > #commons-header-sub-inner > div{
width:100%;
height:100%;
margin:0 auto;
background:#fff;
}
header#site-commons-header-wrapper > #commons-header-sub-inner > div > p > a{
display:block;
width:100%;
height:100%;
}
header#site-commons-header-wrapper > #commons-header-sub-inner > div > #attentionScrollFreeship > a{
background:#243d66 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#site-commons-header-wrapper > #commons-header-sub-inner > div > #attentionScrollMembers > a{
background:#d1a252 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#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-store-rogo-contents{
}

/*-- サーチエリア --*/
header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-search-contents{
}
header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-search-contents > .free-form > form{
display:flex;
align-items:center;
width:100%;
background:#fff;
}
header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-search-contents > .free-form > form > [type=text]{
font-size:1.2rem;
}
header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-search-contents > .free-form > form > ion-icon{
font-size:2.5rem;
color:#b4b4b4;
}

/*-- メニュー --*/
header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li,
header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li > a{
line-height:1;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
cursor:pointer;
}
header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li > ion-icon,
header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li > a > ion-icon{
--ionicon-stroke-width:10px;
}

/*-- ブランドリスト --*/
header#site-commons-header-wrapper > #commons-header-main-inner > #commons-header-brand-list-contents{
}
header#site-commons-header-wrapper > #commons-header-main-inner > #commons-header-brand-list-contents > div > ul > li > a{
display:flex;
align-items:center;
justify-content:center;
}

@media screen and (min-width:769px){
	/*-- アテンション --*/
	header#site-commons-header-wrapper > #commons-header-sub-inner{
	height:3.8rem;
	margin:0;
	}

	/*-- インナーセクション --*/
	header#site-commons-header-wrapper > #commons-header-main-inner > section{
	display:grid;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	grid-template-columns:1fr 300px 160px;
	gap:0 .5rem;
	width:1180px;
	margin:0 auto;
	padding:1.8rem 2rem 2rem 2rem;
	}

	/*-- サイトロゴ --*/
	header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-store-rogo-contents{
	display:flex;
	align-items:center;
	gap:0 1.5rem;
	height:4.5rem;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-store-rogo-contents > a{
	width:290px;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-store-rogo-contents:after{
	content:attr(data-label);
	display:block;
	font-size:1.2rem;
	opacity:.6;
	letter-spacing:.02em;
	}

	/*-- サーチエリア --*/
	header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-search-contents > .free-form{
	display:flex;
	align-items:center;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-search-contents > .free-form > form{
	margin:auto 0 auto auto;
	padding:0 1.5rem 0 1.8rem;
	height:4rem;
	background:#f4f4f4;
	border-radius:.5rem;
	}

	/*-- メニュー --*/
	header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:0;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li{
	margin:auto 0 auto auto;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li#tap-link-menu{
	margin:0 0 0 1.5rem;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li#tap-link-search{
	display:none;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li > span.material-symbols-outlined,
	header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li > a > span.material-symbols-outlined{
	font-size:3.0rem;
	line-height:1;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li > ion-icon,
	header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li > a > ion-icon{
	font-size:2.3rem;
	line-height:1;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li > p,
	header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li > a > p{
	display:none;
	}

	/*-- ブランドリスト --*/
	header#site-commons-header-wrapper > #commons-header-main-inner > #commons-header-brand-list-contents{
	width:1180px;
	margin:0 auto;
	padding:0 2rem 1.8rem 2rem;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > #commons-header-brand-list-contents > p{
	display:none;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > #commons-header-brand-list-contents > div{
	margin:0;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > #commons-header-brand-list-contents > div > ul{
	position:unset;
	transform:unset;
	display:grid;
	align-items:center;
	grid-template-columns:repeat(5,1fr);
	gap:0 .5rem;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > #commons-header-brand-list-contents > div > ul > li{
	flex-shrink:unset;
	position:unset;
	transition-property:unset;
	display:flex;
	align-items:center;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > #commons-header-brand-list-contents > div > ul > li:nth-child(1):before,
	header#site-commons-header-wrapper > #commons-header-main-inner > #commons-header-brand-list-contents > div > ul > li:after{
	content:"";
	width:1px;
	height:80%;
	background:#dcdcdc;
	display:block;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > #commons-header-brand-list-contents > div > ul > li > a{
	width:100%;
	height:2.8rem;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > #commons-header-brand-list-contents > div > ul > li > a > span.bk#rogo-girl{
	height:2.3rem;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > #commons-header-brand-list-contents > div > ul > li > a > span#rogo-elfrank,
	header#site-commons-header-wrapper > #commons-header-main-inner > #commons-header-brand-list-contents > div > ul > li > a > span#rogo-flolia{
	height:1.6rem;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > #commons-header-brand-list-contents > div > ul > li > a > span#rogo-ampirula{
	height:1.9rem;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > #commons-header-brand-list-contents > div > ul > li > a > span#rogo-lowo{
	height:1.4rem;
	}
}
@media screen and (max-width:768px){
	/*-- アテンション --*/
	header#site-commons-header-wrapper > #commons-header-sub-inner{
	height:4rem;
	}

	/*-- インナーセクション --*/
	header#site-commons-header-wrapper > #commons-header-main-inner > section{
	display:flex;
	flex-wrap:wrap;
	}

	/*-- サイトロゴ --*/
	header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-store-rogo-contents{
	height:5rem;
	margin:0;
	padding:0;
	order:2;
	width:60vw;
	position:absolute;
	top:4rem;
	left:50%;
	transform:translateX(-50%);
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-store-rogo-contents > a{
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-store-rogo-contents > a > span{
	width:100%;
	}

	/*-- サーチエリア --*/
	header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-search-contents{
	position:fixed;
	z-index:999;
	bottom:0;
	left:0;
	width:100vw;
	max-height:75vh;
	border-radius:10px 10px 0 0;
	transform:translateY(100%);
	transition:transform .6s cubic-bezier(.75,0,.175,1), visibility .6s cubic-bezier(.75,0,.175,1);
	touch-action:manipulation;
	visibility:hidden;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	display:initial;
	margin:0;
	padding:3rem;
	background:#fff;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-search-contents.open{
	transform:translateY(0);
	visibility:visible;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-search-contents > .free-form:before{
	content:"フリーワードで探す";
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-search-contents > .free-form:before{
	font-size:1.4rem;
	margin-bottom:1.5rem;
	font-weight:600;
	line-height:1;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-search-contents > .free-form > form{
	margin:auto;
	padding:0 .5rem 0 1.5rem;
	height:4rem;
	background:#f4f4f4;
	border-radius:0;
	}

	header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-search-contents > .sp-only-view{
	margin-top:3rem;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-search-contents > .sp-only-view > .title{
	font-size:1.4rem;
	margin-bottom:1rem;
	font-weight:600;
	line-height:1;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-search-contents > .sp-only-view > ul{
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	margin:0;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-search-contents > .sp-only-view > ul > li{
	border-bottom:1px solid #ddd;
	margin:0;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-search-contents > .sp-only-view > ul > li > a{
	font-size:1.3rem;
	line-height:1;
	width:100%;
	height:4.5rem;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0 1rem 0 1.5rem;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-search-contents > .sp-only-view > ul > li > a:after{
	font-family:'Material Symbols Outlined';
	content:"\e5e1";
	line-height:1;
	font-size:1.4rem;
	font-variation-settings:'FILL' 0,'wght' 300,'GRAD' 0,'opsz' 24;
	}

	/*-- メニュー --*/
	header#site-commons-header-wrapper:not(.follow) > #commons-header-main-inner > section > #commons-header-menu-contents{
	order:1;
	width:100%;
	padding:0;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul{
	display:grid;
	height:5rem;
	}
	header#site-commons-header-wrapper:not(.follow) > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul{
	display:flex;
	justify-content:space-between;
	}
	header#site-commons-header-wrapper:not(.follow) > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li{
	margin:0;
	width:max-content;
	}
	header#site-commons-header-wrapper:not(.follow) > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li#tap-link-menu{
	order:1;
	padding-left:1rem;
	}
	header#site-commons-header-wrapper:not(.follow) > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li#tap-link-menu > .material-symbols-outlined{
	font-size:8vw;
	}
	header#site-commons-header-wrapper:not(.follow) > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li#tap-link-search{
	order:2;
	margin:0 0 0 auto;
	padding-right:.5rem;
	}
	header#site-commons-header-wrapper:not(.follow) > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li#tap-link-search > .material-symbols-outlined{
	font-size:5vw;
	}
	header#site-commons-header-wrapper:not(.follow) > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li#tap-link-cart{
	order:3;
	padding-right:1rem;
	}
	header#site-commons-header-wrapper:not(.follow) > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li#tap-link-cart > ion-icon{
	font-size:5vw;
	}
	header#site-commons-header-wrapper:not(.follow) > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li#tap-link-mypage,
	header#site-commons-header-wrapper:not(.follow) > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li#tap-link-favo,
	header#site-commons-header-wrapper:not(.follow) > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li > p,
	header#site-commons-header-wrapper:not(.follow) > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li > a > p{
	display:none;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li{
	margin:auto;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li > ion-icon,
	header#site-commons-header-wrapper > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li > a > ion-icon{
	font-size:2.3rem;
	}

	/*-- ブランドリスト --*/
	header#site-commons-header-wrapper > #commons-header-main-inner > #commons-header-brand-list-contents{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:1.2rem 0 0 0;
	border-top:1px solid #f4f4f4;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > #commons-header-brand-list-contents > p{
	font-size:.95rem;
	letter-spacing:.115em;
	text-align:center;
	line-height:1;
	padding:1.2rem 0 .9rem 0;
	margin:0 auto;
	color:#484848;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > #commons-header-brand-list-contents > #brand-list-slide-main{
	height:max-content;
	width:calc(100% - 4rem);
	margin:0 auto;
	padding:0;
	overflow:hidden;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > #commons-header-brand-list-contents > #brand-list-slide-main > ul > li{
	height:3.8rem;
	background:#f8f8f8;
	border-radius:.5rem;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > #commons-header-brand-list-contents > div > ul > li > a{
	width:100%;
	height:100%;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > #commons-header-brand-list-contents > #brand-list-slide-main > ul > li > a{
	
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > #commons-header-brand-list-contents > #brand-list-slide-main > ul > li > a > #rogo-girl{
	height:1.8rem;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > #commons-header-brand-list-contents > #brand-list-slide-main > ul > li > a > #rogo-elfrank{
	height:1.3rem;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > #commons-header-brand-list-contents > #brand-list-slide-main > ul > li > a > #rogo-flolia{
	height:1.4rem;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > #commons-header-brand-list-contents > #brand-list-slide-main > ul > li > a > #rogo-ampirula{
	height:1.45rem;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > #commons-header-brand-list-contents > #brand-list-slide-main > ul > li > a > #rogo-lowo{
	height:1.12rem;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > #commons-header-brand-list-contents > .swiper-button-next,
	header#site-commons-header-wrapper > #commons-header-main-inner > #commons-header-brand-list-contents > .swiper-button-prev{
	color:#fff;
	width:2rem;
	height:4rem;
	top:1.2rem;
	margin:0;
	display:flex;
	align-items:center;
	justify-content:center;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > #commons-header-brand-list-contents > .swiper-button-next:after,
	header#site-commons-header-wrapper > #commons-header-main-inner > #commons-header-brand-list-contents > .swiper-button-prev:after{
	font-size:1.2rem;
	font-weight:600;
	/*--color:#b6b6b6;--*/
	color:#a5a5a5;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:100%;
	margin:auto;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > #commons-header-brand-list-contents > .swiper-button-next{
	right:.1rem;
	left:auto;
	}
	header#site-commons-header-wrapper > #commons-header-main-inner > #commons-header-brand-list-contents > .swiper-button-prev{
	right:auto;
	left:.1rem;
	}
}


/* --------------------------------------------------------------------
　ハンバーガーメニュー設定
-------------------------------------------------------------------- */
#menuCloseToggleBack{
background:rgba(0,0,0,.2);
width:100vw;
height:100vh;
position:fixed;
top:0;
left:0;
z-index:899;
display:none;
cursor:pointer;
opacity:0;
animation:fade-in .9s ease-in-out forwards;
}
#menuCloseToggle{
position:fixed;
z-index:1;
color:#fff;
font-variation-settings:'wght' 300;
position:fixed;
transform:translateX(-100%);
animation:fade-in .9s ease-in-out forwards;
}
#commons-header-switching-menu-contents{
position:fixed;
top:0;
left:0;
background:#fff;
z-index:900;
min-height:100vh;
transform:translateX(-100%);
transition:transform .6s cubic-bezier(.75,0,.175,1), visibility .6s cubic-bezier(.75,0,.175,1);
touch-action:manipulation;
visibility:hidden;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
display:initial;
margin:0;
padding:0;
background:#fff;
}
#commons-header-switching-menu-contents > nav{
position:relative;
overflow-y:scroll;
height:100vh;
background:#fff;
border-bottom:1px solid #ddd;
}
#menuCloseToggleBack.open{
opacity:1;
display:block;
animation:fade-in .9s ease-in-out forwards;
}
#commons-header-switching-menu-contents.open{
visibility:visible;
transform:translateX(0);
animation:fade-in .2s ease-in-out forwards;
}

/*-- ログインボタンエリア --*/
#commons-header-switching-menu-contents > nav > #login-area{
background:#f7f7f7;
}
#commons-header-switching-menu-contents > nav > #login-area > a{
display:flex;
align-items:center;
gap:0 1.5rem;
border-radius:.5rem;
background:#fff;
border:2px solid #ddd;
position:relative;
font-weight:600;
}
#commons-header-switching-menu-contents > nav > #login-area > a: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%;
aspect-ratio:1 / 1;
height:100%;
line-height:1;
border-right:1px solid #ddd;
}
#commons-header-switching-menu-contents > nav > #login-area > a:after{
content:"";
width:1rem;
height:1rem;
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:1.5rem;
}
#commons-header-switching-menu-contents > nav > #login-area > .sub{
padding:0;
letter-spacing:0;
font-size:1.4rem;
font-weight:600;
text-align:center;
line-height:1;
margin:0 auto 2rem auto;
}
#commons-header-switching-menu-contents > nav > #login-area > .sub > span {
color:#b30000;
}
#commons-header-switching-menu-contents > nav > #login-area > ul{
margin:1.5rem auto 0 auto;
}
#commons-header-switching-menu-contents > nav > #login-area > ul > li > a{
display:flex;
align-items:center;
}
#commons-header-switching-menu-contents > nav > #login-area > ul > li > a:before{
font-family:'Material Symbols Outlined';
content:"\e5df";
line-height:1;
display:block;
margin:0;
}
#commons-header-switching-menu-contents > nav > #login-area > ul > li > a > span{
text-decoration:underline;
}

/*-- メニュー設定 --*/
#commons-header-switching-menu-contents > nav > .menu-list-wrap{
padding:3rem 2rem;
border-top:1rem solid #f7f7f7;
}
#commons-header-switching-menu-contents > nav > .menu-list-wrap > .title{
font-size:1.4rem;
font-weight:600;
}
#commons-header-switching-menu-contents > nav > .menu-list-wrap:not(#menu_brand-search-area) > .title{
margin-bottom:.5rem;
}
#commons-header-switching-menu-contents > nav > #menu_brand-search-area.menu-list-wrap > .title{
margin-bottom:1.5rem;
}
#commons-header-switching-menu-contents > nav > .menu-list-wrap:not(#menu_brand-search-area) > ul > li > a{
font-size:1.3rem;
height:5rem;
display:flex;
align-items:center;
}
#commons-header-switching-menu-contents > nav > .menu-list-wrap:not(#menu_brand-search-area) > ul > li > a:after{
content:"";
width:1rem;
height:1rem;
border-top:1px solid #505050;
border-right:1px solid #505050;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
display:block;
margin:auto 0 auto auto;
}
#commons-header-switching-menu-contents > nav > #menu_brand-search-area > ul > li{
margin-bottom:2rem;
}
#commons-header-switching-menu-contents > nav > #menu_brand-search-area > ul > li > a{
display:grid;
grid-template-columns:7rem 1fr;
gap:0 1.2rem;
position:relative;
}
#commons-header-switching-menu-contents > nav > #menu_brand-search-area > ul > li > a:after{
content:"";
width:1rem;
height:1rem;
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;
}
#commons-header-switching-menu-contents > nav > #menu_brand-search-area > ul > li > a > figure{
aspect-ratio:1 / 1;
overflow:hidden;
border-radius:.5rem;
}
#commons-header-switching-menu-contents > nav > #menu_brand-search-area > ul > li > a > .brand-ex-text{
display:flex;
align-items:center;
flex-wrap:wrap;
}
#commons-header-switching-menu-contents > nav > #menu_brand-search-area > ul > li > a > .brand-ex-text > .title{
line-height:1;
margin:auto auto .5rem 0;
width:100%;
}
#commons-header-switching-menu-contents > nav > #menu_brand-search-area > ul > li > a > .brand-ex-text > .text{
font-size:1.2rem;
line-height:1.5;
margin:0 auto auto auto;
padding:0 2rem 0 0;
}

/*-- Instagramメニュー設定 --*/
#commons-header-switching-menu-contents > nav > #menu_instagram-area{
background:#fff;
padding:4rem 2rem 10rem 2rem;
background:#f7f7f7;
}
#commons-header-switching-menu-contents > nav > #menu_instagram-area > .title{
margin-bottom:1.4rem;
display:flex;
align-items:center;
justify-content:left;
flex-wrap:wrap;
font-weight:600;
gap:0 .2rem;
}
#commons-header-switching-menu-contents > nav > #menu_instagram-area > ul{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:0 .8rem;
}
#commons-header-switching-menu-contents > nav > #menu_instagram-area > ul > li{
aspect-ratio:1 / 1;
width:100%;
height:100%;
}
#commons-header-switching-menu-contents > nav > #menu_instagram-area > ul > li > a{
width:100%;
height:100%;
display:flex;
align-items:center;
border-radius:100%;
background:#fff;
border:2px solid #f4f4f4;
}
#commons-header-switching-menu-contents > nav > #menu_instagram-area > ul > li > a:has(#rogo-girl),
#commons-header-switching-menu-contents > nav > #menu_instagram-area > ul > li > a:has(#rogo-flolia){
padding:1.45rem;
}
#commons-header-switching-menu-contents > nav > #menu_instagram-area > ul > li > a:has(#rogo-elfrank),
#commons-header-switching-menu-contents > nav > #menu_instagram-area > ul > li > a:has(#rogo-ampirula){
padding:.5rem;
}
#commons-header-switching-menu-contents > nav > #menu_instagram-area > ul > li > a > span{
width:100%;
}
#commons-header-switching-menu-contents > nav > #menu_instagram-area > p{
font-size:1.3rem;
line-height:1.4;
margin:2rem 0 0 0;
}

@media screen and (min-width:769px){
	#menuCloseToggle{
	font-size:5rem;
	top:1rem;
	left:440px;
	}
	#commons-header-switching-menu-contents{
	width:380px;
	}

	/*-- ログインボタンエリア --*/
	#commons-header-switching-menu-contents > nav > #login-area{
	padding:3rem 2rem 2rem 2rem;
	}
	#commons-header-switching-menu-contents > nav > #login-area > a{
	height:6rem;
	font-size:1.5rem;
	}
	#commons-header-switching-menu-contents > nav > #login-area > a:before{
	background-size:2.1rem auto;
	width:4.5rem;
	}
	#commons-header-switching-menu-contents > nav > #login-area > ul > li > a:before{
	font-size:2.5rem;
	}
	#commons-header-switching-menu-contents > nav > #login-area > ul > li > a > span{
	font-size:1.3rem;
	}

	/*-- メニュー設定 --*/
	#commons-header-switching-menu-contents > nav > #menu_brand-search-area > ul > li > a > .brand-ex-text > .title{
	font-size:1.3rem;
	font-weight:600;
	}

	/*-- Instagramメニュー設定 --*/
	#commons-header-switching-menu-contents > nav > #menu_instagram-area > .title{
	font-size:1.5rem;
	}
	#commons-header-switching-menu-contents > nav > #menu_instagram-area > p{
	font-size:1.3rem;
	line-height:1.4;
	}
}
@media screen and (max-width:768px){
	#menuCloseToggle{
	font-size:10vw;
	top:2.5vw;
	right:-22.5vw;
	}
	#commons-header-switching-menu-contents{
	width:85vw;
	}

	/*-- ログインボタンエリア --*/
	#commons-header-switching-menu-contents > nav > #login-area{
	padding:3rem 2rem 2rem 2rem;
	}
	#commons-header-switching-menu-contents > nav > #login-area > a:before{
	background-size:2.1rem auto;
	width:4.5rem;
	}
	#commons-header-switching-menu-contents > nav > #login-area > ul > li > a > span{
	font-size:1.2rem;
	}

	/*-- メニュー設定 --*/
	#commons-header-switching-menu-contents > nav > #menu_brand-search-area > ul > li > a > .brand-ex-text > .title{
	font-size:1.2rem;
	font-weight:600;
	}
}

/* --------------------------------------------------------------------
　追従メニュー設定
-------------------------------------------------------------------- */
@media screen and (min-width:769px){
	header#site-commons-header-wrapper.follow{
	position:fixed;
	z-index:800;
	transition:.4s ease-in-out;
	transform:translateY(76px);
	top:-76px;
	position:fixed;
	z-index:800;
	}
	#commons-header-sub-inner.hide,
	#commons-header-brand-list-contents.hide{
	display:none;
	}
}
@media screen and (max-width:768px){
	header#site-commons-header-wrapper.follow #commons-header-menu-contents{
	position:fixed;
	z-index:800;
	transition:.4s ease-in-out;
	transform:translateY(10rem);
	top:-10rem;
	height:6rem;
	display:flex;
	flex-wrap:wrap;
	background:#fff;
	}
	header#site-commons-header-wrapper.follow #commons-header-sub-inner{
	position:fixed;
	z-index:800;
	transition:.4s ease-in-out;
	transform:translateY(16rem);
	top:-10rem;
	display:flex;
	flex-wrap:wrap;
	}
	#site-commons-header-wrapper #commons-header-store-rogo-contents.hide,
	#site-commons-header-wrapper #commons-header-brand-list-contents.hide,
	#site-commons-header-wrapper #commons-header-search-contents.hide{
	display:none;
	}
	header#site-commons-header-wrapper.follow > #commons-header-main-inner > #commons-header-menu-contents{
	padding:0;
	}
	header#site-commons-header-wrapper.follow > #commons-header-main-inner,
	header#site-commons-header-wrapper.follow > #commons-header-main-inner > section,
	header#site-commons-header-wrapper.follow > #commons-header-main-inner > section > #commons-header-menu-contents,
	header#site-commons-header-wrapper.follow > #commons-header-main-inner > section > #commons-header-menu-contents > nav,
	header#site-commons-header-wrapper.follow > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul{
	width:100%;
	}
	header#site-commons-header-wrapper.follow > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul{
	grid-template-columns:repeat(5,1fr);
	height:100%;
	margin:0;
	padding:0;
	}
	header#site-commons-header-wrapper.follow > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li#tap-link-menu,
	header#site-commons-header-wrapper.follow > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li > a{
	height:100%;
	}
	header#site-commons-header-wrapper.follow > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li > a > .material-symbols-outlined,
	header#site-commons-header-wrapper.follow > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li > .material-symbols-outlined,
	header#site-commons-header-wrapper.follow > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li > a > ion-icon,
	header#site-commons-header-wrapper.follow > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li > ion-icon{
	font-size:2.5rem;
	margin:auto auto 0 auto;
	}
	header#site-commons-header-wrapper.follow > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li > a > p,
	header#site-commons-header-wrapper.follow > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li > p{
	font-size:1.0rem;
	line-height:1;
	width:100%;
	text-align:center;
	margin:.1rem auto auto auto;
	}
	header#site-commons-header-wrapper.follow > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li#tap-link-menu{
	order:1;
	}
	header#site-commons-header-wrapper.follow > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li#tap-link-favo{
	order:2;
	}
	header#site-commons-header-wrapper.follow > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li#tap-link-search{
	order:3;
	}
	header#site-commons-header-wrapper.follow > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li#tap-link-mypage{
	order:4;
	}
	header#site-commons-header-wrapper.follow > #commons-header-main-inner > section > #commons-header-menu-contents > nav > ul > li#tap-link-cart{
	order:5;
	}
}