.top_wrapper {
    width:100%;
    max-width:985px !important;
    margin:0 auto;
  }
  
  
  
  /******************************/
  /* スマホ版スライドショー */
  /******************************/
  @media screen and (max-width:767px) {
    .slider{
      width: 100%;
      /* padding-left:1.2em;*/
      margin:0;
    }
    .items {
      position: relative;
      overflow: hidden;
      width: 100%;
      max-width:100%;
      margin:0 auto !important;
      padding-bottom: 97.435%;
    }
    .item{
      position: absolute;
      top: 0;
      bottom:0;
      right: 0;
      left:0;
      width: 100%;
      max-width:100%;
      height: 100%;
      opacity: 0;
      transition: opacity .6s ease-in-out;
      display:flex;
      justify-content:center;
      align-items:center;
    }
    .current{
      opacity: 1;
    }
    .item img {
      width: 100%;
      max-width:390px;
      height: 100%;
      margin-left:1em;
      object-fit: none;
      text-align:center;
    }
  }
  
  
  
  /******************************/
  /* NEWS */
  /******************************/
  .p-line-informaiton {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
    /*width: 985px;*/
    background:#f6f5e8;
    padding:1.4em 3.0em 2.75em;
    box-sizing:border-box;
  }
  .info_box {
    width:100%;
    padding-top:.75em;
    height:160px;
    overflow:auto;
    border:1px solid #efefef;
    background:#f9f9f9;
  }
  @media screen and (max-width: 767px) {
    .info_date {
      font-size:12px;
    }
    .p-line-informaiton {
      display: block;
      width: auto;
      padding:1.4em 1.25em 2.25em;
    }
  }
  .p-line-informaiton ul {
    flex: 1;
    font-size: 16px;
    text-indent:1.5em;
    font-weight:400;
  }
  @media screen and (max-width: 767px) {  
    .p-line-informaiton ul {
      font-size: 14px;
      text-indent:0;
      padding-left:1em;
    }
    .p-line-informaiton ul li span {
      display:block
    }
    .info_date { 
      font-size:12px; 
    }
  }
  .p-line-informaiton li {
    margin-bottom: 12px;
  }
  
  
  /******************************/
  /* New Arrival */
  /******************************/
  .p-new-item {
    box-sizing:border-box;
    width:100%;
    margin:1.25em auto 0;
  }
  
  
  /******************************/
  /* TOP RECOMMEND */
  /******************************/
  .p-recommend {
    box-sizing:border-box;
    width:100%;
    margin:-6em auto 0;
  }
  
  /*
  .p-recommend .c-item-list__item {
    width:100% !important;
    height:100%;
    box-sizing:border-box;
    display:flex !important;
    justify-content:space-between !important;
    padding:.275em ;
    margin-bottom:1.25rem !important;
  }
  .p-recommend .container::before{
    content:"";
    display: block;
    width:23%;
    order:1;
  }
  .p-recommend .container::after{
    content:"";
    display: block;
    width:23%;
  }
  .Android .p-recommend .c-item-list__item {
    padding:.15em ;
  }
  
  .p-recommend .c-item-list__img_top {
  　width:50%;
    margin: .5em ;
  }
  .Android .p-recommend .c-item-list__img {
    margin: .25em ;
  }
  .p-recommend .c-item-list__img img { 
    max-width: 100%;
    max-height:100%;
  }
  .Android .c-item-list__img img  {
    max-width: 100% !important;
    max-height:100% !important;
  }
  
  .p-recommend .c-item-list__txt { 
    width:50% !important;
    box-sizing:border-box;
    padding:.5em .1em .5em .5em ;
  }
  .Android .p-recommend .c-item-list__txt { 
    padding:.375em .15em .25rem .5rem ;
  }  
  .p-recommend .c-item-list__ttl { 
    font-size:1.28em;
    padding-bottom:.15em; 
    line-height:1.2;
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 3; 
    overflow: hidden;  
  }
  .Android .c-item-list__ttl { 
    font-size:1.15em;
    padding-bottom:0; 
    line-height:1.2;
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 3; 
    overflow: hidden;  
  }
  */
  
  
  .top_banner {
    width:100%;
    margin:0em auto 3.35em;
  }
  @media screen and (max-width:599px) {
    .top_wrapper {
      width:100%;
      max-width:100%;
      margin:2.5em auto 0;
    }
    .button_gift_more {
      text-align:center;
      margin:2.5em auto -2.75em  ;
    }
    .top_banner {
      margin:2.5em auto 2.0em !important;
      overflow:hidden;
    } 
  }
  
  
  
  /******************************/
  /* TOP RANKING */
  /******************************/
  .p-ranking {
    box-sizing:border-box;
    width:100%;
    margin:-5em auto 0;
  }
  /*
  .p-ranking-list .slick-track {
    margin-left: 0;
    margin-right: 0;
  }
  .p-ranking-list .slick-prev, .p-ranking-list .slick-next {
    top: 80px;
    width: 30px;
    height: 30px;
    transition: all 0.4s ease;
    z-index: 1;
    background: rgba(255,255,255,0.4);
  }
  @media screen and (max-width: 767px) {
    .p-ranking-list .slick-prev, .p-ranking-list .slick-next {
      top: calc(50% - 50px);
      width: 45px;
      height: 45px;
    }
  }
  .p-ranking-list .slick-prev:before, .p-ranking-list .slick-next:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 10px;
    width: 15px;
    height: 15px;
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    transition: all 0.4s ease;
    z-index: 1;
  }
  @media screen and (max-width: 767px) {
    .p-ranking-list .slick-prev:before, .p-ranking-list .slick-next:before {
      top: 15px;
    }
  }
  .p-ranking-list .slick-prev {
    left: 20px;
  }
  @media screen and (max-width: 767px) {
    .p-ranking-list .slick-prev {
      left: 0px;
    }
  }
  .p-ranking-list .slick-prev:before {
    transform: rotate(-45deg);
  }
  @media screen and (max-width: 767px) {
    .p-ranking-list .slick-prev:before {
      left: 17px;
    }
  }
  .p-ranking-list .slick-next {
    right: 20px;
  }
  @media screen and (max-width: 767px) {
    .p-ranking-list .slick-next {
      right: 0px;
    }
  }
  .p-ranking-list .slick-next:before {
    left: 4px;
    transform: rotate(135deg);
  }
  @media screen and (max-width: 767px) {
    .p-ranking-list .slick-next:before {
      left: 13px;
    }
  }
  */
  
  /*
  .p-ranking-list__item {
    position: relative;
    box-sizing: border-box;
    margin-right: 20px;
    margin-left: 20px;
    padding-bottom: 25px;
    word-break: break-all;
  }
  @media screen and (max-width: 1030px) {
    .p-ranking-list__item {
      margin-right: 5px;
      margin-left: 5px;
    }
  }
  .p-ranking-list__img {
    position: relative;
    margin-bottom: 35px;
    text-align: center;
  }
  @media screen and (max-width: 767px) {
    .p-ranking-list__img {
      text-align: center;
    }
  }
  .p-ranking-list__img:before {
    content: "";
    display: block;
    padding-top: 100%;
  }
  .p-ranking-list__img a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .p-ranking-list__img img {
    display: inline-block !important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    text-align: center;
  }
  /*
  .p-ranking-list__num {
    position: absolute;
    top: 0;
    left: 1px;
    width: 24px;
    line-height: 24px;
    font-size: 12px;
    font-weight: bold;
    background: #000000;
    color: #ffffff;
    text-align: center;
  }
  */
  .p-ranking-list__ttl img {
    vertical-align: middle;
  }
  .p-ranking-list__price {
    color: #909090;
    margin-top: 20px;
  }
  .p-ranking-list__btn {
    display: block;
    position: absolute;
    right: 0px;
    bottom: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #d8d8d8;
    cursor: pointer;
    text-align: center;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .p-ranking-list__btn.is-added {
    color: #000000;
  }
  .p-ranking-list__btn svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
  }
  
  .p-ranking-list__img {
    position: relative;
    margin-bottom: 35px;
    text-align: center;
  }
  @media screen and (max-width: 767px) {
    .p-ranking-list__img {
      text-align: center;
    }
  }
  .p-ranking-list__img:before {
    content: "";
    display: block;
    padding-top: 100%;
  }
  .p-ranking-list__img a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .p-ranking-list__img img {
    display: inline-block !important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    text-align: center;
  }
  */
  .rank-box {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
  }
  
  .p-ranking .c-item-list__img_top { position:relative; }
  .rank-number {
    position: absolute;
    top: 0;
    left: 1px;
    width: 36px;
    line-height: 36px;
    font-size: 24px;
    font-weight: 500;
    background: #fff;
    color: #313131;
    text-align: center;
    border:1px solid #ccc;
  }
  
  .rank-number-color--1 {
    background: #ddcc19;
  }
  
  .rank-number-color--2 {
    background: #bab9c1;
  }
  
  .rank-number-color--3 {
    background: #e18960;
  }
  
  /*
  .p-ranking-list__item {
    position: relative;
    box-sizing: border-box;
    margin-right: 20px;
    margin-left: 20px;
    padding-bottom: 25px;
    word-break: break-all;
  }
  @media screen and (max-width: 1030px) {
    .p-ranking-list__item {
      margin-right: 5px;
      margin-left: 5px;
    }
  }
  .p-ranking-list__img {
    position: relative;
    margin-bottom: 35px;
    text-align: center;
  }
  @media screen and (max-width: 767px) {
    .p-ranking-list__img {
      text-align: center;
    }
  }
  .p-ranking-list__img:before {
    content: "";
    display: block;
    padding-top: 100%;
  }
  .p-ranking-list__img a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .p-ranking-list__img img {
    display: inline-block !important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    text-align: center;
  }
  
  .p-ranking-list__ttl img {
    vertical-align: middle;
  }
  .p-ranking-list__price {
    color: #909090;
    margin-top: 20px;
  }
  .p-ranking-list__btn {
    display: block;
    position: absolute;
    right: 0px;
    bottom: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #d8d8d8;
    cursor: pointer;
    text-align: center;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .p-ranking-list__btn.is-added {
    color: #000000;
  }
  .p-ranking-list__btn svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
  }
  
  .p-ranking-list__img {
    position: relative;
    margin-bottom: 35px;
    text-align: center;
  }
  @media screen and (max-width: 767px) {
    .p-ranking-list__img {
      text-align: center;
    }
  }
  .p-ranking-list__img:before {
    content: "";
    display: block;
    padding-top: 100%;
  }
  .p-ranking-list__img a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .p-ranking-list__img img {
    display: inline-block !important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    text-align: center;
  }*/
  
  
  .rank-box {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
  }
  .rank-number {
    position: absolute;
    top: 0;
    left: 1px;
    width: 36px;
    line-height: 36px;
    font-size: 24px;
    font-weight: 500;
    background: #fff;
    color: #313131;
    text-align: center;
    border:1px solid #ccc;
  }
  
  .rank-number-color--1 {
    background: #ddcc19;
  }
  
  .rank-number-color--2 {
    background: #bab9c1;
  }
  
  .rank-number-color--3 {
    background: #e18960;
  }
  
  
  
  /******************************/
  /* TOP STYLING */
  /******************************/
  .p-styling {
    margin-bottom: 90px;
  }
  @media screen and (max-width: 767px) {
    .p-styling {
      margin-bottom: 0;
    }
  }
  .p-styling-list {
    box-sizing: border-box;
    -webkit-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 0;
    column-gap: 0;
    margin-left: 0px;
    margin-right: 0px;
  }
  @media screen and (max-width: 767px) {
    .p-styling-list {
      -webkit-column-count: 3;
      column-count: 3;
      margin-left: -20px;
      margin-right: -20px;
    }
  }
  .p-styling-list__item {
    box-sizing: border-box;
    padding: 0px;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
  }
  .p-styling-list__item img {
    width: 100%;
  }
    
    
  /******************************/
  /* TOP INFORMATION */
  /******************************/
  .p-information {
    padding-bottom: 0;
  }
  @media screen and (max-width: 1030px) {
    .p-information {
      padding-bottom: 45px;
    }
  }
  .p-information__body {
    margin-left: 60px;
    margin-right: 60px;
    line-height: 2;
  }
  @media screen and (max-width: 1030px) {
    .p-information__body {
      margin-left: 0;
      margin-right: 0;
    }
  }
  /******************************/
  /* TOP FREE */
  /******************************/
  .p-free__body {
    margin-left: 60px;
    margin-right: 60px;
    line-height: 2;
  }
  @media screen and (max-width: 1030px) {
    .p-free__body {
      margin-left: 0;
      margin-right: 0;
    }
  }
    
    
  /******************************/
  /* TOP BANNER */
  /******************************/
  .p-bnr {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    margin:-5em auto 0;
  }
  @media screen and (max-width: 1030px) {
    .p-bnr {
      padding-left: 20px;
      padding-right: 20px;
    }
  }
  .p-bnr-list {
    width:100%;
    max-width:985px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  @media screen and (max-width: 767px) {
    .p-bnr-list {
      flex-wrap: wrap
    }
  }
  .p-bnr-list__item {
    width: 30%;
    max-width:280px;
  }
  @media screen and (max-width: 1030px) {
    .p-bnr-list__item {
      padding-left: 10px;
      padding-right: 10px;
    }
  }
  @media screen and (max-width: 767px) {
    .p-bnr-list__item {
      padding-left: 0;
      padding-right: 0;
      margin-bottom: 1.75em;
      width: 47%;
      text-align: center;
    }
   }
  
  .side_bottom_banner.sp {
    padding: 0 20px;
    margin-top: 0;
  }
  
  @media screen and (min-width: 768px) {
    .side_bottom_banner.sp {
      display: flex;
    justify-content:space-around; } }

/* 予約販売用スタイル調整 */
.is-strikethrough {
    font-size: 80%;
    color: #7a7a7a;
    text-decoration: line-through;
}
.p-ranking-list__price.is-strikethrough {
    margin-top: 5px;
}
.preorder_label {
    font-size: 10px;
    border: 1px solid #000;
    padding: 0px 3px 1px;
    margin-right: 5px;
}