@charset "UTF-8";

/* ----------------------------------
 Layout
---------------------------------- */
.pane-contents,
.pane-order-contents { padding-bottom: 1px !important;}
.pane-contents .container,
.pane-order-contents .container { padding: 25px 15px; margin: 0;}

@media screen and (min-width: 769px) {
	.pane-contents .container,
	.pane-order-contents .container { max-width: 1360px; padding: 40px 50px; margin: 0 auto; box-sizing: border-box;}
	
	body.page-search .pane-contents .container,
	body.page-category .pane-contents .container,
	body.page-genre .pane-contents .container,
	body.page-event .pane-contents .container,
	body.page-goods .pane-contents .container { max-width: 1720px;}
	
	body.page-search .pane-footer,
	body.page-category .pane-footer,
	body.page-genre .pane-footer,
	body.page-event .pane-footer,
	body.page-goods .pane-footer { margin-top: 0;}
}

/* ----------------------------------
 Header - TOP
---------------------------------- */
#pc_header_top_block { display: none !important;}
#sp_header_top_block { display: block !important;}

@media screen and (min-width: 769px) {
	#pc_header_top_block { display: block !important;}
	#sp_header_top_block { display: none !important;}
}

#header .header-inner { max-width: 1620px; width: 100%; margin: 0 auto;}
#header .pane-header-top { padding: 0 5px; background: #E4E4E4; display: flex; justify-content: center; align-items: center;}
#header .pane-header-top .block-header-info { min-height: 32px; padding: 5px 0; display: flex; justify-content: center; align-items: center;}
#header .pane-header-top .block-header-info p { font-size: 12px; font-weight: 400; text-align: center; line-height: 1.2; color: #000;}
#header .pane-header-top .header-menu { display: none;}

@media screen and (min-width: 769px) {
	#header { height: 152px; position: relative;}
	#header .pane-header-top { height: 32px; padding: 0 20px; position: absolute; top: 0; left: 0; right: 0; z-index: 10;}
	#header.ps-fixed .pane-header-top { position: fixed;}
	#header .pane-header-top .block-header-info { padding: 5px 20px 5px 0; justify-content: flex-start;}
	#header .pane-header-top .block-header-info p { font-size: 13px; font-weight: 400; text-align: left;}
	#header .pane-header-top .header-inner { display: flex; justify-content: space-between; align-items: center;}
	#header .pane-header-top .header-menu { margin: 0 0 0 auto; display: flex; justify-content: flex-end; align-items: center;}
	#header .pane-header-top .header-menu li { font-size: 13px; font-weight: 400; line-height: 1.0; word-break: keep-all;}
	#header .pane-header-top .header-menu li + li { margin-left: 20px;}
	#header .pane-header-top .header-menu li a { height: 32px; font-size: 13px; font-weight: 400; line-height: 1.0; display: flex; align-items: center;}
	#header .pane-header-top .header-menu li.hnav-guide a {
		padding: 0 0 2px 18px;
		background-color: transparent;
		background-image: url("../../img/usr/common/ico_guide.png");
		background-repeat: no-repeat;
		-webkit-background-size: 11px auto;
		background-size: 11px auto;
		background-position: left center;
	}
	#header .pane-header-top .header-menu li.hnav-faq a {
		padding: 0 0 2px 23px;
		background-color: transparent;
		background-image: url("../../img/usr/common/ico_faq.png");
		background-repeat: no-repeat;
		-webkit-background-size: 16px auto;
		background-size: 16px auto;
		background-position: left center;
	}
}
@media screen and (min-width: 999px) {
	#header .pane-header-top .header-menu li { font-size: 15px;}
	#header .pane-header-top .header-menu li + li { margin-left: 30px;}
	#header .pane-header-top .header-menu li a { font-size: 15px;}
	#header .pane-header-top .block-header-info p { font-size: 15px;}
}
@media screen and (min-width: 1399px) {
	#header .pane-header-top { padding: 0 40px;}
}

/* SPヘッダー */
#header #smartpn_header_top .header-inner { height: 80px; padding: 0 15px; line-height: 1.0; display: flex; align-items: center;}
#header #smartpn_header_top .menu-switch { width: 40px; height: 80px; padding: 14px 0 0; cursor: pointer;}
#header #smartpn_header_top .menu-switch .icon-frame { width: 36px; height: 36px; border-radius: 5px; display: block; background: var(--site-color-green); position: relative;}
#header #smartpn_header_top .menu-switch .icon-frame .icon,
#header #smartpn_header_top .menu-switch .icon-frame::before,
#header #smartpn_header_top .menu-switch .icon-frame::after {
  content: '';
  width: 18px;
  border-top: #FFF 2px solid;
  transition: var(--site-transition);
  position: absolute;
  left: calc(50% - 9px);
}
#header #smartpn_header_top .menu-switch .icon-frame .icon { top: calc(50% - 1px);}
#header #smartpn_header_top .menu-switch .icon-frame::before { top: calc(50% - 7px);}
#header #smartpn_header_top .menu-switch .icon-frame::after  { top: calc(50% + 5px);}
#header #smartpn_header_top .menu-switch .icon-frame.active::before { top: calc(50% - 1px); transform: rotate(45deg);}
#header #smartpn_header_top .menu-switch .icon-frame.active::after { top: calc(50% - 1px); transform: rotate(-45deg);}
#header #smartpn_header_top .menu-switch .icon-frame.active .icon { display: none;}
#header #smartpn_header_top .menu-switch .text { margin: 0; font-size: 10px; font-weight: 400; text-align: center;}
#header #smartpn_header_top .logo-frame { width: calc(100% - 80px);}
#header #smartpn_header_top .logo-frame .store-name { margin: 0 0 3px; font-size: 10px; font-weight: 400; text-align: center;}
#header #smartpn_header_top .logo-frame .logo { margin: 0 auto; text-align: center;}
#header #smartpn_header_top .logo-frame .logo img { width: 96px; vertical-align: top;}
#header #smartpn_header_top .store-search { width: 40px;}
#header #smartpn_header_top .store-search .text { margin: 0; font-size: 10px; font-weight: 400; text-align: center;}
#header #smartpn_header_top .store-search a {
	width: 100%;
	padding: 50px 0 0 0;
	height: 80px;
	text-align: center;
	text-decoration: none;
	word-break: keep-all;
	white-space: nowrap;
	display: block;
	background-color: transparent;
	background-image: url("../../img/usr/common/ico_menu_store.png");
	background-repeat: no-repeat;
	background-position: center 15px;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	transition: var(--site-transition);
	position: relative;
}
@media screen and (min-width: 769px) {
	#header #smartpn_header_top { display: none !important;}
}

/* ----------------------------------
 Header - BOTTOM
---------------------------------- */
#header .pane-header-bottom { padding: 0; border-bottom: var(--site-border-solid); background: #FFF;}
#header .pane-header-bottom .header-inner { display: flex; justify-content: space-between; align-items: center;}
#header .pane-header-bottom .logo { display: none;}
#header .pane-header-bottom .header-frame-left { display: none;}
#header .pane-header-bottom .header-frame-right { width: 100%; display: block;}

/* キーワード検索 */
#header .header-frame-search-box { width: 100%; padding: 0 15px 10px; margin: 0;}
#header .block-global-search { width: 100%;}
#header .block-global-search form {
	width: 100%;
	height: 38px;
	border: var(--site-border-solid);
	border-radius: 38px;
	display: flex;
	align-items: center;
	background: var(--site-color-gray06);
	box-shadow: inset 0 0 3px 3px rgb(0,0,0,0.05);
}
#header .block-global-search form input[type="text"] {
	width: calc(100% - 65px);
	height: 36px;
	padding: 0 0 0 36px;
	margin: 0;
	border: none;
	border-radius: 40px;
	font-size: 15px;
	font-weight: 400;
	background-color: transparent;
	background-image: url("../../img/usr/common/ico_search.png");
	background-repeat: no-repeat;
	-webkit-background-size: 17px auto;
	background-size: 17px auto;
	background-position: 13px center;
}
#header .block-global-search form button {
	width: 60px;
	height: 28px;
	padding: 0;
	margin: 0;
	border: none;
	border-radius: 28px;
	font-size: 13px;
	font-weight: 700;
	text-align: center;
	color: #FFF;
	background: var(--site-color-green);
}
#header .block-global-search-keyward { display: none;}

/* 会員メニュー：SP表示時追従 */
#header .hnav-customer-menu-list {
	display: flex;
	justify-content: center;
	align-content: center;
	background: var(--site-color-light);
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
	box-shadow: 0 0 3px 3px rgb(0,0,0,0.05);
}
#header .hnav-customer-menu-list li { width: calc(100% / 5); height: 70px;}
#header .hnav-customer-menu-list li a {
	padding: 45px 0 0 0;
	height: 100%;
	text-align: center;
	text-decoration: none;
	word-break: keep-all;
	white-space: nowrap;
	display: block;
	transition: var(--site-transition);
	position: relative;
}
#header .hnav-customer-menu-list li a:hover { text-decoration: none;}
#header .hnav-customer-menu-list li a::before {
	content: '';
	width: 40px;
	height: 40px;
	display: block;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	position: absolute;
	top: 5px;
	left: 50%;
	transform: translateX(-50%);
}
#header .hnav-customer-menu-list li.hnav-store a::before { background-image: url("../../img/usr/common/ico_menu_store.png");}
#header .hnav-customer-menu-list li.hnav-bookmark a::before { background-image: url("../../img/usr/common/ico_menu_bookmark.png");}
#header .hnav-customer-menu-list li.hnav-guide a::before { background-image: url("../../img/usr/common/ico_menu_guide.png");}
#header .hnav-customer-menu-list li.hnav-faq a::before { background-image: url("../../img/usr/common/ico_menu_faq.png");}
#header .hnav-customer-menu-list li.hnav-login a::before { background-image: url("../../img/usr/common/ico_menu_login.png");}
#header .hnav-customer-menu-list li.hnav-mypage a::before { background-image: url("../../img/usr/common/ico_menu_mypage.png");}
#header .hnav-customer-menu-list li.hnav-entry a::before { background-image: url("../../img/usr/common/ico_menu_entry.png");}
#header .hnav-customer-menu-list li.hnav-history a::before { background-image: url("../../img/usr/common/ico_menu_history.png");}
#header .hnav-customer-menu-list li.hnav-cart a::before { background-image: url("../../img/usr/common/ico_menu_cart.png");}
#header .hnav-customer-menu-list li.hnav-cart .block-headernav--cart-count {
	width: 22px;
	height: 22px;
	padding: 0 0 2px 0;
	border-radius: 22px;
	font-family: var(--site-font-family-price);
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--site-color-pink);
	box-sizing: border-box;
	position: absolute;
	top: 8px;
	left: calc(50% + 8px);
}
#header .hnav-customer-menu-list li .text { font-size: 11px; text-align: center; line-height: 1.0; display: flex; justify-content: center; align-items: center;}
#header .hnav-customer-menu-list li.hnav-guide .text,
#header .hnav-customer-menu-list li.hnav-faq .text { letter-spacing: -0.5px;}
#header .hnav-customer-menu-list li + li a::after {
	content: '';
	height: 80%;
	border-left: var(--site-color-gray05) 1px solid;
	display: block;
	position: absolute;
	top: 10%;
	left: 0;
}

@media screen and (min-width: 769px) {
	#header .pane-header-bottom { height: 120px; padding: 0 10px 0 20px; display: flex; align-items: center; position: absolute; top: 32px; left: 0; right: 0; z-index: 10;}
	#header .pane-header-bottom .logo { width: 130px; min-width: 130px; padding: 0 20px 0 0; margin: 0; border: none; display: block; box-sizing: border-box;}
	#header .pane-header-bottom .logo img { width: 100%; vertical-align: top;}
	#header .pane-header-bottom .header-frame-left { width: calc(50% - 130px); padding: 0 20px 0 0; box-sizing: border-box; display: block;}
	#header .pane-header-bottom .header-frame-right { width: 50%; display: flex; flex-direction: column-reverse; justify-content: center;}
	#header .pane-header-bottom .store-name { margin: 0 0 10px; display: block; align-items: center;}
	#header .pane-header-bottom .store-name dt { font-size: 14px; font-weight: 700; line-height: 1.2; position: relative;}
	#header .pane-header-bottom .store-name dd { font-size: 14px; font-weight: 700; line-height: 1.2;}
	#header .hnav-store-menu-list { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 10px; background: transparent;}
	#header .hnav-store-menu-list li a { font-size: 13px; font-weight: 400; word-break: keep-all; white-space: nowrap; display: flex; align-items: center;}
	#header .hnav-store-menu-list li a::before {
		content: '';
		width: 14px;
		height: 14px;
		margin: 0 5px 0 0;
		border-radius: 17px;
		display: block;
		background-color: var(--site-color-green);
		background-image: url("../../img/usr/common/ico_arrow_w.png");
		background-repeat: no-repeat;
		-webkit-background-size: 5px auto;
		background-size: 5px auto;
		background-position: center;
	}
	#header .pane-header-bottom .hnav-store-menu-list.fixed-off { display: flex;}
	#header .pane-header-bottom .hnav-store-menu-list.fixed-on  { display: none;}
	
	/* キーワード検索 */
	#header .header-frame-search-box { padding: 0 20px 0 0;}
	#header .block-global-search { width: 100%;}
	#header .block-global-search form {
	  width: 100%;
	  height: 38px;
	  border: var(--site-border-solid);
	  border-radius: 38px;
	  display: flex;
	  align-items: center;
	  background: var(--site-color-gray06);
		box-shadow: inset 0 0 3px 3px rgb(0,0,0,0.05);
	}
	#header .block-global-search form input[type="text"] {
		width: calc(100% - 65px);
		height: 36px;
		padding: 0 0 0 36px;
		margin: 0;
		border: none;
		border-radius: 40px;
		font-size: 15px;
		font-weight: 400;
		background-color: transparent;
		background-image: url("../../img/usr/common/ico_search.png");
		background-repeat: no-repeat;
		-webkit-background-size: 17px auto;
		background-size: 17px auto;
		background-position: 13px center;
	}
	#header .block-global-search form button {
		width: 60px;
		height: 28px;
		padding: 0;
		margin: 0;
		border: none;
		border-radius: 28px;
		font-size: 13px;
		font-weight: 700;
		text-align: center;
		color: #FFF;
		background: var(--site-color-green);
	}
	#header .block-global-search-keyward { display: none;}
	
	/* 会員メニュー：SP表示時追従 */
	#header .hnav-customer-menu-list {
		margin: 0 0 10px;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		column-gap: 12px;
		background: transparent;
		position: relative;
		bottom: auto;
		left: auto;
		right: auto;
		z-index: 1;
		box-shadow: none;
	}
	#header .hnav-customer-menu-list li { min-width: 35px; height: 50px;}
	#header .hnav-customer-menu-list li a { padding: 35px 0 0 0; background-position: center 0; -webkit-background-size: 26px auto; background-size: 26px auto;}
	#header .hnav-customer-menu-list li a:hover { text-decoration: underline;}
	#header .hnav-customer-menu-list li a::before { width: 36px; height: 36px; top: 0;}
	#header .hnav-customer-menu-list li + li a::after { display: none !important;}
	#header .hnav-customer-menu-list li .text { font-size: 13px;}
	#header .hnav-customer-menu-list li.hnav-cart .block-headernav--cart-count { top: 0;}
}

@media screen and (min-width: 1199px) {
	#header .pane-header-bottom .header-frame-left { width: calc(50% - 174px);}
	#header .pane-header-bottom .logo { width: 174px; min-width: 174px; padding: 0 20px 0 0;}
	#header .pane-header-bottom .store-name { margin: 0 0 15px; display: flex; align-items: center;}
	#header .pane-header-bottom .store-name dt { padding: 0 10px 0 0; margin: 0 10px 0 0; font-size: 16px; font-weight: 700; word-break: keep-all; line-height: 1.2; position: relative;}
	#header .pane-header-bottom .store-name dt::after { content: ''; height: 90%; border-left: #999 1px solid; position: absolute; top: 5%; right: 0;}
	#header .pane-header-bottom .store-name dd { font-size: 16px; font-weight: 700; word-break: keep-all; line-height: 1.2;}
}

@media screen and (min-width: 1259px) {
	#header .pane-header-bottom .header-frame-right { display: flex; justify-content: flex-end; flex-direction: row; align-items: center;}
	#header .hnav-store-menu-list li a::before { width: 17px; height: 17px; -webkit-background-size: 6px auto; background-size: 6px auto;}
	#header .hnav-store-menu-list li a { font-size: 15px;}
	#header .header-frame-search-box { width: calc(100% - 340px); padding: 0 20px 0 0;}
	#header .block-global-search-keyward { margin: 15px 0 0; display: flex; align-items: center;}
	#header .block-global-search-keyward .ttl { font-size: 14px; font-weight: 400; word-break: keep-all; white-space: nowrap;}
	#header .block-global-search-keyward .ttl::after { content: '：';}
	#header .block-global-search-keyward .keyward-box { width: calc(100% - 84px); display: flex; overflow: hidden;}
	#header .block-global-search-keyward .keyward-box a {
		height: 28px;
		padding: 0 10px;
	  border: var(--site-border-solid);
	  border-radius: 28px;
		font-size: 14px;
		font-weight: 400;
		word-break: keep-all;
		white-space: nowrap;
		text-decoration: none;
	  display: flex;
	  align-items: center;
	  background: #FFF;
	}
	#header .block-global-search-keyward .keyward-box a + a { margin-left: 5px;}
	#header .block-global-search-keyward .keyward-box a.is-hidden { visibility: hidden;}
	#header .hnav-customer-menu-list { margin: 0;}
	#header .hnav-customer-menu-list li { min-width: 60px; height: 70px;}
	#header .hnav-customer-menu-list li a { padding: 50px 0 0 0;}
	#header .hnav-customer-menu-list li a::before { width: 46px; height: 46px; top: 0;}
	#header .hnav-customer-menu-list li.hnav-cart .block-headernav--cart-count { top: 0;}
	#header .pane-header-bottom .store-name dt { font-size: 18px;}
	#header .pane-header-bottom .store-name dd { font-size: 18px;}
}

@media screen and (min-width: 1399px) {
	#header .pane-header-bottom { padding: 0 40px;}
	#header .hnav-store-menu-list { padding: 0 40px 0 0; align-items: center; gap: 5px 20px;}
}

/* ----------------------------------
 Header - BOTTOM（Fixed時）
---------------------------------- */
#header.ps-fixed #smartpn_header_top .menu-switch { width: 40px; height: 40px; padding: 0; position: fixed; top: 15px; left: 15px; z-index: 11;}
#header.ps-fixed #smartpn_header_top .menu-switch .text { display: none;}
#header.ps-fixed .pane-header-bottom { 
	height: 66px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
}
#header.ps-fixed .pane-header-bottom .header-frame-search-box { padding: 15px 15px 0 65px;}

@media screen and (min-width: 769px) {
	#header.ps-fixed .pane-header-bottom { height: 90px; position: fixed; top: 32px; left: 0; right: 0; z-index: 10;}
	#header.ps-fixed .pane-header-bottom .header-frame-left { width: calc(50% - 110px);}
	#header.ps-fixed .pane-header-bottom .logo { width: 110px; min-width: 110px;}
	#header.ps-fixed .pane-header-bottom .store-name { padding: 0 20px 0 0; margin: 0; display: block;}
	#header.ps-fixed .pane-header-bottom .store-name dt { padding: 0; margin: 0; font-size: 14px;}
	#header.ps-fixed .pane-header-bottom .store-name dt::after { display: none;}
	#header.ps-fixed .pane-header-bottom .store-name dd { font-size: 14px;}
	#header.ps-fixed .pane-header-bottom .block-global-search-keyward { display: none;}
	#header.ps-fixed .pane-header-bottom .header-frame-search-box { padding: 0 15px 10px;}
	#header.ps-fixed .pane-header-bottom .hnav-store-menu-list.fixed-off { display: none;}
	#header.ps-fixed .pane-header-bottom .hnav-store-menu-list.fixed-on  { display: flex;}
	#header.ps-fixed .pane-header-bottom .header-frame-search-box { padding: 0 15px 10px 0;}
	#header.ps-fixed .hnav-store-menu-list { margin-top: 10px;}
	#header.ps-fixed .hnav-store-menu-list li a::before { width: 10px; height: 10px; margin: 0 3px 0 0; border-radius: 10px; -webkit-background-size: 4px auto; background-size: 4px auto;}
	#header.ps-fixed .hnav-store-menu-list li a { font-size: 12px;}
	#header.ps-fixed .hnav-customer-menu-list { padding: 0 20px 0 0; margin: 10px 0; justify-content: space-between; column-gap: 4px;}
	#header.ps-fixed .hnav-customer-menu-list li { width: auto; min-width: auto; height: 20px;}
	#header.ps-fixed .hnav-customer-menu-list li a { padding: 0; display: flex; justify-content: center; align-items: center;}
	#header.ps-fixed .hnav-customer-menu-list li a::before { display: none;}
	#header.ps-fixed .hnav-customer-menu-list li .text { font-size: 13px;}
	#header.ps-fixed .hnav-customer-menu-list li.hnav-cart .block-headernav--cart-count { top: -6px; left: auto; right: -24px;}
}

@media screen and (min-width: 899px) {
	#header.ps-fixed .pane-header-bottom .header-frame-left { width: calc(50% - 154px); display: flex; flex-wrap: wrap; align-items: center;}
	#header.ps-fixed .pane-header-bottom .logo { width: 154px; min-width: 154px;}
	#header.ps-fixed .pane-header-bottom .store-name dt { font-size: 16px;}
	#header.ps-fixed .pane-header-bottom .store-name dd { font-size: 16px;}
	#header.ps-fixed .hnav-store-menu-list li a { font-size: 14px;}
	#header.ps-fixed .hnav-customer-menu-list { padding: 0 20px 0 0;}
	#header.ps-fixed .hnav-customer-menu-list li .text { font-size: 13px;}
}

@media screen and (min-width: 999px) {
	#header.ps-fixed .hnav-customer-menu-list li { width: auto;}
	#header.ps-fixed .hnav-customer-menu-list li a { padding: 0 0 0 25px; justify-content: flex-start;}
	#header.ps-fixed .hnav-customer-menu-list li a::before { width: 20px; height: 20px; display: block; top: 1px; left: 0; transform: none;}
}

@media screen and (min-width: 1199px) {
	#header.ps-fixed .pane-header-bottom .header-frame-left { width: calc(50% - 154px); display: flex; flex-wrap: wrap; align-items: center;}
	#header.ps-fixed .pane-header-bottom .logo { width: 154px; min-width: 154px;}
}

@media screen and (min-width: 1259px) {
	#header.ps-fixed .hnav-customer-menu-list { padding: 0 20px 0 0; justify-content: space-between; column-gap: 4px;}
	#header.ps-fixed .hnav-customer-menu-list li { width: auto; min-width: 60px; height: 70px;}
	#header.ps-fixed .hnav-customer-menu-list li a { padding: 50px 0 0 0; display: block; text-align: center;}
	#header.ps-fixed .hnav-customer-menu-list li a::before { width: 40px; height: 40px; top: 0; left: 50%; transform: translateX(-50%);}
	#header.ps-fixed .hnav-customer-menu-list li .text { font-size: 13px; text-align: center;}
	#header.ps-fixed .hnav-customer-menu-list li.hnav-cart .block-headernav--cart-count { top: 0; left: calc(50% + 8px); right: auto;}
}

/* ----------------------------------
 OrderHeader
---------------------------------- */
#header.pane-order-header { height: auto !important; border-bottom: #D8D8D8 1px solid; background: #FFF;}
#header.pane-order-header .pane-header { width: 100%; padding: 10px 15px; margin: 0 auto; display: flex; flex-direction: column-reverse; justify-content: center; align-items: center;}
#header.pane-order-header .pane-header .logo { width: 96px; padding: 0; margin: 0; line-height: 1.0;}
#header.pane-order-header .pane-header .logo a { transition: var(--site-transition);}
#header.pane-order-header .pane-header .logo a:hover { opacity: var(--site-opacity);}
#header.pane-order-header .pane-header .logo img { width: 100%; vertical-align: top;}
#header.pane-order-header .pane-header .store-name { margin: 0 0 7px; font-size: 10px; font-weight: 500; line-height: 1.0; display: flex; justify-content: center; align-items: center;}
#header.pane-order-header .pane-header .store-name dt { padding: 0 10px 0 0; margin: 0 10px 0 0; font-size: 10px; font-weight: 500; position: relative;}
#header.pane-order-header .pane-header .store-name dt::after { content: ''; border-left: #999 1px solid; display: block; position: absolute; top: 0; right: 0; bottom: 0;}
#header.pane-order-header .pane-header .store-name dd { font-size: 10px; font-weight: 500;}

@media screen and (min-width: 769px) {
	#header.pane-order-header .pane-header { max-width: 1620px; height: 120px; padding: 0 40px; flex-direction: row;}
	#header.pane-order-header .pane-header .logo { width: 174px; min-width: 174px; padding: 0 20px 0 0; margin: 0; border: none; display: block; box-sizing: border-box;}
	#header.pane-order-header .pane-header .store-name { padding: 0 40px 0 0; margin: 0; font-size: 15px; font-weight: 700; line-height: 1.4; display: block;}
	#header.pane-order-header .pane-header .store-name dt { padding: 0; margin: 0; font-size: 15px; font-weight: 700;}
	#header.pane-order-header .pane-header .store-name dt::after { display: none;}
	#header.pane-order-header .pane-header .store-name dd { font-size: 15px; font-weight: 700;}
}

/* ----------------------------------
 ハンバーガーメニュー
---------------------------------- */
html:has(body.ham-fixed),
body.ham-fixed { overflow: hidden;}
#hamburger_menu_frame_wrap { display: none;}
#hamburger_menu_frame {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
	background: var(--site-color-gray06);
  position: fixed;
  top: 0;
  left: 0;
	right: 0;
	bottom: 0;
  z-index: 9999990;
}

@media screen and (min-width: 769px) {
	body.ham-fixed { overflow: inherit;}
	#hamburger_menu_frame_wrap { display: none !important;}
}

#hamburger_menu_header {
  width: 100%;
  height: 66px;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	color: #FFF;
  display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
  background: var(--site-color-green);
  z-index: 9999991;
}
#hamburger_menu_header .hamburger-close-btn { width: 66px; height: 66px; font-size: 0; color: var(--site-color-green); position: absolute; top: 0; left: 0; cursor: pointer;}
#hamburger_menu_header .hamburger-close-btn::before,
#hamburger_menu_header .hamburger-close-btn::after  { content: ''; height: 22px; border-left: #FFF 2px solid; display: block; position: absolute; top: calc(50% - 11px); left: calc(50% - 1px);}
#hamburger_menu_header .hamburger-close-btn::before { transform: rotate(45deg);}
#hamburger_menu_header .hamburger-close-btn::after  { transform: rotate(-45deg);}

#hamburger_menu_contents { width: 100%; height: calc(100% - 66px - 104px); padding: 0; flex: 1; position: relative;}
#hamburger_menu_contents .contents_layer {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 100%;
  transition: var(--site-transition);
  overflow: hidden;
}
#hamburger_menu_contents .contents_layer[layer="default"] { left: 0;}
#hamburger_menu_contents .contents_layer.is-visible { position: absolute; left: 0;}
#hamburger_menu_contents .contents_layer[layer="default"].is-hidden { left: 100%;}

#hamburger_menu_contents .scroll-frame {
  width: 100%;
	height: 100%;
	min-height: 0;
	padding: 0;
  display: flex;
  flex-direction: column;	
  overflow: hidden;
  overflow-y: auto;
	flex: 1;
}

#hamburger_menu_footer {
  width: 100%;
  height: 104px;
  padding: 30px 0;
  border-top: var(--site-border-solid);
  background: var(--site-color-gray06);
	flex-shrink: 0;
  position: static;
}
#hamburger_menu_footer .hamburger-close-btn {
  width: 46%;
  height: 44px;
	margin: 0 auto;
  border: var(--site-border-solid);
  border-radius: 44px;
	font-size: 14px;
	font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
	cursor: pointer;
}
#hamburger_menu_contents .menu-box ul.customer-menu-list { padding: 10px 0; display: flex; justify-content: space-between;}
#hamburger_menu_contents .menu-box ul.customer-menu-list li { flex: 1; position: relative;}
#hamburger_menu_contents .menu-box ul.customer-menu-list li + li { border-left: var(--site-border-solid);}
#hamburger_menu_contents .menu-box ul.customer-menu-list li a {
  width: 100%;
  height: 60px;
  padding: 40px 0 0;
  font-size: 14px;
  text-align: center;
	text-decoration: none;
  display: block;
  position: relative;
}
#hamburger_menu_contents .menu-box ul.customer-menu-list li a::before {
	content: '';
	width: 40px;
	height: 40px;
	display: block;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
#hamburger_menu_contents .menu-box ul.customer-menu-list li.hnav-bookmark a::before { background-image: url("../../img/usr/common/ico_menu_bookmark.png");}
#hamburger_menu_contents .menu-box ul.customer-menu-list li.hnav-login a::before { background-image: url("../../img/usr/common/ico_menu_login.png");}
#hamburger_menu_contents .menu-box ul.customer-menu-list li.hnav-mypage a::before { background-image: url("../../img/usr/common/ico_menu_mypage.png");}
#hamburger_menu_contents .menu-box ul.customer-menu-list li.hnav-entry a::before { background-image: url("../../img/usr/common/ico_menu_entry.png");}
#hamburger_menu_contents .menu-box ul.customer-menu-list li.hnav-history a::before { background-image: url("../../img/usr/common/ico_menu_history.png");}
#hamburger_menu_contents .menu-box ul.customer-menu-list li.hnav-cart a::before { background-image: url("../../img/usr/common/ico_menu_cart.png");}
#hamburger_menu_contents .menu-box ul.customer-menu-list li.hnav-cart .block-headernav--cart-count {
	width: 22px;
	height: 22px;
	padding: 0 0 2px 0;
	border-radius: 22px;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--site-color-pink);
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: calc(50% + 8px);
}
#hamburger_menu_contents .menu-box h2.menu-box-head {
  min-height: 50px;
  padding: 10px 20px;
	margin: 0;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  background: var(--site-color-gray05);
}
#hamburger_menu_contents .menu-box .menu-box-head-frame {
  min-height: 70px;
  padding: 10px;
	margin: 0;
  font-size: 16px;
  font-weight: 700;
  display: flex;
	justify-content: center;
  align-items: center;
  background: var(--site-color-gray05);
}
#hamburger_menu_contents .menu-box .menu-box-head-frame .layer-back {
  min-height: 70px;
  padding: 10px;
	margin: 0;
  font-size: 16px;
  font-weight: 700;
  display: flex;
	justify-content: center;
  align-items: center;
  background: var(--site-color-gray05);
}
#hamburger_menu_contents .menu-box .menu-box-list li > a,
#hamburger_menu_contents .menu-box .menu-box-list li > span {
	min-height: 70px;
  padding: 10px 50px 10px 20px;
	margin: 0;
  font-size: 16px;
  font-weight: 700;
	text-decoration: none;
  display: flex;
  align-items: center;
	position: relative;
	cursor: pointer;
}
#hamburger_menu_contents .menu-box .menu-box-list li > a::after,
#hamburger_menu_contents .menu-box .menu-box-list li > span::after {
	content: '';
	width: 19px;
	height: 19px;
	margin: 0;
	border-radius: 19px;
	display: block;
	background-color: var(--site-color-green);
	background-image: url("../../img/usr/common/ico_arrow_w.png");
	background-repeat: no-repeat;
	-webkit-background-size: 7px auto;
	background-size: 7px auto;
	background-position: center;
	position: absolute;
	right: 20px;
	top: calc(50% - 9.5px);
}
#hamburger_menu_contents .menu-box .menu-box-list li + li { border-top: var(--site-border-solid);}

/* SPのみ */
@media screen and (max-width: 768px) {
	.menu-box-head-frame,
	.tree-layer-head-frame {
		min-height: 70px;
		padding: 10px 85px;
		margin: 0;
		font-size: 16px;
		font-weight: 700;
		display: flex;
		align-items: center;
		justify-content: center;
		background: var(--site-color-gray05);
		position: relative;
		flex-shrink: 0;
	}
	.menu-box-head-frame .layer-ttl,
	.tree-layer-head-frame .tree-layer-ttl { font-size: 16px; font-weight: 700;}
	.menu-box-head-frame .layer-back,
	.tree-layer-head-frame .tree-layer-back {
		width: 70px;
		height: 30px;
		padding: 0 0 0 7px;
		border-radius: 30px;
		margin: 0;
		font-size: 16px;
		font-weight: 700;
		display: flex;
		align-items: center;
		background: #FFF;
		position: absolute;
		left: 10px;
		top: calc(50% - 15px);
		cursor: pointer;
	}
	.menu-box-head-frame .layer-back::before,
	.tree-layer-head-frame .tree-layer-back::before {
		content: '';
		width: 15px;
		height: 15px;
		margin: 0 7px 0 0;
		border-radius: 15px;
		display: block;
		background-color: var(--site-color-green);
		background-image: url("../../img/usr/common/ico_arrow_w.png");
		background-repeat: no-repeat;
		-webkit-background-size: 5px auto;
		background-size: 5px auto;
		background-position: center;
		transform: rotate(180deg);
	}
	.tree-layer-frame { background: var(--site-color-gray06);}
	.tree-layer-frame li.tree-list-item { border-bottom: var(--site-border-solid);}
	.tree-layer-frame li.tree-list-item.is-hidden { position: absolute; left: 100%;}
	.tree-layer-frame li.tree-list-item .tree-list-item-link {
		min-height: 60px;
		padding: 10px 50px 10px 20px;
		outline: none !important;
		font-size: 16px;
		font-weight: 500;
		text-decoration: none;
		display: flex;
		align-items: center;
		cursor: pointer;
		position: relative;
	}
	.tree-layer-frame li.tree-list-item .tree-list-item-link::after {
		content: '';
		width: 19px;
		height: 19px;
		margin: 0;
		border-radius: 20px;
		display: block;
		background-color: #FFF;
		background-image: url("../../img/usr/common/ico_arrow_gr.png");
		background-repeat: no-repeat;
		-webkit-background-size: 7px auto;
		background-size: 7px auto;
		background-position: center;
		position: absolute;
		top: calc(50% - 9.5px);
		right: 20px;
	}
	.tree-layer-frame li.tree-list-item:has(.tree-layer-frame) > .tree-list-item-link::after {
		background-color: var(--site-color-green);
		background-image: url("../../img/usr/common/ico_arrow_w.png");
	}
	.tree-layer-frame li.tree-list-item .tree-list-item-link:has(img) { min-height: 70px; padding-left: 15px;}
	.tree-layer-frame li.tree-list-item .tree-list-item-link .image {
		width: 50px;
		min-width: 50px;
		height: 50px;
		margin: 0 10px 0 0;
		border-radius: 50px;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
	}
	.tree-layer-frame li.tree-list-item .tree-list-item-link .image img { width: 100%;}

	/* カテゴリから探す */
	.contents_layer[layer="category"] .tree-layer-frame.level2,
	.contents_layer[layer="category"] .tree-layer-frame.level3,
	.contents_layer[layer="category"] .tree-layer-frame.level4 { 
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		position: absolute;
		top: 0;
		left: 100%;
		transition: var(--site-transition);
	}
	.contents_layer[layer="category"] .tree-layer-frame.level2.is-visible,
	.contents_layer[layer="category"] .tree-layer-frame.level3.is-visible,
	.contents_layer[layer="category"] .tree-layer-frame.level4.is-visible { left: 0;}
	.contents_layer[layer="category"] .tree-layer-frame.level2.is-visible ul.tree-list.level2,
	.contents_layer[layer="category"] .tree-layer-frame.level3.is-visible ul.tree-list.level3,
	.contents_layer[layer="category"] .tree-layer-frame.level4.is-visible ul.tree-list.level4 { width: 100%; height: calc(100% - 70px); padding: 0 0 70px; flex: 1; overflow-y: auto;}
	.contents_layer[layer="category"]:has(.tree-layer-frame.is-visible) .menu-box-head-frame,
	.contents_layer[layer="category"] .tree-list-item:has(.tree-layer-frame.level2.is-visible) .tree-list-item-link.level1,
	.contents_layer[layer="category"] .tree-list-item:has(.tree-layer-frame.level3.is-visible) .tree-list-item-link.level2,
	.contents_layer[layer="category"] .tree-list-item:has(.tree-layer-frame.level4.is-visible) .tree-list-item-link.level3 { display: none !important;}

	/* お悩み・目的から探す */
	.contents_layer[layer="purpose"] .tree-layer-frame .tree-list-item.level1 { border-bottom: none;}
	.contents_layer[layer="purpose"] .tree-layer-frame.level3,
	.contents_layer[layer="purpose"] .tree-layer-frame.level4 { width: 100%; height: 100%; position: absolute; top: 0; left: 100%; transition: var(--site-transition);}
	.contents_layer[layer="purpose"] .tree-layer-frame.level3.is-visible,
	.contents_layer[layer="purpose"] .tree-layer-frame.level4.is-visible { left: 0;}
	.contents_layer[layer="purpose"] .tree-layer-frame.level3.is-visible ul.tree-list.level3,
	.contents_layer[layer="purpose"] .tree-layer-frame.level4.is-visible ul.tree-list.level4 { width: 100%; height: calc(100% - 70px); padding: 0 0 70px; flex: 1; overflow-y: auto;}
	.contents_layer[layer="purpose"]:has(.tree-layer-frame.is-visible) .menu-box-head-frame,
	.contents_layer[layer="purpose"] .tree-layer-frame.level1 a.tree-list-item-link.level1,
	.contents_layer[layer="purpose"] .tree-layer-frame.level2 .tree-layer-head-frame.level2,
	.contents_layer[layer="purpose"] .tree-layer-frame.level2 .tree-list-item.all.level2,
	.contents_layer[layer="purpose"] .tree-list-item:has(.tree-layer-frame.level3.is-visible) .tree-list-item-link.level2,
	.contents_layer[layer="purpose"] .tree-list-item:has(.tree-layer-frame.level4.is-visible) .tree-list-item-link.level3 { display: none !important;}

	/* ブランドから探す */
	.contents_layer[layer="brand"] .tree-layer-frame .tree-list-item.level1 { border-bottom: none;}
	.contents_layer[layer="brand"] .tree-layer-frame.level3,
	.contents_layer[layer="brand"] .tree-layer-frame.level4 { width: 100%; height: 100%; position: absolute; top: 0; left: 100%; transition: var(--site-transition);}
	.contents_layer[layer="brand"] .tree-layer-frame.level3.is-visible,
	.contents_layer[layer="brand"] .tree-layer-frame.level4.is-visible { left: 0;}
	.contents_layer[layer="brand"] .tree-layer-frame.level3.is-visible ul.tree-list.level3,
	.contents_layer[layer="brand"] .tree-layer-frame.level4.is-visible ul.tree-list.level4 { width: 100%; height: calc(100% - 70px); padding: 0 0 70px; flex: 1; overflow-y: auto;}
	.contents_layer[layer="brand"]:has(.tree-layer-frame.is-visible) .menu-box-head-frame,
	.contents_layer[layer="brand"] .tree-layer-frame.level1 a.tree-list-item-link.level1,
	.contents_layer[layer="brand"] .tree-layer-frame.level2 .tree-layer-head-frame.level2,
	.contents_layer[layer="brand"] .tree-layer-frame.level2 .tree-list-item.all.level2,
	.contents_layer[layer="brand"] .tree-list-item:has(.tree-layer-frame.level3.is-visible) .tree-list-item-link.level2,
	.contents_layer[layer="brand"] .tree-list-item:has(.tree-layer-frame.level4.is-visible) .tree-list-item-link.level3 { display: none !important;}
}

/* ----------------------------------
 グローバルナビ
---------------------------------- */
.pane-globalnav { background: var(--site-color-green); color: #FFF; position: relative; top: auto; box-shadow: none;}
.pane-globalnav .globalnav-inner { max-width: 1620px; width: 100%; margin: 0 auto;}
.pane-globalnav .block-globalnav--item-list { border-left: none; display: flex; justify-content: center; align-content: center;}
.pane-globalnav .block-globalnav--item-list .itembox { width: calc(100% / 3);}
.pane-globalnav .block-globalnav--item-list .itembox + .itembox { border-left: #439F86 1px solid;}
.pane-globalnav .block-globalnav--item-list .itembox .link {
  width: 100%;
  height: 46px;
  padding: 0 15px !important;
  margin: 0;
  font-size: 14px;
  font-weight: 700;
	text-decoration: none;
	line-height: 1.2;
  color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
  background: var(--site-color-green);
	transition: var(--site-transition);
	cursor: pointer;
}
.pane-globalnav .block-globalnav--item-list .itembox .link::after { display: none !important;}
.pane-globalnav .block-globalnav--item-list .itembox .link:hover,
.pane-globalnav .block-globalnav--item-list .itembox .link.open { color: var(--site-color-green); background: var(--site-color-light);}

@media screen and (min-width: 769px) {
	.pane-globalnav .block-globalnav--item-list .itembox { width: calc(100% / 6);}
	.pane-globalnav .block-globalnav--item-list .itembox .link { height: 50px; font-size: 16px; position: relative;}
	.pane-globalnav .block-globalnav--item-list .itembox .link.open { color: #FFF; background: var(--site-color-green);}
	.pane-globalnav .block-globalnav--item-list .itembox .link::before {
		content: '';
		border-bottom: #FFF 10px solid;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		display: block;
		position: absolute;
		bottom: 10px;
		left: calc(50% - 5px);
		opacity: 0;
		transition: 0.2s;
	}
	.pane-globalnav .block-globalnav--item-list .itembox .link.open::before { bottom: 0; opacity: 1.0;}
}
@media screen and (min-width: 1620px) {
	.pane-globalnav .block-globalnav--item-list { border-left: #439F86 1px solid; border-right: #439F86 1px solid;}
}

/* ----------------------------------
 グローバルメニュー
---------------------------------- */
html:has(body.globalnav-fixed),
body.globalnav-fixed { overflow: hidden;}

#globalnav_menu_frame {
  width: 100%;
  height: 100vh;
	padding: 0 0 200px;
	display: none;
  background: rgba(0,0,0,0.25);
  position: absolute;
  top: 46px;
  left: 0;
	right: 0;
	bottom: 0;
  z-index: 9999990;
	cursor: pointer;
}
#globalnav_menu_contents { 
	width: 100%;
	height: 100%;
  display: flex;
	flex-direction: column;
	background: var(--site-color-gray06);
	position: relative;
	z-index: 9999999;
}
#globalnav_menu_contents h2.menu-box-head {
  min-height: 50px;
  padding: 10px 20px;
	margin: 0;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  background: var(--site-color-gray05);
}
#globalnav_menu_contents .menu-box-head-frame {
  min-height: 70px;
  padding: 10px;
	margin: 0;
  font-size: 16px;
  font-weight: 700;
  display: flex;
	justify-content: center;
  align-items: center;
  background: var(--site-color-gray05);
}
#globalnav_menu_contents .menu-box-list li { border-bottom: var(--site-border-solid);}
#globalnav_menu_contents .menu-box-list li > a,
#globalnav_menu_contents .menu-box-list li > span {
	min-height: 70px;
  padding: 10px 50px 10px 20px;
	margin: 0;
  font-size: 16px;
  font-weight: 700;
	text-decoration: none;
  display: flex;
  align-items: center;
	position: relative;
	cursor: pointer;
}
#globalnav_menu_contents .menu-box-list li > a::after,
#globalnav_menu_contents .menu-box-list li > span::after {
	content: '';
	width: 19px;
	height: 19px;
	margin: 0;
	border-radius: 19px;
	display: block;
	background-color: var(--site-color-green);
	background-image: url("../../img/usr/common/ico_arrow_w.png");
	background-repeat: no-repeat;
	-webkit-background-size: 7px auto;
	background-size: 7px auto;
	background-position: center;
	position: absolute;
	right: 20px;
	top: calc(50% - 9.5px);
}

#globalnav_menu_footer {
  width: 100%;
  height: 104px;
  padding: 30px 0;
  border-top: var(--site-border-solid);
  background: var(--site-color-gray06);
	flex-shrink: 0;
  position: static;
  z-index: 9999999;
}
#globalnav_menu_footer .globalnav-close-btn {
  width: 46%;
  height: 44px;
	margin: 0 auto;
  border: var(--site-border-solid);
  border-radius: 44px;
	font-size: 14px;
	font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
	cursor: pointer;
}

/* SPのみ */
@media screen and (max-width: 768px) {
	#globalnav_menu_contents_layer_box { width: 100%; height: calc(100% - 104px); padding: 0; flex: 1; position: relative;}
	#globalnav .contents_layer { width: 100%; height: 100%; position: absolute; left: 100%; transition: var(--site-transition); overflow: hidden;}
	#globalnav .contents_layer.is-visible { left: 0;}
	#globalnav .scroll-frame { width: 100%; height: calc(100% - 70px); padding: 0 0 70px; overflow: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
	#globalnav .contents_layer[layer="menu"] { left: 0; display: block;}
	#globalnav .contents_layer[layer="menu"].is-hidden { left: 100%;}
	#globalnav .contents_layer[layer="menu"] .scroll-frame { height: 100%;}
}

/* PCのみ */
@media screen and (min-width: 769px) {
	#globalnav_menu_footer { display: none !important;}
	#globalnav_menu_frame { top: 50px;}
	#globalnav #globalnav_menu_contents { width: 100%; max-width: 1620px; height: 0; max-height: 0; padding: 0; margin: 0 auto; background: none;}
	#globalnav .contents_layer {
		width: 0;
	  height: auto;
	  display: block;
	  position: absolute;
		top: -10px;
		transition: var(--site-transition);
	  box-shadow: 0 5px 3px 5px rgb(0, 0, 0, 0.05);
	  opacity: 0;
		z-index: -1;
	}
	#globalnav .contents_layer.is-visible { opacity: 1.0 !important; z-index: 1;}
	#globalnav .contents_layer .scroll-frame { max-height: 70vh; overflow: auto;}
	#globalnav .contents_layer[layer="menu"] { display: none !important;}
	
	#globalnav .menu-box-head-frame { display: none !important;}
	#globalnav .tree-layer-head-frame { display: none !important;}
	#globalnav .tree-layer-frame { background: #FFF;}
	#globalnav .tree-layer-frame li.tree-list-item { border-bottom: #BDBDBD 1px dotted;}
	#globalnav .tree-layer-frame ul > li.tree-list-item:last-child { border-bottom: none;}
	#globalnav .tree-layer-frame li.tree-list-item.is-hidden { position: relative; left: auto;}
	#globalnav .tree-layer-frame li.tree-list-item .tree-list-item-link {
		min-height: 40px;
		padding: 5px 25px 5px 0;
		outline: none !important;
		font-size: 14px;
		font-weight: 400;
		text-decoration: none;
		display: flex;
		align-items: center;
		cursor: pointer;
		position: relative;
		transition: var(--site-transition);
	}
	#globalnav .tree-layer-frame li.tree-list-item .tree-list-item-link:hover { color: var(--site-color-green);}
	#globalnav .tree-layer-frame li.tree-list-item .tree-list-item-link::after {
		content: '';
		width: 15px;
		height: 15px;
		margin: 0;
		border-radius: 20px;
		display: block;
		background-color: var(--site-color-green);
		background-image: url("../../img/usr/common/ico_arrow_w.png");
		background-repeat: no-repeat;
		-webkit-background-size: 5px auto;
		background-size: 5px auto;
		background-position: center;
		position: absolute;
		top: calc(50% - 7.5px);
		right: 0;
	}
	#globalnav .tree-layer-frame li.tree-list-item:has(.tree-layer-frame) > .tree-list-item-link::after {
		background-color: #FFF;
		background-image: url("../../img/usr/common/ico_arrow_gr.png");
	}
	#globalnav .tree-layer-frame li.tree-list-item .tree-list-item-link.level1 { min-height: 50px; padding-left: 10px;}
	#globalnav .tree-layer-frame li.tree-list-item .tree-list-item-link.level1::after {
		background-color: transparent;
		background-image: url("../../img/usr/common/ico_arrow_gr.png");
		right: 10px;
	}
	#globalnav .tree-layer-frame li.tree-list-item:has(.tree-layer-frame) .tree-list-item-link.level1::after { background-image: url("../../img/usr/common/ico_arrow_w.png");}
	#globalnav .tree-layer-frame li.tree-list-item .tree-list-item-link:has(img) { min-height: 50px; padding-left: 10px;}
	#globalnav .tree-layer-frame li.tree-list-item .tree-list-item-link .image {
		width: 38px;
		min-width: 38px;
		height: 38px;
		margin: 0 10px 0 0;
		border-radius: 38px;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
	}
	#globalnav .tree-layer-frame li.tree-list-item .tree-list-item-link .image img { width: 100%; vertical-align: top;}
	
	/* カテゴリから探す */
	#globalnav .contents_layer[layer="category"] { width: 0; top: -10px; left: 0;}
	#globalnav .contents_layer[layer="category"].is-visible { width: 310px; top: 0;}
	#globalnav .contents_layer[layer="category"] #search_globalnav_categorytree { padding: 0; background: #FFF;}
	#globalnav .contents_layer[layer="category"] .tree-layer-frame.level2,
	#globalnav .contents_layer[layer="category"] .tree-layer-frame.level3,
	#globalnav .contents_layer[layer="category"] .tree-layer-frame.level4 {
	  width: 0;
	  height: auto;
	  border-left: var(--site-border-solid);
	  position: absolute;
	  top: 0;
	  left: 0;
	  opacity: 0;
	  z-index: -1;
	}
	#globalnav .contents_layer[layer="category"] .tree-layer-frame.level2.is-visible { left: 310px; opacity: 1; z-index: 2;}
	#globalnav .contents_layer[layer="category"] .tree-layer-frame.level3.is-visible { left: 250px; opacity: 1; z-index: 3;}
	#globalnav .contents_layer[layer="category"] .tree-layer-frame.level4.is-visible { left: 250px; opacity: 1; z-index: 4;}
	#globalnav .contents_layer[layer="category"] .tree-layer-frame.level2.is-visible,
	#globalnav .contents_layer[layer="category"] .tree-layer-frame.level3.is-visible,
	#globalnav .contents_layer[layer="category"] .tree-layer-frame.level4.is-visible { width: 250px !important; padding: 10px 15px;}
	#globalnav .contents_layer[layer="category"] .tree-list-item.level1:has(.tree-layer-frame.level2.is-visible) a.tree-list-item-link.level1 {
		font-weight: 700;
		color: #FFF;
		background: var(--site-color-gray02);
	}
	#globalnav .contents_layer[layer="category"] .tree-list-item.level2:has(.tree-layer-frame.level3.is-visible) a.tree-list-item-link.level2,
	#globalnav .contents_layer[layer="category"] .tree-list-item.level3:has(.tree-layer-frame.level4.is-visible) a.tree-list-item-link.level3 {
		margin: 0 -15px;
		padding: 5px 40px 5px 15px;
		font-weight: 700;
		color: #FFF;
		background: var(--site-color-gray02);
	}
	#globalnav .contents_layer[layer="category"] .tree-list-item.level2:has(.tree-layer-frame.level3.is-visible) a.tree-list-item-link.level2::after,
	#globalnav .contents_layer[layer="category"] .tree-list-item.level3:has(.tree-layer-frame.level4.is-visible) a.tree-list-item-link.level3::after { right: 15px;}
	
	/* お悩み・目的から探す */
	#globalnav .contents_layer[layer="purpose"] { width: 0; top: -10px; left: calc((100% / 6) + 1px);}
	#globalnav .contents_layer[layer="purpose"].is-visible { width: 310px; top: 0;}
	#globalnav .contents_layer[layer="purpose"] #search_globalnav_genretree_purpose { padding: 0; background: #FFF;}
	#globalnav .contents_layer[layer="purpose"] .tree-layer-frame .tree-list-item.level1 { border-bottom: none;}
	#globalnav .contents_layer[layer="purpose"] .tree-layer-frame li.tree-list-item .tree-list-item-link.level2 { min-height: 50px; padding-left: 10px;}
	#globalnav .contents_layer[layer="purpose"] .tree-layer-frame li.tree-list-item.level2 .tree-list-item-link.level2::after {
		background-color: transparent;
		background-image: url("../../img/usr/common/ico_arrow_gr.png");
		right: 10px;
	}
	#globalnav .contents_layer[layer="purpose"] .tree-layer-frame li.tree-list-item.level2:has(.tree-layer-frame.level3) .tree-list-item-link.level2::after {
		background-image: url("../../img/usr/common/ico_arrow_w.png");
	}
	#globalnav .contents_layer[layer="purpose"] .tree-layer-frame.level3,
	#globalnav .contents_layer[layer="purpose"] .tree-layer-frame.level4 {
	  width: 0;
	  height: auto;
	  border-left: var(--site-border-solid);
	  position: absolute;
	  top: 0;
	  left: 0;
	  opacity: 0;
	  z-index: -1;
	}
	#globalnav .contents_layer[layer="purpose"] .tree-layer-frame.level3.is-visible { left: 310px; opacity: 1; z-index: 2;}
	#globalnav .contents_layer[layer="purpose"] .tree-layer-frame.level4.is-visible { left: 250px; opacity: 1; z-index: 3;}
	#globalnav .contents_layer[layer="purpose"] .tree-layer-frame.level3.is-visible,
	#globalnav .contents_layer[layer="purpose"] .tree-layer-frame.level4.is-visible { width: 250px !important; padding: 10px 15px;}
	#globalnav .contents_layer[layer="purpose"]:has(.tree-layer-frame.is-visible) .menu-box-head-frame,
	#globalnav .contents_layer[layer="purpose"] .tree-layer-frame.level1 a.tree-list-item-link.level1,
	#globalnav .contents_layer[layer="purpose"] .tree-layer-frame.level2 .tree-layer-head-frame.level2,
	#globalnav .contents_layer[layer="purpose"] .tree-layer-frame.level2 .tree-list-item.all.level2 { display: none !important;}
	#globalnav .contents_layer[layer="purpose"] .tree-list-item.level2:has(.tree-layer-frame.level3.is-visible) a.tree-list-item-link.level2 {
		font-weight: 700;
		color: #FFF;
		background: var(--site-color-gray02);
	}
	#globalnav .contents_layer[layer="purpose"] .tree-list-item.level3:has(.tree-layer-frame.level4.is-visible) a.tree-list-item-link.level3 {
		margin: 0 -15px;
		padding: 5px 40px 5px 15px;
		font-weight: 700;
		color: #FFF;
		background: var(--site-color-gray02);
	}
	#globalnav .contents_layer[layer="purpose"] .tree-list-item.level3:has(.tree-layer-frame.level4.is-visible) a.tree-list-item-link.level3::after { right: 15px;}

	/* ブランドから探す */
	#globalnav .contents_layer[layer="brand"] { width: 0; min-width: auto; top: -10px; left: calc((100% / 6) * 2);}
	#globalnav .contents_layer[layer="brand"].is-visible { width: 270px; top: 0;}
	#globalnav .contents_layer[layer="brand"] #search_globalnav_genretree_brand { padding: 10px 15px; background: #FFF;}
	#globalnav .contents_layer[layer="brand"] .tree-layer-frame .tree-list-item.level1 { border-bottom: none;}
	#globalnav .contents_layer[layer="brand"] .tree-layer-frame.level3,
	#globalnav .contents_layer[layer="brand"] .tree-layer-frame.level4 {
	  width: 0;
	  height: auto;
	  border-left: var(--site-border-solid);
	  position: absolute;
	  top: 0;
	  left: 0;
	  opacity: 0;
	  z-index: -1;		
	}
	#globalnav .contents_layer[layer="brand"] .tree-layer-frame.level3.is-visible { left: 270px; opacity: 1; z-index: 2;}
	#globalnav .contents_layer[layer="brand"] .tree-layer-frame.level4.is-visible { left: 250px; opacity: 1; z-index: 3;}
	#globalnav .contents_layer[layer="brand"] .tree-layer-frame.level3.is-visible,
	#globalnav .contents_layer[layer="brand"] .tree-layer-frame.level4.is-visible { width: 250px !important; padding: 10px 15px;}
	#globalnav .contents_layer[layer="brand"]:has(.tree-layer-frame.is-visible) .menu-box-head-frame,
	#globalnav .contents_layer[layer="brand"] .tree-layer-frame.level1 a.tree-list-item-link.level1,
	#globalnav .contents_layer[layer="brand"] .tree-layer-frame.level2 .tree-layer-head-frame.level2,
	#globalnav .contents_layer[layer="brand"] .tree-layer-frame.level2 .tree-list-item.all.level2 { display: none !important;}
	#globalnav .contents_layer[layer="brand"] .tree-list-item.level2:has(.tree-layer-frame.level3.is-visible) a.tree-list-item-link.level2,
	#globalnav .contents_layer[layer="brand"] .tree-list-item.level3:has(.tree-layer-frame.level4.is-visible) a.tree-list-item-link.level3 {
		margin: 0 -15px;
		padding: 5px 40px 5px 15px;
		font-weight: 700;
		color: #FFF;
		background: var(--site-color-gray02);
	}
	#globalnav .contents_layer[layer="brand"] .tree-list-item.level3:has(.tree-layer-frame.level4.is-visible) a.tree-list-item-link.level3::after { right: 15px;}
}

/* ----------------------------------
 PickupNews
---------------------------------- */
#header_pickup_news { background: var(--site-color-light);}
#header_pickup_news .topic-item .block-topic--item-inner { width: 100%; padding: 10px 15px; display: flex; flex-wrap: nowrap; align-items: center;}
#header_pickup_news .topic-item a { outline: none !important; text-decoration: none; position: relative; transition: var(--site-transition);}
#header_pickup_news .topic-item + .topic-item a { padding: 5px 15px 10px;}
#header_pickup_news .topic-item a:hover { text-decoration: none; opacity: var(--site-opacity);}
#header_pickup_news .topic-item .date { margin: 0 15px 0 0; font-size: 15px; font-weight: 700; flex: none;}
#header_pickup_news .topic-item .block-icon { display: none !important;}
#header_pickup_news .topic-item .name { 
  min-width: 0;
	margin: 0;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
	overflow: hidden;
  flex: 1;
}
#header_pickup_news .topic--item a:hover .name { text-decoration: underline;}

@media screen and (min-width: 769px) {
	#header_pickup_news { display: flex; justify-content: center; align-items: center; overflow: hidden;}
	#header_pickup_news .topic-item .date { font-size: 16px;}
	#header_pickup_news .topic-item .name { font-size: 16px;}
}

/* ----------------------------------
 Suggest
---------------------------------- */
.block-search-suggest { z-index: 9999999 !important;}
.block-search-suggest #suggest_keyword_list_ { max-height: 24vh !important; overflow: hidden; overflow-y: auto;}
.block-search-suggest #suggest_goods_list_ { max-height: 24vh !important; overflow: hidden; overflow-y: auto;}

/* ----------------------------------
 Footer
---------------------------------- */
.pane-footer { padding: 0; margin: 0; background: #FFF; display: block;}
.pane-footer .block-footer-inner { padding: 15px;}
.pane-footer .footer-group-ttl { margin: 0 25px 10px; font-size: 18px; font-weight: 700;}
.pane-footer .footer-group-list { margin: 0 25px 30px;}
.pane-footer .footer-group-list.other { margin-bottom: 0;}
.pane-footer .footer-group-list li + li { margin-top: 5px;}
.pane-footer .footer-group-list li a { padding-left: 20px; font-size: 16px; text-decoration: none; display: block; position: relative;}
.pane-footer .footer-group-list li a:not([target="_blank"])::before {
	content: '';
	width: 5px;
	height: auto;
	border-top: var(--site-color-green) 2px solid;
	display: block;
	position: absolute;
	top: calc(50% - 1px);
	left: 3.5px;
}
.pane-footer .footer-group-list li a[target="_blank"]::before {
	content: '';
	width: 12px;
	height: 12px;
	display: block;
	background-color: none;
	background-image: url("../../img/usr/common/ico_blanklink.png");
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	position: absolute;
	top: 6px;
	left: 0;
}
.pane-footer .block-footer-top { padding: 15px 0; background: #FAF7F0;}
.pane-footer .block-footer-top .footer-calender { max-width: 500px; padding: 30px 0; margin: 0 auto; border-radius: 10px; background: #FFF;}
.pane-footer .block-footer-top .footer-calender .ttl { padding: 0; margin: 0 0 20px; border: none; font-size: 20px; font-weight: 700; text-align: center;}
.pane-footer .block-footer-top .footer-calender .sub { margin: 0 20px 20px; font-size: 15px; font-weight: 500; text-align: left;}
.pane-footer .block-footer-top .calender-frame { max-width: 314px; margin: 0 auto;}
.pane-footer .block-footer-top .footer-calender + .footer-contact { margin-top: 30px;}
.pane-footer .block-footer-top .footer-contact { max-width: 500px; padding: 30px; margin: 0 auto; border-radius: 10px; background: #FFF;}
.pane-footer .block-footer-top .footer-contact .button { max-width: 314px; margin: 0 auto 15px;}
.pane-footer .block-footer-top .footer-contact .button a {
	width: 100%;
	height: 46px;
	border-radius: 46px;
	border: var(--site-color-pink) 1px solid;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	color: var(--site-color-pink);
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FFF;
	transition: var(--site-transition);
}
.pane-footer .block-footer-top .footer-contact .button a::before {
	content: '';
	width: 26px;
	height: 22px;
	margin: 0 10px 0 0;
	display: block;
	background-color: none;
	background-image: url("../../img/usr/common/ico_contact.png");
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.pane-footer .block-footer-top .footer-contact .button a:hover { color: #FFF; background: var(--site-color-pink);}
.pane-footer .block-footer-top .footer-contact .button a:hover::before { background-image: url("../../img/usr/common/ico_contact_w.png");}
.pane-footer .block-footer-top .footer-contact .note { padding: 0 0 0 1em; margin: 0 0 20px; font-size: 13px; font-weight: 500; text-indent: -1em;}
.pane-footer .block-footer-top .footer-contact .link a { font-size: 14px; font-weight: 500; text-decoration: underline;}
.pane-footer .block-footer-top .footer-contact .link a:hover { opacity: var(--site-opacity);}

.pane-footer .block-footer-middle { padding: 15px 0; background: #F6F6F6;}
.pane-footer .block-footer-middle a { transition: var(--site-transition);}
.pane-footer .block-footer-middle a:hover { text-decoration: underline;}
.pane-footer .block-footer-middle a img { transition: var(--site-transition);}
.pane-footer .block-footer-middle a:hover img { opacity: var(--site-opacity);}
.pane-footer .block-footer-middle .footer-sns { padding: 25px; border-radius: 10px; background: #FFF;}
.pane-footer .block-footer-middle .footer-sns .logo { margin: 0 0 15px; display: flex; justify-content: center; align-items: center;}
.pane-footer .block-footer-middle .footer-sns .logo img { height: 60px; vertical-align: top;}
.pane-footer .block-footer-middle .footer-sns .sub { font-size: 16px; font-weight: 700; text-align: center;}
.pane-footer .block-footer-middle .footer-sns-list { margin: 15px 0 0; display: flex; justify-content: center; align-items: center;}
.pane-footer .block-footer-middle .footer-sns-list li + li { margin-left: 15px;}
.pane-footer .block-footer-middle .footer-sns-list li img { height: 50px; vertical-align: top;}

.pane-footer .block-footer-middle .footer-app { padding: 25px; margin: 15px 0 25px; border-radius: 10px; background: #FFF;}
.pane-footer .block-footer-middle .footer-app-head { display: flex; justify-content: center; align-items: center;}
.pane-footer .block-footer-middle .footer-app-head .logo { width: 80px; height: 80px; display: flex; justify-content: center; align-items: center;}
.pane-footer .block-footer-middle .footer-app-head .logo img { width: 100%;}
.pane-footer .block-footer-middle .footer-app-head .desc { max-width: calc(100% - 94px); margin: 0 0 0 14px;}
.pane-footer .block-footer-middle .footer-app-head .desc .ttl { margin: 0 0 5px; font-size: 18px; font-weight: 700;}
.pane-footer .block-footer-middle .footer-app-head .desc .sub { font-size: 14px; font-weight: 500;}
.pane-footer .block-footer-middle .footer-app-list { margin: 15px 0 0; display: flex; justify-content: center; align-items: center;}
.pane-footer .block-footer-middle .footer-app-list li + li { margin-left: 10px;}
.pane-footer .block-footer-middle .footer-app-list li img { height: 40px; vertical-align: top;}

.pane-footer .block-footer-bottom { padding: 15px 0 75px; background: #FFF;}
.pane-footer .block-footer-bottom a { transition: var(--site-transition);}
.pane-footer .block-footer-bottom a:hover { text-decoration: underline;}
.pane-footer .block-footer-bottom a img { transition: var(--site-transition);}
.pane-footer .block-footer-bottom a:hover img { opacity: var(--site-opacity);}
.pane-footer .block-footer-bottom #fuji_group_logo { margin: 0 0 20px; text-align: center;}
.pane-footer .block-footer-bottom #fuji_group_logo img { height: 24px; vertical-align: top;}
.pane-footer .block-footer-bottom .block-copyright { font-family: 'Oswald', sans-serif; font-size: 10px; text-align: center; color: var(--site-color-gray02);}

.block-page-top a {
	width: 40px;
	height: 40px;
	border-radius: 5px 5px 0 0;
	position: relative;
	display: block;
	background-color: var(--site-color-green);
	background-image: url("../../img/usr/common/ico_next_w.png");
	background-repeat: no-repeat;
	-webkit-background-size: 14px auto;
	background-size: 14px auto;
	background-position: center;
	transform: rotate(-90deg);
	opacity: 0.95;
}
.block-page-top a:after { display: none;}
.block-page-top { display: none; position: fixed; top: auto; bottom: 10px; right: 0; z-index: 2;}
body:has(.hnav-customer-menu-list) .block-page-top { bottom: 80px;}

@media screen and (min-width: 769px) {
	.pane-footer { margin: 60px 0 0;}
	#topic_path_wrapper	+ .pane-footer { margin: 0;}
	
	.pane-footer .block-footer-inner { padding: 0; margin: 0 auto;}
	.pane-footer .footer-group-ttl { margin: 0 25px 10px; font-size: 18px; font-weight: 700;}
	.pane-footer .footer-group-list { margin: 0 25px 30px;}

	.pane-footer .block-footer-top { padding: 50px 40px; background: #FAF7F0;}
	.pane-footer .block-footer-top .block-footer-inner { display: flex; justify-content: center;}
	.pane-footer .block-footer-top .footer-calender { min-width: 400px; padding: 30px; margin: 0;}
	.pane-footer .block-footer-top .footer-calender .ttl { padding: 0; margin: 0 0 20px; border: none; font-size: 20px; font-weight: 700; text-align: center;}
	.pane-footer .block-footer-top .footer-calender .sub { margin: 0 0 20px; font-size: 15px; font-weight: 500; text-align: left;}
	.pane-footer .block-footer-top .footer-calender + .footer-contact { margin: 0 0 0 30px;}
	.pane-footer .block-footer-top .footer-contact { padding: 30px; display: flex; flex-direction: column; justify-content: center;}
	.pane-footer .block-footer-top .footer-contact .button { width: 100%; max-width: 100%; margin: 0 0 15px;}
	.pane-footer .block-footer-top .footer-contact .button a { height: 66px; border-radius: 66px; font-size: 20px;}
	.pane-footer .block-footer-top .footer-contact .note { padding: 0 0 0 1em; margin: 0 0 20px; font-size: 13px; font-weight: 500; text-indent: -1em;}
	.pane-footer .block-footer-top .footer-contact .link { font-size: 14px; font-weight: 500; text-decoration: underline;}

	.pane-footer .block-footer-middle { padding: 50px 0;}
	.pane-footer .block-footer-middle .block-footer-inner { padding: 0 40px; display: flex; justify-content: center; flex-wrap: nowrap; gap: 40px;}
	.pane-footer .block-footer-middle .block-footer-inner .footer-middle-top { width: 380px; min-width: 380px;}
	.pane-footer .block-footer-middle .block-footer-inner .footer-middle-bottom { display: flex; flex-wrap: wrap; gap: 15px;}
	.pane-footer .block-footer-middle .footer-app { margin: 10px 0 0;}

	.pane-footer .block-footer-bottom { padding: 40px 0;}
	.pane-footer .block-footer-bottom .block-footer-inner { padding: 0 40px;}
	.pane-footer .block-footer-bottom .footer-group-list { width: fit-content; margin: 0 auto 40px; display: flex; justify-content: center; flex-wrap: wrap; gap: 15px 50px;}
	.pane-footer .block-footer-bottom .footer-group-list li + li { margin-top: 0;}
	.pane-footer .block-footer-bottom #fuji_group_logo img { height: 28px;}
	.pane-footer .block-footer-bottom .block-copyright { font-size: 12px;}
	
	.block-page-top { top: auto; bottom: 10px;}
	.block-page-top a { width: 60px; height: 60px; -webkit-background-size: 20px auto; background-size: 20px auto;}
	body:has(.hnav-customer-menu-list) .block-page-top { bottom: 10px;}
}
@media screen and (min-width: 1199px) {
	.pane-footer .block-footer-middle .block-footer-inner { gap: 80px;}
	.pane-footer .block-footer-top .footer-contact { padding: 50px;}
}

/* ----------------------------------
 OrderFooter
---------------------------------- */
.pane-footer .block-footer-bottom.pane-order-footer { padding: 15px 0; margin: 0; border-top: var(--site-border-solid);}

@media screen and (min-width: 769px) {
	.pane-footer .block-footer-bottom.pane-order-footer { padding: 40px 0;}
}

/* ----------------------------------
 Calendar
---------------------------------- */
.footer-calender .ico_cap01 { color: #2BB8FF;}
.footer-calender .ico_cap02 { color: #FF9999;}
.footer-calender .ico_cap03 { color: #FFFF00;}
.footer-calender .ccolor1 { background-color: #FF9999;}
.footer-calender .ccolor2 { background-color: #FFFF00;}

.footer-calender table.cal { margin: 0 auto; text-align: center;}
.footer-calender table.cal th { border: var(--site-border-solid); text-align: center;}
.footer-calender table.cal td { border: var(--site-border-solid); text-align: center;}
.footer-calender table.cal tr td div.Today { color: #2BB8FF !important;}
.footer-calender table.cal tr.headline td { padding: 5px; border: 0; font-size: 14px;}
.footer-calender table.cal th div,
.footer-calender table.cal td div { padding: 10px; font-size: 14px; text-align: center;}
.footer-calender table.cal th[colspan="7"] { min-height: 24px; padding: 0 0 8px; border: 0; text-align: center !important; position: relative;}
.footer-calender table.cal th[colspan="7"]:has(input.prev) { padding-left: 0;}
.footer-calender table.cal th[colspan="7"]:has(input.next) { padding-right: 0;}
.footer-calender table.cal th[colspan="7"] p.month { width: calc(100% - 48px); margin: 0 auto; font-size: 14px; font-weight: 700; text-align: center; display: inline-block;}
.footer-calender .subc_cal_cont input[type="button"] { width: 24px; height: 24px; border: var(--site-border-solid); cursor: pointer;}
.footer-calender table.cal th[colspan="7"] input.prev,
.footer-calender table.cal th[colspan="7"] input.next { 
	width: 24px;
	padding: 0;
	margin: 0;
	border: var(--site-border-solid);
	text-align: center;
	background-color: #fff;
	background-image: url("../../img/usr/common/ico_arrow.png");
	background-repeat: no-repeat;
	background-size: 8px;
	background-position: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.footer-calender table.cal th[colspan="7"] input[type="button"].prev { transform: translateY(-50%) rotate(180deg);}
.footer-calender table.cal th[colspan="7"] input.prev { left: 0;}
.footer-calender table.cal th[colspan="7"] input.next { right: 0;}
.footer-calender input.prev-hide,
.footer-calender input.next-hide { opacity: 0;} 
.footer-calender .cap > ul { margin: 10px 0 0; display: flex; justify-content: center; align-items: center; column-gap: 15px;}
.footer-calender .cap > ul .cap_txt { font-size: 12px;}

@media screen and (min-width: 769px) {
	.footer-calender table.cal th div,
	.footer-calender table.cal td div { padding: 10px 14px;}
}

/* ----------------------------------
 最近見た商品
---------------------------------- */
.block-recent-item { padding: 0; margin: 0 auto; position: relative;}
.block-recent-item:has(.block-recent-item--header) { padding: 45px 0 1px 15px; background: #FFF;}
.block-recent-item:has(.block-recent-item--header)::before { content: ''; width: 150vw; border-top: var(--site-border-solid); display: block; position: absolute; top: 0; left: -50vw;}
.block-recent-category--header,
.block-recent-genre--header,
.block-recent-item--header {
  padding: 0;
  margin: 0 0 15px;
  border: 0;
  font-size: 20px;
  font-weight: 700;
	text-align: left;
  line-height: 1.4;
  color: var(--site-color-black);
  background: none;
}

@media screen and (min-width: 769px) {
	.block-recent-item:has(.block-recent-item--header) { padding: 75px 0 0; background: #FFF;}
	.block-recent-item .block-recent-item--body { max-width: 1620px; margin: 0 auto;}
	.block-recent-category--header,
	.block-recent-genre--header,
	.block-recent-item--header { margin: 0 0 24px; font-size: 26px;}
}