@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500&display=swap');

body {
  font-family: 'Noto Sans JP';
}
body .hx{
  font-family: 'Noto Serif JP', serif;
}
a {
  text-decoration: none;
  color: #2f363c;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}
a:hover {
  text-decoration: none;
  color : #B6B9BB;
  
}

.optimaized-h1 {
  display: none;
}

.pane-contents .container {
  width: 1117.34px;
}
body.page-menu .pane-contents .container {
  width: 1200px;
}

.pane-contents {
  padding-bottom: 100px;
}

.pane-right-menu {
  display: none;
}

/* ----トップページ予備テンプレート2---- */

.block-top-free2--header {
  font-size : 24px;
  line-height : 34px;
  letter-spacing : 5.28px;
  color : #2F363C;
  text-align: center;
  padding: 19px 0 30px;
}
.block-top-free2--header-caption {
  font-size : 14px;
  line-height : 1;
  letter-spacing : 2px;
  color : #2F363C;
  text-align: center;
  margin: -30px 0 30px;
  padding: 0;
}

.block-top-free2--body {
  margin: 47px 0 0;
}

.block-top-free2--items {
  width: 900px;
  height: auto;
  overflow: hidden;
}

.block-top-free2--items li {
  float: left;
}

.block-top-free2--items > li {
  width: 535px;
  height: auto;
}

.block-top-free2--items > li:first-child {
  width: 354px;
  height: auto;
  margin-right: 10px;
}

.block-top-free2--sub-items li {
  width: 172px;
  height: 172px;
  margin-left: 9px;
  margin-bottom: 9px;
}

.block-top-free2--sub-items li:nth-of-type(3n+1) {
  margin-left: 0;
}

.block-free-2--sub-items {
  display: flex;
  flex-wrap: wrap;
  gap: 0px 18px;
  width: 1017.47px;
  margin: 0 auto;
}

.block-free-2--sub-items li {
  width: 240px;
  height: auto;
  /* box-shadow: 0px -8px 3px 5px #eef2eb; */
  /* border-radius: 8px; */
  position: relative;
}

.block-free-2--sub-items li::before {
  content: "";
  position: absolute;
  width: 240px;
  height: 330px;
  box-shadow: 0px -2px 3px 3px #E4EADF;
  border-radius: 8px;
  z-index: 1;
  top: 3px;
}

.block-free-2--sub-items li img {
  height: auto;
    position: relative;
    z-index: 2;
}

.block-free-2--sub-items li span {
  font-size: 15px;
    line-height: calc(26 / 15);
    letter-spacing: 0.9px;
    color: #2f363c;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    padding: 24px 0 45px;
    background: #ffffff;
    text-align: center;
    position: relative;
    z-index: 2;
}

.block-free-2--sub-items li a {
  width: 100%;
    height: 100%;
    display: block;
}

.block-free-2--sub-items li a:hover span {
  color : #B6B9BB;
  /* opacity: 0.4; */
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}
.block-free-2--sub-items li a:hover img {
  /* opacity: 0.4; */
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}

/* ----ヘッダー---- */

.pane-header .container {
  height: auto;
  width: 1117.34px;
  justify-content: space-between;
  position: relative;
}

/* .pane-header .container::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 40px;
  background: #fff;
  bottom: -46px;
    left: 20px;
    z-index: 100;
} */

.block-header-logo {
  width: 300px;
  font-size: 0;
}

.block-header-logo .block-header-logo--img {
  position: relative;
  top: -3px;
  left: -33px;
  max-width: none;
}

.block-headernav {
  /* width: 267px; */
  padding-bottom: 12px;
}

.block-headernav--item-list {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.block-headernav--item-list li {
  position: relative;
  display: inline-block;
  font-size: 11px;;
  text-align: center;

  font-size : 12px;
  letter-spacing : 0.72px;
  color : #666C70;
  margin-right: 20px;
}

.block-headernav--item-list li.border {
  width: 157.87px;
  /*   height: 67.75px; */
  border: 0.5px solid rgb(182, 185, 187);
  border-radius: 5px;
  margin-right: 9px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
  position: relative;
  /*  bottom: 13px; */
    padding-bottom: 7px;
}
.block-headernav--item-list li.border:hover {
  /* background: rgb(229,235,224); */
}

.block-headernav--item-list li i.fa {
  position: relative;
  display: block;
  font-size: 28px;
  margin-bottom: 10px;
  z-index: 1;
}

.block-headernav--item-list li a {
  display: block;
}

/* .block-headernav--item-list li:nth-of-type(-n+3) a::after {
  position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.0625rem;
    content: "";
    background: currentcolor;
    transition: transform .4s ease 0s;
    transform: scaleX(0);
    transform-origin: 0 0;
}
.block-headernav--item-list li:nth-of-type(-n+3) a:hover:after {
  transform: scaleX(1);
} */

.block-headernav--item-list li a:hover {
  text-decoration: none;
}

.block-headernav--cart-count {
  display: none;
  position: absolute;
  width: 21px;
    height: 15px;
    line-height: 13px;
  font-size: 11px;
  background-color: #e4ad77;
  color: #fff;
  border-radius: 15px;
  top: 19px;
    right: -7px;
  z-index: 2;
  text-align: center;
}

/* ----ヘッダー検索---- */

.block-globalnav--item-list > li > a.logo {
  /* position: relative; */
  position: absolute;
  left: 60px;
  display: none;
}

div.container.fixed .block-globalnav--item-list > li > a.logo {
  display: block;
}

.block-global-search {
  width: 266px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-left: 134px;
}

.block-global-search--keyword {
  width: 280px;
}

.block-global-search form {
  background-color: transparent;
  display: flex;
  height: 34.5px;
  border: 1px solid rgb(182,185,187);
  border-radius: 5px;
}

input.block-global-search--keyword:hover,
input.block-global-search--keyword {
  
  background-color: transparent;
}

input.block-global-search--keyword {
  font-size : 12px;
  letter-spacing : 0.72px;
  color : #000;
  width: 205px;
  padding-left: 14px;
  border: none;
  border-right: 1px solid rgb(182,185,187);
}

input.block-global-search--keyword:focus {
  outline: none;
}

button.block-global-search--submit {
  border: none;
  background-color: transparent;
  width: 60px;
}

button.block-global-search--submit .fa-search:before {
  content: "";
  background: url(../../img/icon/search.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 17px;
  height: 17px;
}

.block-global-search--searchdetail {
  margin-left: 15px;
  display: none;
}

.block-global-search--search-detail-link {
  color: #6fb4c3;
  text-decoration: underline;
}

.block-global-search--search-detail-link:hover {
  text-decoration: none;
}

/* ----グローバルナビ---- */

.pane-globalnav {
  position: relative;
  background-color: transparent;
  color : #2F363C;
  /* border-bottom: 0.5px solid rgb(182, 185, 187); */
  /* padding-bottom: 14px; */
  position: relative;
  /* position: fixed; */
  background: #fff;
  z-index: 99;
}

.pane-globalnav::before,
.pane-globalnav .container::after {
  content: "";
  border-bottom: 0.5px solid rgb(182, 185, 187);
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1;
}

.pane-globalnav .container {
  position: relative;
  padding-top: 10px;
  background: #ffffff;
}
.pane-globalnav .container::before {
  content: "";
  background: url(../../img/common/logo_mini.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 40px;
    position: absolute;
    top: 8px;
    left: 61px;
    z-index: -1;
}
.pane-globalnav .container.fixed::before {
  /* content: "";
  background: url(../../img/common/logo_mini.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 40px;
    position: absolute;
    top: 8px;
    left: 61px;
    z-index: 0; */
}


.block-globalnav--item-list {
  display: flex;
  width: 100%;
  background: #fff;
}

.block-globalnav--item-list::before {
  /* content: "";
    background: linear-gradient(to top , #FFFFFF 33%,#DBF0C5);
    width: 488px;
    height: 19px;
    position: absolute;
    top: 1px;
    left: calc(50% - 170px); */
}

.block-globalnav--item-list i {
  margin-right: 10px;
}

.block-globalnav--item-list > li {
  display: flex;
  /* width: 20%; */
  height: 51px;
  font-size : 14px;
  line-height: 1;
  letter-spacing : 0.84px;
  color : #2F363C;
  /* text-align: center; */
  /*   overflow: hidden; */
}

.block-globalnav--item-list > li.icon.logout {
  margin-left: 29px;
}
.block-globalnav--item-list > li.icon.mypage {
  margin-left: 29px;
}

.block-globalnav--item-list > li:nth-of-type(2) {
  
}

.block-globalnav--item-list > li:nth-of-type(2) {
  z-index: 100;
}

.block-globalnav--item-list > li:nth-of-type(3) {
  
}

.block-globalnav--item-list > li:first-of-type {
  width: auto;
}

/* .block-globalnav--item-list > li.navi-menu { */
.block-globalnav--item-list > li span.navi-menu {
  position: relative;
  cursor: pointer;
  width: 220px;
  display: flex;
    align-items: center;
    justify-content: center;
    color: #666C70;
    transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
    z-index: 100;
}

/* .block-globalnav--item-list > li.navi-menu:hover { */
.block-globalnav--item-list > li span.navi-menu:hover {
  color: #B6B9BB;
}

.block-globalnav--item-list > li span#search_genre.active::before {
  content: "";
  display: block;
  background: linear-gradient(to top , #FFFFFF 33%,#DBF0C5);
    width: 218px;
    height: 19px;
    position: absolute;
    top: 0;
    left: 0;
    transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
    opacity: 0.6;
}
.block-globalnav--item-list > li span#search_category.active::before {
  content: "";
  display: block;
  background: linear-gradient(to top , #FFFFFF 33%,#DBF0C5);
    width: 218px;
    height: 19px;
    position: absolute;
    top: 0;
    left: 0;
    transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}

.block-globalnav--item-list > li span.navi-menu::after {
  content: "";
  display: block;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid rgb(47,54,60);
    border-right: 1px solid rgb(47,54,60);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: relative;
    right: -27px;
}
.block-globalnav--item-list > li span.navi-menu.active::after{
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
}

.block-globalnav--item-list > li span.navi-menu.active {
  border: 0.5px solid rgb(182, 185, 187);
  border-bottom: none;
}

.block-globalnav--item-list > li.active > .js-gnavimenu-hover::before {
  /* content: "";
    width: 240px;
    height: 10px;
    background: #fff;
    position: absolute;
    top: 0;
    left: calc(50% - 172px);
    z-index: 999; */
}

.block-globalnav--item-list .js-gnavimenu-hover.active {
  display: block;
}
.block-globalnav--item-list .js-gnavimenu-hover {
  display: none;
}

.block-globalnav--item-list > li:first-child {
margin-left: 0;
display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 36px;
}

.block-globalnav--item-list > li > a {
  position: relative;
  display: flex;
  flex-direction: column;

  color : #2F363C;
  padding: 20px 0;
}

.block-globalnav--item-list > li > a {
  text-decoration: none;
}

.block-globalnav--item-list > li > a:hover {
  color: #6fb4c3;
}

.block-globalnav--item-list > li > a:before {
  /* content: ""; */
  display: block;
  position: absolute;
  width: 100%;
  height: 38px;
  /* border-left: 1px solid #666; */
  top: 10px;
  left: 0;
}

.block-globalnav--item-list > li:last-child > a:before {
  /* border-right: 1px solid #666; */
}

.block-globalnav--item-list > li > a .fa-chevron-down {
  position: absolute;
  font-size: 12px;
  right: 12px;
}

.block-globalnav--item-list > li > a.active {
  transition: color 0.2s linear 0;
  color: #6fb4c3;
  text-decoration: none;
}

.block-globalnav--item-list > li > a.active .fa-chevron-down {
  color: #fff;
  transform: rotate(180deg);
}

.block-globalnav-menu {
  position: absolute;
  background-color: transparent;
  opacity: 1.0;
  width: 100%;
  top: 60px;
  left: 5px;
  padding: 0 0 20px;
  text-align: left;
  z-index: 10;
  height: auto;
  /* max-height: 490px; */
  /* overflow-y: auto; */
}
.pane-globalnav .container:not(.fixed) .block-globalnav-menu {
  left: 5px!important;
}
.pane-globalnav .container.fixed .block-globalnav-menu {
  position: fixed;
  min-width: 1200px;
}

span.navi-menu.active + .block-globalnav-menu .back-area {
  content: "";
  width: 98vw;
  display: block;
  height: 100vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 5;
}

.block-globalnav-menu * {
  color : #2F363C;
  /* overflow-y: auto; */
}
.block-globalnav-menu-container {
  width: 1090px;
    margin: 0 auto;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 100%;
}
.block-globalnav-menu-container > div {
  display: flex;
  align-items: stretch;
  margin: auto;
  background-color: #fff;
  border: 0.5px solid rgb(182, 185, 187);
  border-top: 0.5px solid rgb(224, 225, 226);
  position: relative;
  padding-bottom: 5px;
  z-index: 10;
}

.navi-menu.active .block-globalnav-menu-container > div::before {
  content: "";
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 130px;
  left: 0;
  /* left: 50%;
  transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%); */
  z-index: -1;
}

.block-globalnav--item-list > li:nth-of-type(2) > span.active + .block-globalnav-menu::before {
  content: "";
    width: 220px;
    height: 10px;
    background: #fff;
    position: absolute;
    top: -2px;
    left: calc(50% - 168px);
    z-index: 999;
}

.block-globalnav--item-list > li:nth-of-type(3) > span.active + .block-globalnav-menu:before {
  content: "";
    width: 218px;
    height: 10px;
    background: #fff;
    position: absolute;
    top: -2px;
    left: calc(50% - -54px);
    z-index: 999;
}

.block-globalnav-menu-container > div > ul {
  /* height: 490px;
  display: flex; */
  flex-wrap: wrap;
    flex-direction: column;
    /* padding: 14px 0 0; */
    margin-top: 14px;
    margin-bottom: 14px;
    align-content: start;
    justify-content: center;
    /* border-top: 0.5px solid rgb(224, 225, 226); */
    border-right: 0.5px solid rgb(224, 225, 226);
    height: auto!important;
    min-height: 490px;
}

.block-globalnav-menu-container > div > ul:last-of-type {
  border-right:none;
}

.block-globalnav-menu-container > div#search_categorytree > ul {
  justify-content: flex-start;
  padding: 23px 0;
  position: relative;
}

.block-globalnav-menu-container > div > ul > li {
  width: 217.7px;
  padding: 0px 15px;
  min-height: 95px;
  flex-basis:auto;
  flex-shrink: 0;
  /* flex-shrink: 0; */
  /* border-right: 0.5px solid rgb(182, 185, 187); */
}

.block-globalnav-menu-container > div#search_categorytree > ul > li {
  border-right: none;
}

.block-globalnav-menu-container > div > ul > li > ul {
  padding: 22px 0 6px;
}
.block-globalnav-menu-container > div#search_categorytree > ul > li > ul {
  padding: 22px 0 10px;
}

.block-globalnav--item-list > li.icon > a {
  font-size : 10px;
  letter-spacing : 0.6px;
  
  padding: 0;
  justify-content: end;
    margin-bottom: 7px;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
  white-space: nowrap;

}
.block-globalnav--item-list > li.icon > a:hover {
  color : #B6B9BB;
}

.block-globalnav--item-list > li.favorite {
  margin-left: 60px;
}
.block-globalnav--item-list > li.login {
  margin-left: 35px;
}

.block-globalnav--item-list > li.cart {
  margin-left: 29px;
}

.block-globalnav--item-list > li.icon > a > i {
  margin-right: 0;
}

.block-globalnav--item-list > li.favorite i.fa::before {
  content: "";
  background: url(../../img/icon/heart.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 24px;
    height: 20px;
    margin: 0px auto 8px;
    position: relative;
}
.block-globalnav--item-list > li.login i.fa::before {
  content: "";
  background: url(../../img/icon/login.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 20px ;
    height: 31px;
    margin: 0 auto 4px;
    position: relative;
}
.block-globalnav--item-list > li.logout i.fa::before {
  content: "";
  background: url(../../img/icon/logout.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    width: 65px;
    height: 32px;
    margin: 0 auto 4px;
    position: relative;
}

.block-globalnav--item-list > li.mypage i.fa::before {
  content: "";
  background: url(../../img/icon/login.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 20px ;
    height: 31px;
    margin: 0 auto 4px;
    position: relative;
}

.block-globalnav--item-list > li.cart i.fa::before {
  content: "";
  background: url(../../img/icon/cart.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 29px;
  height: 31px;
  margin: 0 auto;
  position: relative;
}

#search_genretree > ul:nth-of-type(1) {

}
#search_genretree > ul:nth-of-type(1) > li:nth-of-type(1) {
  border-bottom: 0.5px solid rgb(224, 225, 226);
}
#search_genretree > ul:nth-of-type(1) > li:nth-of-type(1) img {
  margin-bottom: 10px;
}
#search_genretree > ul:nth-of-type(1) > li:nth-of-type(2) img {
  margin-top: 10px;
  margin-bottom: 10px;
}

#search_genretree > ul:nth-of-type(2) {

}
#search_genretree > ul:nth-of-type(2) > li:nth-of-type(1) {
  border-bottom: 0.5px solid rgb(224, 225, 226);
}
#search_genretree > ul:nth-of-type(2) > li:nth-of-type(1) img {
  margin-bottom: 10px;
}

#search_genretree > ul:nth-of-type(3) {

}
#search_genretree > ul:nth-of-type(3) > li:nth-of-type(1),
#search_genretree > ul:nth-of-type(3) > li:nth-of-type(2) {
  border-bottom: 0.5px solid rgb(224, 225, 226);
}
#search_genretree > ul:nth-of-type(3) > li:nth-of-type(1) img {
  margin-top: 6px;
  margin-bottom: 10px;
}
#search_genretree > ul:nth-of-type(3) > li:nth-of-type(2) img {
  margin-top: 10px;
  padding-bottom: 10px;
}
#search_genretree > ul:nth-of-type(3) > li:nth-of-type(3) img {
  margin-top: 10px;
  margin-bottom: 10px;
}

#search_genretree > ul:nth-of-type(4) {
  padding-bottom: 60px;
}
#search_genretree > ul:nth-of-type(4) > li:nth-of-type(1) {
  border-bottom: 0.5px solid rgb(224, 225, 226);
}
#search_genretree > ul:nth-of-type(4) > li:nth-of-type(1) img {
  padding-bottom: 15px;
  padding-top: 10px;
}
#search_genretree > ul:nth-of-type(4) > li:nth-of-type(2) img {
  margin: 10px 0;
}

#search_genretree > ul:nth-of-type(5) {
  padding-bottom: 60px;
}
#search_genretree > ul:nth-of-type(5) > li:nth-of-type(1) {
  border-bottom: 0.5px solid rgb(224, 225, 226);
}
#search_genretree > ul:nth-of-type(5) > li:nth-of-type(1) img {
  margin-bottom: 10px;
}
#search_genretree > ul:nth-of-type(5) > li:nth-of-type(2) {
  margin: 14px 0;
}
#search_genretree > ul:nth-of-type(5) > li:nth-of-type(2) img {
  margin-bottom: 10px;
}
/* #search_genretree > ul:nth-of-type(5) > li {
  border-right: none;
} */


#search_categorytree > ul:nth-of-type(1) {
  
}
#search_categorytree > ul:nth-of-type(1) > li:nth-of-type(1) {
  border-bottom: 0.5px solid rgb(224, 225, 226);
}
#search_categorytree > ul:nth-of-type(1) > li:nth-of-type(2) {
  padding-top: 23px;
}

#search_categorytree > ul:nth-of-type(2) {
  
}
#search_categorytree > ul:nth-of-type(2) > li:nth-of-type(1)  {
  border-bottom: 0.5px solid rgb(224, 225, 226);
}
#search_categorytree > ul:nth-of-type(2) > li:nth-of-type(2)  {
  padding-top: 23px;
}

#search_categorytree > ul:nth-of-type(3) {
  
}
#search_categorytree > ul:nth-of-type(4) {
  
}
#search_categorytree > ul:nth-of-type(4) > li:nth-of-type(1) {
  border-bottom: 0.5px solid rgb(224, 225, 226);
}
#search_categorytree > ul:nth-of-type(4) > li:nth-of-type(2) {
  padding-top: 23px;
}

#search_categorytree > ul:nth-of-type(5) {

}




.block-globalnav-menu ul li img {
  width: 48px;
  height: auto;
  cursor: auto;
}

.block-globalnav-menu ul li span {
  display: block;
  font-weight : bold;
  font-size : 16px;
  letter-spacing : 0.96px;
  color : #2F363C;
  padding-left: 7px;
  cursor: auto;
}

.block-globalnav-menu #search_genretree ul li span a {
  /* pointer-events: none;
  cursor: default; */
  position: relative;
}

.block-globalnav-menu #search_genretree ul li span a::after {
  position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.0625rem;
    content: "";
    background: currentcolor;
    transition: transform .4s ease 0s;
    transform: scaleX(0);
    transform-origin: 0 0;
}
.block-globalnav-menu #search_genretree ul li span a:hover::after {
  transform: scaleX(1);
}

.block-globalnav-menu #search_categorytree ul li span a {
  color : #A9C7B4;
  font-weight : bold;
  pointer-events: none;
  cursor: default;
}

/* 第二階層 */
.block-globalnav-menu ul li ul li {
  font-size : 14px;
  letter-spacing : 0.56px;
  color : #2F363C;
  padding: 0px 9px 19px;
  white-space: nowrap;
}

.block-globalnav-menu ul li ul li a {
  position: relative;
}

.block-globalnav-menu ul li ul li a::after {
  position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.0625rem;
    content: "";
    background: currentcolor;
    transition: transform .4s ease 0s;
    transform: scaleX(0);
    transform-origin: 0 0;
}

.block-globalnav-menu ul li ul li a:hover::after {
  transform: scaleX(1);
}

.block-globalnav-menu div > a {
  position: absolute;
  bottom: 0;
  right: 25px;
  width: 277px;
}

.block-globalnav-menu div > a:hover {
  opacity: 0.4;
}

.block-globalnav-menu .globalnav-banner {
  
  height: auto;
}

.block-globalnav-menu .block-dynamic-category--body,
.block-globalnav-menu .block-dynamic-genre--body {
  display: flex;
  align-items: center;
}

.block-globalnav-menu .block-dynamic-category--body li,
.block-globalnav-menu .block-dynamic-genre--body li {
  width: 20%;
  font-size: 14px;
  margin-bottom: 20px;
}

.block-globalnav-menu .block-dynamic-category--body li a,
.block-globalnav-menu .block-dynamic-genre--body li a {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}

.block-globalnav-menu .block-dynamic-category--body li a:before,
.block-globalnav-menu .block-dynamic-genre--body li a:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
}

.block-globalnav-menu .block-dynamic-category--body li a img,
.block-globalnav-menu .block-dynamic-genre--body li a img {
  vertical-align: middle;
  width: 30px;
  margin-right: 10px;
}

.block-globalnav-menu--freespace * {
  font-size: 14px;
}

.block-globalnav-menu--freespace h3 {
  margin-top: 0;
}

.block-globalnav-menu--freespace p {
  font-size: 12px;
  margin: 10px 10px 10px 0;
}

.block-globalnav-menu--freespace ul {
  display: flex;
  align-items: center;
}

.block-globalnav-menu--freespace ul li img {
  vertical-align: middle;
}

/* ----フッター---- */

footer .container {
  position: relative;
  width: 100%;
  min-width: 1200px;
}

footer .container .block-footer-box {
  display: flex;
  justify-content: center;
  width: 100%;
    margin: 0 auto 12px;
}

footer .container .block-footer-box img {
  margin-right: 16px;
}

footer .container .block-footer-box .block-footer-box-text {

}

footer .container .block-footer-box .block-footer-box-text span {
  display: block;
  font-size : 16px;
  line-height : calc(26 / 16);
  letter-spacing : 0.96px;
  color : #666C70;
  font-weight: 500;
}

footer .container .block-footer-box .block-footer-box-text span.fw {
  font-weight: 400;
  font-size : 14px;
  display: inline;
}

footer .container .block-footer-box .block-footer-box-text span.fw_b {
  font-weight: 500;
  font-size : 18px;
  text-decoration: underline;
  display: inline;
}

footer .container .block-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 288px;
  padding-right: 53px;
  border-top: 0.5px solid rgb(182, 185, 187);
  border-bottom: 0.5px solid rgb(182, 185, 187);
}
footer .container .block-footer-bottom.order {
  border-top: none;
  border-bottom: none;
  /* background: url(../../img/common/f_bg.png); */
  background-size: cover;
  position: relative;
}

footer .container .block-footer-bottom.order::before {
  content: "";
  background: url(../../img/common/f_bg.png);
  background-size: cover;
  width: 100%;
  height: 337px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

footer .container .block-footer-bottom > img{
  width: 452px;
  height: auto;
  position: relative;
    left: 79px;
    z-index: 0;
}
footer .container .block-footer-bottom.order > img {
  width: 98px;
  left: -73px;
  top: -6px;
}

footer .container .block-footer-bottom-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
    top: 2px;
    left: 21px;
    align-items: center;
    margin-right: 176px;
}
footer .container .block-footer-bottom.order .block-footer-bottom-box {
  left: -23px;
}

footer .container .block-footer-bottom-box span {
  font-weight : bold;
  font-size : 18px;
  line-height : calc(30 / 18);
  letter-spacing : 1.08px;
  color : #2F363C;
  padding-bottom: 15px;
}

footer .container .block-footer-bottom-box img {
  width: 191px;
  height: auto;
  padding-bottom: 26px;
}

footer .container .block-footer-bottom-box a {
  font-size : 14px;
  letter-spacing : 0.84px;
  color : #666C70;
  border: 1px solid rgb(182,185,187);
  border-radius: 8px;
  display: flex;
    align-items: center;
    justify-content: center;
    width: 176px;
    height: 37.5px;
    margin: 0 auto;
    transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}

footer .container .block-footer-bottom-box a:hover {
  background: rgb(229,235,224);
}

footer .container .block-footer-menu {
  border-left: 1px solid #ddd;
  padding-left: 34px;
}
footer .container .block-footer-bottom.order .block-footer-menu {
  position: relative;
  right: -170px;
}

footer .container .block-footer-menu li {
  font-size : 14px;
  line-height : calc(38 / 14);
  letter-spacing : 0.84px;
  color : #666C70;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}

footer .container .block-footer-menu li.font {
  font-size : 15px;
  line-height : calc(26 / 15);
  letter-spacing : 0.9px;
  color : #666C70;
  position: relative;
    top: -18px;
}

footer .container .block-footer-menu li a {
  position: relative;
}

/* footer .container .block-footer-menu li a::after {
  position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.0625rem;
    content: "";
    background: currentcolor;
    transition: transform .4s ease 0s;
    transform: scaleX(0);
    transform-origin: 0 0;
}
footer .container .block-footer-menu li a:hover:after {
  transform: scaleX(1);
} */


.block-footernav {
  margin-top: 23px;
  text-align: center;
  margin-bottom: 50px;
}

.block-footernav li {
  padding: 0 1em;
  display: inline-block;
  
}

.block-footernav li a {
  color: #444;
  font-size : 13px;
  line-height : calc(38 / 13);
  letter-spacing : 0.78px;
  color : #666C70;
  position: relative;
}

/* .block-footernav li a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  content: "";
  background: currentcolor;
  transition: transform .4s ease 0s;
  transform: scaleX(0);
  transform-origin: 0 0;
}

.block-footernav li a:hover::after {
  transform: scaleX(1);
} */

.block-footernav li a:hover {
  opacity: 0.4;
} 

.block-footer-bottom_icon {
  display: flex;
    justify-content: space-between;
    align-items: center;
    width: 122px;
    margin: 0 auto 38px;
}

footer .container .block-footer-bottom_icon a {
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}

footer .container .block-footer-bottom_icon a:hover {
  opacity: 0.4;
}

footer .container .block-footer-bottom_icon a.Instagram {
  width: 36.51px;
}
footer .container .block-footer-bottom_icon a.youtube {
  width: 41.50px;
}
footer .container .block-footer-bottom_icon a img {
  width: 100%;
  height: auto;
}

footer .container .logo_gray {
  text-align: center;
  margin-bottom: 7px;
}
footer .container .logo_gray img {
  width: 167.856px;
  height: auto;
}

/* ----ページトップに戻る---- */

.pane-footer {
  background: transparent;
  padding: 0 0 50px;
}

.block-page-top a {
  position: relative;
  display: block;
  width: 61px;
  height: 57px;
  background-color: rgb(229, 235, 224);
  border-radius: 8px;
}

.block-page-top a:after {
  background: url(../../img/icon/arrow_top.png);
  content: "";
  display: block;
  position: absolute;
  width: 15px;
  height: 17px;
  /* border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  transform: rotate(-45deg); */
  left: 50%;
  top: 50%;
  margin-top: -6px;
  margin-left: -8px;
}

.block-page-top {
  position: fixed;
  top: auto;
  bottom: 10px;
  right: 26px;
  display: none;
}

/* ----PC/スマホ切り替えスイッチ---- */

.block-switcher {
  width: 400px;
  text-align: center;
  margin: 0 auto 20px;
}

.block-switcher li {
  display: inline-block;
}

.block-switcher--switch {
  display: block;
  width: 200px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #444;
  color: #fff;
}
.block-switcher--switch:hover {
  text-decoration: none;
  background-color: #ccc;
}

.block-switcher--current {
  display: block;
  width: 200px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #ccc;
  color: #fff;
}

.block-switcher .fa {
  margin-right: 10px;
  vertical-align: middle;
}

.block-switcher .fa-mobile-phone {
  font-size: 22px;
}

.block-switcher .fa-desktop {
  font-size: 18px;
}

/* ----Copyright---- */

.block-copyright {
  font-size : 10px;
  line-height : calc(30 / 10);
  letter-spacing : 0.6px;
  color : #666C70;
  text-align: center;
  margin-right: 18px;
}

/* ----ブランド画面---- */

.block-brand-list {
  margin: 40px 0 60px;
}

.block-brand-list .block-topic-path {
  margin-bottom: 40px;
}

.block-brand-list--items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.block-brand-list--item {
  flex-grow: 1;
  flex-basis: 390px;
  max-width: 390px;
  margin: 0 0 20px 15px;
}

.block-brand-list--item:nth-of-type(3n+1) {
  margin-left: 0;
}

.block-brand-list--item-img {
  width: 390px;
  height: 240px;
}

.block-brand-list--item-name,
.block-brand-list--item-comment {
  border: #ddd 1px solid;
  border-top: none;
  border-bottom: none;
}

.block-brand-list--item-name {
  padding: 15px 35px 0;
}

.block-brand-list--item-comment {
  border-bottom: #ddd 1px solid;
  padding: 15px 35px 35px;
}

.block-brand-list--item-btn {
  display: block;
  text-align: center;
  width: 240px;
  height: 48px;
  line-height: 48px;
  color: #333;
  font-size: 14px;
  margin: 15px auto 0;
  background: #e5e5e5;
}

.block-brand-detail--image {
  margin-top: 40px;
}

.block-brand-detail--description {
  margin-bottom: 30px;
}

/* ----パンくず---- */

.block-topic-path .block-topic-path--list li {
  color: rgb(113,179,149);
}

.block-topic-path .block-topic-path--list li > span {
  color: #666C70;
  font-size: 14px;
}

.block-topic-path .block-topic-path--list li > a {
  position: relative;
}

/* .block-topic-path .block-topic-path--list li > a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  content: "";
  background: currentcolor;
  transition: transform .4s ease 0s;
  transform: scaleX(0);
  transform-origin: 0 0;
}

.block-topic-path .block-topic-path--list li > a:hover::after {
  transform: scaleX(1);
} */

.block-topic-path .block-topic-path--list li > a:hover {
  opacity: 0.4;
} 

.block-topic-path .block-topic-path--list li > a > span {
  font-size : 14px;
  line-height : 22px;
  letter-spacing : 0.84px;
  color : #666C70;
}

.block-topic-path .block-topic-path--list .block-topic-path--item__home > a > span {
  visibility: hidden;
  position: relative;
}

.block-topic-path .block-topic-path--list .block-topic-path--item__home > a > span::before {
  content: "トップ";
  visibility: visible;
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
}

/* ----商品一覧画面---- */

.pane-left-menu {
  display: none;
}

.block-icon--auto {
  position: absolute;
  top: 57px;
  left: 15px;
  z-index: 1;
  pointer-events: none;
}

.block-icon .block-icon--auto-new {

}

.block-icon .block-icon--auto-new img {
  width: 38px;
  height: 38px;
}

/* .block-icon .block-icon--auto-reservation {
  position: absolute;
  top: 23px;
  left: 23px;
  z-index: 1;
} */

.block-icon .block-icon--auto-reservation img {
  width: 38px;
  height: 38px;
}

.pane-main .block-category-list-1 {
  margin-bottom: 57px;  
}

.pane-main .block-category-list-1 img {
  width: 100%;
  height: auto;
}

.pane-main .block-category-list-1 h2 {
  font-weight : bold;
  font-size : 20px;
  line-height : calc(34 / 20);
  letter-spacing : 1.2px;
  color : #2F363C;
  text-align: center;
  margin: 20px 0 10px;
}

.h1.block-event-page--header,
.h1.block-category-list--header,
.h1.block-genre-page--header {
  font-weight : bold;
  font-size : 20px;
  line-height : calc(34 / 20);
  letter-spacing : 1.2px;
  color : #2F363C;
  text-align: center;
  margin: 20px 0 10px;
  font-family: 'Noto Serif JP', serif;
}

.pane-main .block-category-list-1 span {
  font-size : 16px;
  line-height : calc(30 / 16);
  letter-spacing : 0.96px;
  color : #2F363C;
  text-align: center;
  display: block;
  /* padding-right: 48px; */
  font-weight: 500;
}

.block-category-list-2 {
  width: 1050px;
  margin: 0 auto 66px;
}

.block-category-list-2 img {
  width: 100%;
  height: auto;
}

.block-category-list-2 ul {
  display: flex;
}

.block-category-list-2 ul li {
  width: 510px;
}

.block-category-list-2 ul li:nth-of-type(1) {
  margin-right: 30px;
}

.block-category-list-2 ul li span {
  font-size : 16px;
  line-height : calc(32 / 16);
  letter-spacing : 0.96px;
  color : #2F363C;
  padding-top: 14px;
    display: block;
    width: 476px;
    margin: 0 auto;
    font-weight: 400;
}

.block-category-list-3 img {
  width: 100%;
  height: auto;
}

.block-category-list-3 {
  width: 1050px;
    margin: 0 auto 54px;
}

.block-category-list-3 ul {
  display: flex;
}

.block-category-list-3 ul li {
  width: 330px;
}
.block-category-list-3 ul li:not(:last-of-type) {
  margin-right: 30px;
}

.block-category-list-3 ul li span {
  font-size : 16px;
  line-height : calc(32 / 16);
  letter-spacing : 0.96px;
  color : #2F363C;
  padding-top: 14px;
    display: block;
    width: 297.5px;
    margin: 0 auto;
    font-weight: 400;
}


.block-goods-list--pager-bottom {
  text-align: center;
  font-size : 14px;
  letter-spacing : 0.84px;
  color : #B6B9BB;
  margin-top: 23px;
}

.block-goods-list--pager-bottom .pager-total {
  display: none;
}

.pagination > * {
  border: none;
  padding: 2px 22.25px;
}

.block-goods-list--pager-bottom .pagination_no {
  margin: 0 20px;
}

.pagination .pagination_no li {
  padding: 2px 23.25px;
}

.block-goods-list--pager-bottom .pager-first, 
.block-goods-list--pager-bottom .pager-last {
  border-left: 0.5px solid rgb(224,225,226.1);
  border-right: 0.5px solid rgb(224,225,226.1);
}

.block-goods-list--pager-bottom .pager-first {
  padding: 2px 36.25px;
  margin-right: 1px;
}

.block-goods-list--pager-bottom .pager-previous {
  border-right: 0.5px solid rgb(224,225,226.1);
  padding: 2px 31.25px;
}

.block-goods-list--pager-bottom .pager-next {
  border-left: 0.5px solid rgb(224,225,226.1);
  padding: 2px 31.25px;
}

.block-goods-list--pager-bottom .pager-last {
  padding: 2px 36.25px;
}

#block_of_itemhistory {
  width: 100%;
}
#block_of_itemhistory:not(body.page-top #block_of_itemhistory) {
  margin-top: 76px;
}
.goods-bottom #block_of_itemhistory {
  margin-top: 25px!important;
}

.block-recent-item--header {
  font-size: 24px;
  font-family: 'Noto Serif JP', serif;
  line-height: 34px;
  letter-spacing: 5.28px;
  text-align: center;
  border-top: none;
  padding: 19px 0 13px;
  color: #2F363C;
  margin: 0 auto;
    width: 1080px;
  border-bottom: 0.5px solid rgb(224, 225, 226);
}

.block-recent-item--body {
  position: relative;
  width: 1080px;
  margin: 0 auto;
  padding-bottom: 27px;
  /* border-bottom: 0.5px solid rgb(224, 225, 226); */
}

.block-recent-item--body .block-recent-item--items {
  width: 100%;
}

.block-recent-item--body .block-thumbnail-h {
  flex-direction: row nowrap;
  flex-wrap: nowrap;
  margin: 28px 0 0;
}

.block-recent-item--body .block-thumbnail-h li {
  width: 150px;
  /* margin-left: 30px; */
}

.block-recent-item--body .block-thumbnail-h li .block-thumbnail-h--goods-image a:hover {
  /* opacity: 0.4; */
}

.block-recent-item--body .block-thumbnail-h li:first-child {
  /* margin-left: 30px; */
  margin-left: 0;
}

.block-recent-item--body .block-thumbnail-h li .block-thumbnail-h--goods .block-thumbnail-h--goods-description {
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}

.block-recent-item--body .block-thumbnail-h li .block-thumbnail-h--goods:hover .block-thumbnail-h--goods-description {
  opacity: 0.4;
}

.block-recent-item--body .block-thumbnail-h--goods-image figure {
  width: 150px;
  height: 150px;
  background: transparent;
}

.block-recent-item--body .block-recent-item--keep-history {
  display: none;
}

.block-recent-item--body .block-thumbnail-h--goods-name {
  margin-top: 0;
  font-family: 'Noto Serif JP', serif;
  font-size : 16px;
  line-height : 24px;
  letter-spacing : 0.32px;
  padding: 6px 5px 0;
}

.block-recent-item--body .block-thumbnail-h--goods-description {
  margin-top: 0;
}

.block-recent-item--body .block-thumbnail-h--goods-description a {
  color: #2f363c;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}
.block-recent-item--body .block-thumbnail-h--goods-description a:hover {
  color : #B6B9BB;
}

.block-recent-item--body .block-thumbnail-h--goods .price {
  font-size : 18px;
  line-height : 26px;
  letter-spacing : 1.44px;
  color : #666C70;
  text-align: left;
  padding: 14px 8px 0px;
  font-weight: normal;
}

.block-recent-item--body .block-thumbnail-h--goods .block-thumbnail-h--net-price {
  display: none;
}

.block-recent-item--body .block-thumbnail-h--goods .default-price {
  display: none;
}

.block-recent-item--body .swiper-button-next::after,
.block-recent-item--body .swiper-button-prev::after {
    content: none;
}

.block-recent-item--body .swiper-button-next, 
.block-recent-item--body .swiper-button-prev {
  top: 37%;
  background-size: contain;
  width: 24px;
  height: 24px;
}

.block-recent-item--body .swiper-button-next {
  background-image: url(../../img/icon/next2.png);
  right: 0;
}

.block-recent-item--body .swiper-button-prev {
  background-image: url(../../img/icon/prev2.png);
  left: 9px;
}


/* カテゴリ商品一覧 */
.block-category-list--goods {

}

.block-goods-list--sort-order-items {
  display: none;
}

.block-goods-list--pager-top {
  display: flex;
  align-items: center;
  border-top: 0.5px solid rgb(224,225,226.1);
  width: 1080px;
    margin: 0 auto;
}

.block-goods-list--pager-top .pager-total {
  font-size : 14px;
  letter-spacing : 0.84px;
  color : #666C70;
  padding: 20px;
  padding-left: 17px;
  margin-right: 22px;
}

.block-goods-list--pager-top .pager-total > span > span {
  margin-right: 3px;
}

.block-goods-list--pager-top .pagination {
  display: none;  
}
.block-goods-list--pager-top #block_of_filter {
  width: 207px;
  border-left: 0.5px solid rgb(224,225,226.1);
  border-right: 0.5px solid rgb(224,225,226.1);
  position: relative;
}

.block-goods-list--pager-top #block_of_filter.block-filter.active::before {
  content: "";
  width: 100%;
  height: 3px;
  background: #fff;
  position: absolute;
  bottom: -2px;
  left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  z-index: 2;
}


.block-goods-list--pager-top #block_of_filter .block-filter--header {
  padding: 20px 0;
  margin: 0;
    font-weight: 400;
    font-size : 14px;
    letter-spacing : 0.84px;
    color : #B6B9BB;
    position: relative;
    padding-left: 66px;
    padding-right: 52px;
    cursor: pointer;
    display: flex;
    align-items: center;
    z-index: 1;
}

.block-goods-list--pager-top #block_of_filter .block-filter--header::before {
  content: "";
  background: url(../../img/icon/focus.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 18px;
  height: 21px;
  position: absolute;
    left: 36px;
    margin-top: -2px;
}
.block-goods-list--pager-top #block_of_filter .block-filter--header::after {
  content: "";
  display: block;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid rgb(47,54,60);
    border-right: 1px solid rgb(47,54,60);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: relative;
    right: -40px;
}
.block-goods-list--pager-top #block_of_filter.active .block-filter--header::after {
  transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}

#frmFilterList {
  display: none;
  width: 1080px;
  margin: 0 auto 23px;
  padding-top: 22px;
  padding-left: 23px;
  border-top: 0.5px solid rgb(224,225,226.1);
}
#frmFilterList.open {
  position: relative;
}
/* #frmFilterList.open::before {
  content: "";
    width: 205px;
    height: 3px;
    background: #fff;
    position: absolute;
    top: -2px;
    left: 104px;
} */

#frmFilterList > div {
  margin-bottom: 16px;
}
#frmFilterList > div:nth-of-type(2) {
  margin-bottom: 9px;
}

#frmFilterList .block-filter--list-inner {
  display: flex;
  align-items: flex-start;
}
#frmFilterList .block-filter--list-inner h3 {
  width: 30px;
  min-width: 35px;
  font-weight : bold;
  font-size : 14px;
  letter-spacing : 0.84px;
  color : #666C70;
  margin: 10px 0;
  margin-right: 16px;
}
#frmFilterList .block-filter--list-inner .block-filter--list-inner-accordion {
  display: flex;
  flex-wrap: wrap;
}
#frmFilterList .block-filter--list-inner .block-filter--list-inner-accordion .block-filter-option-items {
  width: auto;
  white-space: nowrap;
}
#frmFilterList .block-filter--list-inner .block-filter--list-inner-accordion .block-filter-option-items input[type=checkbox] {
  display: none;
}
#frmFilterList .block-filter--list-inner .block-filter--list-inner-accordion .block-filter-option-items input[type=checkbox] + label {
  position: relative;
  padding-left: 32px;
  font-size : 16px;
  line-height : calc(36 / 16);
  letter-spacing : 0.96px;
  color : #666C70;
  margin-right: 16px;
}
#frmFilterList .block-filter--list-inner .block-filter--list-inner-accordion .block-filter-option-items input[type=checkbox] + label::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 50%;
  transform: translate3d(0, 50%, 0);
  border: 1px solid rgb(102, 108, 112);
    border-radius: 4.27px;
    height: 23px;
    width: 23px;
    
}
#frmFilterList .block-filter--list-inner .block-filter--list-inner-accordion .block-filter-option-items input[type=checkbox]:checked + label::before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 50%;
  transform: translate3d(0, 50%, 0);
  border: 1px solid rgb(102, 108, 112);
    border-radius: 4.27px;
    height: 23px;
    width: 23px;
    background-color: rgb(102, 108, 112);
}
#frmFilterList .block-filter--list-inner .block-filter--list-inner-accordion .block-filter-option-items input[type=checkbox]:checked + label::after {
  content: '';
  border-top: 2px solid rgb(255, 255, 255);
  border-right: 2px solid rgb(255, 255, 255);
  position: absolute;
  height: 7px;
    width: 12px;
    position: absolute;
    bottom: 50%;
    left: 1px;
    transform: rotate3d(0, 0, 1, 135deg) translate3d(-20%, -80%, 0) scale3d(1.1, 1.1, 1);
}
#frmFilterList > span.frmFilterclear {
  width: 90px;
    margin-left: auto;
  text-align: right;
    display: block;
    font-size : 14px;
    letter-spacing : 0.84px;
    color : #2f363c;
    cursor: pointer;
    transition: .3s cubic-bezier(0.45, 0, 0.55, 1);

}
#frmFilterList > span.frmFilterclear:hover {
  color : #B6B9BB;
}


.block-thumbnail-t {
  display: flex;
  flex-wrap: wrap;
  width: 1080px;
    margin: 0 auto;
    border-top: 0.5px solid rgb(224,225,226.1);
}
.block-thumbnail-t li {
  padding-left: 0;
    padding-bottom: 0;
    border: 0.5px solid rgb(224,225,226.1);
    border-right: none;
    border-top: none;
    /* min-height: 96vw; */
    display: flex;
    flex-direction: column;
    width: 270px;
    height: auto;
    margin-bottom: 0;
    position: relative;
}
/* .block-thumbnail-t li:not(:nth-of-type(4n)) {
  border: 0.5px solid rgb(224,225,226.1);
} */
.block-thumbnail-t li:nth-of-type(4n),
.block-thumbnail-t li:last-of-type {
  border-right: 0.5px solid rgb(224,225,226.1);
}

.block-thumbnail-t li .block-thumbnail-t--goods {
  width: 100%;
  
}

.block-thumbnail-t li .block-thumbnail-t--goods .block-thumbnail-t--goods-description {
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}

.block-thumbnail-t li .block-thumbnail-t--goods:hover .block-thumbnail-t--goods-description {
  opacity: 0.4;
}

.block-thumbnail-t li .block-thumbnail-t--goods a {
  color: #2f363c;
    transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}
.block-thumbnail-t li .block-thumbnail-t--goods a:hover {
  /* color : #b6b9bb;
  opacity: 0.4; */
  opacity: 1;
}

.block-thumbnail-t li .block-thumbnail-t--goods .block-thumbnail-t--goods-image figure {
  width: 240px;
    height: 240px;
    margin: 14px auto 0;
    background: transparent;
}


.block-thumbnail-t li .block-thumbnail-t--goods .block-thumbnail-t--goods-description {
  margin-top: 15px;
    margin-bottom: 19px;
}

.block-thumbnail-t li .block-thumbnail-t--goods .block-thumbnail-t--goods-description .block-thumbnail-t--goods-code {
  display: none;
}

.block-thumbnail-t li .block-thumbnail-t--goods .block-thumbnail-t--goods-description .block-thumbnail-t--comment {
  padding: 0px 25px 0;
}

.block-thumbnail-t li .block-thumbnail-t--goods .block-thumbnail-t--goods-description .block-thumbnail-t--comment a {
  font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.6px;
    color: #71B395;
    /* padding: 0px 25px 0; */
    text-decoration: none;
}

.block-thumbnail-t li .block-thumbnail-t--goods .block-thumbnail-t--goods-description .block-thumbnail-t--comment a:hover {
  color: #71B395;
  opacity: 0.4;
}

.block-thumbnail-t li .block-thumbnail-t--goods .block-thumbnail-t--goods-description .block-thumbnail-t--goods-name {
  font-size: 18px;
  font-family: 'Noto Serif JP', serif;
    line-height: 28px;
    letter-spacing: 0.72px;
    color: #B6B9BB;
    padding: 18px 25px 0;
}
.block-thumbnail-t li .block-thumbnail-t--goods .block-thumbnail-t--goods-description .block-thumbnail-t--goods-name a {
  text-decoration: none;
}

.block-thumbnail-t li .block-thumbnail-t--goods .block-thumbnail-t--goods-description .block-icon {
  display: flex;
  flex-wrap: wrap;
  padding: 6px 25px 0;
}

.block-thumbnail-t li .block-thumbnail-t--goods .block-thumbnail-t--goods-description .block-icon span:not(:last-of-type) {
  margin-right: 7px;
}

.block-thumbnail-t li .block-thumbnail-t--goods .block-thumbnail-t--goods-description .block-icon .block-icon--src1,
.block-thumbnail-t li .block-thumbnail-t--goods .block-thumbnail-t--goods-description .block-icon .block-icon--src2,
.block-thumbnail-t li .block-thumbnail-t--goods .block-thumbnail-t--goods-description .block-icon .block-icon--src3{
  width: auto;
}

.block-thumbnail-t li .block-thumbnail-t--goods .block-thumbnail-t--goods-description .price {
  font-size: 18px;
    line-height: 26px;
    letter-spacing: 1.44px;
    color: #666C70;
    text-align: left;
    padding: 14px 25px 0px;
    font-weight: normal;
}

.block-thumbnail-t li .block-thumbnail-t--goods .block-thumbnail-t--goods-description .block-thumbnail-t--net-price {
  display: none;
}

.block-thumbnail-t li .block-thumbnail-t--goods .block-thumbnail-t--goods-description .default-price {
  display: none;
}

.block-category-style-t ,
.block-genre-style {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 46px;
    width: 1050px;
}

.block-category-style-t > div ,
.block-genre-style > div {
  width: 330px;
  margin-right: 30px;
  margin-bottom: 8px;
}

.block-category-style-t--item:nth-child(4n+1) {
  margin: 0;
  margin-right: 30px;
}

.block-category-style-t--item {
  flex-basis: auto;
    overflow: visible;
    margin: 0;
    margin-right: 30px;
}

.block-category-style-t > div:nth-of-type(3n) ,
.block-genre-style > div:nth-of-type(3n) {
  margin-right: 0;
}

.block-category-style-t > div > h3 ,
.block-genre-style > div > h3 {
  border: 0.5px solid rgb(224,225,226.1);
  border-radius: 6px;
}

.block-category-style-t > div > h3 > a ,
.block-genre-style > div > h3 > a {
  display: flex;
  align-items: center;
  font-size : 16px;
  letter-spacing : 0.64px;
  color: #2f363c;
  height: 100%;
  min-height: 73px;
  position: relative;
}

.block-category-style-t > div > h3 > a:hover ,
.block-genre-style > div > h3 > a:hover {
  color : #B6B9BB;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}

.block-category-style-t > div > h3 > a > div ,
.block-genre-style > div > h3 > a > div {
  width: 80px;
  height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 0.5px solid rgb(224,225,226.1);
}

.block-category-style-t > div > h3 > a > img ,
.block-genre-style > div > h3 > a > img {
  width: 74px;
  height: auto;
  
}

.block-category-style-t > div > h3 > a > span ,
.block-genre-style > div > h3 > a > span {
  position: absolute;
  left: 106px;
}

.block-thumbnail-t--price-infos {
  /* position: absolute;
  bottom: 0; */
}

/* カテゴリページ */

.block-category-list--goods img {
  width: 100%;
    height: auto;
}

body.page-category a.link,
body.page-genre a.link {
  color: #54a682;
}

body.page-category a.link:hover,
body.page-genre a.link:hover {
  color: #54a682;
  opacity: 0.4;
}

/* ----商品詳細画面---- */

.block-goods-detail {
  grid-template-columns: none;
  display: flex;
  justify-content: flex-end;
  position: relative;
  border-bottom: 0.5px solid rgb(224,225,226);
  padding-bottom: 113px;
}

.pane-goods-header {
  margin: 0;
  /* display: none; */
  width: 568px;
}

.block-goods-detail-wrapper {
  position: absolute;
    top: 0px;
    left: 0px;
    bottom: auto;
}

.pane-goods-left-side {
  width: 430px;
  max-width: 430px;
  margin: 0;
}

.pane-goods-left-side .block-goods-gallery--mv {
  margin-top: 50px;
  margin-bottom: 18px;
}

.pane-goods-left-side ul.swiper-wrapper{
  align-items: center;
}

.pane-goods-left-side .swiper-pagination {
  width: 100%;
  position: relative;
  display: flex;
    flex-wrap: wrap;
}

.pane-goods-left-side .swiper-pagination .swiper-pagination-bullet {
  width: 80px;
  height: 80px;
  background: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain!important;
  border-radius: 0;
  opacity: 1;
  margin: 0;
  margin-left: 6px;
  margin-bottom: 6px;
}

.pane-goods-left-side .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 1px solid rgb(224,225,226);
}

.pane-goods-right-side {
  width: 570px;
}

.pane-goods-right-side form .block-goods-name {
  order:0;
  margin-bottom: 18px;
}

.pane-goods-right-side form .block-goods-name h1,
.pane-goods-right-side form .block-goods-name h2 {
  font-size : 26px;
  line-height : calc(41.29 / 26);
  letter-spacing : 2.6px;
  color : #2F363C;
  margin: 22px 0 6px;
}

.pane-goods-right-side form .block-goods-name span {
  font-size : 14px;
  line-height : calc(22 / 14);
  letter-spacing : 0.84px;
  color : #666C70;
}

.page-goods .block-icon {
  order:0!important;
}

.block-icon img {
  width: auto;
  height: 30px;
}

.block-goods-price {
  order: 0!important;
  margin: 10px 0 35px;
  display: flex;
}

.block-goods-price--price {
  width: auto;
  font-weight: 400;
  font-size : 26px;
  line-height : calc(41.29 / 26);
  letter-spacing : 2.08px;
  color : #2F363C;
  position: relative;
}

.block-goods-price--price::before {
  content: "税込";
  position: absolute;
  font-size : 14px;
  line-height : calc(22 / 14);
  letter-spacing : 0.84px;
  color : #666C70;
  bottom: 2px;
  right: -46px;
  width: 40px;
}

.block-goods-price .default-price {
  display: none;
}

.block-goods-price .block-goods-price--net-price {
  display: none;
}

.block-goods-price-line {
  display: flex;
}
.block-goods-price-line .block-btn-area-qty {
  margin-left: 70px;
}

.block-btn-area-qty {
  position: relative;
  margin: 0 0 20px;
  display: flex;
    align-items: center;
}
.block-btn-area-qty > span {
  font-size : 16px;
  line-height : calc(30 / 16);
  letter-spacing : 0.96px;
  color : #2F363C;
  margin-right: 17px;
}
.block-goods-qtybox {
  position: relative;
  padding: 0 32px 0 0;
  border: solid 1px rgb(182, 185, 187);
  border-radius: 12px;
  overflow: hidden;
  width: 140px;
}
.block-goods-qtybox::before {
  pointer-events: none;
  display: block;
  content: '';
  position: absolute;
  right: 32px;
  top: 0;
  height: 100%;
  width: 1px;
  background: rgb(182, 185, 187);
}
.block-goods-qtybox input {
  width: 100%;
    height: 54px;
    text-align: center;
    font-size: 18px;
    line-height: calc(46 / 18);
    letter-spacing: 1.08px;
    color: #2F363C;
    border: none;
    -webkit-appearance: none;
    appearance: none;
}
.block-goods-qtybox span {
  display: block;
  position: absolute;
  right: 0;
  width: 30px;
  height: 27px;
  background: rgba(255,0,0,0.0);
  cursor: pointer;
}
.block-goods-qtybox span:hover {
  opacity: 0.7;
}
.block-goods-qtybox span::before,
.block-goods-qtybox span.block-goods-qty__plus::after {
  display: block;
  content: '';
  width: 11px;
  height: 1px;
  background: #707070;
  position: absolute;
  left: calc(50% - 7px);
  top: 45%;
}
.block-goods-qtybox span.block-goods-qty__plus::before,
.block-goods-qtybox span.block-goods-qty__plus::after {
  top: 55%;
}
.block-goods-qtybox span.block-goods-qty__plus::after {
  transform: rotate(90deg);
}
.block-goods-qtybox span.block-goods-qty__minus {
  bottom: 0;
}
.block-goods-qtybox span.block-goods-qty__plus {
  top: 0;
}

.block-btn-area {
  display: flex;
  align-items: center;
  margin-bottom: 44px;
}

.block-goods-favorite--btn,
.block-variation-favorite--btn {
  margin-top: 0;
    padding: 6px 0;
    font-size: 16px;
    width: 60px;
    height: 52px;
    position: relative;
    border: solid 1px rgb(182, 185, 187);
    background-color: transparent;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.block-goods-favorite,
.block-variation-favorite {
  position: relative;
}

.block-goods-favorite--btn::before,
.block-variation-favorite--btn::before {
  content: "";
  background: url(../../img/icon/favorite.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  width: 25px;
  height: 22px;
  margin: 7px auto 4px;
}

.block-goods-favorite--btn.is_active::before,
.block-variation-favorite--btn.is_active::before {
  content: "";
  background: url(../../img/icon/favorite_g.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  width: 25px;
  height: 22px;
  margin: 7px auto 4px;
}

.block-goods-favorite .block-goods-favorite-modal,
.block-variation-favorite .block-goods-favorite-modal {
  -webkit-animation: show .4s linear 0s;
  animation: show .4s linear 0s;
  position: absolute;
  display: none;
  top: -65px;
  right: 0;
  width: 197px;
  height: 47px;
  border: 0.5px solid rgb(224, 225,226);
  font-size : 13px;
  letter-spacing : 0.78px;
  color : #666C70;
    border-radius: 6px;
    background: #fff;
}
.block-goods-favorite .block-goods-favorite-modal.is-active,
.block-variation-favorite .block-goods-favorite-modal.is-active {
  -webkit-animation: show .4s linear 0s;
  animation: show .4s linear 0s;
  display: block;
}
@keyframes show {
  from {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

.block-goods-favorite .block-goods-favorite-modal::before,
.block-variation-favorite .block-goods-favorite-modal::before {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: -46px;
  right: 25px;
  width: 12px;
  height: 12px;
  border-top: 0.5px solid rgb(224, 225,226);
  border-right: 0.5px solid rgb(224, 225,226);
  transform: rotate(135deg);
  background: #fff;
}

.block-goods-favorite .block-goods-favorite-modal > span,
.block-variation-favorite .block-goods-favorite-modal > span {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}


.block-add-cart {
  
}
.block-add-cart button {
  margin-top: 0;
  padding: 12px 0;
  font-size: 18px;
  width: 294px;
  background: #72BB9A;
  font-size : 16px;
  line-height : calc(25.9 / 16);
  letter-spacing : 3.52px;
  color : #FFFFFF;
  border: none;
  border-radius: 6px;
  margin-right: 15px;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}

.block-add-cart button:hover {
  opacity: 0.4;
}

.block-goods-comment1 {
  font-size : 16px;
  line-height : 30px;
  letter-spacing : 0.96px;
  color : #2F363C;
  color : rgb(47, 54, 60);
  border-bottom: 0.5px solid rgb(224,225,226);
  margin-bottom: 15px;
  padding-bottom: 43px;
  font-family: 'Noto Serif JP', serif;
}

.block-goods-speclist {
  border-bottom: 0.5px solid rgb(224,225,226);
  padding-bottom: 12px;
    margin-bottom: 15px;
}

.block-goods-speclist h3 {
  font-weight : bold;
  font-size : 16px;
  line-height : calc(46 / 16);
  letter-spacing : 0.96px;
  color : #2F363C;
  margin: 0 0 11px;
  position: relative;
  cursor: pointer;
}
.block-goods-speclist h3::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  z-index: 2;
  background-color: rgb(47, 54, 60);
  width: 1px;
  height: 17px;
  right: 10px;
  margin-top: -8px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
} 
.block-goods-speclist.is-active h3::before {
  transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
} 
.block-goods-speclist h3::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  z-index: 2;
  background-color: rgb(47, 54, 60);
  width: 17px;
  height: 1px;
  right: 2px;
  margin-top: 0px;
}

.block-goods-speclist dl {
  padding-bottom: 5px;
  display: block;
}
.block-goods-speclist dl dt {
  font-weight : bold;
  font-size : 14px;
  line-height : calc(26 / 14);
  letter-spacing : 0.84px;
  color : #B6B9BB;
  padding-left: 8px;
  width: 70px;
}
.block-goods-speclist dl dd {
  font-size : 14px;
  line-height : calc(26 / 14);
  letter-spacing : 0.84px;
  color : #2F363C;
}

.block-goods-trans-comment {
  border-bottom: 0.5px solid rgb(224,225,226);
  padding-bottom: 11px;
    margin-bottom: 17px;

} 

.block-goods-trans-comment .block-goods-comment2 dt h3,
.block-goods-trans-comment .pane-goods-center dt h3 {
  font-weight: bold;
  font-size: 16px;
  line-height: calc(46 / 16);
  letter-spacing: 0.96px;
  color: #2F363C;
  margin: 0 0 17px;
  position: relative;
  cursor: pointer;
}
.block-goods-trans-comment .block-goods-comment2 dt h3::before,
.block-goods-trans-comment .pane-goods-center dt h3::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    z-index: 2;
    background-color: rgb(47, 54, 60);
    width: 1px;
    height: 17px;
    right: 10px;
    margin-top: -8px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.block-goods-trans-comment .block-goods-comment2.is-active dt h3::before,
.block-goods-trans-comment .pane-goods-center.is-active dt h3::before {
    transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.block-goods-trans-comment .block-goods-comment2 dt h3::after,
.block-goods-trans-comment .pane-goods-center dt h3::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  z-index: 2;
  background-color: rgb(47, 54, 60);
  width: 17px;
  height: 1px;
  right: 2px;
  margin-top: 0px;
}

.block-goods-trans-comment .block-goods-comment2 dd , 
.block-goods-trans-comment .pane-goods-center dd{
  width: 496px;
  font-size : 14px;
  line-height : calc(26 / 14);
  letter-spacing : 0.84px;
  color : #2F363C;
  display: none;
  margin-left: 7px;
}
.block-goods-comment2 dd {
  padding-bottom: 17px;
}
.block-goods-trans-comment .block-goods-comment2 dd a ,
.block-goods-trans-comment .pane-goods-center dd a{
  text-decoration : underline;
}

.goods-detail-description.block-goods-stock {
  display: none;
}

.lb-data .lb-details .lb-caption {
  font-family: 'Noto Serif JP', serif;
}

.lb-data .lb-details .lb-number {
  display: none!important;
}

.goods-detail-description.block-goods-item-code {
  display: none;
}
.goods-detail-description.block-goods-postage {
  display: none;
}

/* 関連商品 */

.block-accessory-list {

}
.block-accessory-list h2 {
  font-size : 24px;
  line-height : 34px;
  letter-spacing : 5.28px;
  color : #2F363C;
  color : rgb(47, 54, 60);
  margin: 45px 0 0;
  padding-bottom: 25px;
  border-bottom: 0.5px solid rgb(224,225,226);
}

.block-accessory-list ul.block-thumbnail-h {
  margin: 19px 0 0;
}
.block-accessory-list ul.block-thumbnail-h li {
  width: 164px;
  margin-left: 32px;
}
.block-accessory-list ul.block-thumbnail-h li:nth-child(3n+1) {
  margin-left: 0;
}

.block-accessory-list ul.block-thumbnail-h li dl .block-thumbnail-h--goods-image a:hover {
  opacity: 0.4;
}

.block-accessory-list ul.block-thumbnail-h li dl .block-thumbnail-h--goods-image .img-center {
  background: transparent;
    width: 100%;
    height: 100%;
}

.block-accessory-list ul.block-thumbnail-h li dl .block-thumbnail-h--goods-description {
  margin-top: 13px;
}

.block-accessory-list ul.block-thumbnail-h li dl .block-thumbnail-h--goods-description .block-thumbnail-h--goods-name a {
  font-family: 'Noto Serif JP', serif;
  font-size : 16px;
  line-height : calc(24 / 16);
  letter-spacing : 0.32px;
  color : #2F363C;
}

.block-accessory-list ul.block-thumbnail-h li dl .block-thumbnail-h--goods-description .block-thumbnail-h--goods-name a:hover {
  opacity: 0.4;
}

.block-accessory-list ul.block-thumbnail-h li dl .block-thumbnail-h--goods-description .block-thumbnail-h--price-infos .block-thumbnail-h--price-items .price {
  font-size : 18px;
  line-height : calc(26 / 18);
  letter-spacing : 1.44px;
  color : #666C70;
  font-weight: 400;
  text-align: start;
  margin-top: 9px;
}

/* bottomカートボタン */
.pane-goods-footer {
  display: none;
}

.block-contact-about-goods {
  display: none;
}

/* 商品コメント */
.block-goods-comment3 {
  margin: 60px auto 0;
  padding-left: 23px;
  border-bottom: 0.5px solid rgb(224,225,226);
  padding-bottom: 8px;
}

.good-comment {
  display: flex;
  margin-bottom: 71px;
}

.good-comment > div {
  width: 454px;
    margin-left: 77px;
    margin-top: 12px;
}
.good-comment  > div h3,.good-comment1  > div h3 {
  font-size: 22px;
  line-height: calc(34 / 22);
  letter-spacing: 0.06em;
  color : #2F363C;
  font-weight: bold;
  margin: 10px 0 29px;
}
.good-comment  > div p,.good-comment1  > div p {
  font-size: 16px;
  line-height: calc(30 / 16);
  letter-spacing: 0.06em;
  color : #2F363C;
}
.good-comment1 {
  display: flex;
  justify-content: center;
  text-align: center;
}


/* パンくず */
.pane-topic-path:not(.bottom) .block-topic-path.genre-path {
  display: none;
}

.pane-topic-path.bottom {
  border-bottom: 0.5px solid rgb(224,225,226);
  position: relative;
  padding-bottom: 20px;
  min-height: 153px;
}

.pane-topic-path.bottom .container {
  display: inline-block;
    padding-left: 152px;
}

.pane-topic-path.bottom .container h3 {
  font-weight : bold;
  font-size : 16px;
  line-height : calc(46 / 16);
  letter-spacing : 0.96px;
  color : #2F363C;
  margin: 19px 0 0;
}

.pane-topic-path.bottom .block-topic-path {
  padding: 0;
}

.pane-topic-path.bottom .block-topic-path ul {
  padding-bottom: 14px;
}

.pane-topic-path.bottom figure {
  position: absolute;
  top: 32px;
  left: 27px;
    width: 114px;
    height: 114px;
}

.pane-topic-path.bottom .container .block-topic-path--item__home {
  display: none;
}

.pane-topic-path.bottom .container .block-topic-path--item__home + li {
  font-size: 0;
}

/* 商品詳細・下部 */

.goods-footer {
  margin: 77px 0 80px;
  display: none;
}
body.page-goods .goods-footer {
  display: block;
}
.goods-footer .goods-footer-header.hx{
  font-size : 24px;
  line-height : calc(34 / 24);
  letter-spacing : 5.28px;
  color : #2F363C;
  text-align: center;
  margin-right: 32px;
}

.goods-footer .goods-footer-text {
  font-size : 16px;
  line-height : calc(30 / 16);
  letter-spacing : 0.64px;
  color : #2F363C;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 45px;
}

.goods-footer .goods-footer-items-list{
  display: flex;
    flex-wrap: wrap;
    gap: 0px 18px;
    width: 1017.47px;
    margin: 0 auto;
}

.goods-footer .goods-footer-items-list li{
  width: 240px;
    height: auto;
    /* box-shadow: 0px -8px 3px 5px #eef2eb; */
    /* border-radius: 8px; */
    position: relative;
}

.goods-footer .goods-footer-items-list li::before{
  content: "";
    position: absolute;
    width: 240px;
    height: 330px;
    box-shadow: 0px -2px 3px 3px #E4EADF;
    border-radius: 8px;
    z-index: 1;
    top: 3px;
}

.goods-footer .goods-footer-items-list li a {
  width: 100%;
    height: 100%;
    display: block;
}

.goods-footer .goods-footer-items-list li img {
  height: auto;
    position: relative;
    z-index: 2;
}

.goods-footer .goods-footer-items-list li span {
  font-size: 15px;
    line-height: calc(26 / 15);
    letter-spacing: 0.9px;
    color: #2f363c;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    padding: 24px 0 45px;
    background: #ffffff;
    text-align: center;
    position: relative;
    z-index: 2;
}

.goods-footer-button {
  text-align: right;
    margin-top: 20px;
}

.goods-footer-button a {
  width: 122px;
    font-size: 14px;
    letter-spacing: 0.84px;
    color: #71B395;
    text-align: center;
    display: block;
    border: 1px solid rgb(182,185,187.1);
    border-radius: 8px;
    margin: 0 auto 50px;
    padding: 7px 0;
    text-decoration: none;
    transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}

.goods-footer-button a:hover {
  background: rgb(229,235,224);
}

/* 商品詳細・コメント4 */

.block-goods-comment4 {

}

.block-goods-comment4 dt {
  display: none;
}

.good-comment4 {
  text-align: center;
  position: relative;
}
.good-comment4 img {

}

.good-comment4 span {
  position: absolute;
    width: 288px;
    height: 38px;
    display: flex;
    background: rgb(229,235,224);
    font-size: 14px;
    letter-spacing: 0.84px;
    color: #2F363C;
    align-items: center;
    justify-content: center;
    bottom: 78px;
    right: 153px;
    border-radius: 8px;
    cursor: pointer;
}

/* 関連商品・下部 */

.block-accessory-list.bottom {

}

.block-accessory-list.bottom h2 {
  text-align: center;
  margin: 59px 0 0;
  border-bottom: none;
}

.block-accessory-list.bottom .block-accessory-list--list {
  padding-bottom: 30px;
}

/* バリエーションカート */

.block-color-with-cart--item-list {
  width: 541px;
  border-top: 1px solid rgb(224,225,226);
  margin-bottom: 33px;
}

.block-color-with-cart--item {
  align-items: center;
  border-bottom: 1px solid rgb(224,225,226);
}

.block-color-with-cart--item-term {
  border: none;
    background-color: transparent;
    width: 80px;
    height: 80px;
    margin-right: 25px;
}
.block-color-with-cart--item-term figure {
  width: 80px;
  height: 80px;
}
.block-color-with-cart--item-term img {
  max-width: 100%;
    max-height: 100%;
}

.block-variation-add-text {
  margin-right: 31px;
  width: 156px;
  font-size : 16px;
  line-height : calc(26 / 16);
  letter-spacing : 0.96px;
  color : #2F363C;
  display: flex;
    align-items: center;
}

.block-variation-add-cart--btn {
  display: table-cell;
  font-size : 15px;
  line-height : calc(25.9 / 15);
  letter-spacing : 3.3px;
  color : #FFFFFF;
  vertical-align: middle;
  width: 186.6px;
  height: 54px;
    background-color: #72BB9A;
    border: none;
    padding: 0;
    border-radius: 8px;
    transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}

.block-variation-add-cart--btn:hover {
  background-color: rgb(169,199,180);
}

.block-variation-no-stock--message {
  display: table-cell;
  font-size : 15px;
  line-height : calc(25.9 / 15);
  letter-spacing : 3.3px;
  color : #666C70;
  vertical-align: middle;
  width: 186.6px;
  height: 54px;
  background-color: rgb(216,226,219);
    border: none;
    padding: 0;
    border-radius: 8px;
}

.block-btn-area .block-no-stock--message {
  margin-top: 0;
  padding: 12px;
  font-size: 18px;
  width: 294px;
  font-size: 16px;
  line-height: calc(25.9 / 16);
  letter-spacing: 3.52px;
  color : #666C70;
  background-color: rgb(216,226,219);
  border: none;
  border-radius: 6px;
  margin-right: 15px;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}


.block-goods-variation-arrival-notice--btn {
  display: table-cell;
  font-size : 15px;
  line-height : calc(25.9 / 15);
  letter-spacing : 3.3px;
  color : #FFFFFF;
  vertical-align: middle;
  width: 186.6px;
  height: 54px;
  background-color: rgb(169,199,180);
    border: none;
    padding: 0;
    border-radius: 8px;
}

.block-btn-area .block-arrival-notice--btn {
  margin-top: 0;
  padding: 12px 0;
  font-size: 18px;
  width: 294px;
  background-color: rgb(169,199,180);
  font-size: 16px;
  line-height: calc(25.9 / 16);
  letter-spacing: 3.52px;
  color: #FFFFFF;
  border: none;
  border-radius: 6px;
  margin-right: 15px;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}

.block-goods-variation-arrival-notice--btn:hover {
  background-color: rgb(169,199,180);
  color : #FFFFFF;
}

/*CSSによる商品詳細画面の項目の並び順変更用*/
.pane-goods-right-side form {
  display: flex;
  flex-flow: column wrap;
  margin-top: 22px;
}

.block-goods-sns {
  order: 10;
}

.page-goods .block-icon {
  order: 20;
}

.block-goods-comment {
  order: 30;
}

.block-goods-name {
  order: 40;
}

.block-goods-price {
  order: 50;
}

.block-goods-code {
  order: 60;
}

.block-goods-item-code {
  order: 70;
}

.block-goods-item-code2 {
  order: 80;
}

.block-goods-item-code3 {
  order: 90;
}

.block-goods-release-dt {
  order: 100;
}

.block-goods-class1 {
  order: 110;
}

.block-goods-class2 {
  order: 120;
}

.block-goods-attr1 {
  order: 130;
}

.block-goods-attr2 {
  order: 140;
}

.block-goods-attr3 {
  order: 150;
}

.block-goods-size {
  order: 160;
}

.block-goods-color {
  order: 170;
}

.block-goods-point {
  order: 180;
}

.block-goods-postage {
  order: 190;
}

.block-goods-stock {
  order: 200;
}

.block-goods-spec {
  order: 210;
}

.block-goods-sales-detail-append {
  order: 220;
}

.block-variation {
  /* order: 230; */
  margin-bottom: 10px;
}

.block-custom-order {
  order: 240;
}

.block-add-cart {
  order: 250;
}

.block-no-stock {
  order: 260;
}

.block-arrival-notice {
  order: 270;
}

.block-goods-store-stock {
  order: 280;
}

.block-goods-set {
  order: 290;
}

.block-accessory-list {
  order: 300;
}

.block-variation-back-order {
  order: 310;
}

.block-contact-about-goods {
  order: 320;
}

.block-goods-favorite {
  order: 330;
}

.block-goods-link {
  order: 340;
}

/* ----カート画面---- */

.pane-order-header {
  border-bottom: none;
}

.pane-order-header .block-header-logo--img {
  position: relative;
  left: -109px;
  max-width: none;
  height: auto;
}

.block-cart-recent-item--header {
  font-size: 24px;
  font-family: 'Noto Serif JP', serif;
  line-height: 34px;
  letter-spacing: 5.28px;
  text-align: center;
  border-top: none;
  padding: 19px 0 13px;
  color: #2F363C;
  margin: 0 auto;
  width: 1080px;
  border-bottom: 0.5px solid rgb(224, 225, 226);
}

body.page-cart .pane-order-contents {
  border: none;
}

.block-cart--wrapper .block-cart-recent-item {
  /* display: none; */
}

.block-cart--wrapper .cart_middle {
  margin: 0 60px 0;
}

.block-cart--wrapper .cart_middle .cart_middle-box {
  margin-bottom: 20px;
}

.block-cart--wrapper .cart_middle .text_indent {
  padding-left: 1em;
  text-indent: -1em;
  padding: 10px;
}

.block-order-gift-confirmation--order-comment-message {
  margin-bottom: 20px;
}
.block-order-gift-confirmation--order-comment-message > a {
  text-decoration: underline;
}

.block-order-gift-confirmation-wrapper form .action-buttons {
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
}




/* ----買い物かご　上部---- */

.block-order-flow--step {
  margin: 0 60px 0;
  padding-top: 8px;

}
.block-order-flow--step > h2 {
  font-family: 'Noto Serif JP', serif;
  font-size : 20px;
  line-height : 41.29px;
  letter-spacing : 2px;
  color : #2F363C;
  text-align: left;
  padding-bottom: 30px;
  border-bottom: 1px solid rgb(47,54,60);
}

.block-order-flow--step > .text_left {
  text-align: left;
}

.block-order-flow--step > ul {
  position: relative;
  margin-bottom: 18px;
}

.block-order-flow--step > ul::before {
  content: "";
  width: 98.7vw;
  height: 1px;
  background-color: rgb(224,225,226);
  display: block;
  left: 50%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  bottom: -1px;
}

/* ----配送先選択画面・上部---- */

.block-order-flow--step1,
.block-order-flow--step2,
.block-order-flow--step3,
.block-order-flow--step4,
.block-order-flow--step5 {
  display: inline-block;
  position: relative;
  background: #fff;
  margin: 0 36px 0 0;
  padding: 9px 0 5px 15px;
  height: 50px;
  font-size: 14px;
  line-height: calc(24.5 / 14);
  letter-spacing: 0.06em;
}

.block-order-flow--step-current {
  color: #71B395;
    background: transparent;
    font-weight: bold;
}

.block-order-flow--step1:after,
.block-order-flow--step2:after,
.block-order-flow--step3:after,
.block-order-flow--step4:after,
.block-order-flow--step5:after {
  position: absolute;
  top: 18px;
  right: -35px;
  content: "";
  width: 8px;
  height: 8px;
  border-bottom: 1px solid rgb(182,185,187.1);
  border-right: 1px solid rgb(182,185,187.1);
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  /* border-top-width: medium; */
  border-top: none;
  border-left: none;
}

.block-order-flow--step-current:after {
  border-left: none;
}

.block-order-gift-dest--list-wrapper h3 {
  font-size: 14px;
  margin-top: 15px;
}

.block-order-gift-dest h2 > span {
  display: block;
  font-weight: 400;
  font-size: 16px;
}

.block-order-gift-select--method-content .block-order-gift-select--method-list{
  width: 36%;
  display: inline-block;
}
.block-order-gift-select--method-text {
  width: 49%;
  display: inline-block;
}
.block-order-gift-select--method-text > a {
  text-decoration: underline;
}


/* ----配送先商品追加画面---- */

.block-order-gift-select--delivery-date .block-order-gift-select--delivery-date-content .help-block {
  line-height: 2.16;
}

.block-order-gift-select--sender-title > span {
  display: block;
  font-weight: 400;
  font-size: 16px;
}

.block-order-gift-confirmation--item-image figure,
.block-order-gift-confirmation--sending-item-image figure {
  background: transparent;
}

.block-order-method--side-contents {
  background: transparent;
}

.block-order-method--side-contents .block-order-method--procedure {
  margin-bottom: 0;
}

.block-order-method--side-contents .action {
  text-align: center;
    display: block;
}
.block-order-method--side-contents .action .btn-default {
  border-radius: 6px;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}
.block-order-method--side-contents .action .btn-default:hover {
  opacity: 0.4;
}

/* ----購入フローその他---- */

.block-order-estimate--side-contents .block-order-estimate--procedure {
  margin-bottom: 0;
}

.block-order-estimate--side-contents >  .action {
  text-align: center;
  display: block;
}

.form-group.block-order-estimate--pay-savecard .form-control > span {
  display: block;
  padding: 10px 0px;
  font-size: 11px;
}

.block-order-estimate--comment-content > p {
  padding: 20px 0;
  
}
.block-order-estimate--comment-content > p:nth-of-type(1) {
  padding-top: 0;
}
.block-order-estimate--comment-content > p > a {
  text-decoration: underline;
}

.block-order-complete--message {

}
.block-order-complete--message > p > a {
  text-decoration: underline;
}

.block-cart--goods-list-image {
  background: transparent;
}

.block-cart--goods-list li .block-icon .block-icon--auto-on-sales,
.block-cart--goods-list li .block-icon .block-icon--auto-reservation,
.block-cart--goods-list li .block-icon .block-icon--auto-new {
  display: none;
}

.block-order-method--goods-list li .block-icon .block-icon--auto-on-sales,
.block-order-method--goods-list li .block-icon .block-icon--auto-reservation,
.block-order-method--goods-list li .block-icon .block-icon--auto-new {
  display: none;
}

.block-order-estimate--goods-list li .block-icon .block-icon--auto-on-sales,
.block-order-estimate--goods-list li .block-icon .block-icon--auto-reservation,
.block-order-estimate--goods-list li .block-icon .block-icon--auto-new {
  display: none;
}

.btn-primary {
  background: #72BB9A;
  color: #FFFFFF;
  border-radius: 6px;
  border: none;
  font-weight: 400;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}
.btn-primary:hover {
  opacity: 0.4;
  color: #FFFFFF;
}

.btn-secondary {
  border-radius: 6px;
  border: none;
  font-weight: 400;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}
.btn-secondary:hover {
  opacity: 0.4;
}

.btn-danger {
  border-radius: 6px;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}
.btn-danger:hover {
  opacity: 0.4;
  color: #FFFFFF;
}

.block-cart--order-btn {
  background: #72BB9A;
  color: #FFFFFF;
  border-radius: 6px;
  border: none;
  font-weight: 400;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
  white-space: normal;
}
.block-cart--order-btn:hover {
  opacity: 0.4;
}

.block-cart--order-btn-gift {
  color: #FFFFFF;
  border-radius: 6px;
  border: none;
  font-weight: 400;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
  background: #ffa200;
  white-space: normal;
}
.block-cart--order-btn-gift:hover {
  opacity: 0.4;
  color: #FFFFFF;
}

.block-goods-list-c--image figure {
  background: transparent;
}
.block-cart-i--goods-image figure {
  background: transparent;
}

.block-cart--goods-list-item-calc-btn {
  border-radius: 6px;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}
.block-cart--goods-list-item-calc-btn:hover {
  opacity: 0.4;
}

.block-cart--goods-list-item-delete {
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}
.block-cart--goods-list-item-delete:hover {
  opacity: 0.4;
}

.block-cart--continue-shopping-link {
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}
.block-cart--continue-shopping-link:hover {
  opacity: 0.4;
}

.block-order-method--next-btn {
  background: #72BB9A;
  color: #FFFFFF;
  border-radius: 6px;
  border: none;
  font-weight: 400;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}
.block-order-method--next-btn:hover {
  opacity: 0.4;
}

.btn-default {
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
  border-radius: 6px;
}
.btn-default:hover {
  opacity: 0.4;
}

.block-order-method--goods-item-image {
  background: transparent;
}

.block-order-estimate--commit-btn {
  background: #72BB9A;
  color: #FFFFFF;
  border-radius: 6px;
  border: none;
  font-weight: 400;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}
.block-order-estimate--commit-btn:hover {
  opacity: 0.4;
}

.block-order-estimate--goods-item-image {
  background: transparent;
}

.block-search-goods--search-btn {
  background: #72BB9A;
  color: #FFFFFF;
  border-radius: 6px;
  border: none;
  font-weight: 400;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}
.block-search-goods--search-btn:hover {
  opacity: 0.4;
}

/* ----トピック関連---- */
h1.block-topic-details--header,
h1.block-topic-page--article-header {
	font-size: 26px;
	font-family: 'Noto Serif JP', serif;
}

.block-topic-details--items li {
  
}

.block-topic-details--items li img {
  height: 30px;
}

/* ----トピックス詳細---- */

.block-topic-page--article-header > img {
  height: 30px;
}

/* ----マイページ関連---- */

.block-favorite--image figure {
  background: transparent;
}

.required:after {
  border-radius: 6px;
}


/* ----ゲストお気に入り画面---- */
.block-guest-favorite-synchronize {
  text-align: center;
  margin-top: 50px;
}

/* ----定期購入商品サイクル情報変更画面---- */

.block-regular-purcharse-cycle-info-update--skip-cancel-message {
  margin: 5px 0 0 5px;
}

/* ----visum---- */

.ecbn-selection-page-wrapper .ecbn-selection-header2 h2 {
  padding-bottom: 10px!important;
  font-family: 'Noto Serif JP', serif;
  font-size: 24px!important;
  line-height: 34px!important;
  letter-spacing: 5.28px!important;
  color: #2F363C!important;
  text-align: center!important;
  margin: 16px 0 23px!important;
}

.ecbn-selection-page-wrapper a.vsm-btn-more {
  width: 122px;
  font-size: 14px;
  letter-spacing: 0.84px;
  color: #71B395;
  text-align: center;
  display: block;
  border: 1px solid rgb(182,185,187.1);
  border-radius: 8px;
  padding: 7px 0;
    text-decoration: none;
    transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
    background-color: rgba(0, 0, 0, 0);
    min-height: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ecbn-selection-page-wrapper a.vsm-btn-more:hover {
  background: rgb(229,235,224);
}

.goods-footer .vsm-tile,
.goods-footer .vsm-tile-goods {
  margin-bottom: 80px;
}

/* ----イベント画面---- */

body.page-event .pane-main {
  width: 1117.34px;
}

.block-event-page--header-img {
  text-align: center;
}

.block-event-page--header-freespace {
  text-align: center;
}

body.page-event .vsm-slider {
  padding-top: 57px;
  border-top: 0.5px solid rgb(224,225,226.1);
}

body.page-event .ecbn-selection-header2 h2{
  font-family: 'Noto Serif JP', serif;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: 5.28px;
  color: #2F363C;
  text-align: center;
  padding: 19px 0 0;
  border-bottom: none;
}

body.page-event .ecbn-selection-wrapper a.vsm-btn-more{
  width: 122px;
  font-size: 14px;
  letter-spacing: 0.84px;
  color: #71B395;
  text-align: center;
  display: block;
  border: 1px solid rgb(182,185,187.1);
  border-radius: 8px;
  /* margin: 0 auto 57px; */
  padding: 7px 0;
  text-decoration: none;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
  background: #ffffff;
  line-height: 1.5;
}

.js-order-gift-select-goods-list .action-buttons{
  margin-bottom:10px
}

.block-cart--promotion-criteria-list{
    margin: 0 60px 0;
}

.block-order-gift-confirmation--sender ,.block-order-gift-confirmation--order th{
  width:120px
}

.block-order-gift-dest--method-sender-change ,.block-order-gift-dest--address-change{
    margin-top: 20px;
}

.swiper-button-prev svg,
.swiper-button-next svg {
  display: none;
}

.block-recent-item--body .swiper-button-next, .swiper-button-prev {
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
}

.topSwiper_mini.swiper-horizontal {
    .swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev {
      top: 18.6666vw;
      right: 0;
    }
}

.Swiper-items-history.swiper-horizontal {
    .swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev {
      top: 50.6666vw;
    }
}