@charset "UTF-8";
/** 全体レイアウト **/

.wrapper {
    /** コンテンツ横幅調整 **/
    /**max-width: 1280px;**/
    width: 1280px;
    margin: 0 auto;
    /**margin: 0 0 0 80px;**/
}
.str-outer {
    width: 100%;
    padding: 0;
    width: 100%;
    margin: 0 auto;
}
/** 右メニューサイズ **/
/** スクロール対策 **/
.block-genre-page {
	/**max-width: 936px!important;**/
	max-width: 886px !important;
}
/** レフトナビ **/
.pane-left-menu {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    width: 220px;
    margin: 30px 76px 0px 48px;
}
.pane-left-menu .block-left-menu-middle .block-left-menu--banner li.jenreLink {
	text-align: center;
}

.pane-left-menu .block-left-menu-middle .block-left-menu--banner li.jenreLink img{
	border: 1px solid #D5D5D5;
	padding: 10px;
}

ul.block-left-menu--banner-list > li.outlet{
	display: none;
}
.block-search-param--frame ul > li input[type="checkbox"] {
    display: block;
}
.block-search-param--frame ul > li {
    position: relative;
    font-size: 14px;
    line-height: 2.2;
    /**display: flex;**/
    padding-bottom: 1px;
}
.block-search-param--frame ul > li input[type="checkbox"] + label {
    position: relative;
    display: block;
    padding: 0 0 0 18px;
    transition: 0.3s;
    line-height: 2.3;
    font: normal normal normal 12px/27px Jost;
    letter-spacing: 0px;
}
.block-search-param--frame ul > li input[type="checkbox"] {
    width: 9px;
    height: 9px;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: 7px;
    float: left;
}
.block-search-param--frame ul > li input[type="checkbox"] + label::before {
    content: none;
}
.block-search-param--button-frame .block-search-param--submit {
    display: inline-block;
    padding: 0;
    border: 0;
    width: 105px;
    border-radius: 4px;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    color: #333333;
    font-size: 12px;
    transition: 0.3s;
    background-color: #F7F7F7;
}
.block-search-param--button-frame .block-search-param--submit::after{
	content:none;
}
.block-search-param--button-frame .block-search-param--reset {
    display: inline-block;
    padding: 0 0 0 5px;
    border: none;
    width: 105px;
    border-radius: 4px;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    color: #333333;
    font-size: 12px;
    transition: 0.3s;
    background-color: #F7F7F7;
    height: 28px;
    margin-left: 10px;
}
.block-left-menu--banner-list > .common {
	display:none!important;
}
.block-search-param--frame ul > li input[type="radio"] + label {
  position: relative;
  display: block;
  width: 209px;
  padding: 0 32px;
  margin: 0 0 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  transition: 0.3s;
  text-align: center;
  line-height: 2.3;
  height: 36px;
}
.block-search-param--frame {
    margin: 0 0 36px;
}
.block-search-param--frame .block-search-param--price-frame {
    margin: 0 0 12px;
    display: flex;
}
.block-search-param--frame select {
    width: 100px;
    font-size: 12px;
    border-radius: 4px;
}
/**ヘッダー **/
#header {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 1280px;
    background: #FFF;
    z-index: 9999;
    margin: 0 auto;
}
#header.is-fixed {
    position: sticky;
}
#header .block-header {
	height: 70px;
}
#header .block-header .block-header-inner{
	max-width: 1280px;
	padding: 0;
	min-height: 70px;
}
#header .block-header .block-header-inner .block-header-logo a{
	height: 20px;
	display: table-cell;
	vertical-align: middle;
}
#header .block-header .block-header-inner .block-header-logo a img{
	vertical-align: bottom;
}
#header .block-header .block-header-logo {
	left: 48px;
	width: 211px;
}
#header .block-header .block-header-logo a::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: unset;
	background-image:unset;
	background-position: unset;
	background-size: unset;
	z-index: 1;
	content: "";
}
/** グローバルナビ**/
#header .block-globalnav {
    border-bottom: none;
    width: 200px;
    position: absolute;
    margin: 0;
    left: 300px;
}
#header .block-globalnav .block-globalnav--inner {
    width: 100%;
    max-width: 200px;
    min-width: 100px;
    margin: 0 auto;
    box-sizing: border-box;
}
#header .block-globalnav .block-globalnav--inner ul.block-globalnav--dropmenu {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    width: 200px;
    height: 30px;
    margin: 15px 0 15px;
    z-index: 2;
}

#header .block-globalnav .block-globalnav--inner ul.block-globalnav--dropmenu > li > a {
    font-family: 'NotoSansJP-Regular';
    display: block;
    padding: 10px 0 6px;
    color: #000;
    background: #fff;
    font-size: 13px;
    line-height: 1;
    text-decoration: none;
}
#header .block-globalnav .block-globalnav--inner ul.block-globalnav--dropmenu > li > ul {
    position: absolute;
    /**top: 70px;**/
    left: -310px;
    display: flex;
    flex-wrap: wrap;
    min-width: 1280px;
    visibility: hidden;
    /**background: #F5F5F5;**/
    padding-top:25px;
    /** 上部を透過させる**/
    background: rgb(0 0 0 / 0%);
}
#header .block-globalnav .block-globalnav--inner ul.block-globalnav--dropmenu > li > ul > li {
    width: 25%;
    background: rgb(245 245 245);
    padding-top: 37px;
}
#header .block-globalnav .block-globalnav--inner ul.block-globalnav--dropmenu > li > ul > li:nth-child(17) {
    padding-bottom:37px
}
#header .block-globalnav .block-globalnav--inner ul.block-globalnav--dropmenu > li > ul > li a {
    font-family: 'Jost-Regular';
    display: block;
    font-size: 14px;
    text-align: left;
    line-height: 1.0;
    padding: 10px 15px;
    text-decoration: none;
}
/** 検索BOX **/
#header .block-header .block-header-utility {
    position: absolute;
    top: 15px;
    right: 0;
}
#header .block-header .block-header-utility .block-header-search {
    position: relative;
    float: left;
    width: 240px;
    margin: -5px 30px 0 0;
    border-bottom: 1px solid #D5D5D5;
}
#header .block-header .block-header-utility .block-header-search a{
    position: absolute;
    top: 10px;
}
#header .block-header .block-header-utility .block-header-search a .icon{
    width: 25px;
}
#header .block-header .block-header-utility .block-header-search input.block-header-search--keyword {
    font-family: 'NotoSansJP-Regular';
    font-size: 12px;
    font-size: 1.2rem;
    color: #D5D5D5;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 34px;
    padding-left: 25px;
    padding-bottom: 0;
    border: none;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#header .block-header .block-header-utility .block-header-search .block-header-search--submit {
    background: none;
    position: absolute;
    top: 0;
    right: unset;
    bottom: 0;
    display: block;
    overflow: hidden;
    width: 13px;
    height: 13px;
    margin: auto;
    padding: 1px;
    cursor: pointer;
    transition: .3s;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 0;
}
#header .block-header .block-header-utility .block-header-nav ul.block-header-nav--list > li.block-header-nav--mypage .block-header-nav--mypage-icon {
    position: relative;
    display: block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #FFF;
    background-image: none;
    background-position: unset;
    cursor: pointer;
    margin: 0 auto;
}
#header .block-header .block-header-utility .block-header-nav ul.block-header-nav--list > li.block-header-nav--notification .block-header-nav--notification-icon {
    position: relative;
    display: block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #FFF;
    background-image: none;
    background-position: unset;
    cursor: pointer;
}
#header .block-header .block-header-utility .block-header-nav ul.block-header-nav--list > li.block-header-nav--bookmark .block-header-nav--bookmark-icon {
    display: block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #FFF;
    background-image: none;
    background-position: unset;
    cursor: pointer;
}
#header .block-header .block-header-utility .block-header-nav ul.block-header-nav--list > li.block-header-nav--cart .block-header-nav--cart-icon {
    display: block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #FFF;
    background-image: none;
    background-position: unset;
    cursor: pointer;
}
#header .block-header .block-header-utility .block-header-nav ul.block-header-nav--list > li.block-header-nav--menu .block-header-nav--menu-dropdown {
    min-width: 600px;
    /**　一旦つけとく・・ 
    top: 70px;**/
    background: #FFFFFF;
    border: none;
    /**padding-top: 30px;**/
    background: rgb(0 0 0 / 0%);
}
#header .block-header .block-header-utility .block-header-nav ul.block-header-nav--list > li.block-header-nav--menu .block-header-nav--menu-dropdown .block-header-nav--menu-dropdown-frame{
	background: rgb(245 245 245);
	font-family: 'Jost-Regular','NotoSansJP-Regular';
}
.block-header-nav--menu-dropdown .block-header-nav--menu-dropdown-frame .block-header-nav--menu-dropdown-col .block-header-nav--menu-dropdown-list li a{
    text-decoration: none;
}
#header .block-header .block-header-utility .block-header-nav ul.block-header-nav--list > li.block-header-nav--menu .block-header-nav--menu-dropdown .block-header-nav--menu-dropdown-lead {
    width: 100%;
    font-weight: bold;
    margin: 0 0 36px;
    /**padding-bottom: 31px;**/
    font-size: 14px;
}
#header .block-header .block-header-utility .block-header-nav ul.block-header-nav--list > li.block-header-nav--menu .block-header-nav--menu-dropdown > .block-header-nav--menu-dropdown-frame > .block-header-nav--menu-dropdown-marge{
	display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 75%;
    padding: 0 20px;
    font-size: 1.4rem;
	margin: 36px 0 0 81px;
}
/**
#header .block-header .block-header-utility .block-header-nav ul.block-header-nav--list > li.block-header-nav--menu .block-header-nav--menu-dropdown ul.block-header-nav--menu-dropdown-list.col2 {
    width: 30%;
}**/
#header .block-header .block-header-utility .block-header-nav ul.block-header-nav--list > li.block-header-nav--menu .block-header-nav--menu-dropdown ul.block-header-nav--menu-dropdown-list.col2 > li {
    width: 100%;
    margin: 0 0 25px;
}
#header .block-header .block-header-utility .block-header-nav ul.block-header-nav--list > li.block-header-nav--menu .block-header-nav--menu-dropdown ul.block-header-nav--menu-dropdown-list.col2 > li > a {
   text-decoration: none;
   color: #333333;
}
/** カート用 **/
/**.page-login .wrapper #header .block-header .block-header-logo {
  position: relative;
  float: none;
  top: 0;
  padding: 0;
  margin: 0;
  border: 0;
  text-align: -webkit-center;
}**/
.page-estimate .wrapper #header .block-header .block-header-logo {
  position: relative;
  float: none;
  top: 0;
  padding: 0;
  margin: 0;
  border: 0;
  text-align: -webkit-center;
}
.page-method .wrapper #header .block-header .block-header-logo {
  position: relative;
  float: none;
  top: 0;
  padding: 0;
  margin: 0;
  border: 0;
  text-align: -webkit-center;
}
.page-order .wrapper #header .block-header .block-header-logo {
  position: relative;
  float: none;
  top: 0;
  padding: 0;
  margin: 0;
  border: 0;
  text-align: -webkit-center;
}
/** アウトレット **/
#header.block-outlet-header .block-header{
  padding: 10px 10px;
}
#header.block-outlet-header .block-header .block-header-inner::after {
  background-color: unset;
}
#header.block-outlet-header .block-header .block-header-logo a::before{
  background-color: unset;
}
#header.block-outlet-header .block-globalnav{
  left: 250px;
}
#header.block-outlet-header .block-globalnav .block-globalnav--inner ul.block-globalnav--dropmenu > li > ul {
  left: -250px;
  padding-top: 15px;
}
#header.block-outlet-header .block-header-utility .block-header-nav ul.block-header-nav--list > li.block-header-nav--menu .block-header-nav--menu-dropdown {
	padding-top: 10px;
}
#header .block-globalnav.outlet .block-globalnav--inner ul.block-globalnav--dropmenu > li.block-globalnav--dropmenu-brand > ul > li:nth-child(13) {
    padding-bottom:37px
}
/** YOUフリーページ用 **/
/** レフトナビ位置 **/
.page-contentssecure .wrapper .site-main .region-nav {
	width: 300px;
}
.page-contentssecure .wrapper .site-main .region-main #contents > .contents.main#topics > .brand > .pages > ul > li:nth-child(2) {
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
/** BJLフリーページ用**/
.page-contentspages .wrapper .site-main .region-nav {
	width: 300px;
}

/**ヘッダーバナー **/
.block-site-aside .block-site-aside--outer {
	padding: 0;
}

.block-site-aside .block-site-aside--inner {
	max-width: 1280px;
	line-height:0;
}