@charset "UTF-8";

/* ----------------------------------
 Site Common
---------------------------------- */
.wrapper { width: 100%; min-height: 100vh;}
.container { width: 1440px; margin: 0 auto; background: none;}
.pane-order-contents .container { width: 1260px;}
.pane-contents { padding: 0; background: none;}
.pane-main { width: 100%; margin: 0 auto; display: block; background: none;}
.pane-left-menu + .pane-main { width: 1134px;}
.pane-left-menu  { width: 270px; min-width: 270px; margin: 0 36px 54px 0; display: block;}
.pane-right-menu { width: 100%; padding: 0; margin: 0;}
.pane-globalnav  { position: relative; background-color: #444; color: #fff;}
.pane-topic-path { margin: 0 0 40px 0;}
.page-category .pane-topic-path,
.page-genre .pane-topic-path,
.page-event .pane-topic-path,
.page-mall .pane-topic-path,
.page-search .pane-topic-path { display: none;}
.pane-order-contents { border: none; background: none;}
.pane-landingpage-contents { border: none; background: none;}

.block-member-info,
.block-member-info-confirmation,
.block-member-registration-completed,
.block-shipping-address,
.block-credit-card-confirmation,
.block-inquiry,
.block-inquiry-history,
.block-mail-address,
.block-member-password,
.block-reset-password,
.block-user-review,
.block-mail-news {
  width: 1600px;
  margin: 0 auto;
}

.page-menu .pane-main { width: 1440px; margin: 0 auto;}

/* ----------------------------------
 Header
---------------------------------- */
/* HEADER - common */
#header { position: fixed; top: 0; left: 0; width: 100%; margin: 0; box-shadow: 0 3px 6px rgba(0,0,0,0.1); background: #fff; z-index: 99999;}
#header + * { padding-top: 112px;}

/* HEADER - order */
#header.pane-header.pane-order-header { padding: 0 !important; margin: 0; border-bottom: #A19059 1px solid; background: #FFF;}
#header.pane-header.pane-order-header .container { height: 144px; padding: 0; border: none; justify-content: center; align-items: center;}
#header.pane-header.pane-order-header .block-header-logo { width: 96px; min-width: 96px; font-size: 0; background: none; position: relative; top: 0;}
#header.pane-header.pane-order-header .block-header-logo--img { height: auto;}

/* HEADER - line01 */
.pane-header .container { width: calc(100% - 290px); max-width: 1600px; min-width: 1000px; height: 80px; margin: 0 auto; border: none; display: flex; align-items: center; position: relative;}
.pane-header .block-header-logo { padding: 0; margin: 0 auto 0 0; font-size: inherit;}
.pane-header .block-header-logo img { width: 197px; height: 32px;}
.pane-header .block-header-customer-info { display: flex; align-items: center; margin-right: 40px;}
.pane-header .block-header-customer-info .block-header-customer-info--name { font-size: 15px; line-height: 1.4; margin-right: 26px;}
.pane-header .block-header-customer-info .block-header-customer-info--mile { display: flex; align-items: center;}
.pane-header .block-header-customer-info .block-header-customer-info--mile { display: flex; align-items: center; border-radius: 14px; overflow: hidden;}
.pane-header .block-header-customer-info .block-header-customer-info--mile dt,
.pane-header .block-header-customer-info .block-header-customer-info--mile dd { padding: 4px 10px;}
.pane-header .block-header-customer-info .block-header-customer-info--mile dt { font-size: 13px; line-height: 20px; color: #FFF; background: #333333;}
.pane-header .block-header-customer-info .block-header-customer-info--mile dd { font-size: 18px; line-height: 20px; color: #000; background: #F0F0F0;}
.pane-header .block-header-customer-info .block-header-customer-info--mile dd .unit { display: inline-block; padding-left: 4px; font-size: 12px; line-height: 1.5; vertical-align: bottom;}
.pane-header .block-headernav--item-list { display: flex; align-items: center; gap: 20px; margin: 20px 0 10px;}
.pane-header .block-headernav--item-list li { position: relative;}
.pane-header .block-headernav--item-list li a, .pane-header .block-headernav--item-list li .js-category-opener { display: block; padding: 35px 0 0 0; font-size: 10px; font-weight: bold; text-align: center;}
.pane-header .block-headernav--item-list li a:hover, .pane-header .block-headernav--item-list li .js-category-opener:hover { text-decoration: none; color: #957919;}
.pane-header .block-headernav--cart-count { width: 20px; height: 20px; border-radius: 20px; line-height: 20px; font-size: 12px; color: #fff; position: absolute; top: 2px; right: -7px; z-index: 2; background: #CC0000; display: none;}
.pane-header .block-headernav li.hnav-search                           { position: relative;}
.pane-header .block-headernav li.hnav-search .hnav-search-button       { display: block; padding: 35px 0 0 0; border: 0; font-size: 10px; font-weight: bold; text-align: center; background: url("../../img/usr/common/ico_header_search.png") top 6px center / 27px auto no-repeat;}
.pane-header .block-headernav li.hnav-search .hnav-search-button:hover { background: url("../../img/usr/common/ico_header_search_on.png") top 6px center / 27px auto no-repeat;}
.pane-header .block-headernav li.hnav-login a          { background: url("../../img/usr/common/ico_header_login.png") top 7px center / 21px auto no-repeat;}
.pane-header .block-headernav li.hnav-login a:hover    { background: url("../../img/usr/common/ico_header_login_on.png") top 7px center / 21px auto no-repeat;}
.pane-header .block-headernav li.hnav-mypage a         { background: url("../../img/usr/common/ico_header_mypage.png") top 9px center / 19px auto no-repeat;}
.pane-header .block-headernav li.hnav-mypage a:hover   { background: url("../../img/usr/common/ico_header_mypage_on.png") top 9px center / 19px auto no-repeat;}
.pane-header .block-headernav li.hnav-bookmark a       { background: url("../../img/usr/common/ico_header_bookmark.png") top 11px center / 24px auto no-repeat;}
.pane-header .block-headernav li.hnav-bookmark a:hover { background: url("../../img/usr/common/ico_header_bookmark_on.png") top 11px center / 24px auto no-repeat;}
.pane-header .block-headernav li.hnav-cart a           { background: url("../../img/usr/common/ico_header_cart.png") top 9px center / 25px auto no-repeat;}
.pane-header .block-headernav li.hnav-cart a:hover     { background: url("../../img/usr/common/ico_header_cart_on.png") top 9px center / 25px auto no-repeat;}
.pane-header .block-headernav li.hnav-category                             { position: relative;}
.pane-header .block-headernav li.hnav-category .js-category-opener         { background: url("../../img/usr/common/ico_header_category.png") top 9px center / 24px auto no-repeat;}
.pane-header .block-headernav li.hnav-category .js-category-opener:hover   { background: url("../../img/usr/common/ico_header_category_on.png") top 9px center / 24px auto no-repeat;}
.pane-header .block-headernav li.hnav-category .js-category-opener.is-open { background: url("../../img/usr/common/ico_header_category_open.png") top 9px center / 24px auto no-repeat;}
.pane-header .block-headernav li.hnav-category .block-hnav-category-frame  { display: none; position: absolute; top: 70px; right: 0; display: none; width: 300px; border-radius: 12px; padding: 20px 16px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06); background: #F5F5F5;}
.pane-header .block-headernav li.hnav-category .block-hnav-category-frame { max-height: 85vh; overflow-y: auto; scrollbar-width: none; -ms-overflow-style: none; } 
.pane-header .block-headernav li.hnav-category .block-hnav-category-frame::-webkit-scrollbar { display: none; }
.pane-header .block-headernav li.hnav-category li.list-item--chevron .list-item__center{position: relative; cursor: pointer;}
.pane-header .block-headernav li.hnav-category li.list-item--chevron .level0 { font-size: 18px; font-weight: 500;padding:10px 0 15px 0;}
.pane-header .block-headernav li.hnav-category li.list-item--chevron .level1 { font-size: 16px; font-weight: 400; padding:15px 2px; position: relative; cursor: pointer; border-bottom: 1px solid #DEDEDE;}
.pane-header .block-headernav li.hnav-category li.list-item--chevron .level2 { font-size: 14px; font-weight: 380; padding:13px 5px; position: relative; cursor: pointer; border-bottom: 1px solid #DEDEDE;}
.pane-header .block-headernav li.hnav-category li.list-item--chevron .level3 { font-size: 14px; font-weight: 360; padding:13px 8px; position: relative; cursor: pointer; border-bottom: 1px solid #DEDEDE;}
.pane-header .block-headernav li.hnav-category li.list-item--chevron > .level1::before,.pane-header .block-headernav li.hnav-category li.list-item--chevron > .level1::after,.pane-header .block-headernav li.hnav-category li.list-item--chevron > .level2::before,.pane-header .block-headernav li.hnav-category li.list-item--chevron > .level2::after,.pane-header .block-headernav li.hnav-category li.list-item--chevron > .level3::before,.pane-header .block-headernav li.hnav-category li.list-item--chevron > .level3::after { content: ''; width: 12px; height: 2px; display: block; background: #C00A1D; position: absolute; top: calc(50% - 1px);right: 12px; transition: 0.3s;}
.pane-header .block-headernav li.hnav-category li.list-item--chevron > .level1::after,.pane-header .block-headernav li.hnav-category li.list-item--chevron > .level2::after,.pane-header .block-headernav li.hnav-category li.list-item--chevron > .level3::after {transform: rotate(-90deg)}
.pane-header .block-headernav li.hnav-category li.list-item--chevron > .level1.minus::after,.pane-header .block-headernav li.hnav-category li.list-item--chevron > .level2.minus::after,.pane-header .block-headernav li.hnav-category li.list-item--chevron > .level3.minus::after {transform: rotate(0deg)}
.pane-header .block-headernav li.hnav-category li.list-item:not(.list-item--chevron) > .level1::after,.pane-header .block-headernav li.hnav-category li.list-item:not(.list-item--chevron) > .level2::after,.pane-header .block-headernav li.hnav-category li.list-item:not(.list-item--chevron) > .level3::after,.pane-header .block-headernav li.hnav-category li.list-item:not(.list-item--chevron) > .level4::after { content: ""; width: 7px; height: 12px; position: absolute; right: 12px; top: calc(50% - 6px); display: block; background: url(../../img/usr/common/ico_arrow_r.png) center center / 7px auto no-repeat;}
.pane-header .block-headernav li.hnav-category li.list-item--chevron .switch::before { content: ''; width: 12px; height: 2px; display: block; background: #C00A1D; position: absolute; top: calc(50% - 1px);right: 12px; transition: 0.3s;}
.pane-header .block-headernav li.hnav-category li.list-item--chevron .switch::after {transform: rotate(-90deg)}
.pane-header .block-headernav li.hnav-category li.list-item--chevron .switch::after {transform: rotate(0deg)}
.pane-header .block-headernav li.hnav-category li.list-item--chevron > .level1 + .block-goods-list__navi-slideside > ul.list{padding-top: 10px;}
#header .block-goods-list__navi--menu > ul.list > li.list-item > .list-item__center.level0 + .block-goods-list__navi-slideside {display: block !important;}


.pane-header .block-headernav li.hnav-search .hnav-popup--search { position: absolute; top: 70px; left: calc(50% - 150px); display: none; width: 300px; border-radius: 12px; padding: 20px 16px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06); background: #E8E8E8;}
.pane-header .block-headernav li.hnav-search .hnav-popup--search-close { position: absolute; top: 20px; right: 16px; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; background: #333333; cursor: pointer;}
.pane-header .block-headernav li.hnav-search .hnav-popup--search-close::before { position: absolute; top: calc(50% - 1px); left: calc(50% - 6px); width: 12px; height: 2px; background: #FFF; transform: rotate( 45deg); content: "";}
.pane-header .block-headernav li.hnav-search .hnav-popup--search-close::after  { position: absolute; top: calc(50% - 1px); left: calc(50% - 6px); width: 12px; height: 2px; background: #FFF; transform: rotate(-45deg); content: "";}
.pane-header .block-headernav li.hnav-search .hnav-popup--search-title { margin: 0 0 9px; padding-right: 40px; font-size: 17px; font-weight: bold; color: #000;}
.pane-header .block-headernav li.hnav-search .hnav-popup--search-title::first-letter { color: #C00A1D;}
.pane-header .block-headernav li.hnav-search .hnav-popup--search-title span { font-size: 20px;}
.pane-header .block-headernav li.hnav-search .hnav-popup--search-param { margin: 0 0 12px;}
.pane-header .block-headernav li.hnav-search .hnav-popup--search-param:last-of-type { margin-bottom: 0;}
.pane-header .block-headernav li.hnav-search .hnav-popup--search-param dt { margin: 0 0 5px; font-size: 12px; font-weight: bold; color: #000;}
.pane-header .block-headernav li.hnav-search .hnav-popup--search-param dd input[type="text"] { width: 100%; height: 36px; min-height: 0; padding: 4px 12px; border: 1px solid #CECECE; border-radius: 4px; font-size: 13px; background: #FFF;}
.pane-header .block-headernav li.hnav-search .hnav-popup--search-param dd select { width: 100%; height: 36px; padding: 4px 12px; border: 1px solid #CECECE; border-radius: 4px; font-size: 13px; background: #FFF;}
.pane-header .block-headernav li.hnav-search .hnav-popup--search-param dd .miles-slider { height: 6px; border: 0; border-radius: 0; margin: 12px 6px 10px; background: #DEDEDE;}
.pane-header .block-headernav li.hnav-search .hnav-popup--search-param dd .miles-slider::before,
.pane-header .block-headernav li.hnav-search .hnav-popup--search-param dd .miles-slider::after { position: absolute; top: -3px; width: 12px; height: 12px; border-radius: 6px; background: #DEDEDE; content: "";}
.pane-header .block-headernav li.hnav-search .hnav-popup--search-param dd .miles-slider::before { left: -6px;}
.pane-header .block-headernav li.hnav-search .hnav-popup--search-param dd .miles-slider::after { right: -6px;}
.pane-header .block-headernav li.hnav-search .hnav-popup--search-param dd .miles-slider .noUi-connect { background: #C00A1D;}
.pane-header .block-headernav li.hnav-search .hnav-popup--search-param dd .miles-slider .noUi-handle { width: 12px; height: 12px; top: -3px; right: -6px; border: 0; border-radius: 6px; box-shadow: none; background: #C00A1D;}
.pane-header .block-headernav li.hnav-search .hnav-popup--search-param dd .miles-slider .noUi-handle::before,
.pane-header .block-headernav li.hnav-search .hnav-popup--search-param dd .miles-slider .noUi-handle::after { display: none;}
.pane-header .block-headernav li.hnav-search .hnav-popup--search-param dd .miles-wrap { display: flex; align-items: flex-end; justify-content: space-between;}
.pane-header .block-headernav li.hnav-search .hnav-popup--search-param dd .miles-wrap .miles-item { display: flex; align-items: flex-end;}
.pane-header .block-headernav li.hnav-search .hnav-popup--search-param dd .miles-wrap select { width: 80px; height: 32px; min-height: 0; margin-right: 8px; border-radius: 4px; padding: 4px 6px; border: 1px solid #CECECE; font-size: 12px; background: #FFF;}
.pane-header .block-headernav li.hnav-search .hnav-popup--search-param dd .miles-wrap .unit { font-size: 12px;}
.pane-header .block-headernav li.hnav-search .hnav-popup--search-param dd .search-year select,
.pane-header .block-headernav li.hnav-search .hnav-popup--search-param dd .search-month select,
.pane-header .block-headernav li.hnav-search .hnav-popup--search-param dd .search-day select { width: auto; margin: 0 1px;}
.pane-header .block-headernav li.hnav-search .hnav-popup--search-param dd .hnav-popup--search-btn { display: flex; align-items: center; justify-content: center; width: 100%; height: 44px; margin-top: 25px; border: 1px solid #C00A1D; border-radius: 22px; font-size: 13px; font-weight: bold; color: #C00A1D; background: #FFF;}

/* top page */
.page-top #header + * { padding-top: 80px;}
#mainvisual a:hover img {opacity: 1 !important;}

/* ----------------------------------
 Footer
---------------------------------- */
.pane-footer { min-width: 1600px; position: relative; padding: 52px 0 56px; color: #FFF; background: #333333;}
.pane-footer .container { width: 100%;}

.pane-footer .footer-inner { width: 1600px; margin: 0 auto; display: flex; justify-content: space-between;}
.pane-footer ul.block-footer-nav--list { display: flex; font-size: 16px; line-height: 1.0;}
.pane-footer ul.block-footer-nav--list li { padding: 0 2.0em; border-right: #fff 1px solid;}
.pane-footer ul.block-footer-nav--list li:last-of-type { border-right: 0;}
.pane-footer ul.block-footer-nav--list li a { display: block; font-size: 16px; font-weight: 500; color: #fff;}
.pane-footer ul.block-footer-nav--list li a[target="_blank"]::before { display: inline-block; width: 18px; height: 17px; margin-right: 7px; background: url("../../img/usr/common/ico_footer_blank.png") center center / 100% auto no-repeat; font-size: 0; content: "";}
.pane-footer ul.block-footer-nav--list li a:hover { text-decoration: underline;}
.pane-footer ul.block-footer-right-nav--list { display: flex; justify-content: flex-end; gap: 36px; font-size: 16px; line-height: 1.0;}
.pane-footer ul.block-footer-right-nav--list li a { display: block; font-size: 16px; font-weight: 500; color: #fff;}
.pane-footer ul.block-footer-right-nav--list li a[target="_blank"]::before { display: inline-block; width: 18px; height: 17px; margin-right: 7px; background: url("../../img/usr/common/ico_footer_blank.png") center center / 100% auto no-repeat; font-size: 0; content: "";}
.pane-footer ul.block-footer-right-nav--list li a:hover { text-decoration: underline;}
.pane-footer .block-copyright { margin: 15px 0 0; font-size: 16px; font-weight: 500; line-height: 1.0; text-align: right; color: #fff;}
#footer_pagetop { width: 44px; position: fixed; top: auto; bottom: 58px; right: 12px; display: none; z-index: 5;}
#footer_pagetop a { width: 44px; height: 44px; border-radius: 50%; background: #FFF url("../../img/usr/common/ico_pagetop.png") center center / 17px auto no-repeat; position: relative; display: block; transition: 0.3s; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
#footer_pagetop a:hover { opacity: 0.5;}
#footer_pagetop a:after { display: none !important;}
.pane-footer .block-switcher { display: none;}

@media only screen and (max-width: 1000px) {
	#footer_top { padding: 30px;}
	#footer_top .footer-inner { flex-direction: column; justify-content: center;}
	#footernav_top_info  { width: 100%; padding: 0 0 20px; margin: 0 0 20px; border-bottom: #E0E0E0 1px solid;}
	#footernav_top_guide { width: 100%;}
	#footernav_top_guide ul { width: 45%;}
	#footernav_top_guide li { font-size: 14px;}
	#footernav_top_guide li.child { font-size: 12px;}
	#footer_bottom { padding: 28px 30px 22px;}	
	#footer_bottom .footer-inner { flex-direction: column; justify-content: center;}
	.pane-footer .block-copyright { margin-top: 10px;}
}

/* ----------------------------------
 Left
---------------------------------- */
.pane-left-menu .pane-block--title { padding: 7px 0; margin: 0 0 10px; border: none; font-size: 18px; font-weight: bold; color: #333; background: none;}
.pane-left-menu .pane-block--title a { text-decoration: none;}
.block-left-menu-top,
.block-left-menu-middle,
.block-mallcategory-tree { padding: 20px 15px; margin: 0 0 30px 0; border: 1px solid #EEEEEE; border-radius: 12px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); background: #FFF;}

/*-- top --*/

/*-- middle --*/
.block-left-menu--banner-list li { margin: 0 0 12px;}
.block-left-menu--banner-list li:last-of-type { margin-bottom: 0;}

/*-- mall-category-tree --*/
#block_of_mallcategorytree .block-category-tree--items { position: relative;}
#block_of_mallcategorytree .block-category-tree--level-1 > li:not(.has-child),
#block_of_mallcategorytree .block-category-tree--level-1 > li.has-child .child-tree-header { border-bottom: #DEDEDE 1px solid;}
#block_of_mallcategorytree .block-category-tree--level-2 > li > a,
#block_of_mallcategorytree .block-category-tree--level-3 > li > a,
#block_of_mallcategorytree .block-category-tree--level-4 > li > a { border-bottom: #DEDEDE 1px solid;}
#block_of_mallcategorytree .block-category-tree--item__open,
#block_of_mallcategorytree .block-category-tree--item { border: none; position: relative;}
#block_of_mallcategorytree .block-category-tree--item__open a,
#block_of_mallcategorytree .block-category-tree--item a { width: 100%; padding: 0 20px 0 10px; height: auto; min-height: 53px; display: flex; align-items: center; box-sizing: border-box; position: relative; font-size: 15px; text-decoration: none;}
#block_of_mallcategorytree .block-category-tree--item__open a:hover,
#block_of_mallcategorytree .block-category-tree--item a:hover { text-decoration: underline;}
#block_of_mallcategorytree .block-category-tree--item__open > a { font-weight: bold; color: #976F11;}
#block_of_mallcategorytree .block-category-tree--item > span { width: 100%; height: auto; min-height: 43px; display: flex; align-items: center; box-sizing: border-box;}
#block_of_mallcategorytree .block-category-tree--item__open a:after,
#block_of_mallcategorytree .block-category-tree--item a:after { content: ""; width: 7px; height: 12px; position: absolute; right: 12px; top: calc(50% - 6px); display: block; background: url("../../img/usr/common/ico_arrow_r.png") center center / 7px auto no-repeat;}
#block_of_mallcategorytree .block-category-tree--level-2 > li { text-indent: 0; background: none;}
#block_of_mallcategorytree .block-category-tree--level-3 > li { text-indent: 0; background: none;}
#block_of_mallcategorytree .block-category-tree--level-4 > li { text-indent: 0; background: none;}
#block_of_mallcategorytree .block-category-tree--level-2 > li a { padding-left: 20px;}
#block_of_mallcategorytree .block-category-tree--level-3 > li a { padding-left: 30px;}
#block_of_mallcategorytree .block-category-tree--level-4 > li a { padding-left: 40px;}
#block_of_mallcategorytree .block-category-tree--image { width: 43px; height: 43px; margin-right: 9px; font-size: 0;}
#block_of_mallcategorytree .child-tree-header { display: flex; justify-content: space-between;}
#block_of_mallcategorytree .child-tree-header a { width: calc(100% - 40px); padding-right: 0;}
#block_of_mallcategorytree .child-tree-header a::after { display: none;}
#block_of_mallcategorytree .child-tree-header .switch { width: 40px; position: relative; cursor: pointer;}
#block_of_mallcategorytree .child-tree-header .switch::before,
#block_of_mallcategorytree .child-tree-header .switch::after { content: ''; width: 12px; height: 2px; display: block; background: #C00A1D; position: absolute; top: calc(50% - 1px); right: 12px; transition: 0.3s;}
#block_of_mallcategorytree .child-tree-header .switch::after { transform: rotate(-90deg);}
#block_of_mallcategorytree .child-tree-header .switch.open::after { transform: rotate(0deg);}
#block_of_mallcategorytree .block-category-tree--items.block-category-tree--level-2 { display: none;}
#block_of_mallcategorytree .block-category-tree--items.block-category-tree--level-3 { display: none;}
#block_of_mallcategorytree .block-category-tree--items.block-category-tree--level-4 { display: none;}

/*-- category-tree --*/
#block_of_categorytree { margin: 0 0 30px 0;}
#block_of_categorytree .block-category-tree--items { position: relative;}
#block_of_categorytree .block-category-tree--items:not(.block-category-tree--level-1)::before { content: ''; width: 100%; height: 0; border-top: #E0E0E0 1px solid; display: block; position: absolute; top: 0; left: 0; z-index: 2;}
#block_of_categorytree .block-category-tree--items:not(.block-category-tree--level-1)::after  { content: ''; width: 100%; height: 0; border-top: #E0E0E0 1px solid; display: block; position: absolute; bottom: 0; left: 0; z-index: 2;}
#block_of_categorytree .block-category-tree--level-2 > li + li::before { content: ''; width: 100%; height: 0; border-top: #E0E0E0 1px solid; display: block; position: absolute; top: -1px; left: 0; z-index: 2;}
#block_of_categorytree .block-category-tree--level-3 > li + li::before,
#block_of_categorytree .block-category-tree--level-4 > li + li::before { content: ''; width: calc(100% - 20px); height: 0; border-top: #E0E0E0 1px dashed; display: block; position: absolute; top: -1px; left: 10px; z-index: 1;}
#block_of_categorytree .block-category-tree--item__open,
#block_of_categorytree .block-category-tree--item { border: none; position: relative;}
#block_of_categorytree .block-category-tree--item__open a,
#block_of_categorytree .block-category-tree--item a { width: 100%; padding: 0 15px 0 10px; height: auto; min-height: 43px; display: flex; align-items: center; box-sizing: border-box; position: relative;}
#block_of_categorytree .block-category-tree--item__open > a { font-weight: bold; color: #976F11;}
#block_of_categorytree .block-category-tree--item > span { width: 100%; height: auto; min-height: 43px; display: flex; align-items: center; box-sizing: border-box;}
#block_of_categorytree .block-category-tree--item__open a:after,
#block_of_categorytree .block-category-tree--item a:after { content: ""; width: 8px; height: 8px; border-right: 2px solid #ADADAD; border-top: 2px solid #ADADAD; position: absolute; right: 13px; top: calc(50% - 4px); display: block; transform: rotate(45deg);}
#block_of_categorytree .block-category-tree--level-1 > li { text-indent: 0; border-top: none !important;}
#block_of_categorytree .block-category-tree--level-1 > li > a { display: none;}
#block_of_categorytree .block-category-tree--level-2 > li { text-indent: 0; background: none;}
#block_of_categorytree .block-category-tree--level-3 > li { text-indent: 0; background: none;}
#block_of_categorytree .block-category-tree--level-4 > li { text-indent: 0; background: none;}
#block_of_categorytree .block-category-tree--level-2 > li a { padding-left: 10px;}
#block_of_categorytree .block-category-tree--level-3 > li a { padding-left: 20px;}
#block_of_categorytree .block-category-tree--level-4 > li a { padding-left: 30px;}
#block_of_categorytree .block-category-tree--level-3 .block-category-tree--item__open a:after,
#block_of_categorytree .block-category-tree--level-3 .block-category-tree--item a:after,
#block_of_categorytree .block-category-tree--level-4 .block-category-tree--item__open a:after,
#block_of_categorytree .block-category-tree--level-4 .block-category-tree--item a:after { display: none;}
#block_of_categorytree .block-category-tree--image { width: 43px; height: 43px; margin-right: 9px; font-size: 0;}
#block_of_categorytree .child-tree-header { display: flex; justify-content: space-between;}
#block_of_categorytree .child-tree-header a { width: calc(100% - 40px); padding-right: 0;}
#block_of_categorytree .child-tree-header a::after { display: none;}
#block_of_categorytree .child-tree-header .switch { width: 40px; position: relative; cursor: pointer;}
#block_of_categorytree .child-tree-header .switch::before,
#block_of_categorytree .child-tree-header .switch::after { content: ''; width: 12px; height: 2px; display: block; background: #ADADAD; position: absolute; top: calc(50% - 0.8px); right: 9px; transition: 0.3s;}
#block_of_categorytree .child-tree-header .switch::after { transform: rotate(-90deg);}
#block_of_categorytree .child-tree-header .switch.open::after { transform: rotate(0deg);}
#block_of_categorytree .block-category-tree--items.block-category-tree--level-3 { display: none;}
#block_of_categorytree .block-category-tree--items.block-category-tree--level-4 { display: none;}

/*-- genre-tree --*/
#block_of_genretree { margin: 0 0 30px 0;}
.block-genre-tree--items { position: relative;}
.block-genre-tree--items::before { content: ''; width: 100%; height: 0; border-top: #E0E0E0 1px solid; display: block; position: absolute; top: 0; left: 0; z-index: 2;}
.block-genre-tree--items::after  { content: ''; width: 100%; height: 0; border-top: #E0E0E0 1px solid; display: block; position: absolute; bottom: 0; left: 0; z-index: 2;}
.block-genre-tree--items.block-genre-tree--level1 > li + li::before { content: ''; width: 100%; height: 0; border-top: #E0E0E0 1px solid; display: block; position: absolute; top: -1px; left: 0; z-index: 2;}
.block-genre-tree--items.block-genre-tree--level2 > li + li::before,
.block-genre-tree--items.block-genre-tree--level3 > li + li::before,
.block-genre-tree--items.block-genre-tree--level4 > li + li::before { content: ''; width: calc(100% - 20px); height: 0; border-top: #E0E0E0 1px dashed; display: block; position: absolute; top: -1px; left: 10px; z-index: 1;}
.block-genre-tree--item__open,
.block-genre-tree--item { border: none; position: relative;}
.block-genre-tree--item__open a,
.block-genre-tree--item a { width: 100%; padding: 0 15px 0 10px; height: auto; min-height: 43px; display: flex; align-items: center; box-sizing: border-box; position: relative;}
.block-genre-tree--item > span { height: auto; min-height: 43px; display: flex; align-items: center;}
.block-genre-tree--item__open a:after,
.block-genre-tree--item a:after { content: ""; width: 8px; height: 8px; border-right: 2px solid #ADADAD; border-top: 2px solid #ADADAD; position: absolute; right: 13px; top: calc(50% - 4px); display: block; transform: rotate(45deg);}
.block-genre-tree--level1 > li { text-indent: 0;}
.block-genre-tree--level2 > li { text-indent: 0; background: none;}
.block-genre-tree--level3 > li { text-indent: 0; background: none;}
.block-genre-tree--level4 > li { text-indent: 0; background: none;}
.block-genre-tree--level2 > li a { padding-left: 20px;}
.block-genre-tree--level3 > li a { padding-left: 30px;}
.block-genre-tree--level4 > li a { padding-left: 40px;}
.block-genre-tree--level3 .block-genre-tree--item__open a:after,
.block-genre-tree--level3 .block-genre-tree--item a:after,
.block-genre-tree--level4 .block-genre-tree--item__open a:after,
.block-genre-tree--level4 .block-genre-tree--item a:after { display: none;}
.block-genre-tree--image { width: 43px; height: 43px; margin-right: 9px; font-size: 0;}
#block_of_genretree .child-tree-header { display: flex; justify-content: space-between;}
#block_of_genretree .child-tree-header a { width: calc(100% - 40px); padding-right: 0;}
#block_of_genretree .child-tree-header a::after { display: none;}
#block_of_genretree .child-tree-header .switch { width: 40px; position: relative; cursor: pointer;}
#block_of_genretree .child-tree-header .switch::before,
#block_of_genretree .child-tree-header .switch::after { content: ''; width: 12px; height: 2px; display: block; background: #ADADAD; position: absolute; top: calc(50% - 0.8px); right: 9px; transition: 0.3s;}
#block_of_genretree .child-tree-header .switch::after { transform: rotate(-90deg);}
#block_of_genretree .child-tree-header .switch.open::after { transform: rotate(0deg);}
#block_of_genretree .block-genre-tree--items.block-genre-tree--level2 { display: none;}
#block_of_genretree .block-genre-tree--items.block-genre-tree--level3 { display: none;}
#block_of_genretree .block-genre-tree--items.block-genre-tree--level4 { display: none;}

/*-- Tree --*/
.block-left-tree { margin: 0 0 30px 0;}
.block-left-tree--title { padding: 8px 10px; margin: 0; border: none; border-radius: 5px 5px 0 0; font-size: 16px; font-weight: bold; background: #A19059; color: #fff;}
.block-left-tree--items { position: relative;}
.block-left-tree--item  { border: none; border-bottom: #E0E0E0 1px solid; position: relative;}
.block-left-tree--item a { width: 100%; padding: 0 15px 0 10px; height: auto; min-height: 43px; display: flex; align-items: center; box-sizing: border-box; position: relative;}
.block-left-tree--item a:after { content: ""; width: 8px; height: 8px; border-right: 2px solid #ADADAD; border-top: 2px solid #ADADAD; position: absolute; right: 13px; top: calc(50% - 4px); display: block; transform: rotate(45deg);}
.block-left-tree--item > span { height: auto; min-height: 43px; display: flex; align-items: center;}

/*-- searchbox --*/
#block_of_searchbox { padding: 15px 10px 10px; margin: 0 0 30px 0; background: #EFE7D5;}
#block_of_searchbox .pane-block--title { padding: 0; margin: 0 0 10px 0; font-size: 16px; background: #EFE7D5; color: #111111;}
#block_of_searchbox .pane-block--title a { color: #111111; text-decoration: none;}
#block_of_searchbox .block-search-box--form { height: 40px; border: #999999 1px solid; background: #FFF; box-sizing: border-box;}
#block_of_searchbox .block-search-box--keyword { min-height: auto; border: none !important;}
#block_of_searchbox button.block-search-box--search-submit { width: 33px; height: 38px; padding: 0; display: flex; justify-content: center; align-items: center; background: url("../../img/usr/common/icon_search.png") center center no-repeat; background-size: 18.5px 18.5px;}
#block_of_searchbox p.block-search-box--search-detail { display: none;}

/*-- calendar --*/
#calendar { padding: 15px 0; margin: 0 0 30px 0; border: #E0E0E0 1px solid;}
#calendar .block-calendar-slide-area-wrapper { margin-bottom: 5px;}
#calendar table tr { border: none;}
#calendar table td { height: 25px;}
#calendar table th span { font-size: 10px;}
#calendar table td span { font-size: 14px;}
#calendar table td span.closed { color: #CC0000 !important;}
#calendar table tr td:nth-child(7) span { color: #338EEB;}
#calendar.block-calendar p span { color: #CC0000;}
#calendar .block-calendar-prev { padding-left: 15px; background: url(../../img/usr/calendar_prev.png) left top no-repeat; left: 0; display: none;}
#calendar .block-calendar-next { padding-right: 15px; background: url(../../img/usr/calendar_next.png) right top no-repeat; right: 0;}

/* ----------------------------------
 Filter
---------------------------------- */
#block_of_filter { margin: 0 0 30px 0;}
#block_of_filter div[id^="div_filter"] { background: #FFFFFF; border-bottom: #E0E0E0 1px solid;}
#block_of_filter .pane-block--title { background-color: #707070;}
#block_of_filter .pane-block--subtitle { padding: 12px 10px; margin: 0; border: none; font-size: 14px; font-weight: bold; cursor: pointer; background: #FFFFFF; color: #111111; position: relative;}
#block_of_filter .pane-block--subtitle::before,
#block_of_filter .pane-block--subtitle::after { content: ''; width: 12px; height: 2px; display: block; background: #ADADAD; position: absolute; top: calc(50% - 0.8px); right: 9px; transition: 0.3s;}
#block_of_filter .block-filter--close .pane-block--subtitle::after { transform: rotate(-90deg);}
#block_of_filter .block-filter--close .pane-block--subtitle.open::after { transform: rotate(0deg);}
#block_of_filter .block-filter--imagelist-inner-accordion { padding: 15px 10px 10px;}
#block_of_filter .block-filter--list-inner-accordion { padding: 15px 10px;}
#block_of_filter .block-filter-option-items + .block-filter-option-items { margin-top: 10px;}
#block_of_filter .block-filter--select-inner-accordion { padding: 15px 10px;}
#block_of_filter .block-filter--select-inner-accordion select { width: 100%;}
#block_of_filter .block-filter-option-items input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; width: 20px; height: 20px; border: #999999 1px solid; border-radius: 0; position: relative; margin-bottom: 3px; margin-right: 5px; outline: 0; transition: 0.3s; background: #ffffff;}
#block_of_filter .block-filter-option-items input[type="checkbox"]:before { transition: 0.3s;}
#block_of_filter .block-filter-option-items input[type="checkbox"]:checked { border: #999999 1px solid; background: #fff;}
#block_of_filter .block-filter-option-items input[type="checkbox"]:checked:before { content: ""; width: 12px; height: 8px; margin: -6px 0 0 -6px; border-right: 2px solid #CC0000; border-top: 2px solid #CC0000; transform: rotate(135deg); position: absolute; left: 50%; top: 50%; display: block;}
#block_of_filter .block-filter-option-items input[type="checkbox"]:checked + label { font-weight: 700;}
#block_of_filter .block-filter--treelist { display: none !important;}
#block_of_filter #block_of_filter_clear { padding: 20px 10px; margin: 0; background: #FFF;}
#block_of_filter #block_of_filter_clear .button-clear { width: 80%; height: 32px; margin: 0 auto; border: #ADADAD 1px solid; border-radius: 5px; font-size: 11px; color: #111; display: flex; justify-content: center; align-items: center; background: #fff; cursor: pointer;}

/* ----------------------------------
 Right
---------------------------------- */
#block_of_itemhistory.block-recent-item { width: 100%; padding: 60px 0 50px; margin: 0; background: #fff url("../../img/usr/common/bg_washi.jpg") center top repeat;}
#block_of_itemhistory .block-recent-item--header { width: 1200px; padding: 0; margin: 0 auto 30px; border: none; font-size: 24px; font-weight: bold; text-align: left;}
#block_of_itemhistory #itemHistory { width: 1200px; margin: 0 auto; position: relative;}
#block_of_itemhistory #itemHistoryButton { margin: 0; text-align: right; position: absolute; top: -50px; right: 0;}
#block_of_itemhistory #itemHistoryButton a { font-size: 14px; text-decoration: underline; color: #111111;}
#block_of_itemhistory #itemHistoryButton a.not::before { content: '×'; margin: 0 5px 0 0; text-decoration: none; color: #111111; display: inline-block;}
#block_of_itemhistory .block-recent-item--items { width: 100%;}

#menu_itemhistory { width: 100%;}
#menu_itemhistory .block-recent-item--header { padding: 0; margin: 0 0 20px; border: 0; font-size: 24px; font-weight: bold; line-height: 1.5; text-align: left; color: #333333;}
#menu_itemhistory #itemHistory { width: 100%; margin: 0 auto; position: relative;}
#menu_itemhistory #itemHistoryButton { margin: 0; text-align: right; position: absolute; top: -50px; right: 0;}
#menu_itemhistory #itemHistoryButton a { font-size: 14px; text-decoration: underline; color: #111111;}
#menu_itemhistory #itemHistoryButton a.not::before { content: '×'; margin: 0 5px 0 0; text-decoration: none; color: #111111; display: inline-block;}
#menu_itemhistory .block-recent-item--items { width: 100%;}

#cart_itemhistory { width: 100%; padding: 60px 0 50px; margin: 0; background: #fff url("../../img/usr/common/bg_washi.jpg") center top repeat;}
#cart_itemhistory .block-cart-recent-item--header { padding: 0; margin: 0 0 35px 0; border: none; font-size: 28px; font-weight: bold; text-align: center;}

#block_of_rightmenu_bottom { display: none;}

/* slideside */
.block-goods-list__navi.open .block-goods-list__navi-slideside {
  height: auto;
  /* background: #fff; */
  overflow: hidden;
  display: none;
  z-index: 8;
}