@charset "utf-8";

/************************************************
  item-single.css
************************************************/


/*------------------------------------------------------------
　　　030単品商品詳細
  ------------------------------------------------------------*/

.middle-rightarea .sales-product:hover, .recommended-box:hover, .contents-feature ul li img:hover, .ticket-list2 ul:hover, .ticket-list ul:hover {
  opacity: 0.7;
}
@media (min-width: 751px) {
  .gourmet-main-title {
    margin-bottom: 10px;
  }
  .top-leftarea {
    width: 60%;
    float: left;
  }
  .top-rightarea {
    width: 38%;
    float: right;
    margin-top: 5px;
  }
  .top-rightarea .top-adjust {
    margin-top: -18px!important;
  }
  .middle-leftarea {
    width: 60%;
    float: left;
  }
  .middle-rightarea {
    width: 38%;
    float: right;
  }
  .middle-rightarea .inner_box {
    width: 157px;
    background-color: #f6f6f6;
    float: left;
    text-align: center;
  }
  .middle-rightarea .sales-product {
    padding: 0 0 1em;
    border-bottom: 1px solid #dfdfdf;
  }
  .middle-rightarea .sales-product h4 {
    padding-bottom: 8px;
  }
  .middle-rightarea .sales-product .image img {
    max-height: 87px;
  }
  .middle-rightarea .sales-product dd {
    width: 55%;
    float: right;
  }
  .middle-rightarea .sales-product .txt {
    font-size: 90%;
    height: 85px;
    overflow: hidden;
    padding-left: 8px;
  }
  .middle-rightarea .sales-product .price {
    padding-top: 1em;
    text-align: right;
    clear: both;
  }
  .middle-rightarea .sales-product .sales-price {
    font-size: 140%;
  }
  .middle-rightarea .sales-product2 {
    padding-top: 8px;
  }
}
@media (max-width: 750px) {
  .top-rightarea .top-adjust {
    margin-top: -23px!important;
  }
  .middle-rightarea {
    display: none;
  }
}
.box-acc .box-pic {
  position: relative;
}
.box-acc .slide-category-list {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
@media (max-width: 750px) {
  .box-acc .slide-category-list {
    right: 0;
    bottom: 12px;
  }
  .box-acc {}
}
@media (max-width: 550px) {
  .box-acc .slide-category-list {
    right: -6px;
    bottom: 10px;
  }
}
.box-acc .slide-category-list li {
  display: inline-block;
  margin-left: 6px;
}
.box-acc .slide-category-list li span {
  background: rgba(81, 81, 91, 0.8);
  border: 1px solid #51515b;
  display: block;
  line-height: 1;
  color: #fff;
  padding: 5px 8px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
@media (max-width: 750px) {
  .box-acc .slide-category-list li {
    margin-left: 3px;
  }
  .box-acc .slide-category-list li span {
    font-size: 86%;
    padding: 4px 5px;
  }
}
@media (max-width: 550px) {
  .box-acc .slide-category-list li {
    margin-left: 1px;
  }
  .box-acc .slide-category-list li span {
    padding: 4px 3px;
  }
}
.brand-box {
  position: relative;
  margin: 25px 0 18px;
}
.brand-box .brand-logo {
  border: 1px solid #d7d7d7;
  display: table;
  width: 100%;
  float: left;
}
@media (min-width: 751px) {
  .brand-box {
    min-height: 120px;
  }
  .brand-box .brand-logo {
    max-width: 118px;
    height: 118px;
  }
}
@media (max-width: 750px) {
  .brand-box {
    width: 100%;
    position: relative;
    margin: 20px 0 10px;
  }
  .brand-box .brand-logo {
    max-width: 90px;
    width: 15%;
  }
  .brand-box .brand-logo img {
    width: 88%;
    margin: 15% 6%;
  }
}
.brand-box .brand-logo p {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.brand-box .brand-logo p img {
  max-width: 110px;
}
.brand-box .brand-item-catchCopy {
  padding-left: 15px;
  display: inline-block;
  box-sizing: border-box;
}
.brand-box .brand-item-catchCopy h4 {
  font-size: 156%;
  margin-bottom: 11px;
}
.brand-box .brand-item-catchCopy h5 {
  color: #c3c3c3;
  font-size: 100%;
  font-weight: 700;
  letter-spacing: 1px;
}
.brand-box+.item-meta .column {
  padding-bottom: 8px;
}
@media (min-width: 751px) {
  .brand-box .brand-item-catchCopy {
    max-width: 445px;
  }
  .brand-box .brand-item-catchCopy h4 {
    letter-spacing: 1px;
    line-height: 1.36
  }
}
@media (max-width: 750px) {
  .brand-box .brand-item-catchCopy {
    width: 72%;
    padding-right: 15px;
  }
  .brand-box .brand-item-catchCopy h4 {
    font-size: 90%;
    width: 100%;
    margin-bottom: 3px;
  }
  .brand-box .brand-item-catchCopy h5 {
    font-size: 86%;
  }
  .brand-box+.item-meta .column {
    padding-bottom: 5px;
    margin-right: 3px;
  }
}
@media (max-width: 550px) {
  .brand-box .brand-item-catchCopy {
    width: 63.5%;
    padding-right: 10px;
    padding-left: 10px;
  }
}
.gourmet-title {
  line-height: 1;
  font-weight: 700;
  color: #999;
  font-weight: normal;
  padding: 5px 0;
}
@media (min-width: 751px) {
  .gourmet-title-area {
    padding: 0 0 6px;
  }
  .gourmet-title-area p img {
    width: 40%;
    padding: 0 0 9px;
  }
  .gourmet-title-area-sp {
    display: none;
  }
}
@media (max-width: 750px) {
  .gourmet-title-area-sp {
    padding: 6px 0 6px;
  }
  .gourmet-title-area-sp p img {
    width: 40%;
    padding: 0 0 9px;
  }
  .gourmet-title-area {
    display: none;
  }
}

/**********/

.movie-area {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.movie-area iframe {
  margin-bottom: 10px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.movie-area .catchCopy {
  margin-bottom: 30px;
  font-size: 106%;
  line-height: 160%;
}
@media (max-width: 750px) {
  .movie-area .catchCopy {
    margin-bottom: 20px;
  }
}

/****チケット******/

.ticket-area {
  line-height: 164%;
  margin-bottom: 10px;
  clear: both;
}
.ticket-area .ticket-list {
  display: inline-table;
  width: 100%;
}
.ticket-area .ticket-list {
  border-top: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}
.ticket-area .ticket-list ul {
  padding: 2px;
}
.ticket-area .ticket-list ul a {
  display: block;
}
.ticket-area .ticket-list li {
  display: table-cell;
}
.ticket-area .ticket-list .image {
  min-width: 154px;
  text-align: center;
  background-color: #f6f6f6;
}
.ticket-area .ticket-list .image img {
  max-height: 90px;
}
.ticket-area .ticket-list .price {
  vertical-align: middle;
  text-align: center;
  position: relative;
  width: 380px;
  padding-left: 30%;
}
.ticket-area .ticket-list .price span::before {
  content: '';
  width: 5px;
  height: 5px;
  border: 0px;
  border-top: solid 2px #333;
  border-right: solid 2px #333;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 45%;
  left: 91%;
}
.ticket-area .ticket-list2 {
  display: inline-table;
  width: 100%;
}
.ticket-area .ticket-list2 {
  border-top: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}
.ticket-area .ticket-list2 ul {
  padding: 2px;
}
.ticket-area .ticket-list2 ul a {
  display: block;
}
.ticket-area .ticket-list2 li {
  display: table-cell;
}
.ticket-area .ticket-list2 .image {
  min-width: 154px;
  text-align: center;
  background-color: #f6f6f6;
}
.ticket-area .ticket-list2 .image img {
  max-height: 90px;
}
.ticket-area .ticket-list2 .seat {
  vertical-align: middle;
  text-align: center;
  width: 200px;
}
.ticket-area .ticket-list2 .price {
  vertical-align: middle;
  text-align: center;
  position: relative;
  width: 280px;
}
.ticket-area .ticket-list2 .price span::before {
  content: '';
  width: 5px;
  height: 5px;
  border: 0px;
  border-top: solid 2px #333;
  border-right: solid 2px #333;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 45%;
  left: 80%;
}
@media (max-width: 750px) {
  .ticket-area div:last-child {
    border-bottom: 1px solid #d7d7d7;
  }
  .ticket-area .ticket-list ul {
    padding: 2px 1px 1px;
  }
  .ticket-area .ticket-list .image {
    position: relative;
    text-align: center;
    max-height: 0;
    padding-bottom: 22%;
    width: 30%;
    min-width: inherit;
  }
  .ticket-area .ticket-list .image img {
    max-width: 100% !important;
    max-height: 100%;
    box-shadow: none;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .ticket-area .ticket-list2 ul {
    padding: 2px 1px 1px;
  }
  .ticket-area .ticket-list2 .image {
    position: relative;
    text-align: center;
    max-height: 0;
    padding-bottom: 22%;
    width: 30%;
    min-width: inherit;
  }
  .ticket-area .ticket-list2 .seat {
    width: 30%;
  }
  .ticket-area .ticket-list2 .image img {
    max-width: 100% !important;
    max-height: 100%;
    box-shadow: none;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media (min-width: 751px) {
  .ticket-area .ticket-list {
    width: 49.4%;
    margin-bottom: 5px;
    border: 1px solid #d7d7d7;
  }
  .ticket-area .ticket-list .price span::before {
    top: 45%;
  }
  .ticket-area .ticket-list2 {
    width: 49.4%;
    margin-bottom: 5px;
    border: 1px solid #d7d7d7;
  }
  .ticket-area .ticket-list2 .price span::before {
    top: 45%;
  }
}

/****商品詳細******/

.product-area {
  line-height: 164%;
}
.product-area p {
  margin: 1em 0 10px;
  line-height: 160%;
}
.product-area p:first-of-type {
  margin-top: 0;
}
.product-area div.title {
  background: #f5f5f6;
  padding: 10px 0 10px 8px;
  margin: 10px -15px;
}
.product-area div.title h2 {
  position: relative;
  line-height: 110%;
  padding-left: 14px;
  font-size: 14px;
  border-left: solid 2px #eb530a;
}
.product-area div.title h2 span.arrow {
  display: inline-block;
}
.product-area div.title h2 span.arrow::before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 15px;
  right: 15px;
  margin-top: -10px;
  margin-left: 5px;
}
@media (min-width: 751px) {
  .product-area div.title {
    margin: 10px 0 0;
  }
}
@media (max-width: 750px) {
  .recommend-detaiUnit .detail-unit-padding {
    overflow-x: visible;
  }
  .recommend-detaiUnit .detail-unit-padding.tab-container-list {
    padding-left: 0;
    padding-right: 0;
    padding-top: 2.9px;
  }
}
/*toggle*/

@media (min-width: 751px) {
  .product-area div.title {
    margin: 10px 0;
  }
  .product-area .product-toggle-area .product-table tr.soldout th {
    text-decoration: line-through;
  }
  .product-area .product-toggle-area .product-table tr.soldout td {
    color: #ec0004;
  }
  .product-area .product-toggle-area .product-table tr.sale td {
    color: #4da1ff;
  }
  .product-area .product-toggle-area .product-table tr.little td {
    color: #545454;
  }
  .product-area .product-toggle-area .product-table tr td {
    text-align: center;
  }
  .product-area .product-toggle-area .product-table tr td.shipping-date {
    text-align: right;
    color: #999999;
  }
  .product-area .product-toggle-area .product-table tr th, .product-area .product-toggle-area .product-table tr td {
    border-bottom: 1px solid #d9d9d9;
  }
}
@media (max-width: 750px) {
  .product-area #acMenu .clon_dd {
    display: none;
  }
  .product-area #acMenu .clon_dt {
    position: relative;
    display: block;
    cursor: pointer;
    line-height: 110%;
    font-size: 14px;
    margin: 10px -15px 0;
  }
  .product-area #acMenu .clon_dt h2 {
    position: relative;
    line-height: 110%;
    font-size: 14px;
    padding-left: 14px;
    border-left: solid 2px #eb530a;
    background: #f5f5f6;
  }
  .product-area #acMenu .clon_dt .htwo {
    background: #f5f5f6;
    padding: 10px;
    margin-bottom: 10px;
  }
  .product-area #acMenu .clon_dt h2 span.arrow {
    display: inline-block;
  }
  .product-area #acMenu .clon_dt.active h2 span.arrow::before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-bottom: solid 2px #000;
    border-left: solid 2px #000;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 15px;
    right: 15px;
    margin-top: -10px;
    margin-left: 5px;
  }
  .product-area #acMenu .clon_dt h2 span.arrow::before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 10px;
    right: 15px;
    margin-top: -10px;
    margin-left: 5px;
  }
  .product-area #acMenu .active .clon_dd {
    display: block;
    padding: 0 15px 15px;
    cursor: default;
  }
    .product-area #acMenu .open_dt {
    position: relative;
    display: block;
    cursor: pointer;
    line-height: 110%;
    font-size: 14px;
    margin: 10px -15px 0;
  }
  .product-area #acMenu .open_dt h2 {
    position: relative;
    line-height: 110%;
    font-size: 14px;
    padding-left: 14px;
    border-left: solid 2px #eb530a;
    background: #f5f5f6;
  }
  .product-area #acMenu .open_dt .htwo {
    background: #f5f5f6;
    padding: 10px;
    margin-bottom: 10px;
  }
  .product-area #acMenu .open_dt h2 span.arrow {
    display: none;
  }

  .product-area #acMenu .open_dt .clon_dd {
    display: block;
    padding: 0 15px 15px;
    cursor: default;
  }
  .product-area .product-toggle-area .product-table {
    font-size: 94%;
    text-align: left;
    width: 100%;
  }
  .product-area .product-toggle-area .product-table tr th {
    padding: 12px 10px 12px 10px;
    font-weight: 500;
    letter-spacing: 0;
  }
  .product-area .product-toggle-area .product-table tr.soldout th {
    text-decoration: line-through;
  }
  .product-area .product-toggle-area .product-table tr.soldout td {
    color: #ec0004;
  }
  .product-area .product-toggle-area .product-table tr.sale td {
    color: #4da1ff;
  }
  .product-area .product-toggle-area .product-table tr.little td {
    color: #545454;
  }
  .product-area .product-toggle-area .product-table tr td {
    text-align: center;
  }
  .product-area .product-toggle-area .product-table tr td.shipping-date {
    text-align: right;
    color: #999999;
  }
  .product-area .product-toggle-area .product-table tr th, .product-area .product-toggle-area .product-table tr td {
    border-bottom: 1px solid #d9d9d9;
  }
}
@media (min-width: 751px) {
  .product-area #acMenu .clon_dd {
    display: block;
  }
  .product-area #acMenu .clon_dt h2 {
    position: relative;
    line-height: 110%;
    font-size: 14px;
    padding-left: 14px;
    border-left: solid 2px #eb530a;
    background: #f5f5f6;
  }
  .product-area #acMenu .clon_dt .htwo {
    background: #f5f5f6;
    padding: 10px;
    margin-bottom: 10px;
  }
  .product-area #acMenu .clon_dt h2 span.arrow {
    display: inline-block;
  }
  .product-area #acMenu .clon_dd {
    padding: 0 0 15px;
  }
  .product-area .product-toggle-area .product-table {
    font-size: 94%;
    text-align: left;
    width: 100%;
  }
  .product-area .product-toggle-area .product-table tr th {
    padding: 12px 10px 12px 10px;
    font-weight: 500;
    letter-spacing: 0;
  }
}

/************/

.product-area h3 {
  font-size: 116%;
  padding: 5px 0 10px;
}
.ticket-area h3 {
  font-size: 116%;
  padding: 15px 0 10px;
}
@media (min-width: 751px) {
  .ticket-area h3 {
    padding: 0 0 10px;
  }
  .product-area h3 {
    padding: 5px 0 10px;
  }
  .product-toggle-area {
    margin: 20px 0;
  }
}
.product-area .product-list {
  padding-bottom: 10px;
}
.product-area .product-list li {
  font-size: 80%;
  line-height: 1.7;
  margin-left: 11px;
  margin-bottom: 6px;
  letter-spacing: 0.2px;
}
.product-area .product-list li:before {
  content: '';
  width: 6px;
  height: 6px;
  display: inline-block;
  border-radius: 100%;
  background: #acacac;
  position: relative;
  left: -8px;
  top: -3px;
}

/**********/

.stock-title {
  font-size: 116%;
  font-weight: 700;
}
@media (max-width: 750px) {
  .stock-title {
    font-size: 100%;
  }
}
.stock-remain-box {
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  padding: 5px 0;
  display: table;
  width: 100%;
  margin: 0 0 -7px;
  position: relative;
}
@media (max-width: 320px) {
  .stock-remain-box {
    font-size: 90%;
  }
}
.stock-remain-box>div {
  display: table-cell;
  vertical-align: middle;
}
.stock-remain-box>div>div {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.stock-remain-time {
  text-align: center;
  position: relative;
}
.stock-remain-time.no-remain-time {
  display: none;
}
@media (min-width: 751px) {
  .stock-remain-box {
    margin: 10px 0 -10px;
  }
  .stock-remain-box>div>div {
    display: block;
    text-align: center;
  }
  .stock-remain-box .purchased-box.no-remain-time {
    padding: 8px 0 8px 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .stock-remain-box>div.no-remain-time>div {
    display: inline-block;
    text-align: center;
  }
  .stock-remain-box .purchased-box.no-remain-time .title-block {
    margin-right: auto;
  }
  .stock-remain-box .purchased-box.no-remain-time .title {
    font-size: 17px;
    display: block;
    padding-top: 2px;
    margin-bottom: 0;
    width: auto;
  }
  .stock-remain-time {
    height: 62px;
  }
  .top-rightarea .gourmet-main-title {
    font-size: 17px;
  }
  .gourmet-title-area .plus {
    display: inline-block;
    margin: 0 5px 8px 0;
    background: #ea5504;
    border-radius: 2px;
  }
  .gourmet-title-area .plus span {
    display: block;
    color: #fff;
    padding: 8px 12px 7px;
    line-height: 1;
    font-size: 70%;
    font-weight: 500;
  }
  .gourmet-main-title-sp {
    display: none;
  }
}
@media (max-width: 750px) {
  .gourmet-main-title-sp {
    font-size: 17px;
    margin-bottom: 5px;
  }
  .gourmet-title-area-sp .plus {
    display: inline-block;
    margin: 0 5px 8px 0;
    background: #ea5504;
    border-radius: 2px;
  }
  .gourmet-title-area-sp .plus span {
    display: block;
    color: #fff;
    padding: 8px 12px 7px;
    line-height: 1;
    font-size: 70%;
    font-weight: 500;
  }
  .top-rightarea .gourmet-main-title {
    display: none;
  }
}
@media (max-width: 360px) {
  .stock-remain-box .txt {
    font-size: 70%!important;
  }
}
.stock-remain-box .title {
  display: block;
  margin-bottom: 3px;
}
.stock-remain-box .no-remain-time .title {
  display: block;
  margin-bottom: 0px;
}
.stock-remain-box .number, .stock-remain-box .txt {
  display: inline-block;
}
.stock-remain-box .number {
  font-size: 178%;
  margin-right: 2px;
}
.stock-remain-box .txt {
  font-size: 130%;
  margin-right: 4px;
  color: #999999;
}
.purchased-box {
  text-align: center;
}
.purchased-box:not(.no-remain-time) {
  border-left: 1px solid #dfdfdf;
}
@media (max-width: 750px) {
  .stock-remain-box .title {
    font-size: 70%;
    margin-bottom: 0;
    width: 21px;
    line-height: 1.2em;
  }
  .stock-remain-box .number {
    font-size: 140%;
  }
  .stock-remain-box .txt {
    font-size: 100%;
  }
  .stock-remain-box .purchased-box.no-remain-time {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .stock-remain-box .purchased-box.no-remain-time .title-block {
    margin-right: auto;
  }
  .stock-remain-box .purchased-box.no-remain-time .title {
    font-size: 12px;
    margin-bottom: 0;
    width: auto;
  }
}
@media (max-width: 320px) {
  .stock-remain-box .number {
    font-size: 140%;
  }
}

/**********/

.discount-box {
  overflow: hidden;
}
.discount-box li {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.discount-price .discount-price-inner .normal {
  font-size: 80%;
}
.discount-price .discount-price-inner .sale {
  font-size: 12px;
}
.discount-box .attention-wrapper {
  display: table;
  position: relative;
  width: 100%;
  background: #f5f5f6;
  border: 1px solid #ececec;
  border-radius: 8px;
  padding: 16px 17px 16px 25px;
  box-sizing: border-box;
  -webkit-filter: drop-shadow(0px 0px 1.5px #e2e2e2);
  float: left;
}
.custom-selectWrapper.other-wrapper .discount-box {
  position: relative;
  overflow: visible;
}
.custom-selectWrapper.other-wrapper .discount-box li {
  overflow: visible;
}
@media (min-width: 751px) {
  .discount-box {
    margin: 28px 0 0
  }
  .discount-box .attention-wrapper {
    max-width: 500px;
  }
}
@media (max-width: 750px) {
  .discount-box {
    margin: 23px 0 0;
  }
  .discount-price .discount-price-inner .normal {
    text-align: right;
    font-size: 10px;
  }
  .discount-price .discount-price-inner .sale {
    margin: 4px 0 0 0;
    font-size: 12px;
    float: none;
    text-align: right;
  }
}
.discount-box .attention .icon, .discount-box .attention .atxt {
  display: table-cell;
  vertical-align: middle;
}
.discount-box .attention .icon {
  min-width: 89px;
}
.discount-box .attention .atxt {
  font-size: 106%;
}
.discount-box .attention .atxt .txt {
  line-height: 1.6;
}
.discount-box .attention .note {
  font-size: 86%;
  display: block;
  margin-top: 4px;
  clear: both;
  letter-spacing: 0.2px;
}
.update-link {
  padding-top: 13px;
  clear: both;
}
.update-link a {
  text-align: left;
  display: inline-block;
}
.discount-box .attention-wrapper {}
@media (min-width: 751px) {
  .discount-box .attention .note {
    margin-left: 97px;
  }
  .discount-box .attention-wrapper:after, .discount-box .attention-wrapper:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }
  .discount-box .attention-wrapper:after {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #f5f5f6;
    border-width: 21px 0 21px 35px;
    margin-top: -21px;
  }
  .discount-box .attention-wrapper:before {
    border-color: rgba(194, 225, 245, 0);
    border-left-color: #ececec;
    border-width: 22px 0 22px 36px;
    margin-top: -22px;
  }
  .update-link {
    width: 500px;
  }
  .discount-box .attention .atxt .detel-price {
    font-size: 24px;
  }
  .discount-box .attention .icon {
    position: relative;
    top: 10px;
    padding-right: 25px;
  }
  .discount-box .attention .atxt .txt {
    line-height: 1.6;
  }
}
@media (max-width: 750px) {
  .discount-box .attention-wrapper {
    margin-top: 15px;
    position: relative;
    padding: 15px;
  }
  .discount-box .attention-wrapper:after, .discount-box .attention-wrapper:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }
  .discount-box .attention-wrapper:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #f5f5f6;
    border-width: 18px;
    margin-left: -18px;
  }
  .discount-box .attention-wrapper:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #ececec;
    border-width: 19.5px;
    margin-left: -19.5px;
  }
  .discount-box .attention .note {
    text-align: center;
  }
  .update-link {
    text-align: right;
    margin-bottom: 15px;
  }
  .discount-box .attention .atxt .txt {
    font-size: 94%;
  }
  .discount-box .attention .atxt .detel-price {
    font-size: 144%;
  }
  .discount-box .attention .atxt .txt {
    line-height: 1.5;
  }
  .discount-box .attention .icon {
    padding-right: 17px;
  }
}

/**********/

.campaign-box {
  box-shadow: 0 0 5px 0 #ccc;
  margin-top: 20px;
  clear: both;
  overflow: hidden;
}
.campaign-box h4 {
  font-size: 20px;
  margin-bottom: 20px;
}
.campaign-box .campaign-img, .campaign-box .campaing-price {
  float: left;
}
.campaign-box .campaing-price {
  display: inline-block;
  text-align: right;
}
.campaign-box .note {
  color: #999999;
  display: block;
  margin-bottom: 6px;
}
.campaign-box .campaing-price-head {
  color: #999;
}
@media (min-width: 751px) {
  .campaign-box .campaing-price {
    width: 310px
  }
  .campaign-box .campaing-price-head {
    font-size: 116%;
    margin-bottom: 12px;
  }
}
@media (max-width: 750px) {
  .campaign-box .campaign-img {
    width: 40%;
  }
  .campaign-box .campaign-img img {
    width: 100%;
  }
  .campaign-box .campaing-price {
    width: 60%;
  }
  .campaign-box .campaing-price-head {
    margin-bottom: 10px;
  }
  [class^="note mt"] {
    margin-top: 14px !Important
  }
  .campaign-box {
    margin-top: 12px;
  }
  .campaign-box h4 {
    font-size: 106%;
    line-height: 1.4;
    margin-bottom: 11px;
  }
  .campaign-box .note {
    width: 100%;
  }
}
@media (min-width: 551px) {
  .campaign-box {
    padding: 27px 25px;
  }
}
@media (max-width: 550px) {
  .campaign-box {
    padding: 16px 15px;
  }
  .campaign-box .note {
    font-size: 70%;
    letter-spacing: 0;
    line-height: 1.8;
  }
}

/***** 料金 ******/

.discount-price {
  text-align: right;
  text-align: right;
  float: right;
}
.discount-price p {
  text-align: left;
  line-height: 1.15;
}
.campaign-box p {
  line-height: 1;
}
.discount-price .normal, .campaign-box .normal {
  color: #999;
  margin-bottom: 3px;
}
.discount-price .normal span {
  text-decoration: line-through;
  text-decoration: line-through;
}
.discount-price .off-price, .campaign-box .off-price {
  margin-bottom: 8px;
}
.discount-price .plus-member-price, .campaign-box .plus-member-price, .discount-price-inner .tax-txt, .price-txt .tax-txt {
  color: #ea5504;
}
.cart-period-method .plus-member-price {
  color: #ea5504;
}
.discount-price .tax-txt {}
@media (min-width: 751px) {
  .discount-price {}
  .campaign-box .off-price {
    font-size: 20px;
  }
  .discount-price .plus-member-price, .campaign-box .plus-member-price, .cart-period-method .plus-member-price {
    font-size: 28px;
    letter-spacing: -1px;
    display: inline-block;
  }
  .discount-price-inner .plus-member-price {
    float: left;
  }
  .discount-price-inner .tax-txt, .price-txt .tax-txt {
    float: right;
    margin-top: 1em;
    margin-left: 10px;
    font-size: 14px;
  }
}
@media (max-width: 750px) {
  .discount-price {
    width: 100%;
    text-align: right;
  }
  .discount-price .off-price, .discount-price .plus-member-price, .cart-period-method .plus-member-price {
    display: inline-block;
  }
  .campaign-box .off-price {
    font-size: 116%;
  }
  .campaign-box .plus-member-price, .cart-period-method {
    font-size: 28px;
    font-size: 185%;
    margin-bottom: 6px;
  }
  .discount-price .plus-member-price {
    font-size: 28px;
    font-size: 185%;
  }
  .campaign-box .plus-member-price {
    font-size: 28px;
    font-size: 185%;
    margin-bottom: 6px;
  }
  .discount-price .plus-member-price {
    font-size: 23px;
  }
  .cart-period-method .plus-member-price {
    font-size: 21px;
  }
  .tax-txt, .cart-period-method .tax-txt {
    font-size: 12px;
    display: inline-block;
  }
}
@media (max-width: 360px) {
  .cart-period-method .plus-member-price {
    font-size: 20px;
  }
  .tax-txt, .cart-period-method .tax-txt {
    font-size: 8px;
  }
}
/*****/

.point-reduction-txt {
  text-align: right;
}
@media (min-width: 751px) {
  .point-reduction-txt {
    margin: 30px 0 25px;
  }
}
@media (max-width: 750px) {
  .point-reduction-txt {
    margin: 20px 0 15px;
  }
}

/***** セレクトポックス ******/

.custom-select {
  display: inline-block;
  width: 100%;
  margin-right: 2%;
}
.custom-select select {
  background-position: 95% center;
  height: 50px;
  margin-bottom: 12px;
}
.cart-number select {
  background-position: 83% center!important;
  height: 50px;
  margin-bottom: 0;
}
.custom-select>select {
  width: 100%;
  border: 1px solid #d7d7d7;
  border-radius: 2px;
  padding: 0 16px;
  color: #333333;
  background-position: 95% center;
  font-size: 15px;
}
.catchCopy {
  margin: 12px 0 15px;
  clear: both;
}
@media (min-width: 751px) {
  .custom-selectWrapper {
    margin-top: 23px;
    position: relative;
  }
  .custom-selectWrapper .discount-box {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .custom-selectWrapper .amount {
    float: left;
    margin: 26px 5px 0 0;
    font-size: 12px;
  }
  .custom-selectWrapper .custom-select-period {
    margin-bottom: 10px;
  }
  .custom-selectWrapper .custom-select-period .amount {
    float: left;
    margin: 20px 5px 0 0;
    font-size: 12px;
  }
  .custom-select {
    width: 100%;
    margin-top: 9px;
  }
  .cart-number select {
    background-position: 85% center!important;
    height: 50px;
  }
  .custom-select select {
    background-position: 95% center;
    height: 50px;
  }
  .custom-selectWrapper.other-wrapper,
  .custom-selectWrapper.other-wrapper .discount-box {
    margin-top: 24px;
  }
}
@media (max-width: 750px) {
  .custom-selectWrapper {
    margin: 20px 0 12px;
    position: relative;
  }
  .custom-selectWrapper .discount-box {
    position: absolute;
    right: 0px;
    bottom: 0px;
  }
  .custom-selectWrapper .amount {
    float: left;
    margin: 17px 6px 0 0;
    font-size: 12px;
  }
  .custom-selectWrapper .custom-select-period .amount {
    float: left;
    margin: 20px 5px 0 0;
    font-size: 12px;
  }
  .custom-selectWrapper.other-wrapper,
  .custom-selectWrapper.other-wrapper .discount-box {
    margin-top: 15px;
  }
  .custom-selectWrapper.other-wrapper .discount-box .discount-price {
    text-align: right;
  }
  .custom-selectWrapper.other-wrapper .discount-box .discount-price .sale {
    text-align: right;
    padding-bottom: 3px;
  }
}
@media (max-width: 320px) {
  .custom-selectWrapper .discount-box {
    width: 49%;
  }
  .custom-selectWrapper.other-wrapper .discount-box {
      width: 100%;
  }
}
.cart-number {
  float: left;
  width: 30%;
}
.cart-number:after {
  display: block;
  content: "";
}

/***** 通常・定期セレクトポックス ******/

.custom-select-period>select {
  width: 100%;
  height: 35px;
  line-height: 35px;
  border: 1px solid #d7d7d7;
  border-radius: 2px;
  padding: 0 16px;
  color: #333333;
  background-position: 94% center;
}
.cart-number-period {
  width: 35%;
  margin-top: 10px;
}
.cart-number-period:after {
  display: block;
  content: "";
}
.cart-number-period>select {
  background-position: 94% center;
}
@media (max-width: 750px) {
  .custom-select-period {
    width: 100%;
    margin-bottom: 10px;
  }
  .custom-select-period>select {
    background-position: 95% center;
    font-size: 100%;
    height: 50px;
  }
  .cart-number-period {
    width: 40%;
    margin-top: 10px;
  }
  .cart-number-period:after {
    display: block;
    content: "";
  }
  .cart-number-period>select {
    background-position: 94% center;
  }
}
@media (min-width: 751px) {
  .custom-select-period>select {
    height: 50px;
  }
}

/************/


/***** もっと見るボタン ******/

@media (max-width: 750px) {
  .sidebar-box {
    max-height: 270px;
    position: relative;
    overflow: hidden;
  }
  .sidebar-box .read-more {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 100px 0;
    background-image: -moz-linear-gradient(top, transparent, white);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
  }
  .sidebar-box .read-more a {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #f5f5f6;
    border: solid 1px #dfdfdf;
    border-radius: 3px;
    display: block;
    padding: 10px 0;
    letter-spacing: 0.15rem;
    box-sizing: border-box;
  }
  .sidebar-box .read-more span.arrow {
    position: relative;
    display: inline-block;
  }
  .sidebar-box .read-more span.arrow::before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #999;
    border-right: solid 2px #999;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px;
    margin-left: 5px;
  }
}
@media (min-width: 751px) {
  .sidebar-box .read-more {
    display: none;
  }
}

/************/

.tab-box-container {
  margin-top: 50px;
}
.tab-box-content-list .txtP01 {
  line-height: 170%;
}
@media (min-width: 751px) {
  .tab-box-content-list {
    border: 1px solid #dfdfdf;
  }
  .tab-box-content-list h3 {
    font-size: 130%;
    margin: 0px 0 15px;
  }
  .tab-box-content-list .txtP01 {
    margin-bottom: 20px;
  }
  .tab-box-content-list .txtP01+h3 {
    margin-top: 45px;
  }
}
@media (max-width: 750px) {
  .tab-box-container {
    margin-top: 20px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .tab-box-content-list {
    border-top: 1px solid #dfdfdf;
  }
  .tab-box-content-list h3 {
    font-size: 116%;
    margin-bottom: 9px;
  }
  .tab-box-content-list .txtP01 {
    margin-bottom: 13px;
    line-height: 164%
  }
  .tab-box-content-list .txtP01+h3 {
    margin-top: 30px;
  }
  .btn-grey02+h3 {
    margin-left: -10px;
  }
}
.tab-box-content-list .kome-list li:before {
  content: '';
  width: 6px;
  height: 6px;
  display: inline-block;
  border-radius: 100%;
  background: #acacac;
  position: relative;
  left: -8px;
  top: -3px;
}
.tab-box-content-list .kome-list li {
  margin-left: 11px;
  margin-bottom: 6px;
  letter-spacing: 0.2px;
}
.tab-box-content-list .table-set {
  border-top: 1px solid #d9d9d9;
  text-align: left;
}
.tab-box-content-list .table-set tr th {
  vertical-align: top;
}
.tab-box-content-list .table-set tr th, .tab-box-content-list .table-set tr td {
  border-bottom: 1px solid #d9d9d9;
  line-height: 160%;
}
.tab-box-content-list .table-set tr td ol li {
  list-style-type: disc;
  margin-left: 20px;
  margin-bottom: 7px;
}
.tab-box-content-list .table-set tr th {
  background: #f9f9f9;
}
@media (min-width: 751px) {
  .tab-box-content-list .kome-list {
    margin-bottom: 35px;
  }
  .tab-box-content-list .kome-list li {
    font-size: 98%;
  }
  .tab-box-content-list .table-set tr th {
    min-width: 180px;
  }
  .tab-box-content-list .table-set tr th, .tab-box-content-list .table-set tr td {
    padding: 20px 0px 20px 20px;
    line-height: 170%;
  }
}
@media (max-width: 750px) {
  .btn-grey02.btn-icon-arrow-right.mb45 {
    margin-bottom: 30px !Important;
    width: -webkit-calc(100% + 20px);
    width: calc(100% + 20px);
    margin-left: -10px;
  }
  .tab-box-content-list .table-set {
    font-size: 94%;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 15px;
  }
  .tab-box-content-list .kome-list {
    margin-bottom: 20px;
  }
  .tab-box-content-list .table-set tr th {
    min-width: 112px;
    letter-spacing: 0;
  }
  .tab-box-content-list .table-set tr th {
    padding: 12px 10px 12px 10px;
    font-weight: 500;
  }
  .tab-box-content-list .table-set tr td {
    padding: 12px 13px 12px 13px;
  }
  .tab-box-content-list .table-set tr td ol li {
    margin-left: 16px;
  }
}
@media (max-width: 550px) {
  .tab-box-content-list .table-set tr th {
    min-width: 106px;
  }
  .tab-box-content-list .kome-list li {
    font-size: 80%;
    line-height: 1.7;
  }
}

/*追加テーブル*/

.table-set {
  text-align: left;
  margin-bottom: 20px;
  border-top: 1px solid #d9d9d9;
}
.table-set table {
  width: 100%;
}
.table-set tr th {
  vertical-align: top;
}
.table-set tr th, .table-set tr td {
  border-bottom: 1px solid #d9d9d9;
  line-height: 160%;
}
.table-set tr td ol li {
  list-style-type: disc;
  margin-left: 20px;
  margin-bottom: 7px;
}
.table-set tr th {
  background: #f9f9f9;
}
@media (min-width: 751px) {
  .table-set tr th {
    min-width: 180px;
  }
  .table-set tr th, .table-set tr td {
    padding: 20px;
    line-height: 170%;
  }
}
@media (max-width: 750px) {
  .table-set {
    font-size: 94%;
  }
  .table-set tr th {
    min-width: 112px;
    letter-spacing: 0;
  }
  .table-set tr th {
    padding: 12px 10px 12px 10px;
    font-weight: 500;
  }
  .table-set tr td {
    padding: 12px 13px 12px 13px;
  }
  .table-set tr td ol li {
    margin-left: 16px;
  }
}
@media (max-width: 550px) {
  .tab-box-content-list .table-set tr th {
    min-width: 106px;
  }
  .tab-box-content-list .kome-list li {
    font-size: 80%;
    line-height: 1.7;
  }
}

/*あなたにおすすめ*/

.contents-list {}
@media (min-width: 751px) {
  .contents-list {
    padding-bottom: 20px;
  }
}
.contents-list ul {
  text-align: center;
}
.contents-list ul li {
  display: inline-table;
  width: 46%;
  border: 1px solid #dfdfdf;
  padding: 1.5%;
  margin-bottom: 10px;
}
@media (min-width: 751px) {
  .contents-list ul li {
    width: 29.8%;
  }
}
@media (max-width: 374px) {
  .contents-list ul li {
    width: 44%;
  }
}
.contents-list ul li img {
  width: 100%;
}
.contents-list ul li span {
  display: block;
}
.contents-list ul li span.title {
  padding-top: 5px;
  text-align: left;
}
.contents-list ul li span.normal-price {
  text-align: right;
  font-size: 80%;
}
.contents-list ul li span.normal-price .unit {
  display: inline;
  text-decoration: line-through;
  font-size: 100%;
}
.contents-list ul li span.member-price {
  text-align: right;
  font-size: 140%;
}

/*特集*/

.contents-feature ul li {
  margin: 0 0.3% 1.7%;
}
@media (max-width: 320px) {}
@media (min-width: 751px) {
  .contents-feature {
    padding-bottom: 30px;
  }
  .contents-feature ul li {
    display: inline-table;
    width: 24.4%;
    margin: 0 0.1% 0.6%;
  }
  .contents-feature ul li:nth-child(4n) {
    margin-right: 0;
  }
}
.contents-feature ul li img {
  width: 100%;
  border: 1px solid #eee;
  box-shadow: 0px 0px 2px #ccc;
  -moz-box-shadow: 0px 0px 2px #ccc;
  -webkit-box-shadow: 0px 0px 2px #ccc;
}
@media (min-width: 751px) {
  .recommended-contents {
    padding: 0 0 20px 0;
    margin: 0;
    margin-bottom: 0;
  }
  .recommended-contents li:nth-child(4n) {
    margin-right: 0;
  }
  .thanks-recommend .recommended-contents li:nth-child(3n) {
      margin-right: 7px;
  }
  .thanks-recommend .recommended-contents li:nth-child(4n) {
    margin-right: 0;
  }
  .recommended-contents a:nth-child(4n) {
    margin-right: 0;
  }
  .thanks-recommend .recommended-contents a:nth-child(3n) {
    margin-right: 7px;
  }
  .thanks-recommend .recommended-contents a:nth-child(4n) {
    margin-right: 0;
  }
  .recommended-box .recommended-inner {
    text-align: center;
    background-color: #f6f6f6;
  }
  .recommended-box {
    border: 1px solid #dfdfdf;
    width: 22.7%;
    float: left;
    padding: 7px;
    height: 304px;
    margin-right: 7px;
    margin-bottom: 7px;
    position: relative;
    box-shadow: 0 0 3px #fff, 0 0 3px #ccc, 0 0 1px #aaa;
  }
  .recommended-box img {
    max-height: 130px;
    width: initial!important;
  }
  .recommended-imgarea {
    margin-bottom: 4%;
  }
  .recommended-box p {
    font-size: 100%;
    margin-bottom: 2%;
    height: 39px;
    overflow: hidden;
  }
  .recommended-localarea span {
    background: #EFEFEF;
    padding: 2px 5px 1px;
  }
  .recommended-localarea {
    height: 36px;
  }
  .recommended-localarea span {
    font-size: 80%;
  }
  .recommended-textarea {
    position: absolute;
    display: block;
    width: 93%;
    bottom: 6px;
  }
  .recommended-normal {
    color: #b8b8b8;
    font-size: 80%;
  }
  .recommended-normal span {
    text-decoration: line-through;
  }
  .recommended-price {
    text-align: right;
    font-size: 16px;
    float: left;
    padding-top: 1%;
  }
  .recommended-textarea .selling-price {
    text-align: left;
  }
  .recommended-offbox {
    background-color: #ea5504;
    color: #fff;
    font-size: 66%;
    padding: 2%;
    border-radius: 3px;
    width: 60px;
    text-align: center;
    float: top;
  }
  .recommended-localarea span {
    font-size: 80%;
  }
  .recommended-favorite-icon {
    width: 15%;
    bottom: 0px;
    float: right;
  }
  .recommended-favorite-icon > img {
    width: 100% !important;
    float: right;
  }
}
@media (max-width: 750px) {
  .recommended-contents {
    padding: 15px 0 0;
    margin-bottom: 0;
  }
  .recommended-contents li:nth-child(2n) {
    margin-left: 2%;
  }
  .recommended-contents a:nth-child(2n) {
    margin-left: 2%;
  }
  .recommended-box {
    border: 1px solid #dfdfdf;
    width: 44.2%;
    float: left;
    padding: 2%;
    margin-bottom: 2%;
    position: relative;
    box-shadow: 0 0 3px #fff, 0 0 3px #ccc, 0 0 1px #aaa;
    display: block;
  }
  .recommended-box img {
    width: 100%;
    margin-bottom: 4%;
    position: relative;
  }
  .recommended-box p {
    font-size: 100%;
    margin-bottom: 2%;
    overflow: hidden;
    height: 58px;
  }
  .recommended-localarea span {
    background: #EFEFEF;
    padding: 2px 5px 1px;
  }
  .recommended-localarea {
    height: 44px;
  }
  .recommended-localarea span {
    font-size: 75%;
  }
  .recommended-textarea {
    display: block;
    bottom: 6px;
    height: 99px;
  }
  .recommended-normal {
    color: #b8b8b8;
    font-size: 80%;
    height: 17px;
    padding-top: 3px;
  }
  .recommended-normal span {
    text-decoration: line-through;
  }
  .recommended-price {
    text-align: right;
    font-size: 100%;
    float: left;
    padding-top: 1%;
    height: 17px;
  }
  .recommended-textarea .selling-price {
    text-align: left;
  }
  .recommended-offbox {
    background-color: #ea5504;
    color: #fff;
    font-size: 66%;
    padding: 3px 0 0;
    border-radius: 3px;
    width: 40%;
    text-align: center;
    height: 17px;
    float: top;
  }
  .recommended-blank-offbox {
    padding: 3px 0 0;
    height: 17px;
    float: top;
  }
  .recommended-inner {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0%;
    background: #f6f6f6;
  }
  .recommended-imgarea img {
    max-width: 100% !important;
    width: inherit;
    max-height: 100%;
  }
  .recommended-imgarea {
    position: relative;
    text-align: center;
    width: 100%;
    max-height: 0;
    padding-bottom: 59%;
    margin-bottom: 4%;
  }
  .recommended-favorite-icon {
    width: 15%;
    float: right;
  }
  .recommended-favorite-icon img {
    width: 100%;
    float: right;
  }
  .contents-recommend, .contents-feature {
    padding: 24px 15px;
  }
  .under-elements h3 {
    font-size: 125%;
  }
  .gray_area {
      padding: 5px;
      background-color: #eaebef;
      box-shadow: 0px 1px 4px #ccc inset, 0px -1px 4px #ccc inset;
  }
  .mm15 {
      margin: 0 -15px;
  }
}
@media (max-width: 500px) {
  .recommended-textarea {
    height: 85px;
  }
}
@media (max-width: 380px) {
  .recommended-textarea {
    height: 77px;
  }
}
/** SOLD OUT **/

.recommended-box .recommended-imgarea .sold-out {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(82, 74, 70, 0.85);
  width: 100%;
  height: 65%;
  padding-top: 20%;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
  font-weight: bold;
  z-index: 4;
}
.selling-price {
  font-size: 10px;
  vertical-align: bottom;
  text-align: right;
  white-space: nowrap;
  height: 13px;
}
@media (min-width: 750px) {
  .recommended-box .recommended-imgarea .sold-out {
    left: 8px;
    top: 8px;
    width: 94%;
    height: 26%;
    padding-top: 23%;
  }
}
@media (min-width: 751px) {
  .feature-box-un .feature-single {
    margin-bottom: 10px;
  }
  .feature-box-un .feature-single:last-child {
    margin-bottom: 0;
  }
  .feature-dual {
    margin-bottom: 7px;
  }
  .special-tab-list {
    width: 100%;
    overflow-x: visible;
  }
  .button {
    text-align: center;
    padding: 10px;
    color: #000;
    background: #e9ebed;
    width: 27%;
    margin: 10px auto 0;
    border-radius: 5px;
    border: 1px #dddee2 solid;
    background-image: url(../../images/content/top/photo/arrowon.png);
    background-repeat: no-repeat;
    background-position: 74% 45%;
    background-size: 4.5%;
    position: relative;
    cursor: pointer;
  }
  .button.close {
    background-image: url("../../images/content/top/photo/arrowoff.png");
  }
  .feature-box-un.pt0 {
    padding: 0 0 10px;
  }
  .button.btn-state02 {
    margin-top: 10px;
  }
}
@media (max-width: 750px) {
  .feature-box-un {
    background-color: #ffffff;
    margin: 0;
  }
  .feature-box-un .feature-single {
    margin-bottom: 10px;
  }
  .feature-box-un .feature-single:last-child {
    margin-bottom: 0;
  }
  .contents-feature .feature-outer-un {
    position: relative;
    text-align: center;
    border: 1px solid #dfdfdf;
    margin: 0 0 2%;
  }
  .feature-outer-un a {
    display: block;
  }
  .button {
    text-align: center;
    padding: 10px;
    color: #000;
    background: #e9ebed;
    width: 64%;
    margin: 0 auto;
    border-radius: 5px;
    border: 1px #dddee2 solid;
    background-image: url(../../images/content/top/photo/arrowon.png);
    background-repeat: no-repeat;
    background-position: 74% 45%;
    background-size: 4.5%;
    position: relative;
    cursor: pointer;
  }
  .button.close {
    background-image: url("../../images/content/top/photo/arrowoff.png");
  }
  .feature-box-un.pt0 {
    padding: 0 2% 10px;
    position: relative;
    top: -10px;
  }
  .button.btn-state02 {
    margin-top: 10px;
  }
}

/*通常購入・定期購入*/

.cart-period-method {
  position: relative;
  padding: 0 0 0px;
}
.cart-period-method ul {
  font-size: 15px;
  display: inline-block;
}
.cart-period-method p {
  font-size: 15px;
}
div.cart-period-eachBox .inner {
  position: relative;
  width: 680px;
}
div.cart-period-eachBox .inner label {
  position: relative;
  width: 100%;
  display: inline-block;
  position: relative;
  /*cursor: pointer;*/
  border-radius: 2px;
  color: #3e4956;
  font-size: 14px;
  line-height: 1;
  padding: 20px;
  border-radius: 2px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  transition: opacity 0.2s linear 0s;
}
div.cart-period-eachBox .inner .firstlabel {
  border-radius: 2px 2px 0 0;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
div.cart-period-eachBox .inner .secondlabel {
  border-radius: 0 0 2px 2px;
  border-top: none;
}
div.cart-period-eachBox .inner label .price-box {
  margin-bottom: -17px;
}
div.cart-period-eachBox .inner label .price-box dl {
  width: 100%;
}
div.cart-period-eachBox .inner label .price-box dl dt {
}
div.cart-period-eachBox .inner label .price-box dl dt p {
  font-size: 66%;
  vertical-align: middle;
}
div.cart-period-eachBox .inner label .price-box dl dd.price-txt {
  color: #999;
  text-align: right;
}
div.cart-period-eachBox .inner label .price-box dl dd.price {
  font-size: 76%;
  text-align: right;
}
div.cart-period-eachBox .inner label .price-box dl .price-txt .normal {
  font-size: 85%;
  text-decoration: none;
  vertical-align: middle;
}
div.cart-period-eachBox .inner label .price-box dl .price-txt .normal span {
  text-decoration: line-through;
}
div.cart-period-eachBox .inner label .price-box dl .price-txt .plus-member-price,
div.cart-period-eachBox .inner label .price-box dl .price-txt .tax-txt {
  display: inline-block;
  line-height: 1.15;
}
div.cart-period-eachBox .inner label:before {
  position: absolute;
  content: "";
  top: 20px;
  left: 20px;
  width: 30px;
  height: 30px;
  border: 1px solid #dfdfdf;
  border-radius: 50%;
  background: #fff;
}
div.cart-period-eachBox .inner input[type="radio"]:checked+label:after {
  position: absolute;
  content: "";
  top: 21px;
  left: 21px;
  width: 14px;
  height: 14px;
  margin: 8px;
  border-radius: 50%;
  background: #eb5505;
  transition: opacity 0.2s linear 0s;
}
div.cart-period-eachBox .inner input[type=radio]:checked+label {}
div.cart-period-eachBox .inner label dt {
  padding: 0 0 0 40px;
  font-size: 26px;
}
div.cart-period-eachBox.kantan-payment .inner label dt {
  min-height: 45px;
  margin: 0 0 20px;
  border-bottom: 1px solid #dfdfdf;
}
div.cart-period-eachBox.credit-payment .inner label dt {
  min-height: 32px;
}
div.cart-period-eachBox .inner input {
  display: none;
  -webkit-appearance: none;
  border-radius: 0;
}
div.cart-period-eachBox .inner label dl dt p {
  font-weight: bold;
}
div.cart-period-eachBox .inner .period-description {
  margin: 10px 0 20px 7px;
}
div.cart-period-eachBox .inner .period-description li {
  font-size: 80%;
  line-height: 1.4;
}
div.cart-period-eachBox .inner .period-description li:before {
  content: '';
  width: 2px;
  height: 2px;
  display: inline-block;
  border-radius: 100%;
  background: #666;
  position: relative;
  left: -5px;
  top: -3px;
}
@media screen and (min-width: 751px) {
  div.cart-period-eachBox .inner {
    position: relative;
    width: 372px;
  }
  div.cart-period-eachBox .inner label {
    position: relative;
    width: 100%;
    display: inline-block;
    position: relative;
    /*cursor: pointer;*/
    border-radius: 2px;
    color: #3e4956;
    font-size: 14px;
    line-height: 1;
    padding: 15px;
    border-radius: 2px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    transition: opacity 0.2s linear 0s;
  }
  div.cart-period-eachBox .inner .firstlabel {
    border-radius: 2px 2px 0 0;
  }
  div.cart-period-eachBox .inner .secondlabel {
    border-radius: 0 0 2px 2px;
    border-top: none;
  }
  div.cart-period-eachBox .inner label .price-box dl {
    width: 100%;
  }
  div.cart-period-eachBox .inner label .price-box dl dt {
    float: left;
  }
  div.cart-period-eachBox .inner label .price-box dl dt p {
    font-size: 66%;
    vertical-align: middle;
    padding-left: 16px;
  }
  div.cart-period-eachBox .inner label .price-box dl dd.price-txt {
    color: #999;
    text-align: left;
    line-height: 1.4;
    float: right;
  }
  div.cart-period-eachBox .inner label .price-box dl dd.price {
    font-size: 76%;
    text-align: right;
    min-width: 130px;
  }
  div.cart-period-eachBox .inner label .price-box dl .price-txt .normal {
    font-size: 80%;
    text-decoration: none;
    vertical-align: middle;
  }
  div.cart-period-eachBox .inner label .price-box dl .price-txt .normal span {
    text-decoration: line-through;
  }
  div.cart-period-eachBox .inner label .price-box dl .price-txt .sale {
    font-size: 12px;
    color: #3e4956;
  }
  div.cart-period-eachBox .inner label .price-box dl .price-txt-sale {
    float: left;
    margin: 11px 0 0 8%;
  }
  div.cart-period-eachBox .inner label .price-box dl .price-txt-sale .sale {
    font-size: 12px;
  }
  div.cart-period-eachBox .inner label:before {
    position: absolute;
    content: "";
    top: 13px;
    left: 13px;
    width: 30px;
    height: 30px;
    border: 1px solid #dfdfdf;
    border-radius: 50%;
    background: #fff;
  }
  div.cart-period-eachBox .inner input[type="radio"]:checked+label:after {
    position: absolute;
    content: "";
    top: 14px;
    left: 14px;
    width: 14px;
    height: 14px;
    margin: 8px;
    border-radius: 50%;
    background: #eb5505;
    transition: opacity 0.2s linear 0s;
  }
  div.cart-period-eachBox .inner input[type=radio]:checked+label {}
  div.cart-period-eachBox .inner label dt {
    padding: 7px 0 0 40px;
    font-size: 26px;
  }
  div.cart-period-eachBox.kantan-payment .inner label dt {
    min-height: 45px;
    margin: 0 0 20px;
    border-bottom: 1px solid #dfdfdf;
  }
  div.cart-period-eachBox.credit-payment .inner label dt {
    min-height: 32px;
  }
  div.cart-period-eachBox .inner input {
    display: none;
    -webkit-appearance: none;
    border-radius: 0;
  }
  div.cart-period-eachBox .inner label dl dt p {
    font-weight: bold;
  }
  div.cart-period-eachBox .inner .plus-member-area {
    width: 90%;
    margin: -10px 0 10px;
    float: right;
  }
  div.cart-period-eachBox .inner .plus-member-area dl {
    padding: 0 0 0 10px;
  }
  div.cart-period-eachBox .inner .plus-member-area .txt {
    padding: 0;
    background: #eaebee;
    width: 116px;
    min-height: 10px;
    font-size: 14px;
    float: left;
  }
  div.cart-period-eachBox .inner .plus-member-area .txt img {
    width: 17%;
    padding: 1px;
  }
  div.cart-period-eachBox .inner .plus-member-area .txt span {
    font-size: 85%;
    display: inline-block;
    line-height: 2.3;
  }
  div.cart-period-eachBox .inner .plus-member-area .off-txt {
    clear: both;
    font-size: 85%;
    padding: 10px 0;
  }
  div.cart-period-eachBox .inner .plus-member-area dd {
    float: right;
  }
  div.cart-period-eachBox .inner .border {
    border-top: 1px solid #dfdfdf;
    margin: 4px 0 10px 0;
    width: 100%;
    clear: both;
  }
  div.cart-period-eachBox .inner .unit {
    width: 40%;
    background-position: 85% center;
  }
  div.cart-period-eachBox .inner .tax-txt {
    font-size: 14px;
    display: inline-block;
  }
  div.cart-period-eachBox .inner .plus-member-price span {
    font-size: 16px;
  }
}
@media screen and (max-width: 750px) {
  .cart-period-method {
    padding: 0 0 10px;
  }
  div.cart-payment-eachBox .inner {
    width: 100%;
  }
  div.cart-payment-eachBox .inner label dl dt p {
    font-size: 16px;
  }
  div.cart-payment-eachBox .inner label {
    padding: 15px;
  }
  div.cart-payment-eachBox .inner label:before {
    top: 15px;
    left: 15px;
  }
  div.cart-payment-eachBox .inner input[type="radio"]:checked+label:after {
    top: 16px;
    left: 16px;
  }
  div.cart-payment-eachBox .inner label dl dd .text ul li {
    font-size: 9px;
    margin-left: 15px;
    margin-bottom: 0px;
    letter-spacing: 0;
    line-height: 2.4;
  }
  div.cart-payment-eachBox .inner label dl dd .text .note {
    font-size: 7.6px;
    margin: 5px 0 0;
  }
  div.cart-payment-eachBox.kantan-payment .inner label dt {
    margin-bottom: 11px;
  }
  div.cart-payment-eachBox.kantan-payment {
    margin-top: 50px;
    margin-bottom: 0;
  }
  div.cart-payment-eachBox.credit-payment .inner label dt span {
    display: block;
    font-size: 10px;
    letter-spacing: 0.1em;
    margin-top: 10px;
    margin-left: -5px;
    margin-bottom: 4px;
    text-align: left;
    line-height: 0.5;
    white-space: nowrap;
  }
  div.cart-payment-eachBox.credit-payment .inner label dl dt p {
    padding-top: 3px;
  }
  div.cart-period-eachBox .inner {
    width: 100%;
  }
  div.cart-period-eachBox .inner label {
    padding: 9px 9px 6px;
  }
  div.cart-period-eachBox .inner label:before {
    position: absolute;
    content: "";
    top: 8px;
    left: 10px;
    width: 19px;
    height: 19px;
    border: 1px solid #dfdfdf;
    border-radius: 50%;
    background: #fff;
  }
  div.cart-period-eachBox .inner input[type="radio"]:checked+label:after {
    position: absolute;
    content: "";
    top: 4px;
    left: 6px;
    width: 13px;
    height: 13px;
    margin: 8px;
    border-radius: 50%;
    background: #eb5505;
    transition: opacity 0.2s linear 0s;
  }
  div.cart-period-eachBox .inner label dt {
    padding: 0 0 0 26px;
    font-size: 18px;
  }
  div.cart-period-eachBox.kantan-payment .inner label dt {
    margin-bottom: 11px;
  }
  div.cart-period-eachBox.kantan-payment {
    margin-top: 50px;
    margin-bottom: 0;
  }
  div.cart-period-eachBox.credit-payment .inner label dt span {
    display: block;
    font-size: 10px;
    letter-spacing: 0.1em;
    margin-top: 10px;
    margin-left: -5px;
    margin-bottom: 4px;
    text-align: left;
    line-height: 0.5;
    white-space: nowrap;
  }
  div.cart-period-eachBox .inner label .price-box dl {
    display: inline-table;
    table-layout: fixed;
    width: 100%;
  }
  div.cart-period-eachBox .inner label .price-box dl dt {
    float: left;
  }
  div.cart-period-eachBox .inner label .price-box dl dt p {
    font-size: 66%;
  }
  div.cart-period-eachBox .inner label .price-box dl dd.price-txt {
    color: #999;
    text-align: right;
  }
  div.cart-period-eachBox .inner label .price-box dl dd.price {
    font-size: 76%;
    text-align: right;
  }
  div.cart-period-eachBox .inner label .price-box dl dd.price-txt {
    color: #999;
    text-align: left;
    line-height: 1.4;
    float: right;
}
  div.cart-period-eachBox .inner label .price-box dl .price-txt .normal {
    font-size: 70%;
    text-decoration: none;
  }
  div.cart-period-eachBox .inner label .price-box dl .price-txt-sale {
    float: left;
    margin: 5px 0 0 27%;
  }
  div.cart-period-eachBox .inner label .price-box dl .price-txt-sale .sale {
    font-size: 12px;
  }
  div.cart-period-eachBox .inner label .price-box dl .price-txt .sale {
    font-size: 12px;
    color: #3e4956;
}
div.cart-period-eachBox .inner label dt {
    padding: 5px 0 0 30px;
}
  div.cart-period-eachBox .inner .plus-member-area {
    width: 90%;
    margin: -19px 0 7px 30px;
  }

  div.cart-period-eachBox .inner .plus-member-area .txt {
    padding: 0;
    background: #eaebee;
    width: 100px;
    min-height: 10px;
    font-size: 14px;
    float: left;
  }
  div.cart-period-eachBox .inner .plus-member-area .txt img {
    width: 15%;
    padding: 1px;
  }
  div.cart-period-eachBox .inner .plus-member-area .txt span {
    font-size: 68%;
    display: inline-block;
    margin-left: 0;
    line-height: 0.2;
  }
  div.cart-period-eachBox .inner .plus-member-area .off-txt {
    clear: both;
    font-size: 70%;
    padding: 6px 0 10px;
  }
  div.cart-period-eachBox .inner .plus-member-area dd {
    float: right;
  }
  div.cart-period-eachBox .inner .border {
    border-top: 1px solid #dfdfdf;
    margin: 4px 0 7px 0;
    width: 100%;
  }
  div.cart-period-eachBox .inner .unit {
    width: 40%;
    background-position: 86% center;
  }
  .under-elements .contents-recommend,
  .under-elements .contents-feature {
    margin-bottom:0;
  }
  .under-elements .tab-container-list {
    margin-bottom:-10px;
  }
}
@media screen and (max-width: 375px) {
  div.cart-period-eachBox .inner label .price-box dl {
    display: inline-table;
    table-layout: fixed;
    width: 100%;
  }
  div.cart-period-eachBox .inner label .price-box dl dt {
    float: left;
  }
  div.cart-period-eachBox .inner label .price-box dl dt p {
    font-size: 66%;
  }
  div.cart-period-eachBox .inner label .price-box dl dd.price-txt {
    color: #999;
  }
  div.cart-period-eachBox .inner label .price-box dl dd.price {
    font-size: 76%;
    text-align: right;
  }
  div.cart-period-eachBox .inner label .price-box dl .price-txt .normal {
    font-size: 70%;
    text-decoration: none;
  }
  div.cart-period-eachBox .inner label .price-box dl .price-txt-sale {
    float: left;
    margin: 5px 0 0 19%;
  }
  div.cart-period-eachBox .inner label .price-box dl .price-txt-sale .sale {
    font-size: 12px;
  }
}
@media screen and (max-width: 320px) {
  div.cart-period-eachBox .inner label .price-box dl {
    display: inline-table;
    table-layout: fixed;
    width: 100%;
  }
  div.cart-period-eachBox .inner label .price-box dl dd.price-txt {
    color: #999;
    font-size: 90%;
  }
  div.cart-period-eachBox .inner label .price-box dl dd.price {
    font-size: 64%;
    text-align: right;
    margin-top: 2px;
  }
  div.cart-period-eachBox .inner label .price-box dl .price-txt .normal {
    font-size: 65%;
    text-decoration: none;
  }
  div.cart-period-eachBox .inner label .price-box dl .price-txt-sale {
    float: left;
    margin: 4px 0 0 15%;
  }
  div.cart-period-eachBox .inner label .price-box dl .price-txt-sale .sale {
    font-size: 80%;
  }
  div.cart-period-eachBox .inner label:before {
    top: 9px;
    left: 8px;
    width: 16px;
    height: 16px;
  }
  div.cart-period-eachBox .inner input[type="radio"]:checked+label:after {
    top: 4px;
    left: 3px;
    width: 12px;
    height: 12px;
  }
  div.cart-period-eachBox .inner .plus-member-area {
    width: 88%;
  }
  div.cart-period-eachBox .inner .plus-member-area .off-txt {
    font-size: 60%;
    padding: 6px 0;
  }
  div.cart-period-eachBox .inner .plus-member-area .txt span {
    font-size: 55%;
  }
}
/*------------------------------------------------------------
　　　バナー
------------------------------------------------------------*/
.banner-box img {
  width: 100%;
}

@media (min-width: 751px) {
  .banner-box {
    margin-bottom: 20px;
  }
}
@media (max-width: 750px) {
  .banner-box {
    margin-top: 9px;
  }
  .search-wrap .banner-box {
    margin: 0 0 9px;
  }
}



/*------------------------------------------------------------
　　　ランキング
  ------------------------------------------------------------*/
@media (min-width: 751px) {
  .ranking-contents {
    padding: 0 0 20px 0;
    margin: 0;
    margin-bottom: 0;
  }
  .ranking-contents li:nth-child(4n) {
    margin-right: 0;
  }
  .thanks-recommend .ranking-contents li:nth-child(3n) {
      margin-right: 7px;
  }
  .thanks-recommend .ranking-contents li:nth-child(4n) {
    margin-right: 0;
  }
  .ranking-contents a:nth-child(4n) {
    margin-right: 0;
  }
  .thanks-recommend .ranking-contents a:nth-child(3n) {
    margin-right: 7px;
  }
  .thanks-recommend .ranking-contents a:nth-child(4n) {
    margin-right: 0;
  }
  .ranking-box .ranking-inner {
    text-align: center;
    background-color: #f6f6f6;
  }
  .ranking-box {
    border: 1px solid #dfdfdf;
    width: 22.7%;
    float: left;
    padding: 7px;
    height: 304px;
    margin-right: 7px;
    margin-bottom: 7px;
    position: relative;
    box-shadow: 0 0 3px #fff, 0 0 3px #ccc, 0 0 1px #aaa;
  }
  .ranking-box img {
    max-height: 130px;
    width: initial!important;
  }
  .ranking-imgarea {
    margin-bottom: 4%;
    position: relative;
  }
  .ranking-box p {
    font-size: 100%;
    margin-bottom: 2%;
    height: 39px;
    overflow: hidden;
  }
  .ranking-localarea span {
    background: #EFEFEF;
    padding: 2px 5px 1px;
  }
  .ranking-localarea {
    height: 36px;
  }
  .ranking-localarea span {
    font-size: 80%;
  }
  .ranking-textarea {
    position: absolute;
    display: block;
    width: 93%;
    bottom: 6px;
  }
  .ranking-normal {
    color: #b8b8b8;
    text-align: left;
    font-size: 80%;
  }
  .ranking-normal span {
    text-decoration: line-through;
  }
  .ranking-price {
    text-align: right;
    font-size: 16px;
    float: left;
    padding-top: 1%;
  }
  .ranking-offbox {
    background-color: #ea5504;
    color: #fff;
    font-size: 66%;
    padding: 2%;
    border-radius: 3px;
    width: 60px;
    text-align: center;
    float: top;
  }
  .ranking-sabt {
    float: left;
    width: 80px;
    padding-top: 2px;
    white-space: nowrap;
  }
  .ranking-number {
    position: absolute;
    top: 0;
    left: 0;
    padding: 3%;
    font-size: 90%;
    background-color: #eb530a;
    color: #ffffff;
    opacity: 0.8;
    z-index: 10;
  }
  .ranking-favorite-icon {
  width: 15%;
  bottom: 0px;
  float: right;
  }
  .ranking-favorite-icon > img {
  width: 100% !important;
  float: right;
  }
  .exchange-tab {
    width: 500px;
    float: left;
  }
  .tab-content-item {
    white-space: nowrap;
  }
  .tab-content-item.select a {
    color: #eb530a;
  }
  .tab-content-item a {
    background: transparent;
    padding: 5px 5px;
    font-size: 13px;
  }
  .exchange-tab-list {
    padding-top: 10px;
  }
}

@media (max-width: 750px) {
  .ranking_category {
    margin-bottom: -5px;
  }
  .ranking-contents li:nth-child(2n) {
    margin-left: 2%;
  }
  .ranking-contents a:nth-child(2n) {
    margin-left: 2%;
  }
  .ranking-box {
    border: 1px solid #dfdfdf;
    width: 44.2%;
    float: left;
    padding: 2%;
    margin-bottom: 2%;
    position: relative;
    box-shadow: 0 0 3px #fff, 0 0 3px #ccc, 0 0 1px #aaa;
    display: block;
  }
  .ranking-box img {
    width: 100%;
    margin-bottom: 4%;
    position: relative;
  }
  .ranking-box p {
    font-size: 100%;
    margin-bottom: 2%;
    overflow: hidden;
    height: 39px;
  }
  .ranking-localarea span {
    background: #EFEFEF;
    padding: 2px 5px 1px;
  }
  .ranking-localarea {
    height: 44px;
  }
  .ranking-localarea span {
    font-size: 75%;
  }
  .ranking-textarea {
    display: block;
    bottom: 6px;
    height: 99px;
  }
  .ranking-normal {
    color: #b8b8b8;
    font-size: 80%;
    height: 17px;
    padding-top: 3px;
  }
  .ranking-normal span {
    text-decoration: line-through;
  }
  .ranking-price {
    text-align: right;
    font-size: 100%;
    float: left;
    padding-top: 1%;
    height: 17px;
  }
  .ranking-textarea .selling-price {
    text-align: left;
  }
  .ranking-offbox {
    background-color: #ea5504;
    color: #fff;
    font-size: 66%;
    padding: 3px 0 0;
    border-radius: 3px;
    width: 40%;
    text-align: center;
    height: 17px;
    float: top;
  }
  .ranking-blank-offbox {
    padding: 3px 0 0;
    height: 17px;
    float: top;
  }
  .ranking-inner {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0%;
    background: #f6f6f6;
  }
  .ranking-imgarea img {
    max-width: 100% !important;
    width: inherit;
    max-height: 100%;
  }
  .ranking-imgarea {
    position: relative;
    text-align: center;
    width: 100%;
    max-height: 0;
    padding-bottom: 59%;
    margin-bottom: 4%;
  }
  .ranking-number {
    position: absolute;
    top: 0;
    left: 0;
    padding: 3%;
    font-size: 90%;
    background-color: #eb530a;
    color: #ffffff;
    opacity: 0.8;
    z-index: 10;
  }
  .ranking-favorite-icon {
  width: 15%;
  bottom: 0px;
  float: right;
  }
  .ranking-favorite-icon > img {
  width: 100% !important;
  float: right;
  }
  .spnone {
    display: none;
  }
  .exchange-tab {
    position: relative;
    font-size: 15px;
    border-top: 1px solid #c6c6c6;
  }
  .exchange-tab li {
    width: 25%;
    float: left;
  }
  .exchange-tab li.select {
    border-bottom: 3px solid #eb530a;
  }
  .exchange-tab-list {
    padding-top: 10px;
  }
  .tab-content-item {
    display: inline-block;
    border-bottom: 1px solid #c6c6c6;
    white-space: nowrap;
  }
  .tab-content-item:not(.select) {
    margin-top: 2px;
  }
  .tab-content-item a {
    font-size: 56%;
    padding: 12px 0;
  }
  .tab-content-item.select a {
    color: #eb530a;
    padding: 14px 0 10px;
  }
}
@media (max-width: 500px) {
  .ranking-textarea {
    height: 85px;
  }
}
@media (max-width: 380px) {
  .ranking-textarea {
    height: 77px;
  }
}
@media (max-width: 320px) {
  .ranking-offbox {
    width: 50%;
  }
  .ranking-normal {
    font-size: 70%;
  }
}
/** SOLD OUT **/
.ranking-box .ranking-imgarea .sold-out {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(82, 74, 70, 0.85);
  width: 100%;
  height: 65%;
  padding-top: 20%;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
  font-weight: bold;
  z-index: 4;
}
.selling-price {
  font-size: 10px;
  vertical-align: bottom;
  text-align: right;
  white-space: nowrap;
  height: 13px;
}
@media (min-width: 750px) {
  .ranking-box .ranking-imgarea .sold-out {
    left: 8px;
    top: 8px;
    width: 94%;
    height: 29%;
    padding-top: 23%;
  }
}

/*------------------------------------------------------------
+　　　ランキング、おすすめ商品のアンカータグ
+  ------------------------------------------------------------*/
@media (max-width: 750px) {
  .recommended-box a,
  .ranking-box a {
    display: block;
  }
}

/*------------------------------------------------------------
+　　　特集デザイン変更
+  ------------------------------------------------------------*/
.content-title {
  border-left: 6px solid #EA5503;
}
.feature-category-title {
  border-top: 1px solid #575759;
  border-bottom: 1px solid #575759;
  padding: 8px 0 8px 8px;
  font-weight: bold;
}
@media (min-width: 751px) {
  .contents-feature-list {
    margin-top: 27px;
  }
  .feature-box-un {
    margin-top: 15px;
  }
  .feature-outer-un {
    display: inline-block;
    width: 24.4%;
    margin: 0 0.1% 0.8% 0.46%;
  }
  .feature-outer-un img {
    max-height: 139px;
    width: initial!important;
    border: none!important;
    box-shadow: none!important;
  }
  .feature-more {
    display: inline-block;
    width: 74.5%;
    margin: 0 0 0 0;
  }
  .feature-more .feature-outer-un {
    width: 32.4%;
    margin: 0 0.3% 0 0.8%;
  }
  .feature-more .feature-outer-un:first-child {
    margin: 0 0.1% 0 0.1%;
  }
  .feature-more .feature-outer-un  a {
    display: block;
  }
  .feature-outer-un  a {
    display: block;
  }
  .content-title {
    margin-bottom: 10px;
  }
  .content-title h3 {
    margin-bottom: 0;
    margin-left: 10px;
  }
  .slideSP {
    display: none;
  }
}
@media (max-width: 750px) {
  .content-title {
    padding-left: 10px;
  }
  .contents-feature-list {
    margin: 27px 0 0;
  }
  .feature-box-un {
    margin-top: 7px;
  }
  .feature-outer-un img {
    max-width: 100% !important;
    width: inherit !important;
    max-height: 100%;
    box-shadow: none;
    border: none !important;
    box-shadow: none !important;
  }
  .slide {
    display: none;
  }
}

/*------------------------------------------------------------
　　　空室状況
  ------------------------------------------------------------*/
.visiting-date-choice-area .title {
  background: #f5f5f6;
  margin: 10px -15px 10px;
  padding: 10px 0 10px 8px;
}

.visiting-date-choice-area .title h2 {
  position: relative;
  padding-left: 14px;
  border-left: solid 2px #eb530a;
  font-size: 14px;
  line-height: 110%;
}

.visiting-date-choice-area .select-plan {
  margin-bottom: 20px;
}

.visiting-date-choice-area .select-plan .name {
  font-weight: bold;
  margin-bottom: 4px;
}

.visiting-date-choice-area .select-plan select {
  width: 100%;
  padding: 14px;
  border: 1px solid #c7c6c2;
  border-radius: 3px;
  background: url(../../images/content/top/photo/arrowon.png) no-repeat 95.8% 49%;
  background-size: 14px;
  font-size: 14px;
  box-sizing: border-box;
}

.visiting-date-choice-area .calender-msg {
  position: relative;
  margin-bottom: 20px;
  text-align: center;
}

.visiting-date-choice-area .year-month {
  position: relative;
  margin-bottom: 20px;
  text-align: center;
}

.visiting-date-choice-area .year-month img {
  width: 100%;
}

.visiting-date-choice-area .weekdays {
  display: flex;
  margin-bottom: 15px;
  padding: 0;
}

.visiting-date-choice-area .weekdays ul {
  display: flex;
  width: 100%;
}

.visiting-date-choice-area .weekdays li {
  width: 100%;
  text-align: center;
}

.visiting-date-choice-area .weekdays li:first-child,
.visiting-date-choice-area .weekdays li:last-child {
  color: #ea5504;
}

.visiting-date-choice-area .year-month .prev {
  position: absolute;
  top: 23px;
  left: 0;
  width: 26px;
}

.visiting-date-choice-area .year-month .next {
  position: absolute;
  top: 23px;
  right: 0;
  width: 26px;
}

.visiting-date-choice-area .calender {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 8px;
  border-top: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  box-sizing: border-box;
}

.visiting-date-choice-area .calender .day-box {
  width: 14.284999%;
  height: 50.5px;
  border-bottom: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  box-sizing: border-box;
}
@media (max-width: 325px) {
  .visiting-date-choice-area .calender .day-box {
    height: 46px;
  }
}

.visiting-date-choice-area .calender .day-box .item {
  width: 100%;
  height: 100%;
  padding: 0.2em 0.2em 0.4em;
  box-sizing: border-box;
}

.visiting-date-choice-area .calender .day-box .day {
  font-size: 12px;
}

.visiting-date-choice-area .calender .day-box .day.last-month,
.visiting-date-choice-area .calender .day-box .day.next-month {
  color: #d9d9d9;
}

.visiting-date-choice-area .calender .day-box .primary {
  font-size: 13px;
  text-align: center;
}
@media (max-width: 325px) {
  .visiting-date-choice-area .calender .day-box .primary {
    font-size: 12px;
  }
}

.visiting-date-choice-area .calender .day-box .primary.unreservable {
  color: #c7c6c2;
}

.visiting-date-choice-area .calender .day-box .option-price {
  margin-top: -3px;
  font-size: 9.5px;
  text-align: center;
  letter-spacing: -1px;
}
@media (max-width: 325px) {
  .visiting-date-choice-area .calender .day-box .option-price {
    margin-top: -4.5px;
    white-space: nowrap;
    letter-spacing: -1.4px;
  }
}

.visiting-date-choice-area .option-price-description {
  display: inline-block;
  margin-bottom: 20px;
  font-size: 13px;
}

.visiting-date-choice-area .option-price-description .name {
  display: inline-block;
  margin-right: 15px;
}

.visiting-date-choice-area .option-price-description .price {
  display: inline-block;
}

.visiting-date-choice-area .option-price-description .price:after {
  display: inline-block;
  content: ':';
}

@media (min-width:751px) {
  .visiting-date-choice-area .title {
    margin: 10px 0 15px;
  }

  .visiting-date-choice-area .select-plan {
    margin-bottom: 25px;
  }

  .visiting-date-choice-area .select-plan .item {
    display: flex;
  }

  .visiting-date-choice-area .select-plan .name {
    width: 15%;
    margin: auto 0;
  }

  .visiting-date-choice-area .select-plan select {
    width: 340px;
  }

  .visiting-date-choice-area .calender {
    margin-bottom: 13px
  }

  .visiting-date-choice-area .calender .day-box {
    max-height: 75px;
    height: 75px;
  }

  .visiting-date-choice-area .calender .day-box .primary {
    margin-top: 10px;
    font-size: 14px;
  }

  .visiting-date-choice-area .calender .day-box .option-price {
    margin-top: -3px;
    font-size: 12px;
  }
}
