/*======================================
COMMON ---------------------------------
======================================*/
* {
  padding: 0;
  margin: 0;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
#product .cart_in_modal,
#product .cart_in_error_modal {
  z-index: 999999999;
}

/* TAG -------------------------------*/
html {
  width: 100%;
}
body {
  color: #333;
  font-family: -apple-system,
               BlinkMacSystemFont,
               "Helvetica Neue",
               Arial,
               "Hiragino Sans",
               Meiryo,
               sans-serif;
  font-size: 14px;
  line-height: 1.8em;
  letter-spacing: .05em;
  background-color: #fff;
  width: 100%;
}
@media (min-width: 1210px) {body {background: url(https://img03.shop-pro.jp/PA01005/739/etc/tatebanner60px3.jpg) repeat-y left;}}
h2 {
  color: #870000;
  font-size: 150%;
  font-weight: bold;
  padding-left: .25em;
  border-left: .25em solid #870000;
  margin-bottom: 1em;
  box-sizing: border-box;
}
a {
  color: #333;
  text-decoration: none;
}
ul,
ol,
form {
  margin: 0;
}
li {
  list-style: none;
}

/* FOR PC ----------------------------*/
@media (min-width:981px) {
  .hidden-desktop,
  .hidden-desktop-flex {
    display: none !important;
  }
  .hidden-phone-flex {
    display: flex !important;
  }
}

/* FOR SP ----------------------------*/
@media (max-width:980px) {
  .hidden-phone,
  .hidden-phone-flex {
    display: none !important;
  }
  .hidden-desktop-flex {
    display: flex !important;
  }

  /* TAG -----------------------------*/
  h2 {
    display: flex;
    text-align: center;
    align-items: center;
    padding-left: 0;
    border-left: 0;
  }
  h2::before,
  h2::after {
    content: "";
    flex-grow: 1;
    border-bottom: 3px double #870000;
  }
  h2::before {
    margin-right: 2%;
  }
  h2::after {
    margin-left: 2%;
  }
}





/*======================================
POPUP ----------------------------------
======================================*/
.popup {
  width: 30%;
  max-width: 720px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 999999999;
}
.popup img {
  display: block;
  width: 100%;
  box-shadow: 0 0 5em #fff;
}
.popup .popup-link,
.popup .popup-button {
  font-weight: bold;
  text-align: center;
  line-height: 2em;
  text-decoration: none;
  width: 45%;
  padding: .5em 0;
  border-radius: 16px;
  position: absolute;
  top: calc(100% + .5em);
  transition: top .3s,
              box-shadow .3s;
}
.popup .popup-link {
  color: #f4f2df;
  background: #870000;
  left: 0;
  box-shadow: 0 .3em 0 #590000,
              0 0 5em #fff;
}
.popup .popup-button {
  color: #666;
  background: #f4f2df;
  right: 0;
  box-shadow: 0 .3em 0 #b5b3a5,
              0 0 5em #fff;
  cursor: pointer;
}

/* FOR SP ----------------------------*/
@media (max-width:980px) {
  .popup {
    width: 98%;
  }
}





/*======================================
HEADER ---------------------------------
======================================*/
#header {
  margin-bottom: 1.25em;
}
.header_btm {
  width: 1080px;
  margin: 2em auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
h1.header_logo {
  font-size: 80%;
  width: 40%;
}
.header_notice {
  width: 42%;
  margin-top: .5em;
}
.header_notice img {
  width: 100%;
}

/* NAVIGATION ------------------------*/
.header_btm_pcnav {
  width: 1080px;
  margin: 0 auto;
}
.header_btm_pcnav ul {
  display: flex;
}
.header_btm_pcnav ul li {
  background-color: #870000;
  width: calc(100% / 7);
  height: 100%;
  border-right: 1px solid #fff;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.header_btm_pcnav ul li:first-child {
  border-radius: 16px 0 0 16px;
}
.header_btm_pcnav ul li:last-child {
  border-right: 0;
  border-radius: 0 16px 16px 0;
}
.header_btm_pcnav ul li a {
  color: #f4f2df;
  font-size: 110%;
  text-align: center;
  width: 100%;
  height: 1em;
  padding: 1em 0;
  display: block;
}
.header_btm_pcnav ul li a span:not(.cart_count) {
  width: 100%;
  position: absolute;
  left: 0;
}
.header_btm_pcnav ul li a span img {
  height: 20px;
  opacity: 1;
}
.header_btm_pcnav ul li:nth-child(3) a span img,
.header_btm_pcnav ul li:nth-child(4) a span img,
.header_btm_pcnav ul li:nth-child(5) a span img {
  height: 22px;
}
.header_btm_pcnav ul li:nth-child(6) a span img {
  height: 18px;
}
.header_btm_pcnav ul li a span:nth-of-type(1) {
  top: 50%;
  transform: translateY(-50%);
  transition: top .15s,
              transform .15s;
}
.header_btm_pcnav ul li:last-child a span:nth-of-type(1) {
  text-align: left;
  padding-left: .5em;
}
.header_btm_pcnav ul li a span:nth-of-type(2) {
  top: -110%;
  transform: translateY(0);
  transition: top .15s,
              transform .15s;
}
#header .cart_count {
  color: #870000;
  font-weight: bold;
  line-height: 1.5em;
  background: #f4f2df;
  min-width: 1.75em;
  padding: .1em;
  border: 2px solid #870000;
  border-radius: 16px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  right: 2%;
  transform: translate(0, -50%);
}

/* MOST TOP BANNER -------------------*/
.header_banner {
  width: 100%;
}
.header_banner p a {
  color: #bf0000;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  display: block;
  width: 100%;
  padding: 6px;
  border: 2px solid #bf0000;
  margin-bottom: 16px;
  box-sizing: border-box;
}
.header_banner > a {
  display: block;
  width: 100%;
  margin-bottom: 16px;
  box-sizing: border-box;
}

/* FOR SP ----------------------------*/
@media (max-width:980px) {
  .header_top {
    width: 100%;
    background-color: #870000;
    position: fixed;
    top: 0;
    z-index: 999999999;
  }
  .header_btm {
    text-align: center;
    width: 96%;
    padding-top: 4em;
    margin: 0 auto;
  }
  h1.header_logo {
    font-size: 66%;
    width: 80%;
    padding: 0;
    margin: 0 auto;
  }

  /* NAVIGATION ----------------------*/
  .header_nav_phone {
    display: flex;
  }
  .header_top,
  .sp_header-left,
  .sp_header-right {
    height: 3.5em;
  }
  .sh-open-bg,
  .sh-content {
    top: 3.5em;
  }
  /* right list */
  .sp_header-right {
    width: 88%;
    display: flex;
    justify-content: right;
  }
  .sp_header-right li {
    width: 20%;
  }
  .sp_header-right li:nth-child(1) {
    background: url(https://file001.shop-pro.jp/PA01005/739/images/mode/icon-search-cr.png) no-repeat center 24% / auto 40%;
  }
  .sp_header-right li:nth-child(2) {
    background: url(https://file001.shop-pro.jp/PA01005/739/images/mode/icon-user-cr.png) no-repeat center 23% / auto 48%;
  }
  .sp_header-right li:nth-child(3) {
    background: url(https://file001.shop-pro.jp/PA01005/739/images/mode/icon-fav-cr.png) no-repeat center 30% / auto 35%;
  }
  .sp_header-right li:nth-child(4) {
    background: url(https://file001.shop-pro.jp/PA01005/739/images/mode/icon-cart-cr.png) no-repeat center 28% / auto 40%;
  }
  .sp_header-right li a {
    color: #f4f2df;
    font-size: 70%;
    text-align: center;
    display: block;
    padding-top: 2.75em;
  }
  .headline_viewcart {
    position: relative;
  }
  #header .sp_header-right .cart_count {
    top: 1.5em;
  }
  /* menu button */
  #sh-drawer {
    width: 12%;
  }
  #sh-open {
    background: #870000;
    width: 100%;
    height: 100%;
    border-right: 1px solid #f4f2df;
    box-sizing: border-box;
    margin: 0;
    position: relative;
    transition: background .2s;
  }
  .sp_menu-icon {
    background: #fff;
    width: 50%;
    height: .15em;
    border-radius: 16px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: background .2s,
                width .2s .2s;
  }
  #sh-open:before {
    content: '';
    background: #fff;
    width: 50%;
    height: .15em;
    border-radius: 16px;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: background .2s,
                top .2s,
                width .2s .2s,
                height .2s,
                transform .2s;
  }
  #sh-open:after {
    content: '';
    background: #fff;
    width: 50%;
    height: .15em;
    border-radius: 16px;
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: background .2s,
                top .2s,
                width .2s .2s,
                height .2s,
                transform .2s;
  }
  #sh-input:checked ~ #sh-open {
    background: #f4f2df;
    transition: background .2s;
  }
  #sh-input:checked ~ #sh-open .sp_menu-icon {
    background: #870000;
    width: 0;
    transition: background .2s,
                width .2s;
  }
  #sh-input:checked ~ #sh-open:before {
    background: #870000;
    width: 70%;
    height: .3em;
    transform: translate(-50%, -50%) rotate(45deg);
    top: 50%;
    transition: background .2s,
                top .2s .2s,
                width .2s,
                height .2s,
                transform .2s .2s;
  }
  #sh-input:checked ~ #sh-open:after {
    background: #870000;
    width: 70%;
    height: .3em;
    transform: translate(-50%, -50%) rotate(-45deg);
    top: 50%;
    transition: background .2s,
                top .2s .2s,
                width .2s,
                height .2s,
                transform .2s .2s;
  }
  /* menu pulldown */
  .sh-unshown {
    display: none;
  }
  .sh-open-bg {
    visibility: hidden;
    opacity: 0;
    box-shadow: inset 1em 0 4em rgba(0, 0, 0, .75);
    width: 10%;
    height: calc(100% - 3.5em);
    position: fixed;
    right: 0;
    transition: opacity .2s,
                visibility .2s;
    z-index: 99;
  }
  #sh-input:checked ~ .sh-open-bg {
    visibility: visible;
    opacity: 1;
    transition: opacity .2s .2s,
                visibility .2s .2s;
  }
  .sh-content {
    position: fixed;
    left: 0;
    background: #fff;
    width: 90%;
    height: calc(100% - 3.5em);
    transform: translateX(-105%);
    overflow-y: scroll;
    z-index: 9999;
    -ms-overflow-style: none;
    scrollbar-width: none;
    transition: transform .2s .2s;
  }
  .sh-content::-webkit-scrollbar {
    display: none;
  }
  #sh-input:checked ~ .sh-content {
    transform: translateX(0);
    transition: transform .3s;
  }
  .sh-con-ul {
    width: 90%;
    margin: 0 auto;
  }
  .sh-con-ul ul {
    list-style: none;
  }
  .sh-con-ul li {
    padding: 0;
  }
  .sh-con-ul ul li a,
  .sh-con-a {
    padding: 1em 0;
    border-bottom: 1px solid #ccc;
    display: block;
  }
  .sh-con-ul > li > a {
    padding-left: 7%;
  }
  .sh-con-ul > li:nth-child(1) > a {
    background: url(https://file001.shop-pro.jp/PA01005/739/images/mode/icon-cate-bk.png) no-repeat left center / 5%;
  }
  .sh-con-ul > li:nth-child(2) > a {
    background: url(https://file001.shop-pro.jp/PA01005/739/images/mode/icon-bell-bk.png) no-repeat left center / 5%;
  }
  .sh-con-ul > li:nth-child(3) > a {
    background: url(https://file001.shop-pro.jp/PA01005/739/images/mode/icon-home-bk.png) no-repeat left center / 5%;
  }
  .sh-con-ul > li:nth-child(4) > a {
    background: url(https://file001.shop-pro.jp/PA01005/739/images/mode/icon-tell-bk.png) no-repeat left center / 5%;
  }
  .sh-con-ul > li:nth-child(5) > a {
    background: url(https://file001.shop-pro.jp/PA01005/739/images/mode/icon-info-bk.png) no-repeat left center / 5%;
  }
  .sh-con-ul > li:nth-child(6) > a {
    background: url(https://file001.shop-pro.jp/PA01005/739/images/mode/icon-mail-bk.png) no-repeat left center / 5%;
  }
  .sh-con-ul > li:nth-child(7) > a {
    background: url(https://file001.shop-pro.jp/PA01005/739/images/mode/icon-sp-bk.png) no-repeat left center / 5%;
  }
  .sh-con-a-js:after {
    background: url(https://file001.shop-pro.jp/PA01005/739/images/mode/icon-arrow-b.png) no-repeat right center / contain;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 5%;
    height: 100%;
    transform: rotate(0);
    transition: transform .15s;
  }
  .sh-con-a-js.on:after {
    transform: rotate(180deg);
    transition: transform .15s;
  }
  .sh-con-h {
    cursor: pointer;
    display: block;
    position: relative;
  }
  .sh-con-a-js {
    display: block;
    position: relative;
  }
  .sh-con-li a:after {
    content: none;
  }
  .sh-con-sub {
    display: none;
  }
  .sh-con-sub li {
    padding-left: 7%;
  }
  .sh-con-banner {
    width: 90%;
    margin: 0 auto;
  }
  .sh-con-banner li {
    margin-bottom: 1em;
  }
  .sh-con-banner li img {
    width: 100%;
  }
  .sh-con-sns {
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }
  .sh-con-sns li {
    width: calc(90% / 6);
  }
  .sh-con-sns li a {
    display: block;
    width: 100%;
    height: 5em;
  }
  .sh-con-sns li:nth-child(1) a {
    background: url(https://file001.shop-pro.jp/PA01005/739/images/mode/icon-twi-1.png) no-repeat top center / 100%;
  }
  .sh-con-sns li:nth-child(2) a {
    background: url(https://file001.shop-pro.jp/PA01005/739/images/mode/icon-inst-1.png) no-repeat top center / 100%;
  }
  .sh-con-sns li:nth-child(3) a {
    background: url(https://file001.shop-pro.jp/PA01005/739/images/mode/icon-ln-1.png) no-repeat top center / 100%;
  }
  .sh-con-sns li:nth-child(4) a {
    background: url(https://file001.shop-pro.jp/PA01005/739/images/mode/icon-fb-1.png) no-repeat top center / 100%;
  }
  .sh-con-sns li:nth-child(5) a {
    background: url(https://file001.shop-pro.jp/PA01005/739/images/mode/icon-blg-1.png) no-repeat top center / 100%;
  }
  .sh-con-sns li:nth-child(6) a {
    background: url(https://file001.shop-pro.jp/PA01005/739/images/mode/icon-amb-1.png) no-repeat top center / 100%;
  }
}





/*======================================
SEARCH CONTENTS BANNER -----------------
======================================*/
#search {
  width: 1080px;
  margin: 0 auto 3em;
  position: relative;
}

/* SEARCH CONTENTS BANNER ------------*/
.srch-conorder {
  margin-bottom: 1em;
}
.srch-conorder img {
  display: block;
  width: 100%;
}
.srch-conorder > ul {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.srch-conorder > ul > li {
  width: calc((100% - 7.5%) / 6);
}
.srch-conorder > ul > li > ul {
  visibility: hidden;
  opacity: 0;
  transition: opacity .15s ease,
              visibility .15s ease;
  position: absolute;
  left: 0;
  width: 100%;
  padding: 1em 0;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, .9);
}
.srch-conorder > ul > li > ul > li {
  text-align: center;
  line-height: 1.2em;
}
.srch-conorder > ul > li > ul {
  display: flex;
  flex-wrap: wrap;
  z-index: 100;
}
.srch-conorder > ul > li > ul > li > a {
  transition: opacity .15s ease;
}
.srch-conorder > ul > li:nth-child(1) ul li,
.srch-conorder > ul > li:nth-child(2) ul li,
.srch-conorder > ul > li:nth-child(3) ul li,
.srch-conorder > ul > li:nth-child(5) ul li {
  width: calc((100% - 7%) / 8);
  margin: 0 1% 1em 0;
}
.srch-conorder > ul > li:nth-child(1) ul li:nth-child(8n),
.srch-conorder > ul > li:nth-child(2) ul li:nth-child(8n),
.srch-conorder > ul > li:nth-child(3) ul li:nth-child(8n),
.srch-conorder > ul > li:nth-child(5) ul li:nth-child(8n) {
  margin-right: 0;
}
.srch-conorder > ul > li:nth-child(3) ul li a {
  color: #333;
  font-size: 120%;
  text-decoration: none;
  text-align: center;
  background-color: #fff;
  display: block;
  width: 100%;
  padding: 10px 0;
  border: 1px solid #870000;
  border-radius: 16px;
  transition: color .15s ease,
              background .15s ease;
}
.srch-conorder > ul > li:nth-child(5) ul li a {
  color: #333;
  text-align: center;
  text-decoration: none;
  display: block;
}
.srch-conorder > ul > li:nth-child(5) ul li a img {
  margin-bottom: .3em;
}
/* BIRTH STONE -----------------------*/
.srch-conorder > ul > li:nth-child(4) > ul > li {
  width: calc((100% - 10%) / 6);
  margin: 0 2% 3em 0;
}
.srch-conorder > ul > li:nth-child(4) > ul > li:nth-child(6n) {
  margin-right: 0;
}
.srch-conorder > ul > li:nth-child(4) > ul > li span {
  font-family: "ÞâÌÀÄ«",
              YuMincho,
              "Hiragino Mincho ProN W3",
              "¥Ò¥é¥®¥ÎÌÀÄ« ProN W3",
              "Hiragino Mincho ProN",
              "HGÌÀÄ«E",
              "£Í£Ó £ÐÌÀÄ«",
              "£Í£Ó ÌÀÄ«",
              serif;
  font-size: 180%;
  font-weight: bold;
  text-align: center;
  display: block;
  padding-bottom: 2px;
  border-bottom: 3px double #555;
  margin-bottom: 1.5em;
}
.srch-conorder > ul > li:nth-child(4) > ul > li ul li {
  margin-bottom: 1em;
}
.srch-conorder > ul > li:nth-child(4) > ul > li ul li a {
  color: #333;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.srch-conorder > ul > li:nth-child(4) > ul > li ul li a img {
  width: 2.5em;
}

/* FOR SP ----------------------------*/
@media (max-width:980px) {
  #search {
    width: 96%;
  }

  /* SEARCH CONTENTS BANNER ----------*/
  .srch-conorder > ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .srch-conorder > ul > li {
    width: calc((100% - 4%) / 3);
    margin-right: 2%;
  }
  .srch-conorder > ul > li:nth-child(-n + 3) {
    margin-bottom: .5em;
  }
  .srch-conorder > ul > li:nth-child(3n) {
    margin-right: 0;
  }
  .srch-conorder > ul > li > img {
    opacity: 1;
    transition: opacity .3s,
                filter .3s;
  }
  .srch-conorder > ul > li:has(.srch-conorder-on) > img {
    opacity: .5;
    filter: grayscale(100%);
    transition: opacity .3s,
                filter .3s;
  }
  .srch-conorder > ul > li > ul.srch-conorder-on {
    visibility: inherit;
    opacity: 1;
    transition: opacity .15s ease,
                visibility .15s ease;
  }
  .srch-conorder > ul > li:nth-child(1) ul li,
  .srch-conorder > ul > li:nth-child(2) ul li,
  .srch-conorder > ul > li:nth-child(3) ul li,
  .srch-conorder > ul > li:nth-child(5) ul li {
    width: calc((100% - 3%) / 4);
    margin: 0 1% 1em 0;
  }
  .srch-conorder > ul > li:nth-child(1) ul li:nth-child(4n),
  .srch-conorder > ul > li:nth-child(2) ul li:nth-child(4n),
  .srch-conorder > ul > li:nth-child(3) ul li:nth-child(4n),
  .srch-conorder > ul > li:nth-child(5) ul li:nth-child(4n) {
    margin-right: 0;
  }
  /* BIRTH STONE ---------------------*/
  .srch-conorder > ul > li:nth-child(4) > ul > li {
    width: calc((100% - 4%) / 3);
    margin: 0 2% 3em 0;
  }
  .srch-conorder > ul > li:nth-child(4) > ul > li:nth-child(3n) {
    margin-right: 0;
  }
}





/*======================================
SEARCH FROM NAME -----------------------
======================================*/
.srch-nameorder {
  margin-bottom: 2em;
  position: relative;
}
.srch-nameorder ul {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.srch-nameorder > ul > li {
  width: 10%;
  font-size: 110%;
  line-height: 1em;
  text-align: center;
  background: #FEFBEA;
  padding: .5em 0;
  border-right: 1px solid #555;
  box-sizing: border-box;
  position: relative;
  transition: color .15s ease,
              background .15s ease;
}
.srch-nameorder > ul > li:first-child {
  border-left: 1px solid #555;
}
.srch-nameorder > ul > li > ul {
  font-size: 90%;
  visibility: hidden;
  opacity: 0;
  width: 280%;
  position: absolute;
  margin-top: .5em;
  display: flex;
  flex-direction: column;
  z-index: 100;
  transition: opacity .15s,
              visibility .15s;
}
.srch-nameorder > ul > li:nth-child(-n+5) > ul {
  left: 0;
}
.srch-nameorder > ul > li:nth-child(n+6) > ul {
  right: 0;
}
.srch-nameorder ul > li > ul > li {
  position: relative;
}
.srch-nameorder ul li ul li {
  background: #fff;
  border: 1px solid #333;
  border-top: 0;
  box-sizing: border-box;
}
.srch-nameorder ul li ul li:first-child {
  border: 1px solid #333;
}
.srch-nameorder ul li ul li:has(ul) {
  background: #fff url(https://file001.shop-pro.jp/PA01005/739/images/mode/icon-arrow-r.png) no-repeat 95% center / 2%;
}
.srch-nameorder ul li ul li a {
  color: #333;
  text-decoration: none;
  width: 100%;
  display: flex;
  align-items: center;
  padding: .75em 1em;
  box-sizing: border-box;
  height: 3em;
}
.srch-nameorder ul li ul li img {
  display: block;
  width: 12%;
  margin-right: 2%;
}
.srch-nameorder ul li ul li ul {
  width: 100%;
  position: absolute;
  top: -1px;
  left: 50%;
  z-index: 101;
  visibility: hidden;
  opacity: 0;
  transition: opacity .15s,
              visibility .15s;
}
.srch-nameorder ul li ul li ul li {
  width: 100%;
}
.srch-nameorder ul li ul li ul li:first-child {
  border-top: 1px solid #333;
}

/* FOR SP ----------------------------*/
.srch-nameorder-sp {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1em;
  position: relative;
}
.srch-nameorder-sp input {
  display: none;
}
.srch-nameorder-sp label {
  font-size: 110%;
  line-height: 1em;
  text-align: center;
  background: #FEFBEA;
  width: 20%;
  padding: .5em 0;
  border-right: 1px solid #555;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  transition: color .3s,
              font-size .3s,
              background .3s;
}
.srch-nameorder-sp label:nth-of-type(-n+5) {
  border-bottom: 1px solid #555;
}
.srch-nameorder-sp label:nth-of-type(5n) {
  border-right: 0;
}
.srch-nameorder-sp label:before {
  content: '';
  height: 0;
  transition: height .3s;
}
.srch-nameorder-sp label:after {
  content: '';
  height: 0;
  transition: height .3s;
}
.srch-nameorder-sp label:has(+ input:checked) {
  font-size: 0;
  color: #fff;
  background: #870000;
  transition: color .3s,
              font-size .3s,
              background .3s;
}
.srch-nameorder-sp label:has(+ input:checked):before {
  content: '';
  background: #fff;
  width: 2px;
  height: 30%;
  position: absolute;
  transform: rotate(45deg);
  transition: height .3s;
}
.srch-nameorder-sp label:has(+ input:checked):after {
  content: '';
  background: #fff;
  width: 2px;
  height: 30%;
  position: absolute;
  transform: rotate(-45deg);
  transition: height .3s;
}
.srch-nameorder-sp > ul {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  background: #fff;
  position: absolute;
  top: 5.5em;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  padding: 1em;
  border: 1px solid #8B665E;
  box-sizing: border-box;
  box-shadow: 0 0 2em rgba(0, 0, 0, .25);
  opacity: 0;
  visibility: hidden;
  transition: opacity .15s,
              visibility .15s;
  z-index: 1;
}
.srch-nameorder-sp input:checked + ul {
  opacity: 1;
  visibility: visible;
  transition: opacity .15s,
              visibility .15s;
}
.srch-nameorder-sp > ul > li {
  width: calc(94% / 2);
  margin-right: 6%;
  margin-bottom: 1em;
  position: relative;
}
.srch-nameorder-sp > ul > li:nth-child(2n) {
  margin-right: 0;
}
.srch-nameorder-sp > ul > li:nth-last-child(-n + 2) {
  margin-bottom: 0;
}
.srch-nameorder-sp > ul > li a {
  color: #333;
  line-height: 1.2em;
  display: flex;
}
.srch-nameorder-sp > ul > li:has(.srch-nameorder-sp-child) > a:first-of-type {
  width: 90%;
}
.srch-nameorder-sp > ul > li img {
  display: block;
  width: 20%;
  height: 100%;
  margin-right: 2%;
}
.srch-nameorder-sp > ul > li:has(.srch-nameorder-sp-child) img {
  width: 22%;
}
.srch-nameorder-sp ul li ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: .5em;
  box-sizing: border-box;
  margin-top: 1em;
  background: #eee;
}
.srch-nameorder-sp ul li ul li {
  width: 100%;
  margin-bottom: 1em;
}
.srch-nameorder-sp ul li ul li:last-child {
  margin-bottom: 0;
}
.srch-nameorder-sp a.srch-nameorder-sp-child {
  width: 1em;
  height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  transform: rotate(-135deg);
  transition: transform .3s,
              top .3s;
}
.srch-nameorder-sp a.srch-nameorder-sp-child-on {
  transform: rotate(45deg);
  top: .5em;
  transition: transform .3s,
              top .3s;
}
.srch-nameorder-sp a.srch-nameorder-sp-child:before {
  content: '';
  background: #8B665E;
  width: 1em;
  height: 2px;
  position: absolute;
  top: 0;
}
.srch-nameorder-sp a.srch-nameorder-sp-child:after {
  content: '';
  background: #8B665E;
  width: 2px;
  height: 1em;
  position: absolute;
  top: 0;
}





/*======================================
COMMON SEARCH FORM DESIGN --------------
======================================*/
.search-detail {
  width: 100%;
  margin-bottom: 2em;
}
.search-detail form {
  display: flex;
  flex-wrap: wrap;
}
select.search-detail-cg,
select.search-detail-sp,
select.search-detail-sz {
  width: 20%;
  height: 3em;
  border: solid 1px #555;
  border-radius: 16px;
  margin-right: 1%;
}
.search-detail-delta {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #870000;
  margin-top: 1em;
  margin-right: 1%;
}
.sh-con-search-box {
  width: 30%;
  height: 40px;
  border: 1px solid #870000;
  border-radius: 16px 0 0 16px;
  box-sizing: border-box;
}
.sh-con-search-btn {
  float: right;
  width: 5%;
  height: 40px;
  border: 0;
  border-radius: 0 16px 16px 0;
  background: #870000 url(https://file001.shop-pro.jp/PA01005/739/images/mode/icon-search-cr.png) no-repeat center center / 40%;
}
/* HOT WORD */
#hotWord {
  display: flex;
  flex-wrap: wrap;
  margin: .5em 0;
}
#hotWord li {
  line-height: 1em;
  margin-right: 1%;
}
#hotWord li:first-child {
  color: #8B665C;
  background: #F0D988;
  padding: .5em 1em;
  border-radius: .5em;
  display: flex;
}
#hotWord li:first-child span {
  display: block;
  width: 1em;
  height: 1em;
  border: 2px solid #8B665C;
  border-radius: 50%;
  box-sizing: border-box;
  position: relative;
  margin-left: .25em;
  transform: translateY(-.1em);
}
#hotWord li:first-child span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 100%;
  background: #8B665C;
  width: 2px;
  height: .3em;
  transform: rotate(-45deg);
}
#hotWord li:nth-child(n+2) a {
  color: #8B665C;
  line-height: 2em;
  text-decoration: underline;
}

/* FOR SP ----------------------------*/
@media (max-width:980px) {
  .sh-con-search-box {
    width: 85%;
  }
  .sh-con-search-btn {
    width: 15%;
  }
  select.search-detail-cg,
  select.search-detail-sp,
  select.search-detail-sz {
    width: 32%;
    box-sizing: border-box;
    margin: 0 2% 1em 0;
  }
  select.search-detail-sz:nth-of-type(3n) {
    margin-right: 0;
  }
  .search-detail-delta {
    display: none;
  }
  .sh-content > .sh-con-search {
    width: 90%;
    margin: 1em auto 0;
  }
  /* HOT WORD */
  #hotWord {
    justify-content: center;
  }
  #hotWord li {
    margin-right: 2%;
  }
}





/*======================================
MAIN CONTENT ---------------------------
======================================*/
.main {
  width: 1080px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* SIDE CONTENT ----------------------*/
#side {
  width: 240px;
}
#side > * {
  margin-bottom: 3em;
}
#side h3 {
  color: #f4f2df;
  background: #870000;
  padding: .5em 1em;
  border-bottom: 3px solid #c6b06b;
  border-radius: 16px 16px 0 0;
}
/* side - banner */
.side_banner li img {
  width: 100%;
  opacity: 1;
  transition: opacity .15s;
}
.side_banner li {
  margin-bottom: .5em;
}
.side_banner li:last-child {
  margin-bottom: 0;
}
/* side - list */
.side-con li {
  background-color: #fff;
  border-top: 1px solid #8e8e8e;
  position: relative;
  transition: background-color .15s;
}
.side-con li:first-child {
  border-top: 0;
}
.side-con li a {
  display: block;
  width: 100%;
  padding: .5em 0;
}
.side-con li a img {
  width: 15%;
  margin-right: .5em;
}
/* side - sns */
.side-sns ul {
  margin-top: 2em;
  display: flex;
  flex-wrap: wrap;
}
.side-sns ul li {
  width: calc(70% / 4);
  margin-right: 10%;
}
.side-sns ul li:nth-child(4n) {
  margin-right: 0;
}
.side-sns ul li a {
  display: block;
  width: 100%;
  height: 4em;
  transition: .15s;
}
.side-sns ul li:nth-child(1) a {
  background: url(https://file001.shop-pro.jp/PA01005/739/images/mode/icon-twi-1.png) no-repeat top center / 100%;
  filter: invert(90%);
  transition: filter .15s;
}
.side-sns ul li:nth-child(2) a {
  background: url(https://file001.shop-pro.jp/PA01005/739/images/mode/icon-inst-1.png) no-repeat top center / 100%;
  filter: grayscale(100%);
  transition: filter .15s;
}
.side-sns ul li:nth-child(3) a {
  background: url(https://file001.shop-pro.jp/PA01005/739/images/mode/icon-ln-1.png) no-repeat top center / 100%;
  filter: grayscale(100%);
  transition: filter .15s;
}
.side-sns ul li:nth-child(4) a {
  background: url(https://file001.shop-pro.jp/PA01005/739/images/mode/icon-fb-1.png) no-repeat top center / 100%;
  filter: grayscale(100%);
  transition: filter .15s;
}
.side-sns ul li:nth-child(5) a {
  background: url(https://file001.shop-pro.jp/PA01005/739/images/mode/icon-blg-1.png) no-repeat top center / 100%;
  filter: grayscale(100%);
  transition: filter .15s;
}
.side-sns ul li:nth-child(6) a {
  background: url(https://file001.shop-pro.jp/PA01005/739/images/mode/icon-amb-1.png) no-repeat top center / 100%;
  filter: grayscale(100%);
  transition: filter .15s;
}
/* side - qr code */
.side-qr img {
  display: block;
  width: 80%;
  margin: 0 auto;
}

/* MAIN CONTENT ----------------------*/
#contents {
  width: 810px;
}
/* item list */
ul.item-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
ul.item-list li {
  width: calc(94% / 4);
  margin: 0 2% 2em 0;
  position: relative;
  display: flex;
}
ul.item-list li:nth-child(4n) {
  margin-right: 0;
}
ul.item-list li a {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
ul.item-list li a img {
  width: 100%;
  margin-bottom: .5em;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
ul.item-list li a .item-list-name {
  font-size: 90%;
  line-height: 1.2em;
  display: block;
  width: 100%;
  margin-bottom: 0;
  flex-grow: 1;
}
ul.item-list li a .item-list-price {
  font-size: 140%;
  text-align: right;
}
ul.item-list li a .item-list-price span {
  font-size: 70%;
}
ul.item-list li a .item-list-discount {
  color: #fff;
  line-height: 1em;
  text-align: center;
  background: #bf0000;
  font-weight: bold;
  padding: .5em;
  position: absolute;
  z-index: 1;
}
ul.item-list li a .item-list-price-sale {
  color: #bf0000;
}
ul.item-list li a .item-list-price-teika {
  color: #8e8e8e;
  font-weight: normal;
  font-size: 70%;
  text-decoration: line-through;
  display: block;
  line-height: 1em;
  margin: .5em 0 0 0;
}
ul.item-list li a .item-list-sold {
  color: #8e8e8e;
  font-size: 120%;
  font-weight: bold;
  text-align: right;
}
ul.item-list li a .rank_box {
  left: 0;
}
ul.item-list li a .rank_box .rank_number {
  color: #fff;
  font-weight: bold;
  text-align: center;
  display: block;
}
.rank_box {
  display: block;
  position: absolute;
  background-color: #333;
  width: 25px;
  height: 25px;
  z-index: 5;
}
.rank_box_color_1 {
  background-color: #dccc18;
}
.rank_box_color_2 {
  background-color: #bab9c1;
}
.rank_box_color_3 {
  background-color: #e18961;
}
ul.item-list li.toppage-more {
  visibility: hidden;
  height: 0;
  margin-bottom: 0;
  opacity: 0;
  transition: opacity .3s;
}
ul.item-list li.toppage-more-on {
  visibility: visible;
  height: inherit;
  margin-bottom: 2em;
  opacity: 1;
  transition: opacity .3s;
}
/* fav icon */
.product-list__fav-items {
  position: absolute;
  right: 0;
  width: 30px;
  z-index: 100;
}
.product-list__fav-items button {
  display: block;
  width: 100%;
  padding: 5px 0;
  cursor: pointer;
  transition: color .15s,
              drop-shadow .15s,
              transform .15s;
  text-align: center;
  color: #fff;
  border: 0;
  outline: none;
  background: transparent;
}
.product-list__fav-items svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
  filter: drop-shadow(0 0 5px #555);
}
.product-list__fav-items button.fav-items {
  color: #ff7373;
  transform: rotate(360deg);
}
.product-list__fav-items button.fav-items svg {
  filter: drop-shadow(0 0 5px #fff);
}

/* FOR SP ----------------------------*/
@media (max-width:980px) {
  .main {
    width: 96%;
    margin: 0 auto;
  }

  /* MAIN CONTENT --------------------*/
  #contents {
    width: 100%;
  }
  /* item list */
  ul.item-list li {
    width: calc((98%) / 2);
  }
  ul.item-list li:nth-child(2n) {
    margin-right: 0;
  }
}





/*======================================
BENEFIT --------------------------------
======================================*/
.benefit {
  width: 100%;
  margin-bottom: 3em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.benefit h3 {
  font-size: 140%;
  text-align: center;
  width: 100%;
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
}
.benefit h3::before,
.benefit h3::after {
  content: '';
  position: absolute;
  top: 40%;
  display: inline-block;
  width: 35%;
  height: 1px;
  background: #666;
}
.benefit h3:before {
  left: 0;
}
.benefit h3:after {
  right: 0;
}

/* BENEFIT LIST */
.benefit ul {
  font-size: 110%;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.benefit ul li {
  text-align: center;
  width: calc(94% / 4);
  margin-bottom: 1em;
  box-sizing: border-box;
}
.benefit ul.benefit_coupon li {
  color: #fff;
  background: #8B665C;
  border: 1px solid #8B665C;
}
.benefit ul.benefit_campaign li {
  background: #F0D988;
  border: 1px solid #F0D988;
}
.benefit ul li span {
  color: #333;
  background: #fff;
  display: block;
}
.benefit strong {
  font-weight: bold;
}

/* FOR SP ----------------------------*/
@media (max-width:980px) {
  /* BENEFIT LIST */
  /* coupon list */
  .benefit ul li {
    width: calc(98% / 2);
  }
}





/*======================================
FOOTER ---------------------------------
======================================*/
#footer {
  width: 100%;
  margin-top: 5em;
}

/* TO TOP ----------------------------*/
.footer_pagetop {
  width: 1080px;
  margin: 0 auto;
}
.footer_pagetop a {
  display: block;
  width: 100%;
  height: 3em;
  background: url(https://file001.shop-pro.jp/PA01005/739/images/mode/arrow-t-wht.svg) #870000 no-repeat center center / 2%;
  opacity: 1;
  transition: opacity .15s;
}

/* PC FOOTER -------------------------*/
.pc-footer {
  width: 1080px;
  margin: 0 auto;
  padding: 3em 0;
  display: flex;
  justify-content: space-between;
}
.pc-footer-box {
  width: 30%;
}
.pc-footer-box h3 {
  font-size: 140%;
  font-weight: bold;
  padding-left: .5em;
  border-left: .2em solid #870000;
  box-sizing: border-box;
  margin-bottom: .5em;
}
.pc-footer-box h4 {
  font-size: 120%;
  font-weight: bold;
  margin-top: 1em;
}
.pc-footer-box h4:first-of-type {
  margin-top: 0;
}
.pc-footer-box span {
  font-size: 80%;
  line-height: 1.8em;
}
.pc-footer-box p {
  margin: 0;
  margin-bottom: 1.5em;
}
.pc-footer-box a {
  color: #666;
  display: block;
  text-align: right;
  text-decoration: underline;
  transition: color .15s;
}
.pc-footer-box strong {
  color: #870000;
  font-weight: bold;
}
.pc-footer-block {
  margin-bottom: 3em;
}
.pc-footer-block ul.payment {
  display: flex;
  flex-wrap: wrap;
}
.pc-footer-block ul.payment li {
  margin: 0 2% .5em 0;
}
.pc-footer-block ul.payment li img {
  display: block;
  height: 2.5em;
}

/* CALENDAR --------------------------*/
.tbl_calendar {
  width: 100%;
  margin-bottom: 1.5em;
}
.tbl_calendar caption {
  color: #fff;
  text-align: center;
  background: #870000;
}
.tbl_calendar tbody {
  background: #fff;
  border: 1px solid #8e8e8e;
  box-sizing: border-box;
}
.tbl_calendar th,
.tbl_calendar td {
  font-weight: normal;
  width: calc(100% / 7);
  height: 3em;
  border-bottom: 1px solid #8e8e8e;
  border-right: 1px dashed #ccc;
  box-sizing: border-box;
  text-align: center;
}
.tbl_calendar th:last-child,
.tbl_calendar td:last-child {
  border-right: 0;
}
.tbl_calendar th.sun {
  color: #bf0000;
}
.tbl_calendar th.sat {
  color: #0096d1;
}
.tbl_calendar td:not([class]) {
  background: #ccc;
}

/* SP FOOTER -------------------------*/
.sp-footer li {
  border-bottom: 1px solid #ccc;
}
.sp-footer li:last-child {
  border-bottom: 0;
}
.sp-footer li a {
  display: block;
  background: url(https://file001.shop-pro.jp/PA01005/739/images/mode/icon-arrow-r.png) no-repeat 98% center / 2%;
  padding: .5em 0 .5em 2%;
}
.sp-footer li a .cart_count {
  color: #fff;
  background: #870000;
  padding: .25em .5em;
  border-radius: 16px;
  margin-left: .5em;
}

/* INFO CONTACT ----------------------*/
#f-info {
  background: #870000;
  width: 100%;
  padding-top: 2em;
}
.f-info-inner {
  width: 1080px;
  margin: 0 auto;
}
.f-info-logo {
  display: block;
  width: 40%;
  margin: 0 auto 2em;
}
.f-info-logo img {
  width: 100%;
}
#f-info h3 {
  color: #f4f2df;
  font-size: 125%;
}
#f-info p {
  color: #fff;
}
.f-info-text {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.f-info-text div {
  width: calc(94% / 4);
}
.f-info-text img {
  display: block;
  width: 100%;
}
.f-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
}
.f-nav li a {
  color: #fff;
}
.f-nav li:after {
  color: #fff;
  content: '/';
  margin: 0 .5em;
}
.f-nav li:last-child:after {
  content: none;
}
#copyright {
  color: #fff;
  text-align: center;
  margin-top: 5em;
  display: block;
}

/* FOR SP ----------------------------*/
@media (max-width:980px) {
  /* TO TOP --------------------------*/
  .footer_pagetop {
    width: 100%;
  }
  .footer_pagetop a {
    background-size: 6%
  }

  /* INFO CONTACT --------------------*/
  .f-info-inner {
    width: 96%;
  }
  .f-info-logo {
    width: 96%;
  }
  #f-info h3,
  #f-info p {
    text-align: center;
    width: 100%;
  }
  .f-info-text div {
    width: 100%;
    margin-bottom: 2em;
  }
  .f-info-text .hidden-desktop {
    display: flex;
    flex-wrap: wrap;
  }
  .f-info-text .tbl_calendar caption {
    color: #870000;
    background: #f4f2df;
  }
}





/*======================================
OTHER TEMPLATE STYLE -------------------
======================================*/
/* PRODUCT LIST HEAD -----------------*/
h2#productlist_head {
  color: #fff;
  background: #870000;
  width: 100%;
  padding: .5em;
  border-left: 0;
  border-radius: 16px;
  margin-bottom: .5em;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
h2#productlist_head p {
  margin: 0;
}
h2#productlist_head .productlist_number {
  font-size: 66%;
  font-weight: normal;
  text-align: right;
}
h2#productlist_head:before {
  content: none;
}
h2#productlist_head:after{
  content: none;
}

/* SEARCH SORT -----------------------*/
.productlist_sort {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-bottom: 1em;
}
.productlist_sort > * {
  color: #333;
  padding: .5em 1em;
  border-radius: 16px;
  box-sizing: border-box;
  margin: 0 0 .5em .5em;
}
.productlist_sort span {
  background: #F0D988;
}
.productlist_sort a {
  background: #eee;
  transition: color .3s,
              background .3s;
}

/* PAGER -----------------------------*/
ul.pagerlist {
  margin-bottom: 1em;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
ul.pagerlist li {
  text-align: center;
  margin: 0 .25em .25em;
}
ul.pagerlist li a,
ul.pagerlist li span {
  display: block;
  border-radius: 16px;
  box-sizing: border-box;
  padding: .5em 1em;
}
ul.pagerlist li span {
  background: #F0D988;
}
ul.pagerlist li a,
ul.pagerlist li span.pager-nth {
  background: #eee;
  transition: color .3s,
              background .3s;
}

/* FOR SP ----------------------------*/
@media (max-width:980px) {
  /* PRODUCT LIST HEAD ---------------*/
  h2#productlist_head {
    flex-flow: column;
  }
  h2#productlist_head p,
  h2#productlist_head .productlist_number {
    text-align: center;
    width: 100%;
  }

  /* SEARCH SORT ---------------------*/
  .productlist_sort {
    justify-content: center;
  }

  /* PAGER ---------------------------*/
  ul.pagerlist.hidden-desktop-flex li {
    width: 48%;
    margin: 0;
  }
  ul.pagerlist.hidden-desktop-flex li:first-child {
    margin-right: 4%;
  }
}





/*======================================
HOVER FOR PC ---------------------------
======================================*/
@media (hover:hover) {
  /*====================================
  COMMON -------------------------------
  ====================================*/
  a:hover {
    color: #870000;
    text-decoration: none;
  }



  /*====================================
  POPUP --------------------------------
  ====================================*/
  .popup .popup-link:hover {
    top: calc(100% + .5em + .3em);
    box-shadow: 0 0 0 #590000,
                0 0 5em #fff;
    transition: top .3s,
                box-shadow .3s;
  }
  .popup .popup-button:hover {
    top: calc(100% + .5em + .3em);
    box-shadow: 0 0 0 #b5b3a5,
                0 0 5em #fff;
    transition: top .3s,
                box-shadow .3s;
  }



  /*====================================
  HEADER -------------------------------
  ====================================*/
  /* NAVIGATION ----------------------*/
  .header_btm_pcnav ul li:hover a span:nth-of-type(1) {
    top: 110%;
    transform: translateY(0);
    transition: top .15s,
                transform .15s;
  }
  .header_btm_pcnav ul li:hover a span:nth-of-type(2) {
    top: 50%;
    transform: translateY(-50%);
    transition: top .15s,
                transform .15s;
  }



  /*====================================
  SEARCH CONTENTS BANNER ---------------
  ====================================*/
  /* SEARCH CONTENTS BANNER ----------*/
  .srch-conorder > ul > li:hover > ul {
    visibility: inherit;
    opacity: 1;
    transition: opacity .15s ease,
                visibility .15s ease;
  }
  .srch-conorder > ul > li:nth-child(1) ul li a:hover,
  .srch-conorder > ul > li:nth-child(2) ul li a:hover,
  .srch-conorder > ul > li:nth-child(4) ul li a:hover,
  .srch-conorder > ul > li:nth-child(5) ul li a:hover {
    opacity: .5;
    transition: opacity .15s ease;
  }
  .srch-conorder > ul > li:nth-child(3) ul li a:hover {
    color: #fff;
    background-color: #870000;
    transition: color .15s ease,
                background .15s ease;
  }



  /*====================================
  SEARCH FROM NAME ---------------------
  ====================================*/
  .srch-nameorder > ul > li:hover {
    color: #fff;
    background: #870000;
    transition: color .15s ease,
                background .15s ease;
  }
  .srch-nameorder > ul > li:hover > ul {
    visibility: visible;
    opacity: 1;
    transition: opacity .15s,
                visibility .15s;
  }
  .srch-nameorder ul li ul li a:hover {
    color: #870000;
    background: #FEFBEA;
  }
  .srch-nameorder ul li ul li:hover ul {
    visibility: visible;
    opacity: 1;
    transition: opacity .15s,
                visibility .15s;
  }



  /*====================================
  MAIN CONTENT -------------------------
  ====================================*/
  /* SIDE CONTENT --------------------*/
  /* side - banner */
  .side_banner li a:hover img {
    width: 100%;
    opacity: .5;
    transition: opacity .15s;
  }
  .side-con li:hover {
    background-color: #870000;
    transition: background-color .15s;
  }
  .side-con li:hover a {
    color: #fff;
  }
  /* side - sns */
  .side-sns ul li:nth-child(1) a:hover {
    filter: invert(0);
    transition: filter .15s;
  }
  .side-sns ul li:nth-child(2) a:hover {
    filter: grayscale(0);
    transition: filter .15s;
  }
  .side-sns ul li:nth-child(3) a:hover {
    filter: grayscale(0);
    transition: filter .15s;
  }
  .side-sns ul li:nth-child(4) a:hover {
    filter: grayscale(0);
    transition: filter .15s;
  }
  .side-sns ul li:nth-child(5) a:hover {
    filter: grayscale(0);
    transition: filter .15s;
  }
  .side-sns ul li:nth-child(6) a:hover {
    filter: grayscale(0);
    transition: filter .15s;
  }



  /*====================================
  FOOTER -------------------------------
  ====================================*/
  /* TO TOP --------------------------*/
  .footer_pagetop a:hover {
    opacity: .5;
    transition: opacity .15s;
  }
  /* PC FOOTER -----------------------*/
  .pc-footer-box a:hover {
    color: #870000;
    transition: color .15s;
  }

  /*====================================
  OTHER TEMPLATE STYLE -----------------
  ====================================*/
  /* PAGER ---------------------------*/
  ul.pagerlist li a:hover {
    color: #fff;
    background: #333;
    transition: color .3s,
                background .3s;
  }
}