@charset "UTF-8";

/* ----------------------------------
 Layout レイアウト
---------------------------------- */
body .wrapper { max-width: 100vw; overflow-x: hidden;}
body .container { width: auto;}
body .pane-contents { min-height: unset; padding: 0;}
body .pane-contents .container { width: 100%; max-width: auto; padding: 0; margin: 0; display: block;}
body .pane-order-contents { min-width: var(--layout-min-width); padding: 0; background: none;}
body .pane-main:not(:has(.pane-main)) { 
	width: 100%;
	max-width: calc(var(--layout1-max-width) + (var(--layout1-base-padding) * 2));
	padding: 0 var(--layout1-base-padding);
	margin: 65px auto 120px;
	display: block;
}
body .pane-left-menu { width: 100%; padding: 0; margin: 0; display: none !important;}
body .pane-right-menu { width: 100%; padding: 0; margin: 0; display: block;}
body .wrapper:has(.block-order-flow--step) .pane-order-contents .pane-main,
body .wrapper:has(.pane-topic-path) .pane-main { margin-top: 0;}

@media screen and (max-width: 1000px) {
	body .pane-main:not(:has(.pane-main)) { padding: 0 var(--layout-base-padding); margin-bottom: 80px;}
}

body.page-contentspages .pane-main { max-width: 100% !important; padding: 0 !important; margin: 0 !important;}

/* ----------------------------------
 Header ヘッダー
---------------------------------- */
header.pane-header { height: var(--layout-header-height); position: relative;}
header.pane-header #header_frame {
  width: 100%;
  min-width: 1000px;
  height: var(--layout-header-height);
  padding: 0 20px 0 40px;
  background: var(--color-bg);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
}
header.pane-header.pane-order-header #header_frame { position: absolute;}
header.pane-header #header_frame .header-container { height: 100%; display: flex; align-items: center;}
header.pane-header #header_frame .block-header-logo { width: 240px; min-width: 240px; margin: 0 auto 0 0;}
header.pane-header #header_frame .block-header-logo a { transition: var(--transition);}
header.pane-header #header_frame .block-header-logo a:hover { opacity: var(--opacity);}
header.pane-header #header_frame .block-headernav { display: flex; align-items: center;}
header.pane-header #header_frame .block-headernav-contents-list { display: flex; align-items: center; column-gap: 38px;}
header.pane-header #header_frame .block-headernav-contents-list li,
header.pane-header #header_frame .block-headernav-contents-list li a { font-family: var(--font-family-stix); font-size: 14px; font-weight: 500; font-style: italic;}
header.pane-header #header_frame .block-headernav-members-list { margin: 0 0 0 45px; display: flex; align-items: center;}
header.pane-header #header_frame .block-headernav-members-list li { width: 36px;}
header.pane-header #header_frame .block-headernav-members-list li.hnav-search { cursor: pointer;}
header.pane-header #header_frame .block-headernav-members-list li a,
header.pane-header #header_frame .block-headernav-members-list li.hnav-search span { padding: 8px; display: flex; justify-content: center; align-items: center; transition: var(--transition);}
header.pane-header #header_frame .block-headernav-members-list li.hnav-search span:hover,
header.pane-header #header_frame .block-headernav-members-list li a:hover { opacity: var(--opacity);}
header.pane-header #header_frame .block-headernav-members-list li img { width: 20px;}
header.pane-header #header_frame .block-headernav-members-list li.hnav-cart { position: relative;}
header.pane-header #header_frame .block-headernav-members-list li.hnav-cart .block-headernav--cart-count { 
	width: 16px;
	height: 16px;
	border-radius: 16px;
	font-size: 10px;
	font-weight: 500;
	color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--color-base);
	position: absolute;
	top: -2px;
	right: -2px;
}

/* ----------------------------------
 Header 検索窓
---------------------------------- */
#global_search_bg { width: 100%; height: 100%; background: rgba(239, 236, 229, 0.9); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 11; cursor: pointer;}
#global_search { width: 100%; padding: 40px 80px; background: #FFF; position: fixed; top: var(--layout-header-height); left: 0; z-index: 50; display: none;}
#global_search .block-global-search-inner { display: flex; justify-content: flex-end; align-items: center;}
#global_search form {
  width: 100%;
  max-width: 700px;
  padding: 0 0 10px;
  margin: 0 0 0 auto;
  border-bottom: var(--color-base) 1px solid;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#global_search form .ttl { font-family: var(--font-family-stix); font-size: 12px; font-weight: 500; font-style: italic;}
#global_search form input#keyword {
  width: calc(100% - 100px);
  max-width: 600px;
  height: 30px;
  min-height: 30px;
  padding: 0;
  margin: 0 12px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
#global_search form .block-global-search--submit {
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 0;
	border: none;
	outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
}
#global_search form .block-global-search--submit img { width: 20px;}

@media screen and (max-width: 1000px) {
	#global_search { padding: 40px;}
}

/* ----------------------------------
 Header インフォメーション
---------------------------------- */
#global_information { min-height: 32px; padding: 5px; background: var(--color-base); color: #FFF; display: flex; justify-content: center; align-items: center;}
#global_information .global-information-inner {
	max-width: calc(var(--layout1-max-width) + (var(--layout1-base-padding) * 2));
	padding: 0 var(--layout1-base-padding);
	margin: 0 auto;
	text-align: center;
}
#global_information .global-information-inner .info { font-family: var(--font-family-ship); font-size: 14px; font-weight: 500; letter-spacing: 1px; text-align: center; color: #FFF;}
#global_information .global-information-inner .info .small { margin: 0 3px 0 0; font-family: var(--font-family-ship); font-size: 10px; font-weight: 500; letter-spacing: 0; color: #FFF;}

@media screen and (max-width: 1000px) {
	#global_information .global-information-inner { padding: 0 var(--layout-base-padding);}
}

/* ----------------------------------
 Footer フッター
---------------------------------- */
.block-switcher { display: none !important;}
footer.pane-footer { padding: 225px 0 40px; background: #FFF url("/img/usr/common/footer_bg.png"); -webkit-background-size: cover; background-size: cover;}
footer.pane-footer .container { width: auto; max-width: calc(var(--layout1-max-width) + (var(--layout1-base-padding) * 2)); padding: 0 var(--layout1-base-padding);}
footer.pane-footer .footer-catch-text {
  margin: 0 0 58px;
  font-family: var(--font-family-stix);
  font-size: 16px;
  font-weight: 600;
  line-height: 0;
  letter-spacing: 0.05em;
  font-style: italic;
  text-align: center;
}
footer.pane-footer .footer-logo { margin: 0 0 58px; text-align: center;}
footer.pane-footer .footer-logo a { text-align: center; display: inline-block; transition: var(--transition);}
footer.pane-footer .footer-logo a:hover { opacity: var(--opacity);}
footer.pane-footer .footer-logo img { width: 100%; vertical-align: top;}

footer.pane-footer .block-footernav { margin: 0 0 165px; display: flex; justify-content: space-between;}
footer.pane-footer .block-footernav .block-footernav-contents-list { width: calc(100% - 480px);}
footer.pane-footer .block-footernav .block-footernav-members-list  { width: 480px; display: flex; flex-wrap: nowrap; justify-content: space-between; column-gap: 20px;}
footer.pane-footer .block-footernav-contents-list > ul { width: 100%; display: flex; flex-wrap: wrap; column-gap: 20px;}
footer.pane-footer .block-footernav-contents-list li[class^="fnav-"] { width: 140px; margin: 0 0 20px; font-family: var(--font-family-stix); font-size: 16px; font-weight: 500; font-style: italic;}
footer.pane-footer .block-footernav-contents-list li[class^="fnav-"] a { font-size: 16px; font-weight: 500; font-style: italic; text-decoration: none; transition: var(--transition);}
footer.pane-footer .block-footernav-contents-list li[class^="fnav-"] a:hover { text-decoration: underline;}
footer.pane-footer .block-footernav-contents-list ul.sns-list { margin-top: 25px;}
footer.pane-footer .block-footernav-contents-list ul.sns-list .fnav-instagram img { width: 20px;}
footer.pane-footer .block-footernav-contents-list ul.sns-list .fnav-instagram a { transition: var(--transition);}
footer.pane-footer .block-footernav-contents-list ul.sns-list .fnav-instagram a:hover { opacity: var(--opacity);}
footer.pane-footer .block-footernav-members-list li { font-size: 12px;}
footer.pane-footer .block-footernav-members-list li + li { margin-top: 10px;}
footer.pane-footer .block-footernav-members-list li a { font-size: 10px; font-family: var(--font-family-noto); font-weight: 400;}
footer.pane-footer .block-footernav-members-list li.fnav-mypage a,
footer.pane-footer .block-footernav-members-list li.fnav-cart a { font-size: 12px; font-family: var(--font-family-lato); font-weight: 500;}

footer.pane-footer .block-copyright { font-family: var(--font-family-lato); font-size: 10px; font-weight: 400; text-align: left;}
footer.pane-footer .footer-logo + .block-copyright { margin-top: 160px;}

footer.pane-footer .block-page-top { width: 60px; height: 130px; display: none; background: none; position: fixed; bottom: 40px; right: 30px; z-index: 10;}
footer.pane-footer .block-page-top a { width: 60px; height: 130px; padding: 0; margin: 0; display: block; position: relative;}
footer.pane-footer .block-page-top a::before {
  content: '';
  width: 8px;
  height: 100px;
  padding: 0;
  margin: 0;
	border: none;
  display: block;
	background-image: url("/img/usr/common/ico_to_top.png");
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-background-size: 8px auto;
	background-size: 8px auto;
  position: absolute;
  top: 0;
  left: calc(50% - 4px);
  transform: unset;
	transition: var(--transition);
}
footer.pane-footer .block-page-top a::after {
  content: 'BACK TO TOP';
	padding: 0;
	margin: 0;
	border: none;
  font-family: var(--font-family-stix);
  font-size: 10px;
  font-weight: 700;
  font-style: italic;
  word-break: keep-all;
	white-space: nowrap;
  display: block;
  position: absolute;
	left: calc(50% - 3.5em);
  bottom: 0;
  transform: unset;
}
footer.pane-footer .block-page-top a:hover { opacity: var(--opacity);}
footer.pane-footer .block-page-top a:hover::before { top: -10px;}

@media screen and (max-width: 1000px) {
	footer.pane-footer .container { padding: 0 var(--layout-base-padding);}
	footer.pane-footer .block-footernav { display: block;}
	footer.pane-footer .block-footernav .block-footernav-contents-list { width: 100%;}
	footer.pane-footer .block-footernav .block-footernav-members-list  { width: 100%;}
}

/* ----------------------------------
 フッター背景 - MOVIE
---------------------------------- */
footer.pane-footer { position: relative;}
footer.pane-footer #footer_video_bg { background: #FFF; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.2;}
footer.pane-footer #footer_video_bg .video-bg { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
footer.pane-footer .footer-video-on-layer { position: relative; z-index: 1;}

/* ----------------------------------
 関連商品
---------------------------------- */
h2.block-accessory-list--name {
	font-family: var(--font-family-ship);
	font-size: 18px;
	font-weight: 500;	
}

/* ----------------------------------
 VIEWED 最近見た商品
---------------------------------- */
.block-recent-item { width: 100%; padding: 120px 0; margin: 0 auto; border: none; display: block; background: var(--color-bg-dark);}
.block-recent-item--header { padding: 0; margin: 0 0 58px; border: none; font-size: 0; position: relative; z-index: 2;}
.block-recent-item--header::before { content: 'VIEWED'; font-family: var(--font-family-stix); font-size: 22px; font-weight: 500; font-style: italic; letter-spacing: 0.05em;}
.block-recent-item--body { width: 100%; max-width: calc(var(--layout1-max-width) + (var(--layout1-base-padding) * 2)); padding: 0 var(--layout1-base-padding); margin: 0 auto; position: relative;}
.block-recent-item--items { width: 100%; overflow: hidden;}
.block-recent-item--items a { text-decoration: none;}
.block-recent-item--keep-history { margin: 0; text-align: left; position: absolute; top: -40px; left: var(--layout1-base-padding);}
.block-recent-item--keep-history a { font-size: 14px; padding-left: 30px; position: relative; display: inline-block; text-decoration: none; color: inherit;}
.block-recent-item--keep-history a:before,
.block-recent-item--keep-history a:after { content: ''; display: block; position: absolute; width: 15px; height: 1px; top: 10px; left: 5px; background: #444; transition: all .4s ease;}
.block-recent-item--keep-history a:before { transform: rotate(45deg);}
.block-recent-item--keep-history a:after { transform: rotate(-45deg);}
.block-recent-item--keep-history a:hover:before,
.block-recent-item--keep-history a:hover:after { transform: rotate(0deg);}
.block-recent-item--empty-message { text-align: center;}
.block-recent-item .block-goods-notfound-message { display: none;}

/* 最近チェックした商品(ブランド) */
.block-brand-recent-item { width: 100%; padding: 120px 0; margin: 0 auto; border: none; display: block; background: var(--color-bg-dark);}
.block-brand-recent-item--header { padding: 0; margin: 0 0 58px; border: none; font-size: 0; position: relative; z-index: 2;}
.block-brand-recent-item--header::before { content: 'VIEWED'; font-family: var(--font-family-stix); font-size: 22px; font-weight: 500; font-style: italic; letter-spacing: 0.05em;}
.block-brand-recent-item--body { width: 100%; max-width: calc(var(--layout1-max-width) + (var(--layout1-base-padding) * 2)); padding: 0 var(--layout1-base-padding); margin: 0 auto; position: relative;}
.block-brand-recent-item--items { width: 100%;}
.block-brand-recent-item--keep-history { margin-top: 20px; text-align: right;}
.block-brand-recent-item--keep-history a { font-size: 14px; text-decoration: underline; color: var(--color-base);}

/* 最近チェックした商品(カート) */
.block-cart-recent-item { width: 100%; padding: 120px 0; margin: 0 auto; border: none; display: block; background: var(--color-bg-dark); position: relative;}
.block-cart-recent-item::before { content: ''; width: 200vw; height: 100%; display: block; background: var(--color-bg-dark); position: absolute; left: -50vw; top: 0; bottom: 0; right: -50vw; z-index: 1;}
.block-cart-recent-item--header { padding: 0; margin: 0 0 58px; border: none; font-size: 0; position: relative; z-index: 2;}
.block-cart-recent-item--header::before { content: 'VIEWED'; font-family: var(--font-family-stix); font-size: 22px; font-weight: 500; font-style: italic; letter-spacing: 0.05em;}
.block-cart-recent-item--body { width: 100%; max-width: calc(var(--layout1-max-width) + (var(--layout1-base-padding) * 2)); padding: 0 var(--layout1-base-padding); margin: 0 auto; position: relative; z-index: 2;}
.block-cart-recent-item--items { width: 100%;}
.block-cart-recent-item--keep-history { margin-top: 20px; text-align: right;}
.block-cart-recent-item--keep-history a { font-size: 14px; text-decoration: underline; color: var(--color-base);}

@media screen and (max-width: 1000px) {
	.block-recent-item--body,
	.block-brand-recent-item--body,
	.block-cart-recent-item--body { padding: 0 var(--layout-base-padding);}
	.block-recent-item--keep-history { left: var(--layout-base-padding);}
}

/* ----------------------------------
 LEFT MENU
---------------------------------- */
/* カテゴリで探す */
#block_of_categorytree { display: none;}

/* ジャンルで探す */
#block_of_genretree { display: none;}

/* キーワードで探す */
#block_of_searchbox { display: none;}

/* カート */
#block_of_jscart { display: none;}

/* ----------------------------------
 FILTER
---------------------------------- */
#block_of_filter,
.block-goods-list--filter { display: none !important;}
.block-icon-image-double-small.block-icon-image--angle-right { display: none;}

/* ----------------------------------
 検索サジェスト
---------------------------------- */
.block-search-suggest { width: 370px; padding: 5px; border: #000 1px solid; text-align: left; display: block; background-color: #FFF; position: absolute; z-index: 1000;}
.block-search-suggest--keyword { padding: 2px;}
.block-search-suggest--keyword-entry { display: block; text-decoration: none;}
.block-search-suggest--goods { min-height: 60px; padding: 2px; display: block; clear: both;}
.block-search-suggest--goods-img { width: 60px; margin-right: 10px; display: block; float: left;}
.block-search-suggest--goods-img img { width: 60px; height: 60px;}
.block-search-suggest--goods-name,
.block-search-suggest--goods-comment,
.block-search-suggest--goods-price-items { width: 100%;}
.block-search-suggest--keyword:hover,
.block-search-suggest--goods:hover { background-color: var(--color-bg-dark); cursor: pointer;}