@charset "UTF-8";
/***** -- Foundation -- *****/
body {color: #1c1f2a;}
body.is-zh-cn, body.is-zh-tw {    font-family: '微软雅黑', sans-serif;}

/***** -- Component  -- *****/
.c-inner {max-width: 1300px;}
/* heading */
.c-heading--01 {
  text-align: center;
  letter-spacing: 2px;
}
.c-heading--01 > *:nth-child(1) {font-size: 3.2rem;}

/* btn */
.c-btn {padding: 1rem 0;}
.c-btn--01 {
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
}
.c-btn--01:hover {background-color: #f9f9f9;}
.c-btn--02 {
  color: #fff;
  background-color: #000;
  border: 1px solid #000;
}
.c-btn--02:hover {background-color: #353535;}

@media screen and (max-width: 1350px) {
  .c-inner, .c-inner--sm, .c-inner--md, .c-inner--lg {width: 92%;}
}
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 980px){
}
@media screen and (max-width: 768px){
  .c-heading--01 > *:nth-child(1) {font-size: 2.6rem;}
}
@media screen and (max-width: 640px){
}
@media screen and (max-width: 480px){
  .c-heading--01 > *:nth-child(1) {font-size: 2.0rem;}
}
@media screen and (max-width: 370px){
}



/***** -- module -- *****/
.m-btn > .c-flex > * {margin: 0 10px 10px;}



/***** -- Project -- *****/
/* header */
.l-header {position: relative;}
.p-header::after {display: none;}
.p-header--1st {height: 80px;}
.p-header-logo {
  left: 50%;
  transform: translate(-50%,-50%);
}
.p-header-logo img {width: 100px;}
.p-header-search {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translate(0,-50%);
}
.p-header-search input {
  width: 250px;
  height: 35px;
  font-size: 1.4rem;
  padding-right: 35px;
  background-color: #fff;
  background-image: url('../img/icon-search.png');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 20px 20px;
}
.p-header-select {
  position: absolute;
  left: 300px;
  top: 50%;
  transform: translate(0,-50%);
}
.p-header-select > .c-flex {
  border: 1px solid #000;
  cursor: pointer;
  overflow: hidden;
}
.p-header-select > .c-flex > * {
  display: flex;
  height: 26px;
  font-size: 1.3rem;
  font-weight: bold;
  align-items: center;
}
.p-header-select > .c-flex > *:nth-child(1) {padding: 0 .75rem 0rem 1rem;}
.p-header-select > .c-flex > *:nth-child(2) {padding: 0 1rem 0rem 2rem;}
.p-header-select > .c-flex::after {
  position: absolute;
  left: 48%;
  top: -2px;
  width: 1px;
  height: 30px;
  background-color: #000;
  transform: rotate(30deg) translateX(-50%);
  content: '';
}
.p-header-icon {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translate(0,-50%);
}
.p-header-icon > .c-flex > * {margin-right: 20px;}
.p-header-icon img {width: 30px;}
.p-header-link {
  position: absolute;
  right: 180px;
  top: 50%;
  transform: translate(0,-50%);
}
.p-header-link a {
  position: relative;
  font-size: 1.4rem;
  padding-left: 25px;
}
.p-header-link a::before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  height: 15px;
  background-image: url(../img/icon-book.png);
  background-repeat: no-repeat;
  background-size: cover;
  transform: translateY(-50%);
  content: '';
}
.p-header-account {
  display: none;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translate(0,-50%);
}
.p-header-account img {width: 30px;}
.p-header-menu {
  display: none;
  width: 80px;
}
.p-header-menu__icon {background-color: #000;}
.p-header-menu__icon::before, .p-header-menu__icon::after {background-color: #000;}

/* drawer */
.l-drawer .c-acd::before, .l-drawer .c-acd::after {background-color: #fff;}
.l-drawer {background-color: #1D1F2A;}
.p-drawer--1st {height: 60px;}
.p-drawer-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: inherit;
  cursor: pointer;
}
.p-drawer-close span {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 30px;
  height: 1px;
  background-color: transparent;
  transform: translate(-50%,-50%);
  transition: background-color .2s;
}
.p-drawer-close span::before, .p-drawer-close span::after {
  display: block;
  position: absolute;
  right: 0;
  width: 30px;
  height: 1px;
  background-color: #fff;
  content: '';
}
.p-drawer-close span::before {
  top: -10px;
  transform: translateY(10px) rotate(45deg);
}
.p-drawer-close span::after {
  top: 10px;
  transform: translateY(-10px) rotate(-45deg);
}
.p-drawer-search {text-align: center;}
.p-drawer-search input {
  width: 100%;
  height: 45px;
  font-size: 1.2rem;
  padding-right: 35px;
  background-color: #fff;
  background-image: url('../img/icon-search.png');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 20px 20px;
}
.p-drawer-item[drawer-level-2] > .c-flex > * {border-bottom: 1px solid #33374a;}
.p-drawer-item[drawer-level-2] > .c-flex > * > .p-drawer-item-cont {padding: 0 1.5rem 2rem;}
.p-drawer-item[drawer-level-2] > .c-flex > * > .p-drawer-item-cont > * {
  display: inline-block;
  font-size: 1.2rem;
  color: #fff;
  margin: 5px 10px;
}
#series .p-drawer-item[drawer-level-2] > .c-flex {padding-bottom: 20px;}
#series .p-drawer-item[drawer-level-2] > .c-flex > * {
  width: 48%;
  margin-top: 4%;
  margin-right: 4%;
  border-bottom: none;
}
#series .p-drawer-item[drawer-level-2] > .c-flex > *:nth-child(2n) {margin-right: 0;}
#series .p-drawer-item[drawer-level-2] > .c-flex > * > *:not(div) {padding: 0;}

/* drop */
.p-drop-item[drop-level-1] > .c-flex > * > .p-drop-item-cont {
  padding: 20px 80px;
  box-shadow: 0 2px 4px rgba( 0, 0, 0, .1);
}
.p-drop-item[drop-level-2] > .c-flex > * {
  width: 210px;
  margin-top: 20px;
  margin-right: 20px;
}
.p-drop-item[drop-level-2] > .c-flex > *:nth-child(5n) {margin-right: 0;}
.p-drop-item[drop-level-2] > .c-flex > *:nth-child(-n + 5) {margin-top: 0;}
#item .p-drop-item[drop-level-2] > .c-flex > * {
  width: 15%;
  margin-top: 2%;
  margin-right: 2%;
}
#item .p-drop-item[drop-level-2] > .c-flex > *:nth-child(5n) {margin-right: 2%;}
#item .p-drop-item[drop-level-2] > .c-flex > *:nth-child(-n + 5) {margin-top: 2%;}
#item .p-drop-item[drop-level-2] > .c-flex > *:nth-child(6n) {margin-right: 0;}
#item .p-drop-item[drop-level-2] > .c-flex > *:nth-child(-n + 6) {margin-top: 0;}
#item .p-drop-item[drop-level-2] > .c-flex > * > a {font-size: 1.5rem;}
#item .p-drop-item[drop-level-2] > .c-flex > * > .p-drop-item-cont > * {
  display: block;
  font-size: 1.3rem;
  padding: 2px 0 2px 10px;
  margin-top: 5px;
}

/* footer */
.l-footer {
  padding: 20px 0 60px;
  background-color: #fff;
}
.p-footer-sns > .c-flex > * {
  width: 50px;
  margin-right: 30px;
  cursor: pointer;
}
.p-footer-link {margin-top: 80px;}
.p-footer-link > .c-flex > * {
  font-size: 1.2rem;
  padding: 0 20px;
  border-right: 1px solid #000;
}
.p-footer-link > .c-flex > *:last-child {border-right: none;}
.p-footer-copy {
  font-size: 1.2rem;
  text-align: center;
  margin-top: 40px;
  padding: 10px 0;
}

/* breadcrumbs */
.l-breadcrumbs {padding: 2rem 0;}

@media screen and (max-width: 1350px){
  /* header */
  .p-header--1st {width: 100%;}

  /* drop */
  .p-drop-item[drop-level-1] > .c-flex > * > .p-drop-item-cont {padding: 20px 40px;}
  .p-drop-item[drop-level-2] > .c-flex > * {
    width: 18.4%;
    margin-top: 2%;
    margin-right: 2%;
  }

}
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 980px){
  /* header */
  .p-header-search input {width: 200px;}
  .p-header-select {left: 230px;}
  .p-header-link a {font-size: 1.2rem;}
  .p-header-nav > .c-flex > * {
    width: 160px;
    font-size: 1.2rem;
  }

  /* drop */
  .p-drop-item[drop-level-1] > .c-flex > * {width: 165px;}
  .p-drop-item[drop-level-1] > .c-flex > * > .p-drop-item-cont {padding: 20px 20px;}
  .p-drop-item[drop-level-2] > .c-flex > * {
    width: 32%;
    margin-top: 2%;
    margin-right: 2%;
  }
  .p-drop-item[drop-level-2] > .c-flex > *:nth-child(5n) {margin-right: 2%;}
  .p-drop-item[drop-level-2] > .c-flex > *:nth-child(-n + 5) {margin-top: 2%;}
  .p-drop-item[drop-level-2] > .c-flex > *:nth-child(3n) {margin-right: 0;}
  .p-drop-item[drop-level-2] > .c-flex > *:nth-child(-n + 3) {margin-top: 0;}
  #item .p-drop-item[drop-level-2] > .c-flex > * {
    width: 32%;
    margin-top: 4%;
  }
  #item .p-drop-item[drop-level-2] > .c-flex > *:nth-child(6n) {margin-right: 2%;}
  #item .p-drop-item[drop-level-2] > .c-flex > *:nth-child(-n + 6) {margin-top: 4%;}
  #item .p-drop-item[drop-level-2] > .c-flex > *:nth-child(3n) {margin-right: 0;}
  #item .p-drop-item[drop-level-2] > .c-flex > *:nth-child(-n + 3) {margin-top: 0;}

  /* footer */
  .p-footer-link > .c-flex > * {
    font-size: 1rem;
    padding: 0 15px;
  }

}
@media screen and (max-width: 768px){
  /* header */
  .p-header--1st {height: 60px;}
  .p-header-logo img {width: 90px;}
  .p-header-search, .p-header-link {display: none;}
  .p-header-select {left: 50px;}
  .p-header-icon {right: 70px;}
  .p-header-menu {
    display: block;
    width: 60px;
  }
  .p-header-account {display: block;}

  /* drop */
  .l-drop {display: none;}

  /* footer */
  .l-footer {padding: 20px 0 40px;}
  .p-footer-sns > .c-flex > * {
    width: 40px;
    margin-right: 30px;
  }
  .p-footer-link {margin-top: 40px;}
  .p-footer-link > .c-flex > * {
    width: 100%;
    font-size: 1.4rem;
    text-align: center;
    padding: 10px 0;
    border-right: none;
  }
  .p-footer-link > .c-flex > *:last-child {border-right: none;}

  /* breadcrumbs */
  .l-breadcrumbs {padding: 1rem 0;}

}
@media screen and (max-width: 640px){
}
@media screen and (max-width: 480px){
  /* header */
  .p-header-select > .c-flex > *:nth-child(1) {padding: 0 .75rem 0rem .75rem;}
  .p-header-select > .c-flex > *:nth-child(2) {padding: 0 .75rem 0rem 1.5rem;}
}
@media screen and (max-width: 370px){
  /* header */
  .p-header-logo img {width: 70px;}
  .p-header-select > .c-flex > * {font-size: 1rem;}
  .p-header-select > .c-flex > *:nth-child(2) {padding: 0 .5rem 0rem 1rem;}
}



/* ----- common ----- */
/* msg */
#msg .p-cont {
  position: relative;
  font-size: 1.2rem;
  color: #ffffff;
  text-align: center;
  padding: .5rem 0;
  background-color: #1D1F2A;
}
#msg .p-cont-icon {display: none;}
#msg .p-search {display: none;}


/* series */
#series .p-card > .c-flex > * {
  width: 370px;
  margin-top: 60px;
  margin-right: 95px;
}
#series .p-card > .c-flex > *:nth-child(-n + 3) {margin-top: 0;}
#series .p-card > .c-flex > *:nth-child(3n) {margin-right: 0;}
#series .p-card-body {margin-top: 20px;}
#series .p-card-body__ttl {
  font-size: 1.65rem;
  color: #1c1f2a;
  text-align: center;
}
#series .p-card-body__txt {
  font-size: 1.4rem;
  color: #1c1f2a;
  margin-top: 20px;
}

/* rank */
#rank .p-cont {margin-top: 40px;}
#rank .p-cont > .c-flex > * {
  width: calc(100% / 3);
  padding: 20px;
  border-left: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
#rank .p-cont > .c-flex > *:nth-child(-n + 3) {border-top: 1px solid #f1f1f1;}
#rank .p-cont-num {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 30px;
  height: 30px;
  color: #fff;
  padding-left: 10px;
  background-color: #000;
  z-index: 1;
}
#rank .p-cont-num p {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 1.2rem;
  transform: translateY(-50%);
}
#rank .p-cont > .c-flex > *:nth-child(3n), #rank .p-cont > .c-flex > *:last-child {border-right: 1px solid #f1f1f1;}
#rank .p-cont-col > .c-flex {align-items: center;}
#rank .p-cont-col > .c-flex > * {width: 50%;}
#rank .p-cont-col-title {font-size: 1.35rem;}
#rank .p-cont-col-meta > .c-flex > *:nth-child(1) {
  width: calc(100% - 25px);
  padding-right: 10px;
}
#rank .p-cont-col-meta > .c-flex > *:nth-child(2) {
  width: 25px;
  cursor: pointer;
}
#rank .p-cont-col-meta > .c-flex > *:nth-child(2) > img:nth-child(1) {display: block;}
#rank .p-cont-col-meta > .c-flex > *:nth-child(2) > img:nth-child(2) {display: none;}
#rank .p-cont-col-meta > .c-flex > *:nth-child(2).is-on > img:nth-child(1) {display: none;}
#rank .p-cont-col-meta > .c-flex > *:nth-child(2).is-on > img:nth-child(2) {display: block;}
#rank .p-cont-col-meta__price {font-size: 2.1rem;}

/* banner */
#banner .p-card > .c-flex > * {
  width: 48%;
  text-align: center;
  margin-top: 60px;
  margin-right: 4%;
}
#banner .p-card > .c-flex > *:nth-child(-n + 2) {margin-top: 0;}
#banner .p-card > .c-flex > *:nth-child(2n) {margin-right: 0;}
#banner .p-card-title {
  font-size: 1.65rem;
  color: #1c1f2a;
  text-align: center;
  margin-top: 20px;
}
#banner .p-container--2nd {margin-top: 60px;}

/* news */
#news .p-list {margin-top: 40px;}
#news .p-list > * {
  display: flex;
  padding: 20px 0;
  border-bottom: 1px solid #000;
}
#news .p-list > *:first-child {border-top: 1px solid #000;}
#news .p-list-body > .c-table > *:nth-child(1) {
  width: 165px;
  padding-left: 5px;
}
#news .p-list-body > .c-table > *:nth-child(2) {
  padding-left: 25px;
  padding-right: 10px;
}
#news .p-list-body__date {
  font-size: 1.65rem;
  text-align: center;
  padding: 5px 25px;
  border: 1px solid #000;
  border-radius: 20px;
}
#news .p-list-body__ttl {font-size: 1.65rem;}
#news .p-btn {margin-top: 80px;}
#news .p-btn .c-btn {width: 500px;}

/* mypageMenu */
#mypageMenu {padding-top: 0px;}
#mypageMenu .p-card > .c-flex > * {
  width: 33.33%;
  font-size: 1.3rem;
  padding: 10px;
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
#mypageMenu .p-card > .c-flex > *:nth-child(-n + 3) {border-top: 1px solid #f1f1f1;}

/* pageTpl */
#pageTpl #detail .p-cont-qa {margin-top: 25px;}
#pageTpl #detail .p-cont-qa__ttl, #pageTpl #detail .p-cont-qa__txt {
  position: relative;
  padding-left: 35px;
}
#pageTpl #detail .p-cont-qa__ttl::before, #pageTpl #detail .p-cont-qa__txt::before {
  position: absolute;
  left: 5px;
  top: 0;
}
#pageTpl #detail .p-cont-qa__ttl::before {content: 'Ｑ.';}
#pageTpl #detail .p-cont-qa__txt::before {content: 'Ａ.';}




/* ----- home ----- */
/* mv */
#home #mv .p-slider {padding-bottom: 25px;}
#home #series .p-card-body__txt {display: none;}



/* ----- seriesTop ----- */
/* series */
#seriesTop #series .p-card {margin-top: 80px;}



/* ----- seriesList ----- */
/* list */
#seriesList #list .p-cont {margin-top: 40px;}
#seriesList #list .p-cont > .c-flex > * {
  width: calc(100% / 3);
  padding: 20px;
  border-left: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
#seriesList #list .p-cont > .c-flex > *:nth-child(-n + 3) {border-top: 1px solid #f1f1f1;}
#seriesList #list .p-cont-num {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 30px;
  height: 30px;
  color: #fff;
  padding-left: 10px;
  background-color: #000;
  z-index: 1;
}
#seriesList #list .p-cont-num p {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 1.2rem;
  transform: translateY(-50%);
}
#seriesList #list .p-cont > .c-flex > *:nth-child(3n), #seriesList #list .p-cont > .c-flex > *:last-child {border-right: 1px solid #f1f1f1;}
#seriesList #list .p-cont-col > .c-flex {align-items: center;}
#seriesList #list .p-cont-col > .c-flex > * {width: 50%;}
#seriesList #list .p-cont-col > .c-flex > *:nth-child(1) {padding-right: 10px;}
#seriesList #list .p-cont-col-title {font-size: 1.35rem;}
#seriesList #list .p-cont-col-meta > .c-flex > *:nth-child(1) {
  width: calc(100% - 25px);
  padding-right: 10px;
}
#seriesList #list .p-cont-col-meta > .c-flex > *:nth-child(2) {
  width: 25px;
  cursor: pointer;
}
#seriesList #list .p-cont-col-meta > .c-flex > *:nth-child(2) > img:nth-child(1) {display: block;}
#seriesList #list .p-cont-col-meta > .c-flex > *:nth-child(2) > img:nth-child(2) {display: none;}
#seriesList #list .p-cont-col-meta > .c-flex > *:nth-child(2).is-on > img:nth-child(1) {display: none;}
#seriesList #list .p-cont-col-meta > .c-flex > *:nth-child(2).is-on > img:nth-child(2) {display: block;}
#seriesList #list .p-cont-col-meta__price {font-size: 2.1rem;}



/* ----- newsTop ----- */
/* news */
#newsTop #news .p-list {margin-top: 80px;}
#newsTop #news .p-list > * {align-items: center;}
#newsTop #news .p-list-thumb {width: 200px;}
#newsTop #news .p-list-body {
  width: calc(100% - 200px);
  padding-left: 15px;
}



/* ----- newsDetail ----- */
/* detail */
#newsDetail #detail .p-meta > .c-flex > *:nth-child(1) {
  width: 90px;
  padding-right: 20px;
}
#newsDetail #detail .p-meta > .c-flex > *:nth-child(2) {width: 120px;}
#newsDetail #detail .p-meta > .c-flex > *:nth-child(2) > span {
  display: block;
  text-align: center;
  color: #fff;
}
#newsDetail #detail .c-heading {
  font-size: 2.4rem;
  margin-top: 25px;
}
#newsDetail #detail .p-cont {margin-top: 40px;}
#newsDetail #detail .p-btn {margin-top: 80px;}



/* ----- stepDetail ----- */
/* flow */
#stepDetail #flow .p-tab {margin-top: 40px;}
#stepDetail #flow .p-tab > .c-flex > * {
  width: 18.4%;
  height: 50px;
  margin-right: 2%;
  border: 1px solid #1D1F2A;
}
#stepDetail #flow .p-tab > .c-flex > *.is-active::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  background-color: #1D1F2A;
  content: '';
}
#stepDetail #flow .p-tab > .c-flex > * span {
  position: absolute;
  top: 50%;
  width: 100%;
  font-size: 1.4rem;
  text-align: center;
  padding: 0 5px;
  transform: translateY(-50%);
}
#stepDetail #flow .p-tab > .c-flex > * br {display: none;}
#stepDetail #flow .p-cont {
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
#stepDetail #flow .p-cont-body {
  position: relative;
  width: 1300px;
  margin-top: 20px;
  margin-bottom: 20px;
}
#stepDetail #flow .p-cont-body-bg {
  position: relative;
  width: 100%;
  background-size: 100%;
  background-position: center;
}
#stepDetail #flow .p-cont-body-bg::before {
  display: block;
  content: '';
}
#stepDetail #flow .p-cont-body-link > a {
  position: absolute;
  background-color: transparent;
  z-index: 1;
}
#stepDetail #flow .p-cont-body-link > a:hover {background-color: rgb(255 255 255 / 50%);}

/* rank */
#stepDetail #rank .c-heading--01 > *:nth-child(1) {font-size: 2.4rem;}



/* ----- productDetail ----- */
/* detail */
#productDetail #detail .p-head {display: none;}
#productDetail #detail .p-cont > .c-flex > *:nth-child(1) {width: 600px;}
#productDetail #detail .p-cont > .c-flex > *:nth-child(2) {width: calc(100% - 600px);}
#productDetail #detail .p-cont-slider {
  width: 400px;
  margin: auto;
  padding-bottom: 15px;
}
#productDetail #detail .p-cont-bnr {margin-top: 40px;}
#productDetail #detail .p-cont-bnr-img img {width: 300px;}
#productDetail #detail .p-cont-bnr__ttl {
  font-size: 1.4rem;
  text-align: center;
  margin-top: 5px;
}
#productDetail #detail .p-cont-detail-title {
  font-size: 2.8rem;
  padding: 0 0 1rem;
  border-bottom: 1px solid;
}
#productDetail #detail .p-cont-detail-lead {margin-top: 50px;}
#productDetail #detail .p-cont-detail-cart {margin-top: 40px;}
#productDetail #detail .p-cont-detail-cart > .c-flex > *:nth-child(1) {width: calc(100% - 370px);}
#productDetail #detail .p-cont-detail-cart > .c-flex > *:nth-child(2) {width: 370px;}
#productDetail #detail .p-cont-detail-cart__price > *:nth-child(1) {
  font-size: 2.8rem;
  font-weight: bold;
}
#productDetail #detail .p-cont-detail-cart__price > *:nth-child(2) {font-size: 1.2rem;}
#productDetail #detail .p-cont-detail-cart-form > .c-flex > *:nth-child(1) {margin-right: 5px;}
#productDetail #detail .p-cont-detail-cart-form select {
  height: 46px;
  padding: 0 3rem 0 1rem;
}
#productDetail #detail .p-cont-detail-cart-form button {
  height: 46px;
  font-size: 1.4rem;
}
#productDetail #detail .p-cont-detail-info {margin-top: 80px;}
#productDetail #detail .p-cont-detail-info h2 {
  font-size: 1.65rem;
  padding: 1rem 4rem 1rem 1.5rem;
}
#productDetail #detail .p-cont-detail-info > * {border-top: 1px solid;}
#productDetail #detail .p-cont-detail-info > *:last-child {border-bottom: 1px solid;}
#productDetail #detail .p-cont-detail-info .c-acd::before, #productDetail #detail .p-cont-detail-info .c-acd::after {
  width: 14px;
  height: 1px;
}
#productDetail #detail .p-cont-detail-info .c-acd-cont {position: relative;}
#productDetail #detail .p-cont-detail-info .c-acd-cont::before {
  position: absolute;
  top: 0;
  width: 100%;
  height: 1px;
  background-color: #000;
  content: '';
}
#productDetail #detail .p-cont-detail-info .c-acd-cont > * {
  margin-top: 20px;
  margin-bottom: 40px;
  padding: 0 1rem;
}
#productDetail #detail .p-cont-detail-qa > * > p {
  position: relative;
  padding-left: 35px;
}
#productDetail #detail .p-cont-detail-qa > * > p::before {
  position: absolute;
  left: 5px;
  top: 0;
}
#productDetail #detail .p-cont-detail-qa > * > p:nth-child(1)::before {content: 'Ｑ.';}
#productDetail #detail .p-cont-detail-qa > * > p:nth-child(2)::before {content: 'Ａ.';}

/* cart */
#productDetail #cart {display: none;}

/* rank */
#productDetail #rank .c-heading--01 > *:nth-child(1) {font-size: 2.4rem;}



/* ----- cartTop ----- */
/* list */
#cartTop #list {padding-top: 20px;}
#cartTop #list .p-cont {margin-top: 40px;}
#cartTop #list .p-cont > *:nth-child(n + 2) {margin-top: 30px;}
#cartTop #list .p-cont-error {
  max-width: 550px;
  margin: auto;
}
#cartTop #list .p-cont-error > *:nth-child(n + 2) {margin-top: 20px;}
#cartTop #list .p-table {margin-top: 60px;}
#cartTop #list .p-table-list > .c-flex {
  padding: 10px;
  border-top: 1px solid #f1f1f1;
}
#cartTop #list .p-table-list > .c-flex:last-child {border-bottom: 1px solid #f1f1f1;}
#cartTop #list .p-table-list > .c-flex > *:nth-child(1) {width: 120px;}
#cartTop #list .p-table-list > .c-flex > *:nth-child(2) {
  width: calc(100% - 120px);
  padding-left: 20px;
}
#cartTop #list .p-table-list-body__name {
  font-size: 1.8rem;
  font-weight: bold;
}
#cartTop #list .p-table-list-body-info {margin-top: 5px;}
#cartTop #list .p-table-list-body-info > .c-flex > *:nth-child(1) {font-size: 1.2rem;}
#cartTop #list .p-table-list-body-info > .c-flex > *:nth-child(2) {
  font-size: 1.4rem;
  font-weight: bold;
}
#cartTop #list .p-table-list-control {margin-top: 10px;}
#cartTop #list .p-table-list-control > .c-flex > * {
  margin-right: 10px;
  margin-bottom: 10px;
}
#cartTop #list .p-table-list-control > .c-flex > * > * {display: inline-block;}
#cartTop #list .p-table-list-control select {
  height: 35px;
  padding: 0 3rem 0 1rem;
}
#cartTop #list .p-table-list-control .c-btn {
  height: 35px;
  padding: 0;
}
#cartTop #list .p-table-list-control .c-btn > * {
  position: absolute;
  left: 0%;
  top: 50%;
  width: 100%;
  font-size: 1.2rem;
  text-align: center;
  line-height: 1;
  transform: translate(0,-50%);
}
#cartTop #list .p-table-total {
  text-align: right;
  margin-top: 15px;
}
#cartTop #list .p-btn {margin-top: 60px;}
#cartTop #list .p-btn > .c-flex > * {margin: 0 10px 10px;}



/* ----- account ----- */
/* common */
#account .p-cont-errors > p {
  font-size: 1.4rem;
  font-weight: bold;
  color: #ff0000;
  text-align: center;
}
#account .p-cont-errors > p:nth-child(n + 2) {margin-bottom: 10px;}
#account .p-form {
  margin-top: 40px;
  padding: 30px 20px;
  background-color: #f9f9f9;
}
#account .p-form-input > .c-flex > * {width: 100%;}
#account .p-form-input > .c-flex > *:nth-child(n + 2) {margin-top: 20px;}
#account .p-form-input label {
  display: block;
  font-size: 1.4rem;
  margin-bottom: 5px;
}
#account .p-form-input label span {
  font-weight: bold;
  color: #ff0000;
  margin-left: 5px;
}
#account .p-form-input__error {
  font-size: 1.2rem;
  color: #ff0000;
}
#account .p-form-btn {margin-top: 40px;}
#account .p-form-btn > .c-flex > * {margin: 0 10px 10px;}
#account .p-form-btn .c-btn {width: 300px;}
#account .p-form-btn .c-btn:disabled {opacity: .6;}
#account .p-form-link {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
}
#account .p-form-agree {
  text-align: center;
  margin-top: 40px;
}
#account .p-form-agree > .c-flex > * {width: 100%;}
#account .p-form-agree > .c-flex > *:nth-child(n + 2) {margin-top: 10px;}
#account .p-btn {margin-top: 60px;}
#account .p-btn > .c-flex > * {margin: 0 10px 10px;}
#account .p-btn .c-btn {width: 300px;}

/* login */
#account #login .p-form-link {text-align: right;}

/* regist */
#account #regist input[type="date"] {
  font-family: 'Noto Sans JP', sans-serif;
  padding: 1rem;
  border: 1px solid #ccc;
}
#account #regist .p-form-input-name > .c-flex > * {
  width: 49%;
  margin-right: 2%;
}
#account #regist .p-form-input-name > .c-flex > *:nth-child(2n) {margin-right: 0;}
#account #regist .p-form-input-phone > .c-flex > *:nth-child(odd) {width: 70px;}
#account #regist .p-form-input-phone > .c-flex > *:nth-child(even) {
  width: 10px;
  text-align: center;
}
#account #regist .p-form-input-zip > .c-flex > *:nth-child(1) {width: 60px;}
#account #regist .p-form-input-zip > .c-flex > *:nth-child(3) {width: 80px;}
#account #regist .p-form-input-zip > .c-flex > *:nth-child(even) {
  width: 10px;
  text-align: center;
}

/* registConfirm */
#account #registConfirm .p-form-input > .c-flex > * {
  padding: 20px 0;
  border-bottom: 1px solid #eee;
}
#account #registConfirm .p-form-input > .c-flex > *:nth-child(n + 2) {margin-top: 0;}



/* ----- payment ----- */
/* common */
#payment .p-cont-errors > p {
  font-size: 1.4rem;
  font-weight: bold;
  color: #ff0000;
  text-align: center;
}
#payment .p-cont-errors > p:nth-child(n + 2) {margin-bottom: 10px;}
#payment .p-form {
  margin-top: 40px;
  padding: 30px 20px;
  background-color: #f9f9f9;
}
#payment .p-form-input > .c-flex > * {width: 100%;}
#payment .p-form-input > .c-flex > *:nth-child(n + 2) {margin-top: 20px;}
#payment .p-form-input label {
  display: block;
  font-size: 1.4rem;
  margin-bottom: 5px;
}
#payment .p-form-input label span {
  font-weight: bold;
  color: #ff0000;
  margin-left: 5px;
}
#payment .p-form-input__error {
  font-size: 1.2rem;
  color: #ff0000;
}
#payment .p-form-btn {margin-top: 60px;}
#payment .p-form-btn > .c-flex > * {margin: 0 10px 10px;}
#payment .p-form-btn .c-btn {width: 300px;}
#payment .p-form-btn .c-btn:disabled {opacity: .6;}
#payment .p-form-link {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
}
#payment .p-btn {margin-top: 60px;}
#payment .p-btn > .c-flex > * {margin: 0 10px 10px;}
#payment .p-btn .c-btn {width: 300px;}

/* addres */
#payment #address .p-form-input {
  background-color: #fff;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
#payment #address .p-form-input > .c-table > * {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#payment #address .p-form-input > .c-table > *:nth-child(1) {
  width: 50px;
  text-align: center;
}
#payment #address .p-form-input > .c-table > *:nth-child(2) {
  position: relative;
  padding: 25px 20px 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#payment #address .p-form-input-body__label {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1rem;
  color: #fff;
  padding: 2px 6px;
  background-color: #000;
}
#payment #address .p-form-input-link > .c-flex > * {
  font-size: 1.4rem;
  margin-right: 10px;
}

/* multi */
#payment #multi .p-form-list > * {
  padding: 15px;
  background-color: #fff;
}
#payment #multi .p-form-list > *:nth-child(n + 2) {margin-top: 10px;}
#payment #multi .p-form-product > .c-flex {
  padding: 10px;
  border-top: 1px solid #f1f1f1;
}
#payment #multi .p-form-product > .c-flex:last-child {border-bottom: 1px solid #f1f1f1;}
#payment #multi .p-form-product > .c-flex > *:nth-child(1) {width: 120px;}
#payment #multi .p-form-product > .c-flex > *:nth-child(2) {
  width: calc(100% - 120px);
  padding-left: 20px;
}

/* delivery */
#payment #delivery .p-form-list > * {
  padding: 15px;
  background-color: #fff;
}
#payment #delivery .p-form-list > *:nth-child(n + 2) {margin-top: 10px;}
#payment #delivery .p-form-product > .c-flex {
  padding: 10px;
  border-top: 1px solid #f1f1f1;
}
#payment #delivery .p-form-product > .c-flex:last-child {border-bottom: 1px solid #f1f1f1;}
#payment #delivery .p-form-product > .c-flex > *:nth-child(1) {width: 120px;}
#payment #delivery .p-form-product > .c-flex > *:nth-child(2) {
  width: calc(100% - 120px);
  padding-left: 20px;
}
#payment #delivery .p-form-delivery > .c-flex:nth-child(n+2) {margin-top: 10px;}
#payment #delivery .p-form-delivery > .c-flex > *:nth-child(1) {
  width: 70px;
  padding: 10px 0;
}
#payment #delivery .p-form-delivery > .c-flex > *:nth-child(2) {
  width: calc(100% - 70px);
  padding-left: 20px;
}

/* confirm */
#payment #confirm .p-form-list > * {
  padding: 15px;
  background-color: #fff;
}
#payment #confirm .p-form-list > *:nth-child(n + 2) {margin-top: 10px;}
#payment #confirm .p-form-product > .c-flex {
  padding: 10px;
  border-top: 1px solid #f1f1f1;
}
#payment #confirm .p-form-product > .c-flex:last-child {border-bottom: 1px solid #f1f1f1;}
#payment #confirm .p-form-product > .c-flex > *:nth-child(1) {width: 120px;}
#payment #confirm .p-form-product > .c-flex > *:nth-child(2) {
  width: calc(100% - 120px);
  padding-left: 20px;
}
#payment #confirm .p-form-delivery > .c-flex > *:nth-child(1) {
  width: 70px;
  padding: 10px 0;
}
#payment #confirm .p-form-delivery > .c-flex > *:nth-child(2) {
  width: calc(100% - 70px);
  padding-left: 20px;
}
#payment #confirm .p-form-price {
  padding: 15px;
  background-color: #fff;
}
#payment #confirm .p-form-price > .c-table:nth-child(odd) {background-color: #f9f9f9;}
#payment #confirm .p-form-price > .c-table:nth-child(even) {background-color: #fefefe;}
#payment #confirm .p-form-price > .c-table.is-total {background-color: #fff;}
#payment #confirm .p-form-price > .c-table > * {
  font-size: 1.3rem;
  text-align: right;
  padding: 5px;
}
#payment #confirm .p-form-price > .c-table.is-total > * {
  font-size: 1.8rem;
  font-weight: bold;
}
#payment #confirm .p-form-price > .c-table > *:nth-child(2) {width: 100px;}



/* ----- mypage ----- */
/* common */
#mypage .p-cont-errors > p {
  font-size: 1.4rem;
  font-weight: bold;
  color: #ff0000;
  text-align: center;
}
#mypage .p-cont-errors > p:nth-child(n + 2) {margin-bottom: 10px;}
#mypage .p-form {
  margin-top: 40px;
  padding: 30px 20px;
  background-color: #f9f9f9;
}
#mypage .p-form-input > .c-flex > * {width: 100%;}
#mypage .p-form-input > .c-flex > *:nth-child(n + 2) {margin-top: 20px;}
#mypage .p-form-input label {
  display: block;
  font-size: 1.4rem;
  margin-bottom: 5px;
}
#mypage .p-form-input label span {
  font-weight: bold;
  color: #ff0000;
  margin-left: 5px;
}
#mypage .p-form-input__error {
  font-size: 1.2rem;
  color: #ff0000;
}
#mypage .p-form-btn {margin-top: 40px;}
#mypage .p-form-btn > .c-flex > * {margin: 0 10px 10px;}
#mypage .p-form-btn .c-btn {width: 300px;}
#mypage .p-form-btn .c-btn:disabled {opacity: .6;}
#mypage .p-form-link {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
}

/* addressList */
#mypage #addressList .p-list {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
#mypage #addressList .p-list > .c-table > * {
  position: relative;
  padding: 25px 20px 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#mypage #addressList .p-list-label {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1rem;
  color: #fff;
  padding: 2px 6px;
  background-color: #000;
}
#mypage #addressList .p-list-link > .c-flex > * {
  font-size: 1.4rem;
  margin-right: 10px;
}

/* addressAdd */
#mypage #addressAdd .p-form-input-name > .c-flex > * {
  width: 49%;
  margin-right: 2%;
}
#mypage #addressAdd .p-form-input-name > .c-flex > *:nth-child(2n) {margin-right: 0;}
#mypage #addressAdd .p-form-input-phone > .c-flex > *:nth-child(odd) {width: 70px;}
#mypage #addressAdd .p-form-input-phone > .c-flex > *:nth-child(even) {
  width: 10px;
  text-align: center;
}
#mypage #addressAdd .p-form-input-zip > .c-flex > *:nth-child(1) {width: 60px;}
#mypage #addressAdd .p-form-input-zip > .c-flex > *:nth-child(3) {width: 80px;}
#mypage #addressAdd .p-form-input-zip > .c-flex > *:nth-child(even) {
  width: 10px;
  text-align: center;
}

/* addressSelect */
#mypage #addressSelect .p-form-input {
  background-color: #fff;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
#mypage #addressSelect .p-form-input > .c-table > * {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#mypage #addressSelect .p-form-input > .c-table > *:nth-child(1) {
  width: 50px;
  text-align: center;
}
#mypage #addressSelect .p-form-input > .c-table > *:nth-child(2) {
  position: relative;
  padding: 25px 20px 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#mypage #addressSelect .p-form-input-body__label {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1rem;
  color: #fff;
  padding: 2px 6px;
  background-color: #000;
}
#mypage #addressSelect .p-form-input-link > .c-flex > * {
  font-size: 1.4rem;
  margin-right: 10px;
}

/* historyList */
#mypage #historyList .p-list > .c-flex {
  padding: 10px;
  border-top: 1px solid #f1f1f1;
}
#mypage #historyList .p-list > .c-flex:last-child {border-bottom: 1px solid #f1f1f1;}
#mypage #historyList .p-list > .c-flex > *:nth-child(1) {width: 80px;}
#mypage #historyList .p-list > .c-flex > *:nth-child(2) {
  width: calc(100% - 80px);
  padding-left: 20px;
}

/* historyDetail */
#mypage #historyDetail .p-form-list > * {
  padding: 15px;
  background-color: #fff;
}
#mypage #historyDetail .p-form-list > *:nth-child(n + 2) {margin-top: 10px;}
#mypage #historyDetail .p-form-product > .c-flex {
  padding: 10px;
  border-top: 1px solid #f1f1f1;
}
#mypage #historyDetail .p-form-product > .c-flex:last-child {border-bottom: 1px solid #f1f1f1;}
#mypage #historyDetail .p-form-product > .c-flex > *:nth-child(1) {width: 120px;}
#mypage #historyDetail .p-form-product > .c-flex > *:nth-child(2) {
  width: calc(100% - 120px);
  padding-left: 20px;
}
#mypage #historyDetail .p-form-delivery > .c-flex > *:nth-child(1) {
  width: 70px;
  padding: 10px 0;
}
#mypage #historyDetail .p-form-delivery > .c-flex > *:nth-child(2) {
  width: calc(100% - 70px);
  padding-left: 20px;
}
#mypage #historyDetail .p-form-price {
  padding: 15px;
  background-color: #fff;
}
#mypage #historyDetail .p-form-price > .c-table:nth-child(odd) {background-color: #f9f9f9;}
#mypage #historyDetail .p-form-price > .c-table:nth-child(even) {background-color: #fefefe;}
#mypage #historyDetail .p-form-price > .c-table.is-total {background-color: #fff;}
#mypage #historyDetail .p-form-price > .c-table > * {
  font-size: 1.3rem;
  text-align: right;
  padding: 5px;
}
#mypage #historyDetail .p-form-price > .c-table.is-total > * {
  font-size: 1.8rem;
  font-weight: bold;
}
#mypage #historyDetail .p-form-price > .c-table > *:nth-child(2) {width: 100px;}

/* point */
#mypage #point .p-form-table > .c-table > * {
  text-align: center;
  padding: 5px 0;
  border-right: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
#mypage #point .p-form-table > .c-table > *:nth-child(1) {
  width: 120px;
  border-left: 1px solid #f1f1f1;
}
#mypage #point .p-form-table > .c-table:nth-of-type(1) > * {border-top: 1px solid #f1f1f1;}

/* favoriteList */
#mypage #favoriteList .p-list > .c-flex {
  padding: 10px;
  border-top: 1px solid #f1f1f1;
}
#mypage #favoriteList .p-list > .c-flex:last-child {border-bottom: 1px solid #f1f1f1;}
#mypage #favoriteList .p-list > .c-flex > *:nth-child(1) {width: 80px;}
#mypage #favoriteList .p-list > .c-flex > *:nth-child(2) {
  width: calc(100% - 80px);
  padding-left: 20px;
}




@media screen and (max-width: 1350px){
  /* ----- common ----- */
  /* series */
  #series .p-card > .c-flex > * {
    width: 30%;
    margin-right: 5%;
  }



  /* ----- productDetail ----- */
  /* detail */
  #productDetail #detail .p-cont > .c-flex > *:nth-child(1) {width: 450px;}
  #productDetail #detail .p-cont > .c-flex > *:nth-child(2) {width: calc(100% - 450px);}



}
@media screen and (max-width: 1200px){
  /* ----- productDetail ----- */
  /* detail */
  #productDetail #detail .p-cont > .c-flex > *:nth-child(1) {width: 350px;}
  #productDetail #detail .p-cont > .c-flex > *:nth-child(2) {width: calc(100% - 350px);}
  #productDetail #detail .p-cont-slider {width: 300px;}
  #productDetail #detail .p-cont-bnr-img img {width: 250px;}



}
@media screen and (max-width: 980px){
  /* ----- common ----- */
  /* rank */
  #rank .c-inner {width: 100%;}
  #rank .p-cont > .c-flex > *:nth-child(3n + 1) {border-left: none;}
  #rank .p-cont > .c-flex > *:nth-child(3n) {border-right: none!important;}
  #rank .p-cont-num {
    left: 7%;
    top: 10%;
    width: 25px;
    height: 25px;
  }
  #rank .p-cont-col-title {font-size: 1.2rem;}
  #rank .p-cont-col-meta {margin-top: 5px;}
  #rank .p-cont-col-meta > .c-flex > *:nth-child(2) {width: 20px;}
  #rank .p-cont-col-meta__price {font-size: 1.6rem;}


  /* ----- seriesList ----- */
  /* list */
  #seriesList #list .c-inner {width: 100%;}
  #seriesList #list .p-cont > .c-flex > *:nth-child(3n + 1) {border-left: none;}
  #seriesList #list .p-cont > .c-flex > *:nth-child(3n) {border-right: none!important;}
  #seriesList #list .p-cont-num {
    left: 7%;
    top: 10%;
    width: 25px;
    height: 25px;
  }
  #seriesList #list .p-cont-col-title {font-size: 1.2rem;}
  #seriesList #list .p-cont-col-meta {margin-top: 5px;}
  #seriesList #list .p-cont-col-meta > .c-flex > *:nth-child(2) {width: 20px;}
  #seriesList #list .p-cont-col-meta__price {font-size: 1.6rem;}



  /* ----- stepDetail ----- */
  /* flow */
  #stepDetail #flow .p-tab > .c-flex > * {
    width: 19.2%;
    margin-right: 1%;
  }
  #stepDetail #flow .p-tab > .c-flex > * span {font-size: 1.2rem;}



  /* ----- productDetail ----- */
  /* detail */
  #productDetail #detail .p-cont > .c-flex > *:nth-child(1) {width: 300px;}
  #productDetail #detail .p-cont > .c-flex > *:nth-child(2) {
    width: calc(100% - 300px);
    padding-left: 15px;
  }
  #productDetail #detail .p-cont-slider {width: 300px;}
  #productDetail #detail .p-cont-bnr-img img {width: 250px;}
  #productDetail #detail .p-cont-detail-title {font-size: 2.4rem;}
  #productDetail #detail .p-cont-detail-cart > .c-flex > *:nth-child(1) {width: 100%;}
  #productDetail #detail .p-cont-detail-cart > .c-flex > *:nth-child(2) {
    width: 100%;
    margin-top: 20px;
  }
  #productDetail #detail .p-cont-detail-cart__price > *:nth-child(1) {font-size: 2.4rem;}



}
@media screen and (max-width: 768px){
  /* ----- common ----- */
  /* msg */
  #msg .p-cont {padding: 1rem 0;}
  #msg .p-cont-icon {
    display: block;
    position: absolute;
    left: 10px;
    top: 7px;
  }
  #msg .p-cont-icon img {width: 25px;}
  #msg .p-search {display: block;}
  #msg .p-search form {padding: 10px;}
  #msg .p-search form > .c-flex > *:nth-child(1) {
    width: calc(100% - 55px);
    margin-right: 5px;
  }
  #msg .p-search form > .c-flex > *:nth-child(2) {width: 50px;}
  #msg .p-search form > .c-flex > * {}
  #msg .p-search input {
    width: 100%;
    height: 40px;
    font-size: 1.2rem;
    background-color: #fff;
  }
  #msg .p-search button {
    font-size: 1.2rem;
    height: 40px;
  }

  /* series */
  #series .p-card > .c-flex > * {
    width: 48%;
    margin-top: 8%;
    margin-right: 4%;
  }
  #series .p-card > .c-flex > *:nth-child(-n + 3) {margin-top: 8%;}
  #series .p-card > .c-flex > *:nth-child(3n) {margin-right: 4%;}
  #series .p-card > .c-flex > *:nth-child(-n + 2) {margin-top: 0;}
  #series .p-card > .c-flex > *:nth-child(2n) {margin-right: 0;}
  #series .p-card-body {margin-top: 10px;}
  #series .p-card-body__ttl {font-size: 1.4rem;}
  #series .p-card-body__txt {
    font-size: 1.2rem;
    margin-top: 10px;
  }

  /* rank */
  #rank .p-cont {margin-top: 30px;}
  #rank .p-cont > .c-flex > * {padding: 30px 5px 10px;}
  #rank .p-cont-num {
    left: 5px;
    top: 5px;
    width: 20px;
    height: 20px;
  }
  #rank .p-cont-num p {font-size: 1.0rem;}
  #rank .p-cont-col > .c-flex {flex-direction: column-reverse;}
  #rank .p-cont-col > .c-flex > * {width: 100%;}
  #rank .p-cont-col > .c-flex > *:nth-child(1) {margin-top: 10px;}
  #rank .p-cont-col-meta__price {font-size: 1.4rem;}

  /* banner */
  #banner .p-container--2nd {margin-top: 40px;}
  #banner .p-container--2nd .p-card > .c-flex > * {
    width: 100%;
    margin-top: 40px;
    margin-right: 0;
  }
  #banner .p-container--2nd .p-card > .c-flex > *:nth-child(-n + 1) {margin-top: 0;}
  #banner .p-card-title {
    font-size: 1.4rem;
    margin-top: 10px;
  }

  /* news */
  #news .p-list {margin-top: 30px;}
  #news .p-list-body > .c-table > *:nth-child(1) {width: 120px;}
  #news .p-list-body__date {
    font-size: 1.4rem;
    padding: 2px 10px;
  }
  #news .p-list-body__ttl {font-size: 1.4rem;}
  #news .p-btn .c-btn {width: 250px;}

  /* mypageMenu */
  #mypageMenu .p-card > .c-flex > * {
    width: 50%;
    font-size: 1.2rem;
  }
  #mypageMenu .p-card > .c-flex > *:nth-child(-n + 3) {border-top: none;}
  #mypageMenu .p-card > .c-flex > *:nth-child(-n + 2) {border-top: 1px solid #f1f1f1;}



  /* ----- seriesTop ----- */
  /* series */
  #seriesTop #series .p-card {margin-top: 60px;}



  /* ----- seriesList ----- */
  /* list */
  #seriesList #list .p-cont {margin-top: 30px;}
  #seriesList #list .p-cont > .c-flex > * {padding: 30px 5px 10px;}
  #seriesList #list .p-cont-num {
    left: 5px;
    top: 5px;
    width: 20px;
    height: 20px;
  }
  #seriesList #list .p-cont-num p {font-size: 1.0rem;}
  #seriesList #list .p-cont-col > .c-flex {flex-direction: column-reverse;}
  #seriesList #list .p-cont-col > .c-flex > * {width: 100%;}
  #seriesList #list .p-cont-col > .c-flex > *:nth-child(1) {
    margin-top: 10px;
    padding-right: 0;
  }
  #seriesList #list .p-cont-col-meta__price {font-size: 1.4rem;}



  /* ----- newsTop ----- */
  /* news */
  #newsTop #news .p-list {margin-top: 60px;}
  #newsTop #news .p-list-body > .c-table > * {
    display: block;
    padding-left: 0;
  }
  #newsTop #news .p-list-body > .c-table > *:nth-child(2) {
    width: 100%;
    margin-top: 10px;
  }
  #newsTop #news .p-list-thumb {width: 150px;}
  #newsTop #news .p-list-body {
    width: calc(100% - 150px);
    padding-left: 15px;
  }



  /* ----- stepDetail ----- */
  /* flow */
  #stepDetail #flow .p-tab {margin-top: 20px;}
  #stepDetail #flow .p-tab > .c-flex > * {
    width: 20%;
    margin-right: 0;
    border: none;
    border-top: 1px solid #1D1F2A;
    border-bottom: 1px solid #1D1F2A;
    border-right: 1px solid #1D1F2A;
    border-radius: 4px 4px 0 0;
  }
  #stepDetail #flow .p-tab > .c-flex > *.is-active {
    color: #fff;
    background-color: #1D1F2A;
  }
  #stepDetail #flow .p-tab > .c-flex > *.is-active::after {display: none;}
  #stepDetail #flow .p-tab > .c-flex > *:first-child {border-left: 1px solid #1D1F2A;;}
  #stepDetail #flow .p-tab > .c-flex > * br {display: block;}
  #stepDetail #flow .p-cont-body {margin-top: 0;}

  /* rank */
  #stepDetail #rank .c-heading--01 > *:nth-child(1) {font-size: 2.0rem;}



  /* ----- productDetail ----- */
  /* detail */
  #productDetail #detail .p-head {
    display: block;
    text-align: center;
  }
  #productDetail #detail .p-head__ttl {
    font-size: 2.8rem;
    font-weight: bold;
  }
  #productDetail #detail .p-head__txt {
    font-size: 1.4rem;
    margin-top: 5px;
  }
  #productDetail #detail .p-cont > .c-flex > *:nth-child(1) {
    width: 60%;
    margin: auto;
  }
  #productDetail #detail .p-cont > .c-flex > *:nth-child(2) {
    width: 100%;
    margin-top: 25px;
    padding-left: 0;
  }
  #productDetail #detail .p-cont-slider {width: 100%;}
  #productDetail #detail .p-cont-detail-price {text-align: center;}
  #productDetail #detail .p-cont-detail-price > *:nth-child(1) {
    font-size: 2.4rem;
    font-weight: bold;
  }
  #productDetail #detail .p-cont-detail-price > *:nth-child(2) {font-size: 1.2rem;}
  #productDetail #detail .p-cont-detail-lead {margin-top: 30px;}
  #productDetail #detail .p-cont-detail-info {margin-top: 60px;}
  #productDetail #detail .p-cont-detail-info h2 {
    font-size: 1.4rem;
    padding: 1.5rem 4rem 1.5rem 1.5rem;
  }

  /* cart */
  #productDetail #cart {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 10px 10px;
    background-color: #f1f1f1;
    z-index: 100;
  }
  #productDetail #cart .p-form > .c-flex > *:nth-child(1) {margin-right: 15px;}
  #productDetail #cart .p-form select {
    height: 50px;
    padding: 0 3rem 0 1rem;
  }
  #productDetail #cart .p-form .c-btn {
    width: 300px;
    height: 50px;
    font-size: 1.6rem;
  }

  /* rank */
  #productDetail #rank .c-heading--01 > *:nth-child(1) {font-size: 2.0rem;}



}
@media screen and (max-width: 640px){
  /* ----- stepDetail ----- */
  /* flow */
  #stepDetail #flow .c-inner {width: 100%;}
  #stepDetail #flow .p-cont-body {
    width: 100%;
    margin-bottom: 0;
  }

  /* rank */
  #stepDetail #rank .c-heading--01 > *:nth-child(1) {font-size: 1.6rem;}



}
@media screen and (max-width: 480px){
  /* ----- common ----- */
  /* rank */
  #rank .p-cont {margin-top: 20px;}

  /* banner */
  #banner .p-card-title {font-size: 1.2rem;}

  /* news */
  #news .p-list {margin-top: 20px;}
  #news .p-list-body > .c-table > *:nth-child(1) {width: 100px;}
  #news .p-list-body > .c-table > *:nth-child(2) {padding-left: 15px;}
  #news .p-list-body__date {font-size: 1.2rem;}
  #news .p-btn {margin-top: 40px;}

  /* pageTpl */
  #pageTpl #detail .p-cont-qa__ttl, #pageTpl #detail .p-cont-qa__txt {padding-left: 30px;}



  /* ----- seriesTop ----- */
  /* series */
  #seriesTop #series .p-card {margin-top: 40px;}



  /* ----- seriesList ----- */
  /* list */
  #seriesList #list .p-cont {margin-top: 20px;}



  /* ----- newsTop ----- */
  /* news */
  #newsTop #news .p-list {margin-top: 40px;}
  #newsTop #news .p-list-thumb {width: 100px;}
  #newsTop #news .p-list-body {width: calc(100% - 100px);}



  /* ----- newsDetail ----- */
  /* detail */
  #newsDetail #detail .p-meta > .c-flex > *:nth-child(1) {width: 80px;}
  #newsDetail #detail .p-meta > .c-flex > *:nth-child(2) {width: 100px;}
  #newsDetail #detail .c-heading {
    font-size: 1.65rem;
    margin-top: 15px;
  }
  #newsDetail #detail .p-cont {margin-top: 25px;}
  #newsDetail #detail .p-btn {margin-top: 40px;}



  /* ----- stepDetail ----- */
  /* flow */
  #stepDetail #flow .p-tab > .c-flex > * span {font-size: 1.0rem;}



  /* ----- productDetail ----- */
  /* detail */
  #productDetail #detail .p-head__ttl {font-size: 2.25rem;}
  #productDetail #detail .p-cont > .c-flex > *:nth-child(1) {width: 100%;}
  #productDetail #detail .p-cont-detail-title {font-size: 2.0rem;}

  /* cart */
  #productDetail #cart .p-form > .c-flex > *:nth-child(1) {
    width: 60px;
    margin-right: 10px;
  }
  #productDetail #cart .p-form > .c-flex > *:nth-child(2) {width: calc(100% - 70px);}
  #productDetail #cart .p-form .c-btn {width: 100%;}

  /* rank */
  #productDetail #rank .c-heading--01 > *:nth-child(1) {font-size: 1.6rem;}



  /* ----- cartTop ----- */
  /* list */
  #cartTop #list .p-table {margin-top: 30px;}
  #cartTop #list .p-table-list > .c-flex {padding: 10px 0;}
  #cartTop #list .p-table-list > .c-flex > *:nth-child(1) {width: 80px;}
  #cartTop #list .p-table-list > .c-flex > *:nth-child(2) {width: calc(100% - 80px);}
  #cartTop #list .p-table-list-body__name {font-size: 1.4rem;}
  #cartTop #list .p-table-list-body-info > .c-flex > *:nth-child(1) {font-size: 1.0rem;}
  #cartTop #list .p-table-list-body-info > .c-flex > *:nth-child(2) {font-size: 1.2rem;}



  /* ----- payment ----- */
  /* common */
  #payment .p-form {
    margin-top: 30px;
    padding: 15px 10px;
  }

  /* address */
  #payment #address .p-form-input > .c-table > *:nth-child(1) {width: 35px;}
  #payment #address .p-form-input > .c-table > *:nth-child(2) {padding: 25px 15px 10px;}

  /* multi */
  #payment #multi .p-form-product > .c-flex > *:nth-child(1) {width: 80px;}
  #payment #multi .p-form-product > .c-flex > *:nth-child(2) {width: calc(100% - 80px);}

  /* delivery */
  #payment #delivery .p-form-product > .c-flex > *:nth-child(1) {width: 80px;}
  #payment #delivery .p-form-product > .c-flex > *:nth-child(2) {width: calc(100% - 80px);}
  #payment #delivery .p-form-delivery > .c-flex > *:nth-child(2) {padding-left: 0;}

  /* confirm */
  #payment #confirm .p-form-list > * {padding: 10px;}
  #payment #confirm .p-form-product > .c-flex > *:nth-child(1) {width: 80px;}
  #payment #confirm .p-form-product > .c-flex > *:nth-child(2) {width: calc(100% - 80px);}
  #payment #confirm .p-form-delivery > .c-flex > *:nth-child(2) {padding-left: 0;}
  #payment #confirm .p-form-price {padding: 10px 10px 15px;}




  /* ----- mypage ----- */
  /* common */
  #mypage .p-form {
    margin-top: 30px;
    padding: 15px 10px;
  }

  /* addressList */
  #mypage #addressList .p-list > .c-table > * {padding: 25px 15px 10px;}

  /* addressSelect */
  #mypage #addressSelect .p-form-input > .c-table > *:nth-child(1) {width: 35px;}
  #mypage #addressSelect .p-form-input > .c-table > *:nth-child(2) {padding: 25px 15px 10px;}

  /* historyDetail */
  #mypage #historyDetail .p-form-list > * {padding: 10px;}
  #mypage #historyDetail .p-form-product > .c-flex > *:nth-child(1) {width: 80px;}
  #mypage #historyDetail .p-form-product > .c-flex > *:nth-child(2) {width: calc(100% - 80px);}
  #mypage #historyDetail .p-form-delivery > .c-flex > *:nth-child(2) {padding-left: 0;}
  #mypage #historyDetail .p-form-price {padding: 10px 10px 15px;}

}
@media screen and (max-width: 370px){
}





/***** -- Javascript -- *****/
/* SLICK */
.slick-dots {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.slick-dots > li {
  display: inline-block;
  position: relative;
  width: 5px;
  height: 5px;
  margin-right: 20px;
  padding: 0;
  cursor: pointer;
}
.slick-dots > li:last-child {margin-right: 0;}
.slick-dots li button {
  display: block;
  width: inherit;
  height: inherit;
  font-size: 0;
  line-height: 0;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
}
.slick-dots li button::before {
  position: absolute;
  left: 0;
  top: 50%;
  width: inherit;
  height: inherit;
  text-align: center;
  background-color: #aaa;
  border: 2px solid #aaa;
  border-radius: 50%;
  transform: translate(0,-50%);
  content: '';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button::before {
  background-color: #000;
  border: 2px solid #000;
}
.slick-prev, .slick-next {
    display: none!important;
  position: absolute;
  top: 50%;
  color: transparent;
  line-height: 0;
  width: 40px;
  height: 75px;
  padding: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/@cmn-icon-arrow-01.png);
  background-size: 30px;
  transform: translate(0, -50%);
  border: none;
  outline: none;
  cursor: pointer;
  z-index: 10;
}
.slick-prev {left: 30px;}
.slick-next {
  right: 30px;
  transform: translate(0, -50%) rotate(180deg);
}
.slick-prev:before, .slick-next:before {display: none;}

/* Remodal */
.remodal {margin-bottom: 0;}
.remodal-overlay {background: rgba(29, 31, 42, .8);}
.remodal-close {
  left: auto;
  right: 0;
}
#modalSwitch {max-width: 400px;}
#modalSwitch .p-modal-form > *:nth-child(n + 2) {margin-top: 40px;}
#modalSwitch .p-modal-form > .c-flex > * {width: 100%;}
#modalSwitch .p-modal-form > .c-flex > *:nth-child(n + 2) {margin-top: 15px;}
#modalSwitch .p-modal-form label {
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: left;
  margin-bottom: 5px;
}
#modalSwitch .p-modal-form select {width: 100%;}

#modalCart {max-width: 400px;}
#modalCart .p-modal-btn {margin-top: 40px;}

@media screen and (max-width: 1200px){}
@media screen and (max-width: 980px){}
@media screen and (max-width: 768px){}
@media screen and (max-width: 640px){
  /* SLICK */
  .slick-prev, .slick-next {display: none!important;}
}
@media screen and (max-width: 480px){}
@media screen and (max-width: 370px){}