@charset "UTF-8";
html,
body {
  min-width: 1020px; }

/*****************************
ボタン類 btn
*****************************/
.btn-primary {
  font-size: 14px;
  font-family: "ヒラギノ角ゴ ProN W6", "HiraKakuPro-W6", sans-serif;
  text-align: center;
  width: 310px;
  margin: 40px auto 0;
  background: #000;
  background: #000008;
  border: 2px solid #000008;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .btn-primary a {
    position: relative;
    display: block;
    color: #fff;
    padding: 12px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-weight: bold; }
  .btn-primary .fa-chevron-left {
    position: absolute;
    left: 10px;
    height: 12px;
    top: 0;
    bottom: 0;
    margin: auto 0; }
  .btn-primary .fa-chevron-right,
  .btn-primary .fa-chevron-down,
  .btn-primary .fa-plus,
  .btn-primary .fa-minus {
    position: absolute;
    right: 10px;
    height: 12px;
    top: 0;
    bottom: 0;
    margin: auto 0; }

.btn-primary:hover {
  background: #fff; }
  .btn-primary:hover a {
    color: #000008; }

.btn-primary--fullWidth {
  font-size: 12px;
  width: 100%;
  border-radius: 3px; }
  .btn-primary--fullWidth a {
    padding: 6px 15px 6px 0; }

.btn-primary--115w {
  display: inline-block;
  float: right;
  font-size: 13px;
  width: 115px;
  margin-top: 0;
  border-radius: 3px; }
  .btn-primary--115w a {
    padding: 6px 15px 6px 0; }

.btn-primary--255w {
  position: absolute;
  display: inline-block;
  font-size: 13px;
  width: 255px;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 3px; }
  .btn-primary--255w a {
    padding: 9px 15px 8px 0; }

.btn-primary--side {
  width: auto; }

.btn-primary--priceArea {
  display: inline-block;
  font-size: 12px;
  width: 175px;
  border-radius: 3px;
  margin-top: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .btn-primary--priceArea a {
    color: #fff;
    padding: 9px 13px 9px 0; }
  .btn-primary--priceArea .fa-chevron-down {
    position: absolute;
    right: 9px; }

.btn-primary--prev {
  font-size: 13px;
  width: 180px; }
  .btn-primary--prev .fa-chevron-left {
    position: absolute;
    left: 12px; }
  .btn-primary--prev a {
    padding: 5px 0; }

.btn-primary--next {
  font-size: 13px;
  width: 180px; }
  .btn-primary--next a {
    padding: 5px 0; }

.btn-primary--noArrow {
  font-size: 13px;
  width: 180px; }
  .btn-primary--noArrow a {
    padding: 5px 0; }

.btn-primary--submit {
  width: 100%;
  margin: 20px 0 0;
  position: relative;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.3;
  text-align: center; }
  .btn-primary--submit .fa-chevron-right {
    position: absolute;
    right: 12px;
    top: 9px;
    color: #fff;
    pointer-events: none;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  .btn-primary--submit input {
    width: 100%;
    text-align: center;
    color: #fff;
    border: none;
    background: #000;
    border-radius: 3px;
    cursor: pointer;
    background: #000008;
    border: 2px solid #000008;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }

.btn-primary--submit:hover input {
  background: #fff;
  color: #000008; }

.btn-primary--submit:hover .fa-chevron-right {
  color: #000008; }

.btn-listen {
  display: inline-block;
  font-size: 13px;
  font-family: "ヒラギノ角ゴ ProN W6", "HiraKakuPro-W6", sans-serif;
  font-weight: bold;
  color: #fff;
  width: 72px;
  height: 34px;
  background: #2c6ec1;
  border: 2px solid #2c6ec1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .btn-listen a {
    position: relative;
    display: block;
    height: 100%;
    text-align: center;
    padding: 9px 0 9px 23px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    line-height: 1; }
  .btn-listen a::before {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: absolute;
    display: block;
    content: '';
    width: 20px;
    height: 15px;
    top: 7px;
    left: 9px;
    background: url("/images/common/btn_listen_pc.png");
    background-repeat: no-repeat; }

.btn-listen:hover {
  background: #fff;
  color: #2c6ec1; }
  .btn-listen:hover a::before {
    background: url("/images/common/btn_listen_blue_pc.png");
    background-repeat: no-repeat; }

.btn-listen--sml {
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  width: 28px;
  height: 28px;
  background: #2c6ec1;
  border: 2px solid #2c6ec1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .btn-listen--sml a::before {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: absolute;
    display: block;
    content: '';
    width: 20px;
    height: 15px;
    top: 4px;
    left: 2px;
    background: url("/images/common/btn_listen_pc.png");
    background-repeat: no-repeat; }

.btn-listen--sml:hover a::before {
  top: 4px;
  left: 2px; }

.btn-toWantList {
  display: inline-block;
  position: relative;
  font-size: 13px;
  font-family: "ヒラギノ角ゴ ProN W6", "HiraKakuPro-W6", sans-serif;
  text-align: center;
  width: 185px;
  background: #2c6ec1;
  border: 2px solid #2c6ec1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  line-height: 1; }
  .btn-toWantList .btn-toWantList__link {
    position: relative;
    display: block;
    color: #fff;
    font-weight: bold;
    padding: 9px 15px 8px 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  .btn-toWantList .fa-plus {
    position: absolute;
    top: 10px;
    right: 10px; }

.btn-toWantList__link:hover {
  background: #fff;
  color: #2c6ec1; }

.btn-toWantList--priceArea {
  display: inline-block;
  float: right;
  font-size: 12px;
  width: 155px;
  border-radius: 3px; }
  .btn-toWantList--priceArea__type02 {
    margin-top: 14px; }
  .btn-toWantList--priceArea a {
    color: #fff;
    padding: 9px 16px 9px 0; }
  .btn-toWantList--priceArea .fa-chevron-right {
    position: absolute;
    top: 12px;
    right: 12px; }

.btn-toWantList--fullWidth {
  display: inline-block;
  float: right;
  font-size: 12px;
  width: 100%;
  border-radius: 3px;
  margin-top: 14px; }
  .btn-toWantList--fullWidth a {
    color: #fff;
    padding: 9px 16px 9px 0; }
  .btn-toWantList--fullWidth .fa-chevron-right {
    position: absolute;
    top: 12px;
    right: 12px; }

.btn-toWantList__popUp {
  width: 315px;
  height: 140px;
  position: absolute;
  top: -10px;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  background: url("../images/common/btn-toWantList__popUp_btnWrap.png") no-repeat center center/cover;
  visibility: hidden;
  opacity: 0;
  z-index: 1; }

.btn-toWantList__popUp-js-active {
  visibility: visible;
  opacity: 1; }

.btn-toWantList__popUp__relativeLayer {
  height: 100%;
  padding: 20px 20px 30px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.btn-toWantList__popUp__btnClose {
  width: 20px;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .btn-toWantList__popUp__btnClose:hover {
    opacity: 0.7; }
  .btn-toWantList__popUp__btnClose img {
    width: 100%; }

.btn-toWantList__popUp__text {
  color: #fff;
  font-size: 12px;
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-toWantList__popUp__btnWrap {
  width: 100%;
  margin-top: 15px;
  background: #fff; }
  .btn-toWantList__popUp__btnWrap a {
    color: #000;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .btn-toWantList__popUp__btnWrap a:hover {
      opacity: 0.7; }
  .btn-toWantList__popUp__btnWrap .fa-chevron-right {
    color: #000; }

.btn-toWantList:hover .btn-toWantList__popUp__btnWrap a {
  color: #000; }

.btn-toCart {
  display: inline-block;
  position: relative;
  float: right;
  font-size: 13px;
  font-family: "ヒラギノ角ゴ ProN W6", "HiraKakuPro-W6", sans-serif;
  text-align: center;
  width: 227px;
  color: #fff;
  background: #f10002;
  border: 2px solid #f10002;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  line-height: 1; }
  .btn-toCart .btn-toCart__link,
  .btn-toCart .btn-toCart__link__nojs {
    position: relative;
    display: block;
    color: #fff;
    font-weight: bold;
    padding: 9px 0 8px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  .btn-toCart .fa-chevron-right {
    position: absolute;
    right: 11px; }
  .btn-toCart--type02 {
    font-size: 11px; }
    .btn-toCart--type02 a {
      padding: 9px 10px 9px 0 !important; }
  .btn-toCart.btn-toCart--noStock {
    background-color: #aaa;
    border-color: #aaa;
    color: #fff;
    cursor: default;
    height: 34px;
    vertical-align: middle;
    padding: 9px 0 8px; }

.btn-toCart__link:hover,
.btn-toCart__link__nojs:hover {
  background: #fff;
  color: #f10002; }

.btn-toCart--blue {
  background: #2c6ec1;
  border-color: #2c6ec1; }
  .btn-toCart--blue .btn-toCart__link:hover,
  .btn-toCart--blue .btn-toCart__link__nojs:hover {
    color: #2c6ec1; }

.btn-toCart--fullWidth {
  font-size: 14px;
  width: 100%; }
  .btn-toCart--fullWidthSingle {
    float: none; }
  .btn-toCart--fullWidth a {
    padding: 11px 0; }

.btn-toCart--usedFullWidth {
  font-size: 11px;
  width: 100%;
  margin-top: 14px; }
  .btn-toCart--usedFullWidth a {
    padding: 9px 10px 9px 0 !important; }
  .btn-toCart--usedFullWidth .fa-chevron-right {
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

.btn-white {
  display: inline-block;
  position: relative;
  float: right;
  font-size: 13px;
  font-family: "ヒラギノ角ゴ ProN W6", "HiraKakuPro-W6", sans-serif;
  text-align: center;
  width: 227px;
  margin-top: 10px;
  color: #fff;
  background: #fff;
  border: 2px solid #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  line-height: 1; }
  .btn-white a {
    position: relative;
    display: block;
    color: #000;
    font-weight: bold;
    padding: 9px 0 8px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  .btn-white .btn-white--thin {
    position: relative;
    display: block;
    font-weight: bold;
    padding: 9px 0 8px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  .btn-white .fa-chevron-right {
    position: absolute;
    right: 11px; }
  .btn-white--type02 {
    font-size: 11px; }
    .btn-white--type02 a {
      padding: 9px 10px 9px 0 !important; }

.btn-white a:hover {
  background: #000;
  color: #fff; }

.btn-white--fullWidth {
  font-size: 14px;
  width: 100%; }
  .btn-white--fullWidthSingle {
    float: none; }
  .btn-white--fullWidth a {
    padding: 11px 0; }

.btn-white--usedFullWidth {
  font-size: 11px;
  width: 100%;
  margin-top: 10px; }
  .btn-white--usedFullWidth a {
    padding: 9px 10px 9px 0 !important; }
  .btn-white--usedFullWidth .fa-chevron-right {
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

.-news2clm {
  width: 100%;
  font-size: 11px; }
  .-news2clm a {
    padding: 9px 10px; }

.-news4clm {
  width: 100%;
  font-size: 12px; }
  .-news4clm a {
    padding: 9px 0 8px; }

.btn-blue {
  display: inline-block;
  position: relative;
  font-size: 13px;
  font-family: "ヒラギノ角ゴ ProN W6", "HiraKakuPro-W6", sans-serif;
  text-align: center;
  width: 185px;
  background: #2c6ec1;
  border: 2px solid #2c6ec1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  line-height: 1; }
  .btn-blue .btn-blue__link {
    position: relative;
    display: block;
    color: #fff;
    font-weight: bold;
    padding: 9px 15px 8px 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .btn-blue .btn-blue__link .fa-plus,
    .btn-blue .btn-blue__link .fa-chevron-right {
      position: absolute;
      top: 10px;
      right: 10px; }

.btn-yellow {
  line-height: 1;
  display: inline-block;
  position: relative;
  float: right;
  font-size: 13px;
  font-family: "ヒラギノ角ゴ ProN W6", "HiraKakuPro-W6", sans-serif;
  text-align: center;
  width: 227px;
  background: #FFC015;
  color: #222;
  background: #ffc015;
  border: 2px solid #ffc015;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .btn-yellow.btn-yellow--fullWidth {
    font-size: 14px;
    width: 100%;
    float: none; }
  .btn-yellow.btn--unClick {
    opacity: .7; }
  .btn-yellow .btn-yellow__link {
    position: relative;
    display: block;
    color: #222;
    font-weight: bold;
    padding: 9px 0 8px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  .btn-yellow .fa-chevron-right {
    position: absolute;
    right: 14px; }

.btn-toCart__popUp {
  width: 250px;
  height: 117px;
  position: absolute;
  top: -10px;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  background: url("../images/common/btn-toCart_popUp_btnWrap.png") no-repeat center bottom/cover;
  display: none;
  z-index: 1; }

.btn-toCart__popUp-js-active {
  display: block; }

.btn-toCart__popUp__relativeLayer {
  height: 100%;
  padding: 20px 20px 30px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.btn-toCart__popUp__btnClose {
  width: 25px;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .btn-toCart__popUp__btnClose:hover {
    opacity: 0.7; }
  .btn-toCart__popUp__btnClose img {
    width: 100%; }

.btn-toCart__popUp__text {
  color: #fff;
  font-size: 12px;
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-toCart__popUp__btnWrap {
  width: 100%;
  margin-top: 15px;
  background: #fff; }
  .btn-toCart__popUp__btnWrap a {
    color: #000;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .btn-toCart__popUp__btnWrap a:hover {
      opacity: 0.7; }
  .btn-toCart__popUp__btnWrap .fa-chevron-right {
    color: #000; }

.btn-toCart:hover .btn-toCart__popUp__btnWrap a {
  color: #000; }

.btn-toStoreProcure {
  position: relative; }

.btn-toStoreProcure__popUp {
  width: 250px;
  height: 117px;
  position: absolute;
  top: -10px;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  background: url("../images/common/btn-toCart_popUp_btnWrap.png") no-repeat center bottom/cover;
  display: none;
  z-index: 1; }

.btn-toStoreProcure__popUp-js-active {
  display: block; }

.btn-toStoreProcure__popUp__relativeLayer {
  height: 100%;
  padding: 20px 20px 30px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.btn-toStoreProcure__popUp__btnClose {
  width: 20px;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .btn-toStoreProcure__popUp__btnClose:hover {
    opacity: 0.7; }
  .btn-toStoreProcure__popUp__btnClose img {
    width: 100%; }

.btn-toStoreProcure__popUp__text {
  color: #fff;
  font-size: 12px;
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-toStoreProcure__popUp__btnWrap {
  width: 100%;
  margin-top: 15px;
  background: #fff; }
  .btn-toStoreProcure__popUp__btnWrap a {
    color: #000;
    padding: 12px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .btn-toStoreProcure__popUp__btnWrap a:hover {
      opacity: 0.7;
      color: #000;
      background: #FFF; }
  .btn-toStoreProcure__popUp__btnWrap .fa-chevron-right {
    color: #000; }

.btn-toFavorite {
  display: inline-block;
  font-size: 13px;
  font-family: "ヒラギノ角ゴ ProN W6", "HiraKakuPro-W6", sans-serif;
  font-weight: bold;
  text-align: center;
  width: 145px;
  background: #2c6ec1;
  border: 2px solid #2c6ec1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .btn-toFavorite a {
    position: relative;
    display: block;
    color: #fff;
    padding: 6px 17px 6px 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  .btn-toFavorite .fa-plus {
    position: absolute;
    right: 10px; }

.btn-toFavorite:hover {
  background: #fff; }
  .btn-toFavorite:hover a {
    color: #2c6ec1; }

.btn-toFavorite--fullWidth {
  font-size: 12px;
  width: 100%;
  border-radius: 3px; }
  .btn-toFavorite--fullWidth a {
    padding: 6px 15px 6px 0; }

.btn-toFavorite--255w {
  position: relative;
  font-size: 13px;
  width: 255px;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 3px; }
  .btn-toFavorite--255w a {
    padding: 9px 15px 8px 0; }

.btn2clmList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .btn2clmList .btn-iTunes + .btn-white--fullWidth {
    width: calc((100% - 10px) / 2);
    margin-left: auto; }
  .btn2clmList .btn-iTunes {
    margin-top: 10px; }

.btn-iTunes {
  width: calc((100% - 10px) / 2);
  display: inline-block;
  position: relative;
  float: right;
  font-size: 13px;
  font-family: "ヒラギノ角ゴ ProN W6", "HiraKakuPro-W6", sans-serif;
  text-align: center;
  background: #f25b4a;
  background: -moz-linear-gradient(-45deg, #f25b4a 0%, #bb7aba 51%, #16c7f3 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #f25b4a), color-stop(51%, #bb7aba), color-stop(100%, #16c7f3));
  background: -webkit-linear-gradient(-45deg, #f25b4a 0%, #bb7aba 51%, #16c7f3 100%);
  background: -o-linear-gradient(-45deg, #f25b4a 0%, #bb7aba 51%, #16c7f3 100%);
  background: -ms-linear-gradient(-45deg, #f25b4a 0%, #bb7aba 51%, #16c7f3 100%);
  background: -webkit-linear-gradient(315deg, #f25b4a 0%, #bb7aba 51%, #16c7f3 100%);
  background: -o-linear-gradient(315deg, #f25b4a 0%, #bb7aba 51%, #16c7f3 100%);
  background: linear-gradient(135deg, #f25b4a 0%, #bb7aba 51%, #16c7f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f25b4a', endColorstr='#16c7f3', GradientType=1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3px;
  border-radius: 3px; }
  .btn-iTunes.btn-iTunes--type02 {
    margin: 0;
    margin-top: 10px;
    margin-left: 24px;
    width: 227px; }
  .btn-iTunes .btn-iTunes__link {
    height: 100%;
    padding: 11px 0 10px;
    display: block;
    position: relative;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #202020;
    line-height: 1; }
    .btn-iTunes .btn-iTunes__link:hover {
      opacity: 0.7; }
    .btn-iTunes .btn-iTunes__link--type02, .btn-iTunes .btn-iTunes__link--type03 {
      padding: 8px 0 7px; }
  .btn-iTunes .fa-chevron-right {
    position: absolute;
    right: 11px; }

.btn-iTunes + div {
  width: calc((100% - 10px) / 2); }

.btn-listOrder {
  position: relative;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  width: 100%;
  height: 26px;
  background: #2c6ec1;
  border: 2px solid #2c6ec1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .btn-listOrder a::before {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: absolute;
    display: block;
    content: '';
    width: 9px;
    height: 7px;
    top: 7px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: url("/images/common/icon_white_arrow_up_pc.png");
    background-repeat: no-repeat;
    background-size: 9px 7px; }

.btn-listOrder:hover {
  background: #fff; }
  .btn-listOrder:hover a::before {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: absolute;
    display: block;
    content: '';
    width: 9px;
    height: 7px;
    top: 7px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: url("/images/common/icon_blue_arrow_up_pc.png");
    background-repeat: no-repeat;
    background-size: 9px 7px; }

.btn-delete {
  position: relative;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  width: 100%;
  height: 34px;
  background: #000008;
  border: 2px solid #000008;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .btn-delete a {
    display: block;
    padding: 9px 0; }

.btn-delete:hover {
  color: #202020;
  background: #fff; }

.btn-change {
  position: relative;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  width: 100%;
  height: 34px;
  background: #2c6ec1;
  border: 2px solid #2c6ec1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .btn-change a {
    display: block;
    padding: 9px 0; }

.btn-change:hover {
  color: #2c6ec1;
  background: #fff; }

/* sns系 */
.btn-sns {
  position: relative;
  display: inline-block;
  font-size: 18px;
  text-align: center;
  width: 36px;
  height: 36px;
  background: #202020;
  border-radius: 3px;
  color: #fff; }
  .btn-sns a {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  .btn-sns a:hover {
    opacity: 0.7; }
  .btn-sns .fa-twitter,
  .btn-sns .fa-facebook,
  .btn-sns .txt-line,
  .btn-sns .ico-mail {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto; }
  .btn-sns .fa-twitter {
    font-size: 20px; }

.btn-sns--line {
  font-family: "Lato", sans-serif;
  font-size: 14px; }

/******************
btn for cart page
******************/
.btn-black, .btn-black--fullWidth {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-family: "ヒラギノ角ゴ ProN W6", "HiraKakuPro-W6", sans-serif;
  text-align: center;
  width: 320px;
  background: #000;
  background: #000008;
  border: 2px solid #000008;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-weight: bold;
  line-height: 1; }
  .btn-black a, .btn-black--fullWidth a {
    position: relative;
    display: block;
    color: #fff;
    padding: 15px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  .btn-black input, .btn-black--fullWidth input {
    position: relative;
    display: block;
    color: #fff;
    padding: 15px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: transparent;
    width: 100%;
    height: auto;
    border: none;
    line-height: 100%; }
  .btn-black .fa-chevron-left, .btn-black--fullWidth .fa-chevron-left {
    position: absolute;
    left: 10px;
    height: 12px;
    top: -2px;
    bottom: 0;
    margin: auto 0; }
  .btn-black .fa-chevron-right, .btn-black--fullWidth .fa-chevron-right {
    color: #fff; }
  .btn-black--singleLarge {
    width: 500px; }
  .btn-black.btn-black--alingCenter, .btn-black--alingCenter.btn-black--fullWidth {
    margin: 0 auto;
    display: block; }

.btn-black:hover, .btn-black--fullWidth:hover {
  background: #fff; }
  .btn-black:hover a, .btn-black--fullWidth:hover a {
    color: #000008; }
  .btn-black:hover input, .btn-black--fullWidth:hover input {
    color: #000008; }
  .btn-black:hover .fa-chevron-right, .btn-black--fullWidth:hover .fa-chevron-right {
    color: #202020; }

.btn-black--fullWidth {
  width: 100%; }

.btn-red {
  display: inline-block;
  font-size: 16px;
  font-family: "ヒラギノ角ゴ ProN W6", "HiraKakuPro-W6", sans-serif;
  text-align: center;
  width: 320px;
  background: #f10002;
  border: 2px solid #f10002;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .btn-red a {
    position: relative;
    display: block;
    color: #fff;
    padding: 15px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-weight: bold; }
  .btn-red .fa-chevron-right {
    position: absolute;
    right: 11px; }

.btn-red:hover {
  background: #fff; }
  .btn-red:hover a {
    color: #f10002; }

.btn-submitWrapper {
  position: relative;
  display: inline-block;
  vertical-align: top; }
  .btn-submitWrapper .fa-chevron-right {
    position: absolute;
    color: #fff;
    top: 17px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    pointer-events: none;
    right: 10px; }

.btn-submitWrapper:hover .fa-chevron-right {
  color: #f10002; }

.btn-submitWrapper--black:hover .fa-chevron-right {
  color: #202020; }

.btn-submit {
  display: inline-block;
  font-size: 16px;
  font-family: "ヒラギノ角ゴ ProN W6", "HiraKakuPro-W6", sans-serif;
  color: #fff;
  text-align: center;
  width: 320px;
  height: 50px;
  background: #f10002;
  border: 2px solid #f10002;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  font-weight: bold; }
  .btn-submit__disabled.btn-submit {
    background-color: #aaa;
    border-color: #aaa;
    color: #d0d0d0;
    cursor: default; }
    .btn-submit__disabled.btn-submit + .fa {
      color: #d0d0d0; }
    .btn-submit__disabled.btn-submit:hover {
      background: #aaa;
      border-color: #aaa;
      color: #d0d0d0; }
      .btn-submit__disabled.btn-submit:hover + .fa {
        color: #d0d0d0; }

.btn-submit:hover {
  color: #f10002;
  background: #fff; }

.btn-submitBlack {
  display: inline-block;
  font-size: 16px;
  font-family: "ヒラギノ角ゴ ProN W6", "HiraKakuPro-W6", sans-serif;
  color: #fff;
  text-align: center;
  width: 320px;
  height: 50px;
  background: #000008;
  border: 2px solid #000008;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer; }
  .btn-submitBlack__disabled.btn-submit {
    background-color: #aaa;
    border-color: #aaa;
    color: #d0d0d0;
    cursor: default; }
    .btn-submitBlack__disabled.btn-submit + .fa {
      color: #d0d0d0; }
    .btn-submitBlack__disabled.btn-submit:hover {
      background: #aaa;
      border-color: #aaa;
      color: #d0d0d0; }
      .btn-submitBlack__disabled.btn-submit:hover + .fa {
        color: #d0d0d0; }

.btn-submitBlack:hover {
  color: #202020;
  background: #fff; }

.btn--fullWidth {
  font-size: 11px;
  width: 100%;
  margin-top: 14px; }
  .btn--fullWidth.btn--fullWidth--thin a {
    padding: 9px 10px 9px 0 !important; }
  .btn--fullWidth .fa-chevron-right {
    top: 50%;
    right: 10px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }

.btn-submit__disabled {
  background-color: #aaa;
  border-color: #aaa;
  color: #d0d0d0;
  cursor: default; }
  .btn-submit__disabled + .fa {
    color: #d0d0d0; }
  .btn-submit__disabled:hover {
    background: #aaa;
    border-color: #aaa;
    color: #d0d0d0; }
    .btn-submit__disabled:hover + .fa {
      color: #d0d0d0; }

.btn-submit__disabled a {
  pointer-events: none;
  cursor: default; }

/*****************************
cartの部分のcss
*****************************/
.cart {
  position: absolute;
  left: 0;
  top: -3px; }

.listNum {
  width: 18px;
  height: 24px;
  padding-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  left: 5px;
  top: -17px;
  background: url("/images/header/icon_cart_item_pc.png") no-repeat center center/cover;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  text-align: center; }
  .listNum p {
    font-size: 10px;
    letter-spacing: -0.1em; }

/* 買い物かごアイテム数 */
/*****************************
searchの部分のcss
*****************************/
.searchForm {
  display: inline-block;
  vertical-align: top; }
  .searchForm .searchForm__Ul {
    font-size: 0; }
  .searchForm .searchForm__Li {
    position: relative;
    display: inline-block; }
  .searchForm .searchForm__selectBox {
    position: relative;
    width: 164px;
    margin-right: 10px;
    font-size: 12px; }
  .searchForm .searchForm__arrowDown {
    position: absolute;
    right: 22px;
    top: 12px;
    pointer-events: none; }
  .searchForm .searchForm__searchBox {
    width: 428px;
    font-size: 12px; }
  .searchForm .searchForm__searchBtn {
    border: none;
    padding: 0;
    margin-left: -1px;
    cursor: pointer;
    width: auto; }

/*****************************
headers
*****************************/
header {
  position: relative; }

/* ヘッダー:一番上の黒 */
.headTop {
  position: relative;
  width: 100%;
  height: 30px;
  background: #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .headTop .headTop__greeting {
    float: left;
    font-size: 12px;
    color: #fff; }
  .headTop .headTop__userName {
    display: inline-block;
    padding: 9px 0; }
  .headTop .headTop__ul {
    float: right;
    font-size: 0;
    padding: 9px 0; }
  .headTop .headTop__li {
    display: inline-block;
    font-size: 12px;
    color: #fff; }
    .headTop .headTop__li a:hover {
      text-decoration: underline; }
    .headTop .headTop__li .fa-caret-down {
      margin-left: 5px; }
  .headTop .headTop__liSlash {
    margin: 0 6px; }

.headTop-storeBlog .headTop__greeting {
  width: 120px;
  padding-top: 5px; }

/* header thin */
.headerThin {
  width: 100%;
  height: 53px;
  padding: 20px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .headerThin .headerThin__logo {
    float: left;
    margin-top: -4px; }
    .headerThin .headerThin__logo a {
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .headerThin .headerThin__logo a:hover {
      opacity: 0.7; }
  .headerThin .headerThin__nav {
    float: right; }
  .headerThin .headerThin__ul {
    font-size: 0; }
  .headerThin .headerThin__li {
    position: relative;
    display: inline-block;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-weight: medium;
    font-size: 12px;
    margin: 0 25px;
    padding-bottom: 20px; }
    .headerThin .headerThin__li a:hover {
      text-decoration: underline; }
  .headerThin li:last-of-type {
    width: 100px;
    margin-right: 0;
    text-align: right; }
  .headerThin .headerThin__li::before {
    position: absolute;
    display: block;
    content: '';
    width: 1px;
    height: 14px;
    margin-top: -1px;
    margin-left: -25px;
    background: #606060; }
  .headerThin .fa-caret-down {
    margin-left: 10px;
    color: #a8acb3; }

/* header basic */
.headerBasic {
  width: 100%;
  height: 156px;
  padding: 14px 0 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .headerBasic .headerBasic__upper {
    position: relative;
    width: 100%;
    min-height: 90px;
    height: auto; }
  .headerBasic .headerBasic__logo {
    width: 80px;
    display: inline-block;
    float: left;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .headerBasic .headerBasic__logo:hover {
      opacity: 0.7; }
    .headerBasic .headerBasic__logo img {
      width: 100%; }
  .headerBasic .headerBasic__infoTable {
    position: absolute;
    height: 80px;
    margin-left: 115px; }
  .headerBasic .headerBasic__infoTitle {
    font-size: 13px;
    font-weight: bold;
    vertical-align: middle; }
  .headerBasic .headerBasic__infoData {
    font-size: 13px;
    padding-left: 20px;
    color: #2c6ec1;
    vertical-align: middle; }
  .headerBasic .headerBasic__upperRight {
    float: right;
    width: 906px; }
  .headerBasic .headerBasic__cartArea {
    display: inline-block;
    margin-left: 30px;
    padding-top: 8px; }
    .headerBasic .headerBasic__cartArea li:last-of-type {
      width: 100px;
      margin-right: 0;
      text-align: right; }
    .headerBasic .headerBasic__cartArea li:last-of-type::before {
      position: absolute;
      display: block;
      content: '';
      width: 1px;
      height: 14px;
      margin-top: -1px;
      margin-left: -17px;
      background: #606060; }
  .headerBasic .headerBasic__cartAreaLi {
    position: relative;
    display: inline-block;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: 12px;
    margin: 0 14px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  .headerBasic .headerBasic__cartAreaLi:hover {
    text-decoration: underline; }
  .headerBasic .headerBasic__cartAreaLiLink::before {
    position: absolute;
    display: block;
    content: '';
    width: 18px;
    height: 18px;
    margin-top: -3px;
    margin-left: -20px;
    background: url(/images/header/icon_search_maniac_pc.png); }
  .headerBasic .headerBasic__keywordsLi {
    margin-top: 13px; }
  .headerBasic .headerBasic__keywordsTerm {
    display: inline-block;
    float: left;
    font-family: "ヒラギノ角ゴ ProN W6", "HiraKakuPro-W6", sans-serif;
    font-size: 12px;
    text-align: center;
    width: 164px;
    height: 40px;
    padding: 14px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .headerBasic .headerBasic__keywordsData {
    display: inline-block;
    float: right;
    width: 733px; }
  .headerBasic .headerBasic__keywordsLiWrap {
    font-size: 0; }
  .headerBasic .headerBasic__keywordsLiItem {
    display: inline-block;
    font-size: 11px;
    line-height: 1.8;
    color: #404040; }
    .headerBasic .headerBasic__keywordsLiItem a {
      display: inline-block; }
    .headerBasic .headerBasic__keywordsLiItem a:hover {
      text-decoration: underline; }
  .headerBasic .headerBasic__keywordsLiItem::after {
    position: relative;
    content: '/';
    margin: 0 5px; }
  .headerBasic .headerBasic__nav {
    margin-top: 22px; }
  .headerBasic .headerBasic__navUl {
    font-size: 0; }
  .headerBasic .headerBasic__navLi {
    position: relative;
    display: inline-block;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 0.01em;
    padding-bottom: 17px; }
    .headerBasic .headerBasic__navLi a {
      padding: 0 48px;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .headerBasic .headerBasic__navLi a:hover {
      text-decoration: underline; }
    body[data-id-global="home"] .headerBasic .headerBasic__navLi[data-id-global="home"] {
      color: #f10002; }
      body[data-id-global="home"] .headerBasic .headerBasic__navLi[data-id-global="home"] .fa-caret-down {
        color: #f10002; }
    body[data-id-global="onlineShop"] .headerBasic .headerBasic__navLi[data-id-global="onlineShop"] {
      color: #f10002; }
      body[data-id-global="onlineShop"] .headerBasic .headerBasic__navLi[data-id-global="onlineShop"] .fa-caret-down {
        color: #f10002; }
    body[data-id-global="used"] .headerBasic .headerBasic__navLi[data-id-global="used"] {
      color: #f10002; }
      body[data-id-global="used"] .headerBasic .headerBasic__navLi[data-id-global="used"] .fa-caret-down {
        color: #f10002; }
    body[data-id-global="sell"] .headerBasic .headerBasic__navLi[data-id-global="sell"] {
      color: #f10002; }
      body[data-id-global="sell"] .headerBasic .headerBasic__navLi[data-id-global="sell"] .fa-caret-down {
        color: #f10002; }
    body[data-id-global="shop"] .headerBasic .headerBasic__navLi[data-id-global="shop"] {
      color: #f10002; }
      body[data-id-global="shop"] .headerBasic .headerBasic__navLi[data-id-global="shop"] .fa-caret-down {
        color: #f10002; }
    body[data-id-global="recruit"] .headerBasic .headerBasic__navLi[data-id-global="recruit"] {
      color: #f10002; }
      body[data-id-global="recruit"] .headerBasic .headerBasic__navLi[data-id-global="recruit"] .fa-caret-down {
        color: #f10002; }
  .headerBasic .headerBasic__navLi--active {
    color: #f10002; }
    .headerBasic .headerBasic__navLi--active .fa-caret-down {
      color: #f10002; }
  .headerBasic .headerBasic__navLi::before {
    position: absolute;
    display: block;
    content: '';
    width: 1px;
    height: 14px;
    margin-top: -1px;
    background: #606060; }
  .headerBasic .headerBasic__nav li:last-of-type::after {
    position: absolute;
    display: block;
    content: '';
    width: 1px;
    height: 14px;
    top: 0;
    right: 0;
    margin-top: -1px;
    background: #606060; }
  .headerBasic .fa-caret-down {
    margin-left: 11px;
    color: #a8acb3; }

/* header basic used */
.headerBasic-used .searchForm__Ul .searchForm__selectBox {
  width: 190px; }

.headerBasic-used .searchForm__Ul .searchForm__searchBox {
  width: 400px; }

.headerStoreBlog {
  height: auto; }
  .headerStoreBlog .headerBasic__navLi a {
    padding: 0 35px;
    display: block; }
  .headerStoreBlog .headerBasic__upper {
    min-height: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .headerStoreBlog .headerBasic__upperLeft__text {
    margin-top: 7px; }
  .headerStoreBlog .headerBasic__upperLeft__text__innerText {
    display: inline-block;
    font-size: 17px; }
  .headerStoreBlog .headerBasic__upperLeft__text__innerLink {
    margin-left: 10px;
    display: inline-block; }
  .headerStoreBlog .headerBasic__logo {
    width: 205px;
    float: none; }
  .headerStoreBlog .headerBasic__upperRight {
    width: auto;
    float: none; }
  .headerStoreBlog .headerBasic__nav {
    margin-top: 15px; }

.headerBasic__cartAreaLi__popUp {
  width: 250px;
  padding: 30px 20px 20px;
  position: absolute;
  bottom: -8px;
  right: 0;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  background: url("/images/header/headerBasic_cartAreaLi_popUp_bg.png") no-repeat center center/cover;
  color: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  z-index: 2; }

.headerBasic__cartAreaLi-popUpTrigger:hover .headerBasic__cartAreaLi__popUp {
  opacity: 1;
  visibility: visible; }

.headerBasic__cartAreaLi__popUp__title {
  font-size: 14px;
  line-height: 1;
  text-align: left; }

.headerBasic__cartAreaLi__popUp__table {
  width: 100%;
  margin-top: 15px; }

.headerBasic__cartAreaLi__popUp__th {
  padding: 12px 0;
  border-bottom: 1px solid #505050;
  font-size: 13px;
  line-height: 1;
  text-align: left; }

.headerBasic__cartAreaLi__popUp__td {
  padding: 12px 0 12px 70px;
  border-bottom: 1px solid #505050;
  font-size: 13px;
  line-height: 1;
  text-align: right; }

.headerBasic__cartAreaLi__popUp__text {
  margin-top: 15px;
  font-size: 12px;
  line-height: 1.7;
  text-align: center; }

.headerBasic--mypage {
  min-height: 120px;
  height: auto;
  border-bottom: 1px solid #eff4f5; }
  .headerBasic--mypage .headerBasic__cartSection {
    float: right;
    width: 375px;
    margin-top: -5px; }
  .headerBasic--mypage .cartSection__left {
    display: inline-block;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-top: 22px;
    vertical-align: top; }
  .headerBasic--mypage .cartSection__right {
    display: inline-block;
    float: right; }
    .headerBasic--mypage .cartSection__right div.cartSection__rightRow:last-of-type {
      margin-top: 5px; }
  .headerBasic--mypage .cartSection__rightRow {
    width: 208px;
    border-bottom: 1px solid #eff4f5; }
  .headerBasic--mypage .cartSection__rightTxt,
  .headerBasic--mypage .cartSection__nums {
    display: inline-block;
    font-size: 13px;
    line-height: 1.4;
    padding: 5px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .headerBasic--mypage .cartSection__nums {
    float: right; }
  .headerBasic--mypage .cartSection__note {
    font-size: 12px;
    text-align: right;
    line-height: 1.4;
    margin-top: 10px; }
  .headerBasic--mypage .duStatus__right {
    display: inline-block;
    float: right; }
    .headerBasic--mypage .duStatus__right div.duStatus__rightRow:last-of-type {
      margin-top: 10px; }
  .headerBasic--mypage .duStatus__rightRow {
    width: 208px; }
  .headerBasic--mypage .duStatus__rightTxt,
  .headerBasic--mypage .duStatus__nums {
    display: inline-block;
    font-size: 13px;
    line-height: 1.4;
    padding: 5px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .headerBasic--mypage .duStatus__nums {
    float: right; }

/* header(nav) bookunion */
.nav__bookunion {
  width: 100%;
  height: 66px;
  padding: 30px 0 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #eff4f5;
  border-bottom: 1px solid #eff4f5; }
  .nav__bookunion .nav__bookunionLogo {
    display: inline-block;
    float: left;
    margin-top: -7px; }
    .nav__bookunion .nav__bookunionLogo a {
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .nav__bookunion .nav__bookunionLogo a:hover {
      opacity: 0.7; }
  .nav__bookunion .nav__bookunionUl {
    display: inline-block;
    float: right;
    font-size: 0; }
  .nav__bookunion .nav__bookunionUl li:last-of-type::after {
    position: absolute;
    display: block;
    content: '';
    width: 1px;
    height: 14px;
    top: 0;
    right: 0;
    margin-top: -1px;
    margin-right: -30px;
    background: #606060; }
  .nav__bookunion .nav__bookunionLi {
    position: relative;
    display: inline-block;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: 13px;
    margin: 0 30px; }
    .nav__bookunion .nav__bookunionLi a {
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .nav__bookunion .nav__bookunionLi a:hover {
      opacity: 0.7; }
    body[data-id-local="local01"] .nav__bookunion .nav__bookunionLi[data-id-local="local01"] {
      color: #f10002; }
      body[data-id-local="local01"] .nav__bookunion .nav__bookunionLi[data-id-local="local01"] .fa {
        color: #f10002; }
    body[data-id-local="local02"] .nav__bookunion .nav__bookunionLi[data-id-local="local02"] {
      color: #f10002; }
      body[data-id-local="local02"] .nav__bookunion .nav__bookunionLi[data-id-local="local02"] .fa {
        color: #f10002; }
    body[data-id-local="local03"] .nav__bookunion .nav__bookunionLi[data-id-local="local03"] {
      color: #f10002; }
      body[data-id-local="local03"] .nav__bookunion .nav__bookunionLi[data-id-local="local03"] .fa {
        color: #f10002; }
    body[data-id-local="local04"] .nav__bookunion .nav__bookunionLi[data-id-local="local04"] {
      color: #f10002; }
      body[data-id-local="local04"] .nav__bookunion .nav__bookunionLi[data-id-local="local04"] .fa {
        color: #f10002; }
    body[data-id-local="local05"] .nav__bookunion .nav__bookunionLi[data-id-local="local05"] {
      color: #f10002; }
      body[data-id-local="local05"] .nav__bookunion .nav__bookunionLi[data-id-local="local05"] .fa {
        color: #f10002; }
    body[data-id-local="local06"] .nav__bookunion .nav__bookunionLi[data-id-local="local06"] {
      color: #f10002; }
      body[data-id-local="local06"] .nav__bookunion .nav__bookunionLi[data-id-local="local06"] .fa {
        color: #f10002; }
    body[data-id-local="local07"] .nav__bookunion .nav__bookunionLi[data-id-local="local07"] {
      color: #f10002; }
      body[data-id-local="local07"] .nav__bookunion .nav__bookunionLi[data-id-local="local07"] .fa {
        color: #f10002; }
    body[data-id-local="local08"] .nav__bookunion .nav__bookunionLi[data-id-local="local08"] {
      color: #f10002; }
      body[data-id-local="local08"] .nav__bookunion .nav__bookunionLi[data-id-local="local08"] .fa {
        color: #f10002; }
    body[data-id-local="local09"] .nav__bookunion .nav__bookunionLi[data-id-local="local09"] {
      color: #f10002; }
      body[data-id-local="local09"] .nav__bookunion .nav__bookunionLi[data-id-local="local09"] .fa {
        color: #f10002; }
    body[data-id-local="local10"] .nav__bookunion .nav__bookunionLi[data-id-local="local10"] {
      color: #f10002; }
      body[data-id-local="local10"] .nav__bookunion .nav__bookunionLi[data-id-local="local10"] .fa {
        color: #f10002; }
  .nav__bookunion .nav__bookunionLi::before {
    position: absolute;
    display: block;
    content: '';
    width: 1px;
    height: 14px;
    margin-top: -1px;
    margin-left: -30px;
    background: #606060; }
  .nav__bookunion .fa-caret-down {
    margin-left: 11px;
    color: #a8acb3; }

/* header(nav) genre */
.nav__genre {
  width: 100%; }
  .nav__genre .nav__genreTopRow {
    height: 40px;
    background: #000; }
  .nav__genre .nav__genreTitle {
    font-family: "Noto Sans JP", sans-serif;
    letter-spacing: 0.16em;
    line-height: 0.9;
    color: #fff;
    padding: 12px 0; }
    .nav__genre .nav__genreTitle a {
      pointer-events: none; }
  .nav__genre .nav__genreBottomRow {
    height: 40px;
    padding: 14px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f5f9fa; }
  .nav__genre .nav__genreUl {
    font-size: 0; }
    .nav__genre .nav__genreUl .icon_blank {
      margin-left: 10px;
      vertical-align: middle; }
  .nav__genre .nav__genreLi {
    position: relative;
    display: inline-block;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: 13px;
    padding-bottom: 15px; }
    .nav__genre .nav__genreLi a {
      padding: 0 48px; }
    .nav__genre .nav__genreLi a:hover {
      text-decoration: underline; }
    body[data-id-local="local01"] .nav__genre .nav__genreLi[data-id-local="local01"] {
      color: #f10002; }
    body[data-id-local="local02"] .nav__genre .nav__genreLi[data-id-local="local02"] {
      color: #f10002; }
    body[data-id-local="local03"] .nav__genre .nav__genreLi[data-id-local="local03"] {
      color: #f10002; }
    body[data-id-local="local04"] .nav__genre .nav__genreLi[data-id-local="local04"] {
      color: #f10002; }
    body[data-id-local="local05"] .nav__genre .nav__genreLi[data-id-local="local05"] {
      color: #f10002; }
    body[data-id-local="local06"] .nav__genre .nav__genreLi[data-id-local="local06"] {
      color: #f10002; }
    body[data-id-local="local07"] .nav__genre .nav__genreLi[data-id-local="local07"] {
      color: #f10002; }
    body[data-id-local="local08"] .nav__genre .nav__genreLi[data-id-local="local08"] {
      color: #f10002; }
    body[data-id-local="local09"] .nav__genre .nav__genreLi[data-id-local="local09"] {
      color: #f10002; }
    body[data-id-local="local10"] .nav__genre .nav__genreLi[data-id-local="local10"] {
      color: #f10002; }
  .nav__genre .nav__genreLi-current {
    color: #f10002; }
  .nav__genre .nav__genreLi-4clm {
    width: calc(100% / 4);
    text-align: center; }
    .nav__genre .nav__genreLi-4clm a {
      padding: 0; }
  .nav__genre .nav__genreLi-5clm {
    width: calc(100% / 5);
    text-align: center; }
    .nav__genre .nav__genreLi-5clm a {
      padding: 0; }
  .nav__genre .nav__genreLi-6clm {
    width: calc((100% - 1px) / 6);
    text-align: center; }
    .nav__genre .nav__genreLi-6clm a {
      padding: 0; }
  .nav__genre .nav__genreLi-7clm {
    width: calc((100% - 1px) / 7);
    text-align: center; }
    .nav__genre .nav__genreLi-7clm a {
      padding: 0; }
  .nav__genre .nav__genreLi-8clm {
    width: calc(100% / 8);
    text-align: center; }
    .nav__genre .nav__genreLi-8clm a {
      padding: 0; }
  .nav__genre .nav__genreUl li:first-of-type a,
  .nav__genre .nav__genreUl li:nth-of-type(2) a {
    padding: 0 47px; }
  .nav__genre .nav__genreUl li.nav__genreLi-4clm:first-of-type a,
  .nav__genre .nav__genreUl li.nav__genreLi-4clm:nth-of-type(2) a,
  .nav__genre .nav__genreUl li.nav__genreLi-5clm:first-of-type a,
  .nav__genre .nav__genreUl li.nav__genreLi-5clm:nth-of-type(2) a,
  .nav__genre .nav__genreUl li.nav__genreLi-6clm:first-of-type a,
  .nav__genre .nav__genreUl li.nav__genreLi-6clm:nth-of-type(2) a,
  .nav__genre .nav__genreUl li.nav__genreLi-7clm:first-of-type a,
  .nav__genre .nav__genreUl li.nav__genreLi-7clm:nth-of-type(2) a,
  .nav__genre .nav__genreUl li.nav__genreLi-8clm:first-of-type a,
  .nav__genre .nav__genreUl li.nav__genreLi-8clm:nth-of-type(2) a {
    padding: 0; }
  .nav__genre .nav__genreUl li:last-of-type::after {
    position: absolute;
    display: block;
    content: '';
    width: 1px;
    height: 14px;
    top: 0;
    right: 0;
    margin-top: -1px;
    background: #606060; }
  .nav__genre .nav__genreLi::before {
    position: absolute;
    display: block;
    content: '';
    width: 1px;
    height: 14px;
    margin-top: -1px;
    background: #606060; }
  .nav__genre .fa-caret-down {
    margin-left: 11px;
    color: #a8acb3; }

.nav__genre .u-contentCenter {
  position: relative; }

.headerStore__translateBtn__link {
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer; }
  .headerStore__translateBtn__link__innerText {
    padding-left: 15px;
    background: url("/images/store/headerStore_translateBtn.png") no-repeat 0 center/11px auto;
    color: #fff;
    font-size: 13px; }

.headerStore__translateBtn__popUp {
  position: absolute;
  top: -5px;
  right: 20px;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  background: url("/images/store/headerStore_translateBtn_popUp.png") no-repeat center center/cover;
  visibility: hidden;
  opacity: 0;
  z-index: 1; }
  .headerStore__translateBtn__popUp.js-active {
    visibility: visible;
    opacity: 1; }

.headerStore__translateBtn__popUp__relativeLayer {
  height: 100%;
  padding: 20px 20px 28px;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.headerStore__translateBtn__popUp__btnClose {
  width: 20px;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  cursor: pointer; }
  .headerStore__translateBtn__popUp__btnClose img {
    width: 100%; }

.headerStore__translateBtn__popUp__selectWrap {
  display: block;
  position: relative; }
  .headerStore__translateBtn__popUp__selectWrap::after {
    content: '';
    display: block;
    width: 8px;
    height: 5px;
    position: absolute;
    top: 50%;
    right: 6px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

.headerStore__translateBtn__popUp__select {
  padding: 7px 30px !important;
  border: 1px solid #9b9b9c !important;
  background: #fff url("../images/common/storeTopMapArea_listItem_popUp_select_icon.png") no-repeat 3px center/20px auto !important;
  font-size: 12px; }

/* header(nav) diw */
.nav__diw {
  padding: 19px 0 23px 0;
  border-top: 1px solid #eff4f5;
  border-bottom: 1px solid #eff4f5; }
  .nav__diw .nav__diwLogo {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    .nav__diw .nav__diwLogo a {
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .nav__diw .nav__diwLogo a:hover {
      opacity: 0.7; }
  .nav__diw .nav__diwRight {
    float: right;
    width: 811px; }
  .nav__diw .searchForm {
    display: block; }
  .nav__diw .searchForm__Ul {
    float: right; }
  .nav__diw .nav__diwRightBottom {
    margin-top: 18px; }
  .nav__diw .nav__diwUl {
    font-size: 0; }
  .nav__diw .nav__diwLi {
    position: relative;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.01em;
    margin: 0 33px; }
    .nav__diw .nav__diwLi a:hover {
      text-decoration: underline; }
    body[data-id-local="local01"] .nav__diw .nav__diwLi[data-id-local="local01"] {
      color: #f10002; }
      body[data-id-local="local01"] .nav__diw .nav__diwLi[data-id-local="local01"] .fa {
        color: #f10002; }
    body[data-id-local="local02"] .nav__diw .nav__diwLi[data-id-local="local02"] {
      color: #f10002; }
      body[data-id-local="local02"] .nav__diw .nav__diwLi[data-id-local="local02"] .fa {
        color: #f10002; }
    body[data-id-local="local03"] .nav__diw .nav__diwLi[data-id-local="local03"] {
      color: #f10002; }
      body[data-id-local="local03"] .nav__diw .nav__diwLi[data-id-local="local03"] .fa {
        color: #f10002; }
    body[data-id-local="local04"] .nav__diw .nav__diwLi[data-id-local="local04"] {
      color: #f10002; }
      body[data-id-local="local04"] .nav__diw .nav__diwLi[data-id-local="local04"] .fa {
        color: #f10002; }
    body[data-id-local="local05"] .nav__diw .nav__diwLi[data-id-local="local05"] {
      color: #f10002; }
      body[data-id-local="local05"] .nav__diw .nav__diwLi[data-id-local="local05"] .fa {
        color: #f10002; }
    body[data-id-local="local06"] .nav__diw .nav__diwLi[data-id-local="local06"] {
      color: #f10002; }
      body[data-id-local="local06"] .nav__diw .nav__diwLi[data-id-local="local06"] .fa {
        color: #f10002; }
    body[data-id-local="local07"] .nav__diw .nav__diwLi[data-id-local="local07"] {
      color: #f10002; }
      body[data-id-local="local07"] .nav__diw .nav__diwLi[data-id-local="local07"] .fa {
        color: #f10002; }
    body[data-id-local="local08"] .nav__diw .nav__diwLi[data-id-local="local08"] {
      color: #f10002; }
      body[data-id-local="local08"] .nav__diw .nav__diwLi[data-id-local="local08"] .fa {
        color: #f10002; }
    body[data-id-local="local09"] .nav__diw .nav__diwLi[data-id-local="local09"] {
      color: #f10002; }
      body[data-id-local="local09"] .nav__diw .nav__diwLi[data-id-local="local09"] .fa {
        color: #f10002; }
    body[data-id-local="local10"] .nav__diw .nav__diwLi[data-id-local="local10"] {
      color: #f10002; }
      body[data-id-local="local10"] .nav__diw .nav__diwLi[data-id-local="local10"] .fa {
        color: #f10002; }
  .nav__diw .nav__diwUl {
    font-size: 0; }
    .nav__diw .nav__diwUl li:first-of-type,
    .nav__diw .nav__diwUl li:last-of-type {
      margin: 0 32px; }
  .nav__diw .nav__diwLi::before {
    position: absolute;
    display: block;
    content: '';
    width: 1px;
    height: 14px;
    margin-top: -1px;
    margin-left: -33px;
    background: #606060; }
  .nav__diw .nav__diwUl {
    font-size: 0; }
    .nav__diw .nav__diwUl li:last-of-type::after {
      position: absolute;
      display: block;
      content: '';
      width: 1px;
      height: 14px;
      top: 0;
      right: 0;
      margin-top: -1px;
      margin-right: -33px;
      background: #606060; }
  .nav__diw .fa-caret-down {
    margin-left: 11px;
    color: #a8acb3; }

/* header(nav) dubooks */
.nav__dubooks {
  padding: 12px 0 20px;
  border-top: 1px solid #eff4f5;
  border-bottom: 1px solid #eff4f5; }
  .nav__dubooks .nav__dubooksTop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .nav__dubooks .nav__dubooksLogo {
    width: 63px; }
    .nav__dubooks .nav__dubooksLogo img {
      width: 100%; }
    .nav__dubooks .nav__dubooksLogo a {
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .nav__dubooks .nav__dubooksLogo a:hover {
        opacity: 0.7; }
  .nav__dubooks .snsBtn {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    background: #202020; }
    .nav__dubooks .snsBtn a {
      display: inline-block;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .nav__dubooks .snsBtn a:hover {
        opacity: 0.7; }
  .nav__dubooks .fa-twitter,
  .nav__dubooks .fa-facebook {
    font-size: 20px;
    color: #fff; }
  .nav__dubooks .nav__dubooksLocal {
    margin-top: 18px; }
  .nav__dubooks .nav__dubooksUl {
    font-size: 0; }
  .nav__dubooks .nav__dubooksLi {
    padding: 0 21px;
    display: inline-block;
    position: relative;
    border-left: 1px solid #606060;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.01em; }
    .nav__dubooks .nav__dubooksLi:last-child {
      border-right: 1px solid #606060; }
    .nav__dubooks .nav__dubooksLi a {
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .nav__dubooks .nav__dubooksLi a:hover {
        opacity: 0.7; }
    body[data-id-local="local01"] .nav__dubooks .nav__dubooksLi[data-id-local="local01"] {
      color: #f10002; }
      body[data-id-local="local01"] .nav__dubooks .nav__dubooksLi[data-id-local="local01"] .fa {
        color: #f10002; }
    body[data-id-local="local02"] .nav__dubooks .nav__dubooksLi[data-id-local="local02"] {
      color: #f10002; }
      body[data-id-local="local02"] .nav__dubooks .nav__dubooksLi[data-id-local="local02"] .fa {
        color: #f10002; }
    body[data-id-local="local03"] .nav__dubooks .nav__dubooksLi[data-id-local="local03"] {
      color: #f10002; }
      body[data-id-local="local03"] .nav__dubooks .nav__dubooksLi[data-id-local="local03"] .fa {
        color: #f10002; }
    body[data-id-local="local04"] .nav__dubooks .nav__dubooksLi[data-id-local="local04"] {
      color: #f10002; }
      body[data-id-local="local04"] .nav__dubooks .nav__dubooksLi[data-id-local="local04"] .fa {
        color: #f10002; }
    body[data-id-local="local05"] .nav__dubooks .nav__dubooksLi[data-id-local="local05"] {
      color: #f10002; }
      body[data-id-local="local05"] .nav__dubooks .nav__dubooksLi[data-id-local="local05"] .fa {
        color: #f10002; }
    body[data-id-local="local06"] .nav__dubooks .nav__dubooksLi[data-id-local="local06"] {
      color: #f10002; }
      body[data-id-local="local06"] .nav__dubooks .nav__dubooksLi[data-id-local="local06"] .fa {
        color: #f10002; }
    body[data-id-local="local07"] .nav__dubooks .nav__dubooksLi[data-id-local="local07"] {
      color: #f10002; }
      body[data-id-local="local07"] .nav__dubooks .nav__dubooksLi[data-id-local="local07"] .fa {
        color: #f10002; }
    body[data-id-local="local08"] .nav__dubooks .nav__dubooksLi[data-id-local="local08"] {
      color: #f10002; }
      body[data-id-local="local08"] .nav__dubooks .nav__dubooksLi[data-id-local="local08"] .fa {
        color: #f10002; }
    body[data-id-local="local09"] .nav__dubooks .nav__dubooksLi[data-id-local="local09"] {
      color: #f10002; }
      body[data-id-local="local09"] .nav__dubooks .nav__dubooksLi[data-id-local="local09"] .fa {
        color: #f10002; }
    body[data-id-local="local10"] .nav__dubooks .nav__dubooksLi[data-id-local="local10"] {
      color: #f10002; }
      body[data-id-local="local10"] .nav__dubooks .nav__dubooksLi[data-id-local="local10"] .fa {
        color: #f10002; }
  .nav__dubooks .fa-caret-down {
    margin-left: 11px;
    color: #a8acb3; }

/* header bibliophilic */
.headerBiblio {
  width: 100%;
  height: 86px;
  padding: 10px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .headerBiblio .cartWrapper {
    position: relative;
    display: inline-block;
    float: right;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    text-align: right;
    color: #fff;
    width: 100px;
    margin-top: 11px; }
    .headerBiblio .cartWrapper a {
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .headerBiblio .cartWrapper a:hover {
      opacity: 0.7; }
  .headerBiblio .headerBiblio_upperRight {
    float: right; }
  .headerBiblio.headerBasic .headerBasic__cartArea {
    margin-left: 15px; }
  .headerBiblio .searchForm__Ul {
    margin-left: 17px; }
  .headerBiblio .headerBiblio__logo {
    float: left;
    margin-top: 5px; }
    .headerBiblio .headerBiblio__logo a {
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .headerBiblio .headerBiblio__logo a:hover {
      opacity: 0.7; }
  .headerBiblio .headerBiblio__nav {
    margin-top: 18px; }
  .headerBiblio .headerBiblio__ul {
    font-size: 0; }
  .headerBiblio .headerBiblio__li {
    position: relative;
    display: inline-block;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-weight: medium;
    font-size: 12px;
    letter-spacing: 0.01em;
    color: #fff;
    margin: 0 51px;
    padding-bottom: 15px;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    .headerBiblio .headerBiblio__li a {
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .headerBiblio .headerBiblio__li a:hover {
      opacity: 0.7; }
  .headerBiblio .headerBiblio__li::before {
    position: absolute;
    display: block;
    content: '';
    width: 1px;
    height: 14px;
    margin-top: -1px;
    margin-left: -50px;
    background: #fff; }
  .headerBiblio .headerBiblio__ul li:first-of-type,
  .headerBiblio .headerBiblio__ul li:last-of-type {
    margin: 0 50px; }
  .headerBiblio .headerBiblio__ul li:last-of-type::after {
    position: absolute;
    display: block;
    content: '';
    width: 1px;
    height: 14px;
    top: 0;
    right: 0;
    margin-top: -1px;
    margin-right: -50px;
    background: #fff; }
  .headerBiblio .fa-caret-down {
    margin-left: 10px;
    color: #fff; }
  .headerBiblio.headerBasic .headerBasic__cartArea {
    float: right; }
    .headerBiblio.headerBasic .headerBasic__cartArea li a {
      color: #fff; }
    .headerBiblio.headerBasic .headerBasic__cartArea li::before {
      content: none; }
  .headerBiblio .pagetop__wrap {
    display: block; }

/* header audio */
.headerAudio {
  width: 100%;
  height: 90px;
  padding: 25px;
  overflow: hidden;
  border-bottom: 1px solid #eff4f5;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .headerAudio__logo {
    width: 150px;
    margin: 0 auto; }
    .headerAudio__logo a {
      display: inline-block;
      width: 100%;
      height: 100%; }
      .headerAudio__logo a img {
        width: 100%;
        height: auto;
        vertical-align: middle; }
  .headerAudio__closeIcon {
    display: block;
    width: 25px;
    height: 25px;
    margin: auto;
    position: absolute;
    right: 30px;
    top: 0;
    bottom: 0; }
    .headerAudio__closeIcon img {
      width: 100%;
      height: auto;
      vertical-align: middle; }

.headerBnrArea {
  background: #fe0000; }

.headerBnrArea__bnrLink {
  height: 60px;
  display: block;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .headerBnrArea__bnrLink:hover {
    opacity: 0.7; }
  .headerBnrArea__bnrLink img {
    max-width: 100%;
    height: 100%; }

.headerBnrArea__bnrList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background: #fff;
  width: 100%; }

.headerBnrArea__bnrListItem {
  width: calc((100% - 2px) / 2);
  background: #fe0000;
  text-align: center; }

/*****************************
header dropdown menu
*****************************/
/* オンラインショップ */
.headerBasic__navDropdown {
  display: none;
  position: absolute;
  width: 100%;
  top: 186px;
  padding: 27px 0 40px;
  background: #eff4f5;
  z-index: 10;
  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); }
  .headerBasic__navDropdown .u-contentCenter {
    font-size: 0; }
  .headerBasic__navDropdown .headerBasic__navDropdownUl {
    display: inline-block;
    width: 33.33%; }
  .headerBasic__navDropdown .headerBasic__navDropdownLi {
    position: relative;
    font-size: 14px;
    margin-bottom: 5px;
    padding: 13px 10px 13px 50px; }
    .headerBasic__navDropdown .headerBasic__navDropdownLi a {
      display: block; }
  .headerBasic__navDropdown .headerBasic__navDropdownLi:hover {
    text-decoration: underline; }
  .headerBasic__navDropdown .navDropdown__thumb {
    position: absolute;
    display: inline-block;
    width: 40px;
    height: 40px;
    top: 0;
    left: 0; }
    .headerBasic__navDropdown .navDropdown__thumb img {
      width: 100%; }
  .headerBasic__navDropdown .navDropdown__logoArea {
    margin-top: 70px; }
  .headerBasic__navDropdown .navDropdown__logoAreaUl {
    font-size: 0; }
  .headerBasic__navDropdown .navDropdown__logoAreaLi {
    position: relative;
    display: inline-block;
    height: 44px;
    padding: 0 45px; }
    .headerBasic__navDropdown .navDropdown__logoAreaLi a {
      display: block;
      height: 100%;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .headerBasic__navDropdown .navDropdown__logoAreaLi a:hover {
      opacity: 0.7; }
    .headerBasic__navDropdown .navDropdown__logoAreaLi figure {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
  .headerBasic__navDropdown li.navDropdown__logoAreaLi:first-of-type {
    padding-left: 0; }
  .headerBasic__navDropdown li.navDropdown__logoAreaLi:last-of-type {
    padding-right: 0; }
  .headerBasic__navDropdown li.navDropdown__logoAreaLi:not(:first-of-type)::before {
    position: absolute;
    display: block;
    content: '';
    width: 1px;
    height: 28px;
    left: 0;
    top: 10px;
    background: #c8d2d4; }
  .headerBasic__navDropdown .headerBasic__navDropdown__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .headerBasic__navDropdown .headerBasic__navDropdown__listItem__storeArea__title {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.7; }

.headerBasic__navDropdown--higher {
  top: 83px; }

.headerDiw__navDropdown {
  top: 187px; }

.headerBookUnion__navDropdown {
  top: 252px; }

.headerDubook__navDropdown {
  top: 211px; }

.headerUpperStoreBlog__navDropdown {
  top: 30px; }

.headerStoreBlog__navDropdown {
  width: 330px;
  padding: 12px 20px;
  position: absolute;
  bottom: -5px;
  left: 0;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  background: #eff4f5;
  z-index: 2;
  display: none; }
  .headerStoreBlog__navDropdown__list__item {
    border-top: 1px solid #c8d2d4; }
    .headerStoreBlog__navDropdown__list__item:nth-child(1) {
      border-top: none; }
    .headerStoreBlog__navDropdown__list__item::after {
      display: none !important; }
  .headerStoreBlog__navDropdown__list__item__link {
    padding: 15px 0 !important;
    font-size: 14px;
    font-weight: normal;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", sans-serif;
    letter-spacing: 0.01em;
    color: #000;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .headerStoreBlog__navDropdown__list__item__link:hover {
      text-decoration: none !important;
      opacity: 0.7; }

.headerBasic__navDropdown-used .navDropdown__logoAreaUl,
.headerBasic__navDropdown-store .navDropdown__logoAreaUl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }

.headerBasic__navDropdown-used .navDropdown__logoAreaLi,
.headerBasic__navDropdown-store .navDropdown__logoAreaLi {
  width: calc((100% - 60px) / 4);
  height: auto;
  padding: 0; }
  .headerBasic__navDropdown-used .navDropdown__logoAreaLi::before,
  .headerBasic__navDropdown-store .navDropdown__logoAreaLi::before {
    display: none; }
  .headerBasic__navDropdown-used .navDropdown__logoAreaLi img,
  .headerBasic__navDropdown-store .navDropdown__logoAreaLi img {
    width: 100%; }

.headerBasic__navDropdown-store .headerBasic__navDropdown__listItem__storeArea {
  margin-top: 25px; }
  .headerBasic__navDropdown-store .headerBasic__navDropdown__listItem__storeArea:nth-of-type(1) {
    margin-top: 0; }

.headerBasic__navDropdown-store .headerBasic__navDropdown__listItem__storeArea__title {
  margin-bottom: 20px;
  font-size: 14px; }
  .headerBasic__navDropdown-store .headerBasic__navDropdown__listItem__storeArea__title a:hover {
    text-decoration: underline; }

.headerBasic__navDropdown-store .headerBasic__navDropdown__listItem__storeArea__list {
  width: 180px;
  margin-left: 15px;
  display: inline-block; }
  .headerBasic__navDropdown-store .headerBasic__navDropdown__listItem__storeArea__list:nth-of-type(1) {
    margin-left: 0; }

.headerBasic__navDropdown-store .headerBasic__navDropdown__listItem__storeArea__listItem {
  margin-top: 15px;
  line-height: 1.5;
  font-size: 14px; }
  .headerBasic__navDropdown-store .headerBasic__navDropdown__listItem__storeArea__listItem:nth-child(1) {
    margin-top: 0; }
  .headerBasic__navDropdown-store .headerBasic__navDropdown__listItem__storeArea__listItem a {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .headerBasic__navDropdown-store .headerBasic__navDropdown__listItem__storeArea__listItem a:hover {
      text-decoration: underline; }

.headerBasic__navDropdown-store .headerBasic__navDropdown__listItem__storeArea__listItem-indent {
  padding-left: 3em;
  text-indent: -1.5em; }

.bnrHeaderPage .headerBasic__navDropdown {
  top: 246px; }

/* サブジャンル */
.headerBasic__navDropdown02 {
  width: 100%;
  padding: 27px 0 40px;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  background: #eff4f5;
  z-index: 10;
  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
  display: none; }
  .headerBasic__navDropdown02 .u-contentCenter {
    font-size: 0; }
  .headerBasic__navDropdown02 .navDropdown02__ul {
    display: inline-block;
    width: 33.33%; }
    .headerBasic__navDropdown02 .navDropdown02__ul li a:hover {
      text-decoration: underline; }
    .headerBasic__navDropdown02 .navDropdown02__ul.navDropdown02__ul--2clm {
      width: 50%; }
    .headerBasic__navDropdown02 .navDropdown02__ul.navDropdown02__ul--3clm2content {
      width: 66%; }
    .headerBasic__navDropdown02 .navDropdown02__ul.navDropdown02__ul--4clm {
      width: 25%; }
    .headerBasic__navDropdown02 .navDropdown02__ul.navDropdown02__ul--5clm {
      width: 20%; }
  .headerBasic__navDropdown02 .navDropdown02__li {
    position: relative;
    width: 100%;
    font-size: 14px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold; }
    .headerBasic__navDropdown02 .navDropdown02__li .fa-angle-right {
      position: absolute;
      margin-top: -1px;
      margin-left: -9px; }
  .headerBasic__navDropdown02 .navDropdown02__ulSub {
    margin: 10px 0 0 9px; }
    .headerBasic__navDropdown02 .navDropdown02__ulSub.navDropdown02__ulSub--2clm {
      display: inline-block;
      width: 46%; }
  .headerBasic__navDropdown02 li.navDropdown02__liSub {
    padding: 10px 0;
    font-weight: normal; }
  .headerBasic__navDropdown02 .navDropdown__logoArea {
    margin-top: 40px; }
  .headerBasic__navDropdown02 .navDropdown__logoAreaUl {
    font-size: 0; }
  .headerBasic__navDropdown02 .navDropdown__logoAreaLi {
    position: relative;
    display: inline-block;
    height: 44px;
    padding: 0 45px; }
    .headerBasic__navDropdown02 .navDropdown__logoAreaLi a {
      display: block;
      height: 100%;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .headerBasic__navDropdown02 .navDropdown__logoAreaLi a:hover {
      opacity: 0.7; }
    .headerBasic__navDropdown02 .navDropdown__logoAreaLi figure {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
  .headerBasic__navDropdown02 li.navDropdown__logoAreaLi:first-of-type {
    padding-left: 0; }
  .headerBasic__navDropdown02 li.navDropdown__logoAreaLi:last-of-type {
    padding-right: 0; }
  .headerBasic__navDropdown02 li.navDropdown__logoAreaLi:not(:first-of-type)::before {
    position: absolute;
    display: block;
    content: '';
    width: 1px;
    height: 28px;
    left: 0;
    top: 10px;
    background: #c8d2d4; }

.nav__genre .nav__genreLi-9clm {
  width: calc(100% / 9);
  text-align: center; }

.nav__genre .nav__genreLi-9clm a {
  padding: 0; }

.nav__genre .nav__genreUl li.nav__genreLi-9clm:first-of-type a,
.nav__genre .nav__genreUl li.nav__genreLi-9clm:nth-of-type(2) a {
  padding: 0; }

.headerBasic__navDropdown .headerBasic__navDropdownLi.headerBasic__navDropdownLi__dummy {
  opacity: 0 !important;
  color: transparent !important; }

/*****************************
custom (u- = unique)
*****************************/
.sp_content {
  display: none !important; }

/* セクションボーダー */
.u-secBorder {
  width: 100%;
  height: 1px;
  background: #eff4f5;
  margin-top: 70px; }

.u-secBorder02 {
  width: 100%;
  height: 1px;
  background: #eff4f5;
  margin-top: 100px; }

.du-m1 .u-secBorder02 {
  margin-top: 70px; }

.u-secBorder--pc {
  width: 100%;
  height: 1px;
  background: #eff4f5;
  margin-top: 70px; }

/* レイアウト系 */
.u-contentCenter {
  position: relative;
  width: 1020px;
  margin: 0 auto;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.u-contentCenter--pc {
  position: relative;
  width: 1020px;
  margin: 0 auto;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.u-contentCenter--pcNoPad {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  padding: 0 10px; }

.u-contentCenter--withSidenav {
  margin-top: 30px; }

.u-contentCenter--withSidenavWide {
  margin-top: 20px; }

.u-textAlingCenter {
  text-align: center; }

/* フォント系 */
.u-pageTitle {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 23px;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 35px; }

.u-secTitle {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 23px;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-align: center;
  line-height: 1.5; }
  .u-secTitle .genreName {
    margin: 0 5px; }

.u-secTitle__num {
  font-size: 20px;
  font-weight: normal; }

.u-secTitle02 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.5;
  padding-top: 10px;
  border-top: 3px solid #202020; }

.u-secTitle03 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.5; }
  * + .u-secTitle03 {
    margin-top: 25px; }
  .u-secTitle03 + *,
  .u-secTitle03 + .itemSongListArea__ul {
    margin-top: 20px; }

.u-secTitle--black {
  font-weight: 900; }

.u-secSubTitle {
  font-family: "Lato", sans-serif;
  font-style: italic;
  font-size: 18px;
  letter-spacing: 0.01em;
  text-align: center;
  line-height: 1;
  margin-top: 12px; }

.u-itemName {
  font-family: "ヒラギノ角ゴ ProN W6", "HiraKakuPro-W6", sans-serif;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.01em;
  line-height: 1.4;
  margin-top: 15px;
  word-break: break-all; }
  .u-itemName a:hover {
    text-decoration: underline; }

.u-artistName {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", sans-serif;
  font-size: 12px;
  letter-spacing: 0.01em;
  line-height: 1.4;
  margin-top: 3px; }
  .u-artistName a:hover {
    text-decoration: underline; }

.u-benefit {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", sans-serif;
  font-size: 12px;
  letter-spacing: 0.01em;
  line-height: 1.4;
  margin-top: 4px; }

.u-priceBefore {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  color: #505050;
  text-decoration: line-through;
  margin-top: 13px;
  margin-right: 18px; }

.u-price {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", sans-serif;
  font-size: 12px;
  letter-spacing: 0.01em;
  line-height: 1.4;
  margin-top: 6px; }
  .u-price .fa-jpy {
    margin-right: 3px; }

.u-priceNormal {
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  margin-top: 10px; }
  .u-priceNormal .fa-jpy {
    margin-right: 5px; }
  .u-priceNormal__inline {
    display: inline-block; }
    .u-priceNormal__inline + .searchAll__note__inline,
    .u-priceNormal__inline + .u-note__inline {
      margin-left: 10px; }
  .u-priceNormal--red {
    font-size: 0.75rem;
    line-height: 1.5;
    display: inline-block;
    color: #f10002; }

.u-priceNormal--Blue {
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  color: #2c6ec1; }
  .u-priceNormal--Blue .fa-jpy {
    margin-right: 5px; }

.u-priceDiscount {
  display: inline-block;
  font-size: 21px;
  font-weight: bold;
  color: #f10002; }
  .u-priceDiscount .fa-jpy {
    margin-right: 4px; }

.u-fa-angle-double-right--price {
  position: absolute;
  font-size: 19px !important;
  font-weight: bold !important;
  margin-top: -4px;
  margin-left: 4px; }

.u-discountRate {
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  margin-right: 5px;
  color: #f10002; }

.u-tax {
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 0.01em; }

.u-taxLg {
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 0.01em; }

.u-taxLg--red {
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0.01em;
  color: #f10002; }

.u-taxLg--blue {
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0.01em;
  color: #2c6ec1; }

.u-note {
  font-size: 12px;
  line-height: 1.5;
  margin-top: 10px; }
  .u-note__inline {
    display: inline-block; }
  .u-note--red {
    font-size: 12px;
    line-height: 1.5;
    display: inline-block;
    color: #f10002; }
  .u-note--fsBase {
    font-size: 100%; }

.u-descTxt {
  font-size: 12px;
  color: #707070;
  letter-spacing: 0.01em;
  line-height: 1.3;
  margin-top: 10px; }

.u-deliveryNote {
  display: inline-block;
  font-size: 12px;
  margin: 3px;
  padding: 4px 0; }

.u-myPagedesc {
  font-size: 13px;
  line-height: 1.7; }

.u-myPagedesc--center {
  text-align: center; }

.u-link--blue, .u-link--blueBold {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
  color: #2c6ec1; }
  .u-link--blue .fa-chevron-right, .u-link--blueBold .fa-chevron-right {
    margin-right: 3px; }
  .u-link--blue a, .u-link--blueBold a {
    display: block; }
  .u-link--blue a:hover, .u-link--blueBold a:hover {
    text-decoration: underline; }
  .u-link--blueBold {
    font-weight: bold; }
  .u-link--blue.u-link--blue--fs13, .u-link--blue--fs13.u-link--blueBold {
    font-size: 13px; }

/* custom font-size */
.u-ft12 {
  font-size: 12px !important;
  letter-spacing: 0 !important; }

/* custom font-size */
.u-lato {
  font-family: "Noto Sans JP", sans-serif !important;
  font-weight: bold;
  letter-spacing: 0 !important; }

/* margin, padding */
.u-mt0 {
  margin-top: 0 !important; }

.u-mt50 {
  margin-top: 50px !important; }

.u-mbToFooter {
  margin-bottom: 100px !important; }

.u-pd0 {
  padding-bottom: 0 !important; }

/* line-height */
.u-lh1 {
  line-height: 1 !important; }

/* field 必須 */
.singleTextBox-require.uncompleted,
.pairTextBox-require.uncompleted,
.select-require.uncompleted {
  background: #f8e6e7; }

/*****************************
footer ( basic / genre )
*****************************/
footer {
  position: relative;
  width: 100%; }
  footer.js-fix {
    position: fixed;
    bottom: 0;
    left: 0; }

.footerGenre {
  margin-top: 100px;
  padding-top: 70px;
  border-top: 1px solid #eff4f5;
  overflow: hidden; }

.footer__footerGenre__mt0 .footerGenre {
  margin-top: 0 !important; }

.footer__footerGenre__pt0 .footerGenre {
  padding-top: 0 !important; }

.footer__footerGenre__bordernone .footerGenre {
  border-top: none !important;
  padding-top: 0 !important; }

.du-a1 .footerGenre,
.du-g1 .footerGenre {
  margin-top: 0;
  border-top: none; }

.du-k .footerGenre {
  margin-top: 70px;
  padding-top: 0;
  border-top: none; }

.du-k.footerGenre__borderTop .footerGenre {
  margin-top: 100px;
  padding-top: 70px;
  border-top: 1px solid #eff4f5; }

.footerGenre__bnrSliderArea {
  margin-top: 70px; }

.dp-a1 .footerGenre__bnrSliderArea {
  display: none; }

/* swiper: recent item START */
.recent-swiper-container {
  width: 100%;
  margin-top: 40px;
  padding: 10px 10px 0 0;
  overflow: hidden; }
  .recent-swiper-container .swiper-slide {
    position: relative; }
    .recent-swiper-container .swiper-slide a {
      display: block;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .recent-swiper-container .swiper-slide a:hover {
        opacity: 0.7; }
      .recent-swiper-container .swiper-slide a figure {
        height: 184px;
        text-align: center; }
        .recent-swiper-container .swiper-slide a figure img {
          width: auto !important;
          max-width: 100% !important;
          max-height: 100%; }
    .recent-swiper-container .swiper-slide .btn-toCart a {
      font-weight: bold; }
    .recent-swiper-container .swiper-slide .btn-close {
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .recent-swiper-container .swiper-slide .btn-close:hover {
      opacity: 0.7; }
  .recent-swiper-container .swiper-button-prev {
    width: 50px;
    height: 50px;
    top: 63%;
    left: -70px;
    right: auto;
    background-image: url(/images/footer/btn_arrow_left_pc.png);
    background-size: 50px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  .recent-swiper-container .swiper-button-next {
    width: 50px;
    height: 50px;
    top: 63%;
    right: -70px;
    left: auto;
    background-image: url(/images/footer/btn_arrow_right_pc.png);
    background-size: 50px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  .recent-swiper-container .swiper-button-prev:hover,
  .recent-swiper-container .swiper-button-next:hover {
    opacity: 0.7; }
  .recent-swiper-container .tag-original {
    margin-top: 12px; }
  .recent-swiper-container .btn-close {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    top: -10px;
    right: -10px; }
  .recent-swiper-container .btn-close::after {
    position: absolute;
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    top: 0;
    background: url("/images/footer/btn_close_pc.png");
    background-repeat: no-repeat; }

/* swiper: recent item END*/
/* swiper: 2段バナー START */
.bnr-swiper-containerWrapper {
  padding: 20px 0;
  background: #eff4f5; }

.bnr-swiper-container {
  width: 100%;
  margin: 15px 0 0;
  padding: 0; }
  .bnr-swiper-container:nth-of-type(1) {
    margin-top: 0; }
  .bnr-swiper-container .swiper-slide {
    position: relative; }
  .bnr-swiper-container .bnrSwiper__thumb {
    display: inline-block;
    width: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .bnr-swiper-container .bnrSwiper__thumb img {
      width: 100%; }
    .bnr-swiper-container .bnrSwiper__thumb:hover {
      opacity: 0.7; }
  .bnr-swiper-container .swiper-button-prev,
  .bnr-swiper-container .swiper-button-next {
    display: none; }

/* swiper: 2段バナー END */
.infoSec {
  font-size: 0;
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .infoSec__type02 {
    background-color: #eff4f5;
    padding: 20px 0; }
  .infoSec .infoSec__thumb {
    display: inline-block;
    width: 235px;
    margin-right: 10px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .infoSec .infoSec__thumb img {
      width: 100%; }
  .infoSec a:last-of-type {
    margin-right: 0; }
  .infoSec a:hover {
    opacity: 0.7; }
  .infoSec_sell {
    margin-top: 40px;
    margin-bottom: 40px; }

.infoSecWrapper {
  margin-top: 70px;
  padding: 20px 0;
  background: #eff4f5; }
  .infoSecWrapper .infoSec--mod {
    margin-top: 0; }

.condition {
  margin-top: 60px;
  font-size: 0; }
  .condition .condition__columnWrapper {
    margin-top: 40px; }
  .condition .condition__note {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    letter-spacing: 0.01em;
    color: #f10002;
    padding: 12px 0;
    border: 3px solid #f10002; }
    .condition .condition__note span {
      font-size: 16px; }
  .condition .condition__column {
    display: inline-block;
    width: calc(33.33% - 17px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top; }
  .condition div.condition__column:nth-of-type(2) {
    margin: 0 25px; }
  .condition .condition__columnTitle {
    font-size: 14px;
    font-family: "ヒラギノ角ゴ ProN W6", "HiraKakuPro-W6", sans-serif;
    font-weight: bold; }
  .condition .condition__columnTitle--mod {
    margin-top: 20px; }
  .condition .condition__spTable {
    display: block !important; }
  .condition .condition__columnDesc {
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: 0.01em;
    margin-top: 15px; }
    .condition .condition__columnDesc .condition__btnDetail {
      display: block;
      margin-top: 10px;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .condition .condition__columnDesc .condition__btnDetail span {
        position: absolute;
        letter-spacing: 0.05em; }
    .condition .condition__columnDesc .condition__btnDetail:hover {
      text-decoration: underline; }
      .condition .condition__columnDesc .condition__btnDetail:hover span {
        text-decoration: underline; }
    .condition .condition__columnDesc .fa-chevron-right {
      margin-right: 5px; }
  .condition .condition__columnSubTitle {
    font-size: 13px;
    font-weight: bold;
    margin-top: 14px; }
  .condition .condition__columnSubTitle--mod {
    margin-top: 20px; }
  .condition .condition__creditLogos {
    display: inline-block;
    margin: 10px 0; }
  .condition .condition__paypalLogos {
    width: 203px;
    margin: 12px auto 20px;
    display: block;
    text-align: center; }
    .condition .condition__paypalLogos img {
      width: 100%; }
  .condition .condition__deliveryTime {
    display: block;
    margin: 10px 0 20px; }
  .condition .condition__CashOnDeliveryUl {
    border: 2px solid #b4b4b4;
    margin: 10px 0 30px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .condition .condition__CashOnDeliveryLi {
    font-size: 11px;
    font-weight: bold;
    line-height: 2; }

.sitemap {
  font-size: 0px;
  margin-top: 90px;
  padding: 40px 0;
  background: #222;
  vertical-align: top; }
  .sitemap .sitemap__column {
    display: inline-block;
    width: calc(20% - 16px);
    margin-right: 20px;
    vertical-align: top; }
  .sitemap .sitemap__column02 {
    width: calc(23.5% - 16px); }
  .sitemap .sitemap__column05 {
    width: calc(16.5% - 16px); }
  .sitemap div.sitemap__column:last-of-type {
    margin-right: 0; }
  .sitemap .sitemap__secTitle {
    font-size: 13px;
    font-family: "ヒラギノ角ゴ ProN W6", "HiraKakuPro-W6", sans-serif;
    letter-spacing: 0.01em;
    color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .sitemap .sitemap__secTitle--mod {
    margin-top: 23px; }
  .sitemap .sitemap__ul {
    margin-top: 12px; }
  .sitemap .sitemap__ul--mod {
    margin-top: 26px; }
  .sitemap .sitemap__subUl {
    margin-left: 12px; }
  .sitemap .sitemap__li {
    font-size: 12px;
    line-height: 2;
    color: #999; }
    .sitemap .sitemap__li a {
      display: block;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .sitemap .sitemap__li a:hover {
      text-decoration: underline; }
  .sitemap .sitemap__p {
    font-size: 12px;
    line-height: 1.7;
    color: #999;
    margin-top: 12px; }
    .sitemap .sitemap__p a {
      display: inline-block;
      margin-top: 5px;
      padding-left: 15px; }
    .sitemap .sitemap__p a:hover {
      text-decoration: underline; }
    .sitemap .sitemap__p .fa {
      margin-left: -15px; }

.footerBlack .sitemap {
  margin-top: 0; }

.companyInfo {
  background: #000;
  padding: 40px 0 20px; }
  .companyInfo .companyInfo__listWrap {
    display: inline-block;
    font-size: 0;
    vertical-align: top; }
  .companyInfo .companyInfo__logo {
    display: inline-block;
    vertical-align: top;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  .companyInfo .companyInfo__logo:hover {
    opacity: 0.7; }
  .companyInfo .companyInfo__ul {
    display: inline-block;
    margin-top: -7px;
    margin-left: 38px; }
  .companyInfo .companyInfo__li {
    font-size: 12px;
    letter-spacing: 0.01em;
    line-height: 2;
    color: #999; }
    .companyInfo .companyInfo__li a {
      display: block;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .companyInfo .companyInfo__li a:hover {
      text-decoration: underline; }
  .companyInfo .companyInfo__subUl {
    margin-left: 12px; }
  .companyInfo .companyRelated {
    display: inline-block;
    font-size: 0;
    margin-left: 78px; }
  .companyInfo .companyRelated__secTitle {
    font-size: 13px;
    letter-spacing: 0.01em;
    color: #fff; }
  .companyInfo .companyRelated__ul {
    display: inline-block;
    margin-top: 12px; }
  .companyInfo .companyRelated__li {
    font-size: 12px;
    letter-spacing: 0.01em;
    line-height: 2;
    color: #999; }
    .companyInfo .companyRelated__li a {
      display: block;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .companyInfo .companyRelated__li a:hover {
      text-decoration: underline; }
  .companyInfo .companyInfo__copy {
    font-size: 11px;
    color: #fff;
    margin-top: 25px; }
  .companyInfo .companyInfo__copyLeft {
    float: left; }
  .companyInfo .companyInfo__copyRight {
    float: right; }

.companyInfo--cart {
  padding-bottom: 40px; }
  .companyInfo--cart .companyInfo__copy {
    display: inline-block;
    margin-top: 48px;
    margin-left: 40px; }
  .companyInfo--cart .companyInfo__copyRight {
    position: absolute;
    font-size: 11px;
    color: #fff;
    bottom: 0;
    right: 0; }

.footerCompanyInfoArea {
  padding-top: 65px; }

.footerCompanyInfoArea__list {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.footerCompanyInfoArea__listItem {
  width: calc((100% - 40px)/3);
  margin-top: 20px; }
  .footerCompanyInfoArea__listItem:nth-child(1), .footerCompanyInfoArea__listItem:nth-child(2), .footerCompanyInfoArea__listItem:nth-child(3) {
    margin-top: 0; }

.footerCompanyInfoArea__listItemLink {
  display: block;
  width: 100%;
  padding: 20px 24px;
  border: 1px solid #000;
  font-size: 15px;
  letter-spacing: 0.01em;
  text-align: center;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .footerCompanyInfoArea__listItemLink:hover {
    opacity: 0.7; }

.footerCompanyDiveIntoMusicArea {
  margin-top: 65px;
  padding: 65px 0;
  background: #eff4f5; }

.footerCompanyDiveIntoMusicArea__title {
  margin-bottom: 40px; }

.footerCompanyDiveIntoMusicArea__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.footerCompanyDiveIntoMusicArea__thumb {
  width: 320px; }
  .footerCompanyDiveIntoMusicArea__thumb img {
    width: 100%; }

.footerCompanyDiveIntoMusicArea__text {
  width: 630px; }

.footerCompanyDiveIntoMusicArea_btnWrap {
  width: 330px;
  margin-top: 40px; }

.footerCompanyContactArea {
  padding: 65px 0; }

.footerCompanyContactArea__title {
  margin-bottom: 40px; }

.footerCompanyContactArea__list {
  margin: 0 50px;
  padding: 40px 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000; }

.footerCompanyContactArea__listItem:nth-child(2) {
  padding-left: 60px;
  border-left: 2px solid #3e3c3c; }

.footerCompanyContactArea__listItem__btnWrap {
  width: 330px;
  margin: 0; }

.footerCompanyContactArea__listItem__text {
  line-height: 2.1;
  text-align: center; }

.footerCompanyContactArea__linkWrap {
  margin-top: 30px;
  text-align: center; }

.footerSellAddressArea {
  margin-top: 65px; }

.footerSellAddressArea__box {
  position: relative;
  padding: 50px 60px 40px;
  border: 5px solid #000; }

.footerSellAddressArea__box__title {
  padding: 0 20px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -55%);
  -ms-transform: translate(-50%, -55%);
  transform: translate(-50%, -55%);
  background: #fff;
  line-height: 1; }

.footerSellAddressArea__box__list {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.footerSellAddressArea__box__listItem:nth-child(2) {
  padding-left: 50px;
  border-left: 2px solid #d9e4e6; }

.footerSellAddressArea__box__listItem__title {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1; }

.footerSellAddressArea__box__listItem__text {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .footerSellAddressArea__box__listItem__text:nth-child(1) {
    margin-top: 0; }

.footerSellAddressArea__box__listItem__text__small {
  width: 9em;
  display: inline-block;
  font-size: 15px; }

.footerSellAddressArea__box__listItem__text__big {
  display: inline-block;
  font-size: 36px;
  line-height: 1;
  letter-spacing: 0.02em; }

.footerSellAddressArea__caption {
  margin-top: 30px;
  font-size: 13px;
  text-align: center; }

.footerSellAddressArea__btnWrap {
  width: 300px;
  margin-top: 20px; }

.footerSellContactArea {
  margin-top: 65px;
  padding: 40px 0 0;
  background: #faf8f2; }

.footerSellContactArea__title {
  padding: 25px 0 35px;
  background: url("/images/footer/footerSellContactArea_title.png") no-repeat center 0/111px 85px;
  line-height: 1; }

.footerSellContactArea__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.footerSellContactArea__listItem {
  width: calc((100% - 40px)/3);
  padding-top: 80px; }
  .footerSellContactArea__listItem:nth-child(1) {
    background: url("/images/footer/footerSellContactArea__listItem_bg_01.png") no-repeat 0 0/100% auto; }
  .footerSellContactArea__listItem:nth-child(2) {
    background: url("/images/footer/footerSellContactArea__listItem_bg_02.png") no-repeat 0 0/100% auto; }
  .footerSellContactArea__listItem:nth-child(3) {
    background: url("/images/footer/footerSellContactArea__listItem_bg_03.png") no-repeat 0 0/100% auto; }

.footerSellContactArea__listItem__title {
  margin-bottom: 30px;
  font-size: 15px;
  letter-spacing: 0.01em;
  text-align: center; }

.footerSellContactArea__list__innerList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.footerSellContactArea__list__innerListItem {
  width: calc((100% - 10px)/3);
  height: 74px;
  margin-left: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url("/images/footer/footerSellContactArea_list_innerListItem_bg.jpg") no-repeat center center/cover;
  border: 2px solid #d7c894;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .footerSellContactArea__list__innerListItem:nth-child(1) {
    margin-left: 0;
    border: 2px solid #fff;
    background: #fff; }

.footerSellContactArea__list__innerListItem_inner {
  font-size: 13px;
  line-height: 1.4;
  text-align: center; }

.footerSellContactArea__text {
  margin-top: 20px;
  font-size: 13px;
  text-align: center; }

.footerSellContactArea__list__btnWrap {
  width: 100%;
  margin-top: 10px; }
  .footerSellContactArea__text + .footerSellContactArea__list__btnWrap {
    margin-top: 20px; }

.footerSellContactArea__list__addressBox {
  margin-top: 20px;
  padding: 20px 0 25px;
  border-top: 1px solid #d7c894;
  border-bottom: 1px solid #d7c894; }
  .footerSellContactArea__list__addressBox .sellPage__text {
    font-size: 14px; }

.footerSellContactArea__list__addressBox__title {
  margin-bottom: 15px;
  line-height: 1;
  text-align: center; }

.footerSellContactArea__list__addressBox__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.footerSellContactArea__list__addressBox__text:nth-of-type(2) {
  margin-top: 10px; }

.footerSellContactArea__list__addressBox__text_small {
  font-size: 13px; }

.footerSellContactArea__list__addressBox__text_big {
  font-size: 25px;
  line-height: 1;
  letter-spacing: 0.02em; }

.footerSellContactArea__linkBox {
  padding: 10px 45px;
  margin: 20px 0 0 calc(100% / 3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  font-size: 0; }

.footerSellContactArea__linkBox__title {
  font-size: 16px; }

.footerSellContactArea__linkBox_text {
  margin-left: 40px;
  padding-left: 50px;
  border-left: 2px solid #faf8f2;
  font-size: 12px; }

.footerSellContactArea__btnBox {
  margin-top: 45px;
  padding: 30px 0;
  background: #f3f0e8; }

.footerSellContactArea__btnWrap {
  display: block;
  width: 360px;
  margin: 0 auto; }

.footerSellSliderArea {
  width: 100%;
  padding: 40px 0;
  background: #fff;
  overflow: hidden; }
  .footerSellSliderArea .swiper-slide img {
    width: 100%; }

.footerAudio {
  text-align: center;
  background-color: #000; }
  .footerAudio__copyRight {
    line-height: 46px;
    color: #fff;
    font-size: 11px; }

.pagetop {
  display: block;
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 50px;
  z-index: 8000; }
  .pagetop:hover {
    opacity: 0.7; }
  .pagetop img {
    max-width: 100%;
    height: auto; }
  .pagetop__wrap {
    display: none; }

/*****************************
home main slider
*****************************/
.main-swiper-containerWrapper {
  width: 100%;
  overflow: hidden;
  background-image: url(/images/home/slider_bg_pc.jpg);
  background-repeat: no-repeat;
  background-size: cover; }

body.Edge .main-swiper-container .gallery-top .swiper-slide-prev,
body.Edge .main-swiper-container .gallery-top .swiper-slide-next {
  background-color: transparent; }
  body.Edge .main-swiper-container .gallery-top .swiper-slide-prev .slide-wrap,
  body.Edge .main-swiper-container .gallery-top .swiper-slide-next .slide-wrap {
    overflow: hidden;
    height: 435px; }
  body.Edge .main-swiper-container .gallery-top .swiper-slide-prev .slide-inner,
  body.Edge .main-swiper-container .gallery-top .swiper-slide-next .slide-inner {
    background-color: #000;
    overflow: hidden;
    top: 15px; }

body.Edge .slide-inner {
  position: relative;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  top: 0; }

.main-swiper-container {
  width: 900px;
  min-height: 582px;
  margin: 0 auto;
  padding: 20px 0 0; }
  .main-swiper-container .swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: visible; }
  .main-swiper-container .swiper-slide img {
    width: 100%; }
  .main-swiper-container .gallery-top {
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
    .main-swiper-container .gallery-top .swiper-slide-prev,
    .main-swiper-container .gallery-top .swiper-slide-next {
      background: #000; }
      .main-swiper-container .gallery-top .swiper-slide-prev img,
      .main-swiper-container .gallery-top .swiper-slide-next img {
        opacity: 0.2; }
    .main-swiper-container .gallery-top .swiper-slide-prev {
      left: -6%; }
    .main-swiper-container .gallery-top .swiper-slide-next {
      right: -6%; }
  .main-swiper-container .gallery-thumbs {
    width: 85.2%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
    .main-swiper-container .gallery-thumbs .swiper-slide {
      width: 184px;
      height: 100%;
      opacity: 1;
      cursor: pointer; }
    .main-swiper-container .gallery-thumbs .swiper-slide-active {
      opacity: 0.4; }
  .main-swiper-container .swiper-button-prev {
    width: 30px;
    height: 39%;
    left: -52px;
    top: 37%;
    background-image: url(/images/home/slider_btn_prev_pc.png);
    background-size: 100%;
    background-repeat: no-repeat; }
  .main-swiper-container .swiper-button-next {
    width: 30px;
    height: 39%;
    right: -52px;
    top: 37%;
    background-image: url(/images/home/slider_btn_next_pc.png);
    background-size: 100%;
    background-repeat: no-repeat; }
  .main-swiper-container .addon-swiper-navigator {
    position: absolute;
    width: 135px;
    height: 2px;
    left: 0;
    right: 0;
    margin: -10px auto;
    background: #000;
    display: none; }

/*****************************
ニュース＆インフォ
*****************************/
.newsInfo__wrapper {
  margin-top: 65px;
  padding-top: 65px;
  border-top: 1px solid #eff4f5; }
  .newsInfo__wrapper__noBorder {
    border-top: none;
    padding-top: 0; }

.du-a1 .newsInfo__wrapper,
.du-g1 .newsInfo__wrapper,
.du-c1 .newsInfo__wrapper,
.du-d1 .newsInfo__wrapper,
.bu-a1 .newsInfo__wrapper,
.dp-a1 .newsInfo__wrapper {
  padding-top: 0;
  border-top: none; }

.newsInfo {
  font-size: 0;
  margin-top: 25px; }
  .newsInfo .newsInfo__li {
    display: inline-block;
    width: calc((100% - 80px) / 5);
    margin-right: 20px; }
    .newsInfo .newsInfo__li a {
      display: block; }
  .newsInfo li.newsInfo__li:nth-of-type(5n) {
    margin-right: 0; }
  .newsInfo li.newsInfo__li:nth-of-type(n+6) {
    margin-top: 35px; }
  .newsInfo .newsInfo__thumb {
    max-height: 92px;
    overflow: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .newsInfo .newsInfo__thumb img {
      width: 100%; }
  .newsInfo .newsInfo__thumb:hover {
    opacity: 0.7; }
  .newsInfo .newsInfo__txtArea {
    word-wrap: break-word;
    margin-top: 15px; }
  .newsInfo .newsInfo__date {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", sans-serif;
    font-size: 12px;
    color: #707070; }
  .newsInfo .newsInfo__tag {
    font-weight: normal;
    color: #707070;
    margin-top: 10px;
    word-break: break-all;
    border-color: #707070; }
    .newsInfo .newsInfo__tag span:not(:first-of-type) {
      position: relative;
      display: inline-block;
      padding-left: 7px; }
    .newsInfo .newsInfo__tag span:not(:first-of-type)::before {
      position: absolute;
      content: '/';
      margin-left: -7px; }
  .newsInfo .newsInfo__desc {
    font-size: 13px;
    line-height: 1.7;
    word-break: break-all;
    margin-top: 5px; }
    .newsInfo .newsInfo__desc a:hover {
      text-decoration: underline; }
  .newsInfo .u-itemName {
    margin-top: 8px; }

.newsInfo__tableWrapper {
  margin-top: 30px; }
  .newsInfo__tableWrapper .newsInfo {
    margin-top: 0; }

.newsInfo--favorite .newsInfo__li {
  width: 179px; }

.newsInfo--favorite li.newsInfo__li:nth-of-type(4n) {
  margin-right: 0; }

/*****************************
イベントインフォ
*****************************/
.eventInfo__wrapper {
  margin-top: 70px; }

.eventInfo {
  font-size: 0;
  margin-top: 42px; }
  .eventInfo .eventInfo__li {
    display: inline-block;
    width: 184px;
    margin-right: 20px; }
    .eventInfo .eventInfo__li a {
      display: block; }
  .eventInfo li.eventInfo__li:nth-of-type(5n) {
    margin-right: 0; }
  .eventInfo li.eventInfo__li:nth-of-type(n+6) {
    margin-top: 35px; }
  .eventInfo .eventInfo__thumb {
    max-height: 92px;
    overflow: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .eventInfo .eventInfo__thumb:hover {
      opacity: 0.7; }
    .eventInfo .eventInfo__thumb img {
      width: 100%; }
  .eventInfo .eventInfo__txtArea {
    word-wrap: break-word;
    margin-top: 15px; }
  .eventInfo .eventInfo__date {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", sans-serif;
    font-size: 12px;
    color: #707070; }
  .eventInfo .eventInfo__tag {
    font-weight: normal;
    color: #707070;
    margin-top: 10px;
    border-color: #707070; }
  .eventInfo .eventInfo__desc {
    font-size: 13px;
    line-height: 1.7;
    word-break: break-all;
    margin-top: 5px; }
    .eventInfo .eventInfo__desc a:hover {
      text-decoration: underline; }

/*****************************
毎週一押しアイテム
*****************************/
.onlinePush__wrapper {
  margin-top: 70px; }

.onlinePush {
  font-size: 0;
  margin-top: 42px; }
  .onlinePush .onlinePush__li {
    display: inline-block;
    width: 184px;
    margin-right: 20px; }
    .onlinePush .onlinePush__li a {
      display: block; }
  .onlinePush li.onlinePush__li:nth-of-type(5n) {
    margin-right: 0; }
  .onlinePush li.onlinePush__li:nth-of-type(n+6) {
    margin-top: 35px; }
  .onlinePush .onlinePush__thumb {
    height: 184px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-align: center; }
    .onlinePush .onlinePush__thumb img {
      max-width: 100%;
      max-height: 100%; }
  .onlinePush .onlinePush__thumb:hover {
    opacity: 0.7; }
  .onlinePush .onlinePush__txtArea {
    word-wrap: break-word;
    margin-top: 15px; }
  .onlinePush .tag-original {
    margin-top: 12px; }

/*****************************
各ジャンルおすすめアイテム
*****************************/
.recommendItem__wrapper {
  margin-top: 70px; }

.recommendItem {
  font-size: 0;
  margin-top: 50px; }
  .recommendItem .recommendItem__li {
    display: inline-block;
    width: 184px;
    margin-right: 20px;
    border-top: 3px solid #000; }
    .recommendItem .recommendItem__li a {
      display: block; }
  .recommendItem li.recommendItem__li:nth-of-type(5n) {
    margin-right: 0; }
  .recommendItem li.recommendItem__li:nth-of-type(n+6) {
    margin-top: 35px; }
  .recommendItem .recommendItem__genreTerm {
    font-family: "Lato", "Noto Sans JP", sans-serif;
    font-size: 15px;
    text-align: center;
    letter-spacing: -0.05em;
    margin-top: 18px;
    font-weight: bold; }
    .recommendItem .recommendItem__genreTerm a {
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .recommendItem .recommendItem__genreTerm a:hover {
        opacity: 0.7; }
  .recommendItem .recommendItem__thumb {
    height: 184px;
    margin-top: 22px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-align: center; }
    .recommendItem .recommendItem__thumb img {
      max-width: 100%;
      max-height: 100%; }
  .recommendItem .recommendItem__thumb:hover {
    opacity: 0.7; }
  .recommendItem .recommendItem__txtArea {
    word-wrap: break-word;
    margin-top: 15px; }
  .recommendItem .tag-original {
    margin-top: 15px; }

/*****************************
総合チャート
*****************************/
.ranking__wrapperBg {
  position: relative;
  margin-top: 70px;
  padding: 70px 0 70px;
  background: #faf5e6;
  z-index: 0; }

.ranking__wrapper {
  position: relative; }
  .ranking__wrapper .u-secTitle::before {
    position: absolute;
    display: block;
    content: '';
    width: 111px;
    height: 103px;
    top: -30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: url("/images/home/total_rank_title_bg_pc.png");
    background-repeat: no-repeat;
    z-index: -1; }

.ranking {
  margin-top: 42px;
  font-size: 0; }
  .ranking .ranking__leftColumn {
    display: inline-block !important;
    width: calc(50% - 20px);
    margin-right: 20px;
    padding-top: 15px;
    border-top: 3px solid #000;
    vertical-align: top; }
    .ranking .ranking__leftColumn .ranking__leftColumnTitle {
      font-family: "Noto Sans JP", sans-serif;
      font-size: 16px;
      font-weight: bold;
      text-align: center; }
  .ranking .ranking__rightColumn {
    display: inline-block !important;
    width: calc(50% - 20px);
    margin-left: 20px;
    padding-top: 15px;
    border-top: 3px solid #000;
    vertical-align: top; }
    .ranking .ranking__rightColumn .ranking__rightColumnTitle {
      font-family: "Noto Sans JP", sans-serif;
      font-size: 16px;
      font-weight: bold;
      text-align: center; }
  .ranking .ranking__leftColumnUl,
  .ranking .ranking__rightColumnUl {
    width: 430px;
    margin-top: 27px;
    padding-left: 50px; }
  .ranking .ranking__leftColumnLi {
    position: relative; }
    .ranking .ranking__leftColumnLi a {
      display: block; }
  .ranking li.ranking__leftColumnLi:nth-of-type(n + 1) {
    margin-top: 20px; }
  .ranking li.ranking__leftColumnLi:nth-of-type(1):before {
    position: absolute;
    display: block;
    content: '';
    width: 36px;
    height: 36px;
    left: -50px;
    background: url("/images/home/total_rank_shp_01_pc.png"); }
  .ranking li.ranking__leftColumnLi:nth-of-type(1):after {
    position: absolute;
    display: block;
    content: '1';
    font-family: "Noto Sans JP", sans-serif;
    font-size: 21px;
    font-weight: 500;
    text-align: center;
    width: 20px;
    height: 20px;
    top: 8px;
    left: -40px; }
  .ranking li.ranking__leftColumnLi:nth-of-type(2):before {
    position: absolute;
    display: block;
    content: '';
    width: 36px;
    height: 36px;
    left: -50px;
    background: url("/images/home/total_rank_shp_02_pc.png"); }
  .ranking li.ranking__leftColumnLi:nth-of-type(2):after {
    position: absolute;
    display: block;
    content: '2';
    font-family: "Noto Sans JP", sans-serif;
    font-size: 21px;
    font-weight: 500;
    text-align: center;
    width: 20px;
    height: 20px;
    top: 8px;
    left: -40px; }
  .ranking li.ranking__leftColumnLi:nth-of-type(3):before {
    position: absolute;
    display: block;
    content: '';
    width: 36px;
    height: 36px;
    left: -50px;
    background: url("/images/home/total_rank_shp_03_pc.png"); }
  .ranking li.ranking__leftColumnLi:nth-of-type(3):after {
    position: absolute;
    display: block;
    content: '3';
    font-family: "Noto Sans JP", sans-serif;
    font-size: 21px;
    font-weight: 500;
    text-align: center;
    width: 20px;
    height: 20px;
    top: 8px;
    left: -40px; }
  .ranking li.ranking__leftColumnLi:nth-of-type(4):before {
    position: absolute;
    display: block;
    content: '';
    width: 36px;
    height: 36px;
    left: -50px;
    background: url("/images/home/total_rank_shp_04_pc.png"); }
  .ranking li.ranking__leftColumnLi:nth-of-type(4):after {
    position: absolute;
    display: block;
    content: '4';
    font-family: "Noto Sans JP", sans-serif;
    font-size: 21px;
    font-weight: 500;
    text-align: center;
    width: 20px;
    height: 20px;
    top: 8px;
    left: -40px; }
  .ranking li.ranking__leftColumnLi:nth-of-type(5):before {
    position: absolute;
    display: block;
    content: '';
    width: 36px;
    height: 36px;
    left: -50px;
    background: url("/images/home/total_rank_shp_04_pc.png"); }
  .ranking li.ranking__leftColumnLi:nth-of-type(5):after {
    position: absolute;
    display: block;
    content: '5';
    font-family: "Noto Sans JP", sans-serif;
    font-size: 21px;
    font-weight: 500;
    text-align: center;
    width: 20px;
    height: 20px;
    top: 8px;
    left: -40px; }
  .ranking .ranking__thumb {
    display: inline-block;
    float: left;
    font-size: 0;
    width: 90px;
    height: 90px;
    vertical-align: top;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .ranking .ranking__thumb img {
      max-width: 100%;
      max-height: 100%; }
  .ranking .ranking__thumb:hover {
    opacity: 0.7; }
  .ranking .ranking__txtArea {
    display: inline-block;
    float: right;
    width: 315px; }
    .ranking .ranking__txtArea .ranking__title {
      font-size: 13px;
      font-family: "ヒラギノ角ゴ ProN W6", "HiraKakuPro-W6", sans-serif;
      letter-spacing: 0.01em;
      margin-top: 3px; }
      .ranking .ranking__txtArea .ranking__title a:hover {
        text-decoration: underline; }
    .ranking .ranking__txtArea .ranking__artist {
      font-size: 12px;
      line-height: 1.4;
      margin-top: 15px; }
      .ranking .ranking__txtArea .ranking__artist a:hover {
        text-decoration: underline; }

/*****************************
タグ類
*****************************/
.tag-onlineUser {
  display: inline-block;
  font-size: 13px;
  color: #fff;
  height: 30px;
  background: #ff0000;
  margin-left: 20px;
  padding: 9px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.tag-menbersSale {
  font-family: "ヒラギノ角ゴ ProN W6", "HiraKakuPro-W6", sans-serif;
  font-size: 11px;
  text-align: center;
  letter-spacing: 0.01em;
  line-height: 1;
  color: #f10002;
  padding: 4px 14px;
  border: 1px solid #f10002;
  background: #fff; }

/* tag black */
.tag-normal {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  letter-spacing: -0.04em;
  color: #424242;
  margin-top: 12px;
  padding: 4px 0;
  border: 1px solid #424242;
  background: #fff; }

.tag-normal--inline {
  display: inline-block;
  min-width: 96px;
  margin: 3px; }

.tag-normal--grey {
  color: #fff;
  background: #5e5e5e;
  border-color: #5e5e5e;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.tag-normal--blue {
  color: #fff;
  background: #2c6ec1;
  border-color: #2c6ec1;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* tag red */
.tag-red {
  font-family: "ヒラギノ角ゴ ProN W6", "HiraKakuPro-W6", sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #f10002;
  text-align: center;
  line-height: 1;
  margin-top: 12px;
  padding: 4px;
  border: 1px solid #f10002;
  background: #fff; }

.tag-red--inline {
  display: inline-block;
  margin: 3px;
  padding: 4px 8px; }

/* tag用のulボックス */
.u-tagArea {
  margin-top: 12px; }

/* 新品 中古 */
.new-old--tag {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  margin-right: 10px;
  padding: 2px 7px;
  background: #e4e4e4; }