@charset "utf-8";
.nav-hd {
  position: relative;
  display: flex;
  margin: 12px auto;
  padding: 0;
  width: 94%;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.nav-hd li{
  margin: 0;
  padding: 0;
  width: 100%;
}
.nav-hd li a {
  display: block;
  background: #fff;
  color: #ed0038;
  border: 2px solid #ed0038;
  border-radius: 50px;
  position: relative;
  width: 100%;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 600;
  box-shadow: 0 2px 2px 0 rgba(237, 0, 56, .12), 0 1px 5px 0 rgba(237, 0, 56, .12), 0 3px 1px -2px rgba(237, 0, 56, .2)
}
.nav-hd li a:after {
  display: block;
  content: "";
  position: absolute;
  top: 13px;
  right: 8px;
  width: 6px;
  height: 6px;
  border-top: solid 2px #ed0038;
  border-right: solid 2px #ed0038;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.search_box {
  width: calc(100% - 6%);
  margin: 10px auto 16px
}
.search_box input {
  width: 80%;
  height: 40px;
  float: left;
  line-height: 20px;
  padding: 12px;
  font-size: 16px;
  border-radius: 0;
  border: 1px solid #B2A2A2;
  border-right: none;
  margin: 0;
  border-radius: 5px 0 0 5px
}
.sc-btn {
  overflow: hidden
}
.sc-btn a {
  background: #000;
  color: #fff;
  border-radius: 0 5px 5px 0;
  font-size: .8rem;
  display: block;
  position: relative;
  text-align: center;
  background: #000;
  color: #fff;
  font-size: 12px;
  line-height: 40px;
  text-decoration: none
}
#drawer-content h2,
#drawer-search-content h2{
  border-bottom: 1px solid #000;
  border-top: 2px solid #000;
  padding: 8px 3%;
  font-weight: 600;
  font-size: 15px;
  margin: 0 auto
}
#drawer-content .nav-list.nav-list-last {
  border-bottom: 1px solid #000;
  margin-bottom: 16px
}
#drawer-content ul.nav-list li, #drawer-content ul.nav-list-inner li, #drawer-content .nav-list-div {
  border-bottom: 1px solid #ccc
}
#drawer-content ul.nav-list li:last-child, #drawer-content ul.nav-list-inner li:last-child {
  border-bottom: none
}
#drawer-content ul.nav-list li a, #drawer-content ul.nav-list-inner li a, #drawer-content .nav-list-div a {
  display: block;
  padding: 10px 3%;
  font-size: .8rem;
  position: relative;
  margin: 0 auto;
  position: relative
}
#drawer-content ul.nav-list-inner li a {
  padding-left: 12%
}
#drawer-content ul.nav-list-inner li a span {
  font-size: 10px;
  margin-right: 4px
}
#drawer-content ul.nav-list li a:before, #drawer-content ul.nav-list-inner li a:before, #drawer-content .nav-list-div a:before {
  display: block;
  content: "";
  position: absolute;
  top: 14.5px;
  right: 5%;
  width: 8px;
  height: 8px;
  border-top: solid 2px #E91E63;
  border-right: solid 2px #E91E63;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
#drawer-content .nav-bnr3 {
  margin: 8px auto;
  width: 94%;
  display: flex;
  justify-content: space-between
}
#drawer-content .nav-bnr3 li {
  width: 31%
}
#drawer-content .nav-bnr3 li img {
  border-radius: 5px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2)
}
#drawer-content .nav-bnr {
  margin: 8px auto;
  width: 80%
}
#drawer-content .nav-bnr {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2)
}
#drawer-content .nav-bnr-payment {
  border-radius: 5px;
  margin: 16px auto 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2)
}
#drawer-content details {
  font-size: .8rem;
  border-bottom: 1px solid #ccc
}
#drawer-content details:last-of-type {
  border-bottom: none
}
#drawer-content details summary {
  padding: 12px 3%;
  list-style: none;
  position: relative
}
#drawer-content details .nav-list-inner {
  background: #f3f3f3
}
#drawer-content details[open] summary {
  border-bottom: 1px solid #ccc
}
#drawer-content details summary::-webkit-details-marker {
  display: none
}
#drawer-content details summary .icon {
  display: block;
  position: absolute;
  right: 3.5%;
  top: 50%;
  width: 15px;
  flex-shrink: 0;
  transform-origin: center 43%;
  transition: transform 0.5s
}
#drawer-content details summary .icon::before, #drawer-content details summary .icon::after {
  content: "";
  position: absolute;
  display: block;
  width: 15px;
  height: 2px;
  background-color: #E91E63
}
#drawer-content details summary .icon::after {
  transform: rotate(90deg)
}
#drawer-content details[open] .icon {
  transform: rotate(180deg)
}
#drawer-content details[open] .icon::after {
  transform: rotate(-180deg);
  right: 3%
}
#drawer-content .nav-delivery {
  margin: 16px auto 0;
  width: 94%
}
#drawer-content .nav-delivery-info {
  background: #f3f3f3;
  padding: 8px
}
#drawer-content .nav-delivery-info p {
  text-align: center;
  font-size: 14px;
  padding: 2px 0
}
#drawer-content .nav-delivery-info p span.red {
  color: #F10202;
  font-size: 18px;
  font-weight: 600;
  margin: 0 3px
}
#drawer-content .nav-delivery-info p span.small {
  font-size: 12px
}
#drawer-content .nav-delivery h2 {
  text-align: center;
  margin: 4px auto 9px;
  font-weight: 600;
  font-size: .9rem;
  border: none;
  padding: 0
}
#drawer-content .nav-delivery-box {
  border: 1px solid #000;
  margin: 8px auto;
  padding: 8px;
  border-radius: 5px
}
#drawer-content .nav-delivery dl.nav-delivery-area {
  font-size: 12px;
  display: flex;
  flex-wrap: wrap;
  margin: 8px auto 0;
  align-items: top;
  justify-content: space-between
}
#drawer-content .nav-delivery dl.nav-delivery-area dt {
  width: 50px;
  color: #fff;
  padding: 4px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  line-height: 1.5
}
#drawer-content .nav-delivery dl.nav-delivery-area dt span {
  width: 100%;
  display: block;
  text-align: center
}
#drawer-content .nav-delivery dl.nav-delivery-area dt:nth-of-type(1) {
  background-color: #2980b9
}
#drawer-content .nav-delivery dl.nav-delivery-area dt:nth-of-type(2) {
  background-color: #1698a0
}
#drawer-content .nav-delivery dl.nav-delivery-area dt:nth-of-type(3) {
  background-color: #27ae60
}
#drawer-content .nav-delivery dl.nav-delivery-area dt:nth-of-type(4) {
  background-color: #87b63c
}
#drawer-content .nav-delivery dl.nav-delivery-area dt:nth-of-type(5) {
  background-color: #ccac00
}
#drawer-content .nav-delivery dl.nav-delivery-area dt:nth-of-type(6) {
  background-color: #e67e22
}
#drawer-content .nav-delivery dl.nav-delivery-area dt:nth-of-type(7) {
  background-color: #c02b2b
}
#drawer-content .nav-delivery dl.nav-delivery-area dt:nth-of-type(8) {
  background-color: #bb3a8f
}
#drawer-content .nav-delivery dl.nav-delivery-area dt:nth-of-type(9) {
  background-color: #8e44ad
}
#drawer-content .nav-delivery dl.nav-delivery-area dt:nth-of-type(10) {
  background-color: #584bbd
}
#drawer-content .nav-delivery dl.nav-delivery-area dt:nth-of-type(11) {
  background-color: #3568ce
}
#drawer-content .nav-delivery dl.nav-delivery-area dd {
  width: calc(100% - 50px);
  padding: 4px;
  padding-left: 8px;
  margin-bottom: 8px;
  line-height: 1.5
}
#drawer-content .nav-delivery dl.nav-delivery-area dt:last-of-type, #drawer-content .nav-delivery dl.nav-delivery-area dd:last-of-type {
  margin-bottom: 0
}
#drawer-content .nav-delivery-attention {
  font-size: 12px;
  line-height: 1.3
}
#drawer-content .nav-delivery-attention dt {
  font-weight: 600
}
#drawer-content .nav-delivery-attention dd {
  margin-bottom: 4px
}
#drawer-content .nav-delivery-sagawa {
  background: #f3f3f3;
  padding: 8px;
  font-size: 12px;
  line-height: 1.3;
  margin: 8px auto 0;
  width: 100%;
  text-align: center
}
#drawer-content .nav-delivery-sagawa a {
  display: block;
  width: 50%;
  margin: 4px auto 0;
  text-align: center;
  background: #fff;
  border-radius: 20px;
  padding: 4px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2)
}
/**/
.nav-history .pd-crosssell-title{
  border-bottom: 1px solid #000;
  border-top: 2px solid #000;
  padding: 8px 3%;
  font-weight: 600;
  font-size: 1.1rem;
  margin: 0 auto 8px!important;
}
.nav-history .itemcol2024.col5{
  width: 94%!important;
  margin: 0 auto 8px;
}
.nav-history .pd-ul-price {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  margin: 2px 0 0;
  font-family: "Roboto Condensed", sans-serif;
}
.nav-history .pd-ul-price.sale {
  margin-top: 0;
  color:#ed293e;
}
.nav-history .pd-ul-price .sale-label{
  margin-bottom: 2px;
}
.nav-history .pd-ul-price span {
  font-size: 10px;
  font-weight: normal;
}
#drawer-search-content ul.bnrcolumn5 p.long {
  letter-spacing: -0.15em;
}
#drawer-search-content #navword-tab{
  border-top: 2px solid #000;
}
#drawer-search-content #navword-tab .tab{
  display: flex;
  gap: 0;
  box-sizing: border-box;
}
#drawer-search-content #navword-tab .tab li:first-child{
  border-right: 1px solid #000;
}
#drawer-search-content #navword-tab .tab li{
  width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 13px;
}
#drawer-search-content #navword-tab .tab li a{
  display: block;
  background: #eee;
  padding: 12px 0;
  width: 100%;
  border-bottom: 1px solid #000;
}
#drawer-search-content #navword-tab .tab li.ui-tabs-active a{
  background: #fff;
  border-bottom: 1px solid #fff;
}
#drawer-search-content #navword-tab .tab-box .word-rank{
  margin: 8px auto;
}
#drawer-search-content #navword-tab .tab-box li {
  border-bottom: 1px solid #ccc;
  position: relative;
  display: flex;
  align-items: center;
}
#drawer-search-content #navword-tab .tab-box li:last-child{
  border-bottom: none;
}
#drawer-search-content #navword-tab .tab-box li a{
  display: block;
  padding: 10px 3% 10px 8px;
  font-size: 13px;
  width: calc(97% - 30px);
}
#drawer-search-content #navword-tab .tab-box li a:before{
  display: block;
  content: "";
  position: absolute;
  top: 14px;
  right: 5%;
  width: 8px;
  height: 8px;
  border-top: solid 2px #E91E63;
  border-right: solid 2px #E91E63;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
#drawer-search-content #navword-tab .tab-box li:before{
  content: "";
  background: #fff;
  width: 30px;
  height: 30px;
  display: flex;
  margin-left: 3%;
  border-radius: 100%;
  border: 1px solid #888;
  align-items: center;
  justify-content: center;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 600;
  color: #888;
}
#drawer-search-content #navword-tab .tab-box li:nth-child(1):before{
  content: "1";
  background: #e9bc00;
  color: #fff;
  border: none;
}
#drawer-search-content #navword-tab .tab-box li:nth-child(2):before{
  content: "2";
  background: #9fa09e;
  color: #fff; border: none;
}
#drawer-search-content #navword-tab .tab-box li:nth-child(3):before{
  content: "3";
  background: #c2894b;
  color: #fff; border: none;
}
#drawer-search-content #navword-tab .tab-box li:nth-child(4):before{
  content: "4";
}
#drawer-search-content #navword-tab .tab-box li:nth-child(5):before{
  content: "5";
}
#drawer-search-content #navword-tab .tab-box li:nth-child(6):before{
  content: "6";
}
#drawer-search-content #navword-tab .tab-box li:nth-child(7):before{
  content: "7";
}
#drawer-search-content #navword-tab .tab-box li:nth-child(8):before{
  content: "8";
}
#drawer-search-content #navword-tab .tab-box li:nth-child(9):before{
  content: "9";
}
#drawer-search-content #navword-tab .tab-box li:nth-child(10):before{
  content: "10";
}