@charset "UTF-8";

  /* CSS Document */
  @media screen and (min-width: 1030px) {
    .l-main-navi {
      display: none !important;
    }
  }

  .l-Header-5,
  .l-Bnr-00,
  .p-minibnr,
  .p-bottom-list {
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px);
  }

  .l-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 750px;
  }

  .mt {
    margin-top: 20px;
  }

  /******************
  Header
  ******************/
  body {
    padding-top: 100px;
  }

  .title-h1 {
    margin: 0;
    padding: 0;
    line-height: 1;
    font-weight: 500;
    font-size: 10px;
    letter-spacing: .2em;
    text-align: center;
  }
.latest-news-date{
  margin-right: .5em;
}

  .l-Header-0 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
  }

  .l-Header-1 {
    padding: 10px 0;
    display: block;
    height: 30px;
  }

  .Header-2 {
    display: none;
  }

  .c-logo {
    width: 37%;
    max-width: 150px;
  }

  .c-logo-txt {
    padding-top: 8px;
    display: block;
    text-align: center;
    letter-spacing: .2em;
    line-height: 1;
    font-size: 10px;
    white-space: nowrap;
    color: var(--blue);
  }

  .l-Header-4 {
    width: auto;
    padding-right: 60px;
  }

  .l-Header-4 span {
    display: block;
    text-align: center;
    font-size: 10px;
  }

  .l-Header-4 img {
    margin: 0 auto;
    display: block;
  }

  .l-Header-4 li:nth-child(3) {
    display: none;
  }

  .l-Header-4 li:nth-child(1),
  .l-Header-4 li:nth-child(2) {
    margin: 0 0 0 10px;
  }

  .l-Header-3 {
    padding-left: 15px;
    height: 70px;
    position: fixed;
    top: 30px;
    left: 0;
    z-index: 999;
    background-color: #fff;

  }

  .l-menu-btn {
    position: fixed;
    right: 0;
    top: 21px;
    z-index: 999;
  }

  .l-menu-btn span:nth-of-type(1) {
    top: 25px;
  }

  .l-menu-btn span:nth-of-type(2) {
    top: 34px;
  }

  .l-menu-btn span:nth-of-type(3) {
    top: 43px;
  }

  .l-menu-btn.is-on span:nth-of-type(3) {
    display: none;
  }

  .l-main-navi.is-open {
    top: 100px;
    background-color: #fff;
  }

  .l-menu-btn-c,
  .l-menu-btn-o {
    padding-top: 47px;
    white-space: nowrap;
    font-size: 10px;
  }

  .l-menu-btn-c {
    display: none;
  }

  .l-menu-btn.js-navi-open.is-on .l-menu-btn-c {
    display: block;
  }

  .l-menu-btn.js-navi-open.is-on .l-menu-btn-o {
    display: none;
  }

  .l-main-navi.is-open .l-main-navi__in {
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
    width: 100%;
    max-width: 750px;
  }

  .l-main-navi.is-open {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  .p-sp-list-txt01 {
    margin: 0 0 20px;
    padding-bottom: 15px;
    font-size: 16px;
    line-height: 1;
    color: var(--blue);
  }

  .l-Header-5 {
    border-left: 0;
    border-bottom: 0;
  }

  .l-Header-5 li {
    padding: 8px 0;
    font-size: 12px;
    text-align: center;
    width: calc(100% / 3);
    font-weight: 700;
    border: none;
    border-bottom: 1px solid var(--blue);
  }

  .l-Header-5 li:nth-child(1),
  .l-Header-5 li:nth-child(4) {
    border-left: 1px solid var(--blue);
  }

  .l-Header-5 li a {
    padding: 10px 0;
    display: block;
    line-height: 1;
  }

  .l-Header-5 li:nth-child(4) a {
    border: none;
  }

  .l-Header-7 {
    margin: 25px 0 15px 0;
  }

  .l-Header-7 li {
    margin: 0 1% 10px 1%;
    padding: 20px 10px;
    line-height: 1;
    text-align: center;
    font-weight: 700;
    position: relative;
    width: 48%;
    background-image: url(../img/bg-01.jpg);
  }

  .c-point {
    font-size: 18px;
    line-height: 1;
    color: #b38e40;
    letter-spacing: .025em;
    display: block;
    position: absolute;
    left: 50%;
    top: -9px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .l-Header-7 .blue {
    font-size: 12px;
  }

  .l-Bnr-00 {
    margin-bottom: 30px;
  }

  .l-Bnr-01 {
    width: 100%;
  }

  .l-Bnr-02 {
    margin-bottom: 2%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
  }

  .l-Bnr-02 a {
    margin-top: 2%;
    width: 49%;
    display: block;
  }

  .l-Bnr-03 {
    margin-bottom: 20px;
    width: 100%;
  }


  .title-h2-01 {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 15px 0;
    color: #fff;
    text-align: center;
    font-size: 16px;
    letter-spacing: .1em;
    line-height: 1;
    border-radius: 45px;
  }

  .c-Search-00 {
    padding-top: 15px;
    display: block;
  }

  .title-h2-03 {
    margin: 25px 0 10px;
    font-size: 16px;
    line-height: 1;
    text-align: left;
    border: none;
    color: var(--blue);
  }

  .c-Search-02 {
    margin-bottom: 20px;
  }

  input.keyword {
    display: block;
    width: 100%;
    padding: 0 45px 0 10px;
    height: 36px;
    line-height: 36px;
    outline: none;
    border-radius: 20px;
    border-color: var(--blue);
  }

  .c-Search-form {
    position: relative;
  }

  .c-Search-form button[type="submit"] {
    border: none;
    background: none;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .arrow-r-list li {
    padding: 0 5px;
    background-image: url(../img/ico-arrow-r.png);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 16px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .05em;
  }

  .c-Search-02 li a {
    margin: 5px 5px 5px 0;
    padding: 10px;
    display: block;
    border-radius: 30px;
    font-size: 16px;
    line-height: 1;
    color: var(--blue);
  }

  h2.title-h2-02,
  .title-h2-02 {
    margin: 0 -15px 35px -15px;
    padding-top: 45px;
    font-size: 36px;
    letter-spacing: .05em;
    text-align: center;
    line-height: 1;
    border-bottom: none;
    color: var(--blue);
  }

  .title-h2-02 span {
    padding-top: 10px;
    font-size: 14px;
    letter-spacing: .2em;
  }

  .c-item--list li {
    padding: 0 5px;
    margin-bottom: 10px !important;
    position: relative;
  }

  .c-item--txt {
    padding-top: 15px;
    display: block;
  }

  .c-item--list li img {
    width: 100%;
    border: 1px solid #ddd;
  }

  .c-Favorite-00 .c-item--list .c-item-list__item:before,
  .c-item--list li:before {
    content: "";
    width: 25px;
    height: 35px;
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: 10px;
    top: -3px;
    z-index: 2;
  }

  .c-item--list li:nth-child(1):before,
  .c-Favorite-00 .c-item--list .c-item-list__item:nth-child(1):before {
    background-image: url(../img/ico-rank-01.png);
  }

  .c-item--list li:nth-child(2):before,
  .c-Favorite-00 .c-item--list .c-item-list__item:nth-child(2):before {
    background-image: url(../img/ico-rank-02.png);
  }

  .c-item--list li:nth-child(3):before,
  .c-Favorite-00 .c-item--list .c-item-list__item:nth-child(3):before {
    background-image: url(../img/ico-rank-03.png);
  }

  .c-item--list li:nth-child(4):before,
  .c-Favorite-00 .c-item--list .c-item-list__item:nth-child(4):before {
    background-image: url(../img/ico-rank-04.png);
  }

  .c-item--list li:nth-child(5):before,
  .c-Favorite-00 .c-item--list .c-item-list__item:nth-child(5):before {
    background-image: url(../img/ico-rank-05.png);
  }

  #main_column .raku2_recommend_list .raku2_productImage {
    margin-bottom: 0;
  }

  .c-Favorite-00 .newitem-slider .swiper-slide {
    text-align: left;
  }


  /******************
  side
  ******************/
  .l-Side-menu {
    display: none;
  }

  .l-Contents {
    width: 100%;
  }

  .Main-Contents {
    margin-top: 60px;
  }

  .c-Side-menu-01 {
    margin-top: 50px;
    padding-bottom: 30px;
  }

  .c-Side-menu-01 li {
    margin-bottom: 15px;
  }

  .l-Side-menu .title-h2-02 {
    border: none;
  }

  .c-Side-menu-03 a {
    display: block;
    background-color: #f9f9f9;
    color: var(--blue);
  }

  .c-Side-menu-03 li {
    margin-bottom: 15px;
  }

  .c-Side-menu-03 li:last-child {
    margin-bottom: 0;
  }

  .c-Side-menu-03 li span {
    padding: 15px 0 15px 15px;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
  }

  .c-Side-menu-04 li {
    margin-bottom: 30px;
    padding-bottom: 30px;
    line-height: 1;
    font-size: 16px;
  }

  .c-Side-menu-04 li:last-child {
    margin-bottom: 0;
  }

  .c-Side-menu-04 a {
    color: var(--blue);
  }

  .c-Side-menu-05 {
    margin: 0 auto;
    width: 60%;
  }

  .c-Side-menu-05 li {
    margin-bottom: 15px;
  }

  /******************
  Contents
  ******************/
  .title-h2-02 span.title-h2-02-sub {
    color: #b38e40;
    font-size: 50px;
    letter-spacing: .05em;
  }

  .title-h2-02 span.title-h2-02-sub + span {
    padding-top: 25px;

  }

  .title-h3-01 {
    margin: 0 0 12px;
    padding: 20px 0 0 0;
    font-size: 42px;
    line-height: 1;
  }

  .p-welcome-01 {
    background-image: url(../img/main-visual-obj.png);
    background-size: 100px;
    background-position: bottom right;
    background-repeat: no-repeat;
  }

  .p-welcome-01 {
    padding: 0 0 20px 20px;
  }

  .p-welcome-02 {
    padding: 0 20px 20px 20px;
  }

  .p-welcome-list {
    display: block;
    font-size: 18px;
    font-weight: 700;
  }

  .p-welcome-01 p {
    margin-bottom: 20px;
  }

  .p-welcome-list li {
    margin-bottom: 15px;
    line-height: 1;
  }

  .p-welcome-list li:last-child {
    margin-bottom: 0;
  }

  .p-welcome-list span {
    padding-right: 10px;
    font-size: 30px;
    display: inline-block;
    vertical-align: middle;
  }

  .p-welcome-txt {
    margin: 10px 0 0 0;
    line-height: 1;
    font-size: 18px;
    font-weight: 700;
    color: var(--blue);
  }

  .p-welcome-txt0 {
    display: block;
    color: #b38e40;
  }

  .p-welcome-txt .din {
    font-size: 36px;
  }

  .p-welcome-txt1 {
    margin-bottom: 10px;
    font-size: 12px;
  }

  .p-welcome-txt2 {
    margin: 0;
    font-weight: bold;
    font-size: 16px
  }

  .p-welcome-txt3 {
    margin: 10px 0 20px 0;
    padding-bottom: 20px;
  }

  p-welcome-wrap {
    margin-top: 20px;
  }

  .p-welcome-wrap .p-welcome-txt3:last-child {
    border-bottom: 0;
  }

  .p-minibnr.mb80 {
    margin-bottom: calc(80px - 2%);
  }

  .p-minibnr li {
    width: 49%;
    margin-bottom: 2%;
  }

  .p-category-list {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .p-cat-txt1 {
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: block;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    font-size: 12px;
  }

  .p-category-list li {
    width: 32%;
  }

  .p-category-list a {
    color: var(--blue);
  }

  .p-cat-txt2 {
    font-size: 12px;
  }

  .p-ranking-- .title-h2-01 {
    margin-bottom: 20px;
  }

  .c-more-link {
    margin: 0 auto;
    padding: 15px 0;
    width: 240px;
    display: block;
    border-radius: 30px;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    text-align: center;
  }

  .c-more-link:before {
    content: "";
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-image: url(../img/ico-arrow-r.png);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 16px;
  }

  .mb80 {
    margin-bottom: 75px;
  }

  .p-choose-list {}

  .p-choose-list li div {
    padding: 40px 12px 25px 12px;
    background-repeat: no-repeat;
    background-color: #f9f9f9;
    background-position: center top;
    background-size: 100%;
    border-radius: 10px;
    height: 100%;
  }

  .p-choose-list li {
    padding: 0 1em;
  }

  .p-choose-list-top {
    margin: 0;
    height: 140px;
    text-align: center;
  }

  .p-choose-list-bottom {
    margin: 0;
    padding-top: 15px;
  }

  .p-choose-list-n {
    font-weight: 700;
    font-size: 36px;
    line-height: 1;
  }

  .p-choose-list li:nth-child(1) div {
    background-image: url(../img/bg-choice-01.jpg);
  }

  .p-choose-list li:nth-child(2) div {
    background-image: url(../img/bg-choice-02.jpg);
  }

  .p-choose-list li:nth-child(3) div {
    background-image: url(../img/bg-choice-03.jpg);
  }

  .p-choose-list-txt {
    margin-top: 15px;
    display: block;
    font-size: 19px;
    font-weight: 700;
    white-space: nowrap;
  }

  .p-for-list {
    margin: 0 auto;
    width: 80%;
    display: block;
  }

  .p-for-list li {
    width: 100%;
    margin-bottom: 20px;
  }

  .p-shop-list {
    margin-bottom: 30px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .p-shop-list li {
    margin-bottom: 15px;
    padding: 15px 15px 30px 15px;
    width: 48%;
  }

  .p-shop-list a {
    color: var(--blue);
  }

  .p-shop-list-left {
    width: 100%;
  }

  .p-shop-list-right {
    width: 100%;
  }

  .p-shop-list-txt01 {
    padding-top: 18px;
    display: block;
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
  }

  .p-shop-list-txt02 {
    padding: 10px 0 14px;
    display: block;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
  }

  .p-shop-list-txt03 {
    margin: 10px 0 15px;
    display: block;
  }

  .p-shop-list-txt04 {
    display: block;
    text-align: right;
    font-size: 12px;
    font-weight: 700;
  }

  .p-shop-list-txt04:after {
    content: "";
    margin-left: 6px;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-image: url(../img/ico-arrow-r.png);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 16px;
  }

  .p-column-list {
    margin: 0 auto 30px auto;
    width: 80%;
  }

  .p-column-list li {
    margin-bottom: 20px;
    padding: 25px;
    width: 100%;
  }

  .p-column-list-img {
    display: block;
    padding-bottom: 25px;
  }

  .p-column-list-txt01 {
    padding-top: 15px;
    display: block;
    font-size: 10px;
    color: #707381;
  }

  .p-column-list a {
    color: var(--blue);
  }

  .p-info-warp {
    padding: 0;
  }

  .p-info-warp li {
    padding: 25px 0;
    border-bottom: 1px solid #c5c5c5;
    font-size: 16px;
  }

  .p-info-warp li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }

  .p-info-warp li:nth-child(1) {
    padding-top: 0;
  }

  .p-info-title {
    width: 100%;
  }

  .p-bottom-list {
    padding: 35px 15px 45px 15px;
  }

  .p-bottom--l,
  .p-bottom--r,
  .p-bottom-list-left,
  .p-bottom-bottom-right {
    width: 100%;
  }

  .p-bottom-list-txt01 {
    margin: 0 0 20px;
    padding: 20px 0;
    font-size: 36px;
    line-height: 1;
    color: var(--blue);
  }

  .p-bottom-list-txt02 {
    margin-bottom: 5px;
  }

  .p-bottom-list-txt04 {
    margin-bottom: 40px;
  }

  .p-bottom-list-txt05 {
    margin: -5px 0 15px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    white-space: nowrap;
  }

  .p-bottom-list-txt05-1 {
    font-size: 24px;
  }

  .p-bottom-list-txt03 {
    margin: 0 0 15px;
    font-size: 10px;
    line-height: 1;
  }

  /******************
  Footer
  ******************/
  .l-footer-- {
    margin-top: 75px;
    background: #fff;
  }

  .Footer-nav h4 {
    margin: 14px 0 5px -18px;
    line-height: 1.2;
  }

  .Footer-nav-wrap {
    padding-left: 20px;
  }

  .l-footer-- .title-h2-01 {
    margin-bottom: 25px;
  }

  .l-footer-- .title-h2-01 a {
    color: #fff;
  }

  .l-footer-- ol li {
    list-style: decimal;
    margin-left: 20px;
  }

  .l-footer-- ol {
    margin-bottom: 10px;
  }

  .Footer-nav {
    width: 100%;
  }

  .c-kome:before {
    content: "※";
  }

  .c-kome {
    text-indent: -1em;
  }

  .font16 {
    font-size: 16px;
  }

  .Footer-bottom {
    margin-top: 70px;
    padding: 70px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .Footer-bottom .c-logo-txt {
    font-size: 10px;
  }

  .Footer-bottom-nav {
    width: auto;
  }

  .Footer-bottom-nav li {
    margin: 15px 0;
  }

  .Footer-bottom-nav-1 a {
    padding: 0 20px;
    letter-spacing: .1em;
    line-height: 1;
  }

  .Footer-bottom-nav img {
    margin: 0 auto;
    display: block;
  }

  .Footer-bottom-nav span {
    display: block;
    text-align: center;
    font-size: 10px;
  }

  .Footer-bottom-nav-2 {
    padding-left: 20px;
  }

  .Footer-bottom .c-logo {
    margin-top: 20px;
    width: 56%;
    max-width: 100%;
  }

  .Footer-bottom a {
    margin-bottom: 10px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    color: var(--blue);
  }

  .p-category-list1 a:before {
    content: "";
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-image: url(../img/ico-arrow-r.png);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 16px;
  }



  .Footer-bottom {
    display: block;
    text-align: center;
  }



  .Footer-bottom-right {
    margin-top: 70px;
  }

  .l-footer-- .c-logo {
    margin: 0 auto;
  }

  /******************
  Slide
  ******************/
  .c-item--list {
    position: relative;
  }

  .slick-arrow {
    position: absolute;
    top: 24vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
  }

  .slick-prev {
    left: 0;

  }

  .slick-next {
    right: 0;
  }

  /* ▼SP：バナー塊と「商品をさがす」の間を詰める */
  .l-Bnr-00 {
    margin-bottom: 10px !important;
  }

  /* 30px → 10px（最重要） */
  .l-Bnr-03 {
    margin-bottom: 10px !important;
  }

  /* 20px → 10px（任意） */
  .c-Search-00 {
    padding-top: 5px !important;
  }

  /* 15px → 5px（任意） */
  .c-Search-01 > h2.title-h2-01.bg_blue.sp {
    margin-top: 5px !important;
    /* 15px → 5px（任意） */
  }


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

    .newitem-slider .newitem-prev,
    .newitem-slider .newitem-next,
    .c-item-swiper .ranking-prev,
    .c-item-swiper .ranking-next {
      width: 20px;
      height: 20px;
      margin-top: -10px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      top: calc(180 / 750 * 100vw);
    }

    .p-choose-swiper .p-choose-prev,
    .p-choose-swiper .p-choose-next {
      width: 20px;
      height: 20px;
      margin-top: -10px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      top: 46%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
    }

    .p-choose-swiper .p-choose-prev::after,
    .p-choose-swiper .p-choose-next::after,
    .newitem-slider .newitem-prev::after,
    .newitem-slider .newitem-next::after,
    .c-item-swiper .ranking-prev::after,
    .c-item-swiper .ranking-next::after {
      display: none;
    }

    .p-choose-swiper .p-choose-prev,
    .newitem-slider .newitem-prev,
    .c-item-swiper .ranking-prev {
      left: 0;
      background-image: url("../img/prev.png");
    }

    .p-choose-swiper .p-choose-next,
    .newitem-slider .newitem-next,
    .c-item-swiper .ranking-next {
      right: 0;
      background-image: url("../img/next.png");
    }

  }

  .c-more-link-wrap a {
    color: var(--blue);
  }

  .p-column-list-txt02 a {
    color: var(--blue);
  }

  #main-content {
    padding-left: 15px;
    padding-right: 15px;
  }

  .LC_Page_Index #main-content.colnum2,
  .plg_Raku2_LC_Page_Products_List #main-content.colnum2,
  .plg_Raku2_LC_Page_Products_CategoryList,
  .plg_Raku2_LC_Page_Products_ProductsList #main-content.colnum2,
  .plg_Raku2_LC_Page_Products_Detail #main-content.colnum2 {
    padding-left: 285px;
    padding-right: 0;
  }

  #topcolumn {
    margin-bottom: 75px;
  }

  #container {
    width: 1200px !important;
    max-width: 100%;
  }

  #main-content.colnum2.right {
    width: 900px;
    max-width: calc(100% - 20px - 240px);
    box-sizing: content-box;
  }

  #main-content .sub_area h3,
  #undercolumn_login .login_area h3,
  #undercolumn_shopping h3,
  #undercolumn_cart h3 {
    color: var(--blue);
  }

  .btn_area.btn_type_def input,
  .btn_area.btn_type_def a.btn {
    background: var(--blue);
  }




  .LC_Page_AbstractMypage #main-content h2.title:before,
  .LC_Page_Contact #main-content h2.title:before,
  .LC_Page_Entry #main-content h2.title:before,
  .LC_Page_Regist_Complete #main-content h2.title:before,
  .LC_Page_Cart #main-content h2.title:before {
    content: "";
    padding-bottom: 10px;
    font-size: 36px;
    font-family: 'Oswald', sans-serif;
    display: block;
    letter-spacing: .05em;
  }

  .LC_Page_AbstractMypage #main-content h2.title,
  .LC_Page_Contact #main-content h2.title,
  .LC_Page_Entry #main-content h2.title,
  .LC_Page_Regist_Complete #main-content h2.title,
  .LC_Page_Cart #main-content h2.title {
    margin: 0 0 35px 0;
    padding-top: 45px;
    font-size: 14px;
    letter-spacing: .2em;
    text-align: center;
    line-height: 1;
    border-bottom: 0;
    font-weight: 400;
    color: var(--blue);
  }

  .LC_Page_AbstractMypage #main-content h2.title:before {
    content: "MY PAGE";
  }

  .LC_Page_Contact #main-content h2.title:before {
    content: "CONTACT";
  }

  .LC_Page_Entry #main-content h2.title:before {
    content: "ENTRY";
  }

  .LC_Page_Regist_Complete #main-content h2.title:before {
    content: "REFIST COMPLETE";
  }

  .LC_Page_Cart #main-content h2.title:before {
    content: "CART";
  }

  /* =========================================

   メインカラー

  ========================================= */
  a.btn,
  a.btn:link,
  a.btn:visited,
  a.btn:hover {
    background: var(--blue);
  }

  .btn input {
    background: var(--blue);
  }

  #calender_area table .month {
    background: var(--blue);
  }

  /* 詳しくはこちらアイコン */
  p.link_text:before {
    color: var(--blue);
  }

  /* 見出しアイコン */
  #order h3 i.fa-check-square:before {
    color: var(--blue);
  }

  /* ご確認画面へボタン */
  #order input[type="button"],
  #order input[type="submit"] {
    border: solid 3px var(--blue);
    color: var(--blue);
  }

  #order input[type="button"]:hover,
  #order input[type="submit"]:hover {
    background: var(--blue);
  }

  /* 新規会員登録ボタン */
  .login_area .btn_area.btn_type_def li a {
    background: var(--blue) none repeat scroll 0% 0%;
  }

  /* アイコン */
  #detailarea .review_link_bloc .review_link i {
    color: var(--blue);
  }

  #reviews_area div.listrightbloc p.item_review_btn::before {
    color: var(--blue);
  }

  #reviews_area div.listrightbloc p.item_page_btn::before {
    color: var(--blue);
  }

  #reviews_area .list-inner-left .reviewtitle::before {
    color: var(--blue);
  }

  .item_spec_area p.item_page_btn::before {
    color: var(--blue);
  }

  /* ボタン */
  .list-inner-left-bottom a {
    background: var(--blue);
  }

  .entry_btn a,
  .login_btn a {
    background: var(--blue) none repeat scroll 0% 0%;
    color: var(--char-color);
  }

  /* お買い物を続けるボタン */
  .btn_area.btn_type_def li a,
  div[id^="raku2_close"] {
    background: var(--blue) none repeat scroll 0% 0%;
  }

  /* フローティングボタン_商品ページ */
  ul#fixed_link li a {
    background: var(--blue) none repeat scroll 0% 0%;
  }

  /* MYページボタン */
  #header_login_area div.btn a,
  #raku2_new_header .header_mypage_btn a {
    background: var(--blue) none repeat scroll 0% 0%;
  }

  /* 子カテゴリーbefore */
  #category_area li.onmark p a.onlink:before {
    color: var(--blue);
  }

  /* リスト */
  #account_info .fa-caret-right:before {
    color: var(--blue);
  }

  /* お届け先の追加 */
  p.addbtn i {
    background: var(--blue);
  }

  /* ステータスアイコン */
  li[class^='image_status_'] span,
  li[class*=' image_status_'] span,
  li[class^='raku2_image_status_'] span,
  li[class*=' raku2_image_status_'] span {
    background-color: var(--blue);
  }

  /* カスタムページ */
  /* よくあるご質問 */
  .custom_page .acMenu dt.check {
    color: var(--blue);
  }

  .custom_page #faqarea h3 {
    background-color: var(--blue);
  }

  /* ご利用ガイド */
  .custom_page #guide_area h2 {
    border-left: var(--blue) solid 5px;
  }


  /* 
   マイページナビ
  ------------------------------------------ */

  /* 背景 */
  ul#mypage_nav {
    background: var(--blue);
  }

  ul#mypage_nav li a {
    background: var(--blue);
  }


  /* =========================================

   アクセントカラー

  ========================================= */

  /* かごの中を見る_side */
  #cart_area .btn a {
    background: var(--blue) none repeat scroll 0% 0%;
  }

  /* カート内ボタン */
  .btn_area.btn_type_def input,
  .btn_area.btn_type_def a.btn {
    background: var(--blue);
  }

  /* 説明を読まずに購入 */
  ul#fixed_link li a#btn_cart {
    background: var(--blue) none repeat scroll 0% 0%;
  }

  form#search_form #search_keyword_top input#btn_kwd_search {
    background: var(--blue);
  }

  i.fa.fa-heart.on {
    color: var(--blue);
  }

  /* カートを確認_side */
  .cart_btn a,
  #raku2_new_header .cart_btn {
    background: var(--blue) none repeat scroll 0% 0%;
  }

  /* カゴに入れる_商品ページ */
  #detailarea .cartin_btn a #cart {
    background-color: var(--blue);
  }

  #profile_image_list input[type="radio"]:checked + label::before {
    border: 3px solid var(--blue);
  }

  /* 見積依頼_商品ページ */
  #detailarea .cartin_btn a #cart_estimate {
    background-color: var(--blue);
    color: var(--char-color);
  }

  /* カスタムページ */
  /* よくあるご質問 */
  .custom_page .acMenu dt.check {
    color: var(--blue);
  }

  /* ホーム画面へ戻る */
  #raku2_cage_clear_area .btn a {
    background: var(--blue) none repeat scroll 0% 0%;
  }

  #raku2_cage_clear_area .btn a {
    background: var(--blue) none repeat scroll 0% 0%;
  }







  /* -----------------------------------------

   商品詳細UI改善
   商品一覧UI改善

  ------------------------------------------ */
  #detail_type_new_a .status_icon .raku2_status_text,
  .raku2_product_list_new .list_status_icon .raku2_status_text {
    border: solid 1px var(--blue);
    color: var(--blue);
  }

  #detailarea #detail_type_new_a .raku2_price03_area span#price03_title_default {
    border-color: var(--blue);
    color: var(--blue);
  }

  #detailarea #detail_type_new_a #cart {
    background-color: var(--blue);
  }

  .raku2_product_select_area .raku2_icon > .raku2_icon1,
  .raku2_product_select_area .raku2_icon > .raku2_icon2 {
    background: var(--blue);
  }

  #detailarea #detail_type_new_a .raku2_product_select_area input:checked + label {
    border-color: var(--blue);
  }

  #detailarea #detail_type_new_a .raku2_product_select_area input[type="radio"]:checked + label::after {
    background: var(--blue);
  }


  #customervoice_area .raku2_review_sort .raku2_review_sort_active {
    background-color: var(--blue);
  }

  #detailarea #detail_type_new_a #raku2_stock_notify_btn_default a p {
    background-color: var(--blue);
    color: var(--char-color);
  }


  /* 商品一覧下位カテゴリ */
  .raku2_child_categories a.category_no_image:link,
  .raku2_child_categories a.category_no_image:visited {
    border: 1px var(--blue) solid;
    color: var(--blue);
  }

  .raku2_child_categories a.category_no_image:hover {
    background-color: var(--blue);
  }



  /* -----------------------------------------
   フロントパーツ
  ------------------------------------------ */
  #main-content .raku2_recommend_list .list_status_icon .raku2_status_text,
  #main-content .raku2_ranking_list .list_status_icon .raku2_status_text,
  #main-content .raku2_history_list .list_status_icon .raku2_status_text,
  #main-content .raku2_related_list .list_status_icon .raku2_status_text {
    border: solid 1px var(--blue);
    color: var(--blue);
  }

  /* -----------------------------------------
   商品詳細スライダー
  ------------------------------------------ */
  .raku2_cart_slidein .raku2_quantity {
    background: var(--blue);
  }

  .raku2_cart_slidein .raku2_slidein_btn_buy {
    background: var(--blue);
  }

  /* -----------------------------------------
   新オーダーシート
  ------------------------------------------ */
  div.raku2_new_layout_orderlist .raku2_order_list_add,
  div.raku2_new_layout_ordergrid .raku2_order_list_add {
    background-color: var(--blue);
  }

  div.raku2_new_layout_orderlist [class^="raku2_order_list_stock_notify_undone"],
  div.raku2_new_layout_orderlist [class^="raku2_order_list_stock_notify_done"],
  div.raku2_new_layout_orderlist [class^="raku2_order_list_stock_notify_loading"],
  div.raku2_new_layout_ordergrid [class^="raku2_order_list_stock_notify_undone"],
  div.raku2_new_layout_ordergrid [class^="raku2_order_list_stock_notify_done"],
  div.raku2_new_layout_ordergrid [class^="raku2_order_list_stock_notify_loading"] {
    background-color: var(--blue);
  }

  div.raku2_new_layout_orderlist .raku2_order_list_add,
  div.raku2_new_layout_orderlist [class^="raku2_order_list_stock_notify_undone"],
  div.raku2_new_layout_orderlist [class^="raku2_order_list_stock_notify_loading"],
  div.raku2_new_layout_orderlist [class^="raku2_order_list_stock_notify_done"],
  div.raku2_new_layout_ordergrid .raku2_order_list_add,
  div.raku2_new_layout_ordergrid [class^="raku2_order_list_stock_notify_undone"],
  div.raku2_new_layout_ordergrid [class^="raku2_order_list_stock_notify_loading"],
  div.raku2_new_layout_ordergrid [class^="raku2_order_list_stock_notify_done"] {
    color: var(--char-color);
  }

  div.raku2_new_layout_orderlist .raku2_status_text,
  div.raku2_new_layout_ordergrid .raku2_status_text {
    border: solid 1px var(--blue);
    color: var(--blue);
  }

  div.raku2_new_layout_orderlist_header,
  div.raku2_new_layout_orderlist:nth-child(even) {
    background-color: var(--base-back-color);
  }

  .raku2_new_order_list_sticky .raku2_continue_to_checkout {
    background-color: var(--blue);
  }

  .raku2_new_order_list_upper .raku2_checkall_add,
  .raku2_new_order_list_lower .raku2_checkall_add {
    background-color: var(--blue);
  }

  ul:after {
    content: none;
  }

  /* -----------------------------------------
  カテゴリページ
  ------------------------------------------ */
  .raku2_product_list_new .raku2_product_list_container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.0rem;
  }

  .raku2_product_list_number {
    white-space: nowrap;
    font-size: 16px;
  }

  .raku2_product_list_new .listphoto {
    width: 100%;
    height: 100%;
  }

  .raku2_product_list_new .listrightbloc {
    width: 100%;
  }

  /* -----------------------------------------
  商品ページ
  ------------------------------------------ */
  #main-content .l-product-add h2.title-h2-03 {
    padding: 0;
    margin: 1em 0;
    border: none;
    font-size: 21px;
  }

  #main-content .tabs h3.title-h2-01 {
    color: var(--blue);
    border: 1px solid var(--blue);
  }

  #main-content .tabs input:checked + .tab_label h3.title-h2-01 {
    color: #fff !important;
  }

  #main-content .raku2_theme01 h3.eng_tit {
    margin: 0;
    padding-bottom: 10px;
    font-size: 36px;
    font-family: 'Oswald', sans-serif;
    display: block;
    letter-spacing: .05em;
    font-weight: 400;
    color: var(--blue);
    line-height: 1;
  }

  .detailrightblock #cartbtn_default .btn_add_cart a,
  .detailrightblock #teiki_cartbtn_default .btn_add_cart a,
  .detailrightblock #cartbtn_default .btn_add_cart_estimate a,
  .detailrightblock #teiki_cartbtn_default .btn_add_cart_estimate a {
    background: var(--blue);
  }

  .tabs input[type="radio"] + label {
    padding: 0;
  }

  .tabs input[type="radio"] + label::before,
  .tabs input[type="radio"] + label::after {
    content: none;
  }

  /* =========================
     トップスライド Swiper
  ========================= */

  #topcolumn .top-main-swiper {
    position: relative;
    width: 100%;
    overflow: hidden;
    opacity: 1;
    -webkit-animation: topBannerFade 0.8s ease both;
    animation: topBannerFade 0.8s ease both;
  }

  @-webkit-keyframes topBannerFade {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes topBannerFade {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  /* Swiper基本構造 */
  #topcolumn .top-main-swiper .swiper-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }

  #topcolumn .top-main-swiper .swiper-slide {
    width: 100%;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
  }

  /* バナー */
  #topcolumn .top-main-swiper .swiper-slide > div {
    width: 100%;
  }

  #topcolumn .top-main-swiper a {
    display: block;
  }

  #topcolumn .top-main-swiper img,
  #topcolumn .top-main-swiper .widget_banner_image {
    display: block;
    width: 100%;
    height: auto;
  }

  #topcolumn .top-main-swiper img {
    border-radius: calc(14/750*100vw);
  }

  #topcolumn .top-main-swiper img,
  #topcolumn .top-main-swiper .widget_banner_image {
    -webkit-animation: topBannerImgFade 1s ease both;
    animation: topBannerImgFade 1s ease both;
  }

  @-webkit-keyframes topBannerImgFade {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes topBannerImgFade {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  /* =========================
     Swiper 共通カラー
  ========================= */

  /* 矢印 */
  .swiper-button-prev,
  .swiper-button-next {
    color: var(--blue) !important;
  }

  /* 矢印アイコン */
  .swiper-button-prev::after,
  .swiper-button-next::after {
    color: var(--blue);
    font-size: 24px !important;
  }

  /* ドット */
  .swiper-pagination-bullet {
    background: var(--blue) !important;
    opacity: 0.35;
  }

  /* 選択中ドット */
  .swiper-pagination-bullet-active {
    background: var(--blue) !important;
    opacity: 1;
  }

  .swiper-pagination {
    position: static !important;
    margin-top: 20px !important;
    text-align: center;
  }

  #main_column .raku2_recommend_list div.raku2_recommend_layout {
    margin-left: 0;
  }

  /* 角丸 */
  .raku2_productImage,
  .thumb {
    aspect-ratio: 1/1;
    width: 100%;
    display: block;

  }

  .p-category-list {
    gap: 20px 0;
  }

  .p-category-list li {
    padding: 10px;
    -o-object-fit: cover;
    object-fit: cover;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #ddd;
  }

  #detailarea .raku2_image_lower_wrapper .photo img,
  .c-item-swiper .swiper-slide img,
  .thumb img,
  .c-item--list li img,
  .raku2_product_list_new .raku2_product_list_container img,
  #detailphotoblock ul.detailphoto li img {
    -o-object-fit: cover;
    object-fit: cover;
    height: uato;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #ddd;
  }

  .sub_photo img {
    -o-object-fit: cover;
    object-fit: cover;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #ddd;
  }

  #main_column .raku2_recommend_list .block_body .raku2_productImage,
  #main_column .raku2_ranking_list .block_body .raku2_productImage,
  #main_column .raku2_history_list .block_body .raku2_productImage,
  #main_column .raku2_related_list .block_body .raku2_productImage {
    width: 100%;
  }

  #main_column .raku2_recommend_list div.raku2_recommend_layout,
  #main_column .raku2_ranking_list div.raku2_ranking_layout,
  #main_column .raku2_history_list div.raku2_history_layout {
    margin-left: 0 !important;
  }

  .raku2_productImage {
    width: 100%;
    height: auto;
    max-width: 100%;
  }

  .p-welcome-00,
  .p-shop-list li,
  .p-shop-list li img,
  .p-column-list li {
    border-radius: 10px;
  }

  .top-main-pagination {
    margin-bottom: 20px;
  }

  /* Swiper全体 */
  .p-choose-swiper .swiper-wrapper {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
  }

  /* 各スライドの高さを揃える */
  .p-choose-swiper .swiper-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: auto;
  }

  /* liの中身を縦並びで高さ100% */
  .p-choose-swiper .swiper-slide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  /* 下側の説明文を伸ばす */
  .p-choose-swiper .p-choose-list-bottom {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
  }

  .p-category-list1 li {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    text-align: left;
  }

  .p-category-list1 a {
    border-radius: 30px;
    border: 1px solid var(--blue);
    padding: 10px calc(100/750*100vw);
    width: 100%;
    display: block;
    text-align: center;
  }

  .newslist li {
    padding: calc(50/750*100vw) 0;
    border-bottom: 1px solid #c5c5c5;
  }

  .newslist {
    max-height: 300px;
    overflow-y: scroll;
  }

  .c-footer-bottom-box ul.Flex {
    width: auto;
    gap: 30px;
  }

  .c-footer-bottom-box {
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: 20px 0;
  }

  .st-footer-bottom .title-h2-02 {
    padding: 0;
    margin: 0;
    width: 180px;
    text-align: left;
  }

  .c-footer-bottom-r {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: 50px;
  }

  .c-footer-bottom-box.c-footer-bottom-box-03 ul.Flex {
    width: calc(100% - 180px);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }

  .st-footer-bottom2 {
    padding-top: calc(130/750*100vw);
    margin-top: calc(130/750*100vw);
    margin-bottom: calc(50/750*100vw);
    margin-left: -15px;
    margin-right: -15px;
    border-top: 1px solid var(--blue);
  }

  .Footer-2 {
    margin-bottom: calc(45/750*100vw);
    gap: 10px 0;
  }

  .Footer-2 li a {
    padding: 0 10px;
    text-align: center;
    display: block;
    line-height: 1.2;
  }

  .Footer-2 li:not(:last-child) {
    border-right: 1px solid var(--blue);
  }

  .Footer-3 li.c-footer-nav-ico a {
    padding: 0 calc(25/750*100vw);
    font-size: 12px;
    display: block;
  }

  .Footer-3 li.c-footer-nav-ico img {
    margin: 0 auto;
    display: block;

  }

  footer .c-logo {
    width: calc(408/750*100vw);
    max-width: 100%;
  }

  footer .c-logo-txt {
    margin-top: calc(40/750*100vw)
  }

  .bnr-slider_caption {
    display: none;
  }

  img.widget_banner_image {
    border-radius: calc(14 / 750 * 100vw);
  }

  #latest-news-title {
    cursor: pointer;
  }

  #latest-news-title:hover .latest-news-title {
    text-decoration: underline;
  }

  /* モーダル */
  .news-modal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: none;
    padding: 30px;
    box-sizing: border-box;
    overflow-y: auto;
    background: #fff;
  }

  .news-modal.is-open {
    display: block;
  }

  .news-modal__overlay {
    display: none;
  }

  .news-modal__content {
    position: relative;
    width: 700px;
    max-width: 100%;
    min-height: calc(100vh - 60px);
    margin: 0 auto;
    padding: 50px;
    box-sizing: border-box;
    background: #fff;
  }

  .news-modal__close {
    position: fixed;
    top: 20px;
    right: 25px;
    z-index: 2;
    padding: 0;
    border: 0;
    background: none;
    font-size: 32px;
    line-height: 1;
    cursor: pointer;
  }

  body.is-news-modal-open {
    overflow: hidden;
  }

  @media screen and (max-width: 767px) {
    .news-modal {
      padding: 20px;
    }

    .news-modal__content {
      min-height: calc(100vh - 40px);
      padding: 50px 20px 30px;
    }

    .news-modal__close {
      top: 15px;
      right: 18px;
    }
  }

  .news-modal__body {
    margin-top: 1em;
  }

  h2.news-modal__title {
    color: var(--blue);
    text-align: left;
  }
#customer_info .customer_detail {
    float: none;
    width: 100%;
    margin-right: 0;
}
#customer_info .customer_detail li i{
  display: none;
}
#mycontents_area.mypage-top #account_info .account_change_bloc h3,
#mycontents_area.mypage-top h3{
    text-align: left;
    padding-left: 0;
}
#main-content #mypagecolumn #mycontents_area #account_info li a, #main-content #mypagecolumn #mycontents_area #account_info li.nolink {
    background-color: var(--blue);
}
#mypagecolumn h3.title_mypage {
        background: none;
        color: var(--blue);
        font-size: 113%;
        font-weight: bold;
}
#mycontents_area.mypage-top h3{
  margin-bottom: 15px;
}