@charset "UTF-8";
/*😃 RESET ###*/
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style: none;
}

img {
  line-height: 1;
  vertical-align: top;
}

a {
  color: #333;
}

a.text_link {
  color: #1872ab;
}
a.text_link:hover {
  text-decoration: underline;
}

body {
  font-family: "Gen Interface JP", sans-serif;
  font-weight: 400;
  /* 100–800 */
  background-color: #FFF;
  color: #333;
}

:root {
  --linelogo: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_2%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%202%22%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1%22%20data-name%3D%22%E3%83%91%E3%82%B9%201%22%20d%3D%22M25.1%2C32.407H7.306A7.306%2C7.306%2C0%2C0%2C1%2C0%2C25.1V7.306A7.306%2C7.306%2C0%2C0%2C1%2C7.306%2C0H25.1a7.306%2C7.306%2C0%2C0%2C1%2C7.306%2C7.306V25.1A7.306%2C7.306%2C0%2C0%2C1%2C25.1%2C32.407%22%20fill%3D%22%2306c755%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2%22%20data-name%3D%22%E3%83%91%E3%82%B9%202%22%20d%3D%22M74.888%2C67.114c0-4.834-4.847-8.768-10.8-8.768s-10.8%2C3.933-10.8%2C8.768c0%2C4.334%2C3.844%2C7.964%2C9.036%2C8.65.352.076.831.232.952.533a2.219%2C2.219%2C0%2C0%2C1%2C.035.977s-.127.762-.154.925c-.047.273-.217%2C1.068.936.583a34.885%2C34.885%2C0%2C0%2C0%2C8.489-6.273h0a7.8%2C7.8%2C0%2C0%2C0%2C2.316-5.395%22%20transform%3D%22translate(-47.883%20-52.437)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3%22%20data-name%3D%22%E3%83%91%E3%82%B9%203%22%20d%3D%22M202.394%2C126.984h-3.036a.206.206%2C0%2C0%2C1-.206-.206v0h0v-4.707h0v0a.206.206%2C0%2C0%2C1%2C.206-.206h3.036a.207.207%2C0%2C0%2C1%2C.206.206v.766a.206.206%2C0%2C0%2C1-.206.206h-2.063v.8h2.063a.207.207%2C0%2C0%2C1%2C.206.206v.766a.206.206%2C0%2C0%2C1-.206.206h-2.063v.8h2.063a.207.207%2C0%2C0%2C1%2C.206.206v.766a.206.206%2C0%2C0%2C1-.206.206%22%20transform%3D%22translate(-178.984%20-109.515)%22%20fill%3D%22%2306c755%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_4%22%20data-name%3D%22%E3%83%91%E3%82%B9%204%22%20d%3D%22M91.52%2C126.984a.206.206%2C0%2C0%2C0%2C.206-.206v-.766a.207.207%2C0%2C0%2C0-.206-.206H89.457v-3.743a.207.207%2C0%2C0%2C0-.206-.206h-.766a.206.206%2C0%2C0%2C0-.206.206v4.712h0v0a.206.206%2C0%2C0%2C0%2C.206.206H91.52Z%22%20transform%3D%22translate(-79.338%20-109.515)%22%20fill%3D%22%2306c755%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_5%22%20data-name%3D%22%E3%83%91%E3%82%B9%205%22%20d%3D%22M129.7%2C121.855h-.766a.206.206%2C0%2C0%2C0-.206.206v4.715a.206.206%2C0%2C0%2C0%2C.206.206h.766a.206.206%2C0%2C0%2C0%2C.206-.206v-4.715a.206.206%2C0%2C0%2C0-.206-.206%22%20transform%3D%22translate(-115.693%20-109.515)%22%20fill%3D%22%2306c755%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_6%22%20data-name%3D%22%E3%83%91%E3%82%B9%206%22%20d%3D%22M151.919%2C121.855h-.766a.206.206%2C0%2C0%2C0-.206.206v2.8l-2.157-2.913-.017-.021v0l-.012-.013%2C0%2C0-.011-.01-.006%2C0-.011-.007-.006%2C0-.011-.006-.006%2C0-.012-.005-.007%2C0-.012%2C0-.007%2C0-.012%2C0h-.8a.206.206%2C0%2C0%2C0-.206.206v4.715a.206.206%2C0%2C0%2C0%2C.206.206h.766a.206.206%2C0%2C0%2C0%2C.206-.206v-2.8l2.16%2C2.917a.209.209%2C0%2C0%2C0%2C.053.052l0%2C0%2C.013.008.006%2C0%2C.01%2C0%2C.01%2C0%2C.006%2C0%2C.014%2C0h0a.21.21%2C0%2C0%2C0%2C.054.007h.762a.206.206%2C0%2C0%2C0%2C.206-.206v-4.715a.206.206%2C0%2C0%2C0-.206-.206%22%20transform%3D%22translate(-132.694%20-109.515)%22%20fill%3D%22%2306c755%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;
  --linelogohover: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_3%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%203%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_2%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%202%22%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1%22%20data-name%3D%22%E3%83%91%E3%82%B9%201%22%20d%3D%22M25.1%2C32.407H7.306A7.306%2C7.306%2C0%2C0%2C1%2C0%2C25.1V7.306A7.306%2C7.306%2C0%2C0%2C1%2C7.306%2C0H25.1a7.306%2C7.306%2C0%2C0%2C1%2C7.306%2C7.306V25.1A7.306%2C7.306%2C0%2C0%2C1%2C25.1%2C32.407%22%20fill%3D%22%2305b34c%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2%22%20data-name%3D%22%E3%83%91%E3%82%B9%202%22%20d%3D%22M74.888%2C67.114c0-4.834-4.847-8.768-10.8-8.768s-10.8%2C3.933-10.8%2C8.768c0%2C4.334%2C3.844%2C7.964%2C9.036%2C8.65.352.076.831.232.952.533a2.219%2C2.219%2C0%2C0%2C1%2C.035.977s-.127.762-.154.925c-.047.273-.217%2C1.068.936.583a34.885%2C34.885%2C0%2C0%2C0%2C8.489-6.273h0a7.8%2C7.8%2C0%2C0%2C0%2C2.316-5.395%22%20transform%3D%22translate(-47.883%20-52.437)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3%22%20data-name%3D%22%E3%83%91%E3%82%B9%203%22%20d%3D%22M202.394%2C126.984h-3.036a.206.206%2C0%2C0%2C1-.206-.206v0h0v-4.707h0v0a.206.206%2C0%2C0%2C1%2C.206-.206h3.036a.207.207%2C0%2C0%2C1%2C.206.206v.766a.206.206%2C0%2C0%2C1-.206.206h-2.063v.8h2.063a.207.207%2C0%2C0%2C1%2C.206.206v.766a.206.206%2C0%2C0%2C1-.206.206h-2.063v.8h2.063a.207.207%2C0%2C0%2C1%2C.206.206v.766a.206.206%2C0%2C0%2C1-.206.206%22%20transform%3D%22translate(-178.984%20-109.515)%22%20fill%3D%22%2306c755%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_4%22%20data-name%3D%22%E3%83%91%E3%82%B9%204%22%20d%3D%22M91.52%2C126.984a.206.206%2C0%2C0%2C0%2C.206-.206v-.766a.207.207%2C0%2C0%2C0-.206-.206H89.457v-3.743a.207.207%2C0%2C0%2C0-.206-.206h-.766a.206.206%2C0%2C0%2C0-.206.206v4.712h0v0a.206.206%2C0%2C0%2C0%2C.206.206H91.52Z%22%20transform%3D%22translate(-79.338%20-109.515)%22%20fill%3D%22%2306c755%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_5%22%20data-name%3D%22%E3%83%91%E3%82%B9%205%22%20d%3D%22M129.7%2C121.855h-.766a.206.206%2C0%2C0%2C0-.206.206v4.715a.206.206%2C0%2C0%2C0%2C.206.206h.766a.206.206%2C0%2C0%2C0%2C.206-.206v-4.715a.206.206%2C0%2C0%2C0-.206-.206%22%20transform%3D%22translate(-115.693%20-109.515)%22%20fill%3D%22%2306c755%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_6%22%20data-name%3D%22%E3%83%91%E3%82%B9%206%22%20d%3D%22M151.919%2C121.855h-.766a.206.206%2C0%2C0%2C0-.206.206v2.8l-2.157-2.913-.017-.021v0l-.012-.013%2C0%2C0-.011-.01-.006%2C0-.011-.007-.006%2C0-.011-.006-.006%2C0-.012-.005-.007%2C0-.012%2C0-.007%2C0-.012%2C0h-.8a.206.206%2C0%2C0%2C0-.206.206v4.715a.206.206%2C0%2C0%2C0%2C.206.206h.766a.206.206%2C0%2C0%2C0%2C.206-.206v-2.8l2.16%2C2.917a.209.209%2C0%2C0%2C0%2C.053.052l0%2C0%2C.013.008.006%2C0%2C.01%2C0%2C.01%2C0%2C.006%2C0%2C.014%2C0h0a.21.21%2C0%2C0%2C0%2C.054.007h.762a.206.206%2C0%2C0%2C0%2C.206-.206v-4.715a.206.206%2C0%2C0%2C0-.206-.206%22%20transform%3D%22translate(-132.694%20-109.515)%22%20fill%3D%22%2306c755%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;
}

#cartin_quantity_1 {
  color: #333 !important;
}

/*😃 COMMON ###*/
.breadcrumbs {
  margin-top: 10px;
}
@media only screen and (max-width: 1600px) {
  .breadcrumbs {
    padding: 0 2%;
  }
}
.breadcrumbs ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.breadcrumbs ul li {
  position: relative;
  padding-right: 20px;
}
.breadcrumbs ul li a {
  font-size: 14px !important;
  color: #666 !important;
  font-weight: 500 !important;
}
.breadcrumbs ul li a:hover {
  text-decoration: none !important;
}
.breadcrumbs ul li a[href] {
  color: #1872ab !important;
  text-decoration: none !important;
  font-weight: normal !important;
}
.breadcrumbs ul li a[href]:hover {
  text-decoration: underline !important;
}
.breadcrumbs ul li::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
  background: url(../img/common/r_arrow_gray.svg) no-repeat center;
  background-size: auto 50%;
}
.breadcrumbs ul li:last-child::after {
  content: none;
}

header {
  position: relative;
  z-index: 2;
}
header .upper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 7px 1% 5px 1%;
}
header .upper .header_logo,
header .upper .search_section,
header .upper .header_account {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header .upper .header_logo {
  width: 200px;
  padding: 0 10px;
}
header .upper .header_logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
header .upper .header_logo img {
  width: 100%;
  line-height: 1;
}
header .upper .search_section {
  width: calc(100% - 540px);
  padding: 0 10px;
}
header .upper .search_section .flex_inner {
  width: 100%;
}
header .upper .header_account {
  width: 160px;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
}
header .upper .header_account .logout {
  width: 100%;
  height: 100%;
  position: relative;
}
header .upper .header_account .logout > a {
  width: 100%;
  height: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  cursor: pointer;
}
header .upper .header_account .logout > a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 1;
  width: 1px;
  height: 100%;
  background-color: #1872ab;
  -webkit-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  opacity: 0;
}
header .upper .header_account .logout > a:hover:after {
  width: 100%;
  opacity: 1;
}
header .upper .header_account .logout > a:hover span {
  -webkit-transition: 500ms 200ms !important;
  transition: 500ms 200ms !important;
  color: #fff;
}
header .upper .header_account .logout > a > span {
  z-index: 1;
  position: relative;
}
header .upper .header_account .logout > a > span span {
  color: #1872ab;
}
header .upper .header_account .logout > a > span::after {
  content: "";
  position: absolute;
  right: -15px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
  width: 10px;
  height: 100%;
  background: url(../img/common/delta_down_b.svg) no-repeat center;
  background-size: contain;
}
header .upper .header_account .logout .header_logout_menu {
  position: absolute;
  background: #FFF;
  border-radius: 4px;
}
header .upper .header_account .logout.active .header_logout_menu {
  display: block;
}
@media only screen and (max-width: 767px) {
  header .upper .header_account .logout.active .header_logout_menu {
    display: none;
  }
}
header .upper .header_account .logout .header_logout_menu {
  position: absolute;
  z-index: 110;
  right: 0;
  width: 200px;
  border-radius: 4px;
  padding: 6px 6px 6px;
  border: 1px solid #437fb4;
  display: none;
  background-color: white;
}
header .upper .header_account .logout .header_logout_menu ul li {
  padding: 6px;
  border-radius: 2px;
  -webkit-transition: 300ms;
  transition: 300ms;
  text-align: left;
}
header .upper .header_account .logout .header_logout_menu ul li.logout_line {
  border-top: #ddd solid 1px;
}
header .upper .header_account .logout .header_logout_menu ul li:last-child {
  border-bottom: none;
}
header .upper .header_account .logout .header_logout_menu ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #333;
  text-decoration: none;
  text-align: left;
}
header .upper .header_account .logout .header_logout_menu ul li a .image {
  width: 20%;
}
header .upper .header_account .logout .header_logout_menu ul li a .image img {
  width: 100%;
}
header .upper .header_account .logout .header_logout_menu ul li a .description {
  width: 80%;
  padding-left: 10px;
}
header .upper .header_account .logout .header_logout_menu ul li a .description h2 {
  font-size: 12px;
  width: 100%;
  color: #437fb4;
  margin-bottom: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
header .upper .header_account .logout .header_logout_menu ul li a .description div {
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
header .upper .header_account .logout .header_logout_menu ul li a .description .output_amount {
  color: #106490;
}
header .upper .header_account .logout .header_logout_menu ul li a .description .output_amount::after {
  content: "個";
}
header .upper .header_account .logout .header_logout_menu ul li a .description .output_subtotal {
  font-weight: bold;
  color: red;
}
header .upper .header_account .logout .header_logout_menu ul li a .description .output_subtotal::before {
  content: "¥";
}
header .upper .header_account .logout .header_logout_menu ul li:hover {
  background-color: #d3e6ed;
}
header .upper .header_account .logout .header_logout_menu .button_cart {
  display: block;
  width: 90%;
  text-align: center;
  text-decoration: none;
  border-radius: 60px;
  background-color: #ffd665;
  color: #333;
  font-size: 13px;
  padding: 5px;
  margin: 5px auto;
  -webkit-transition: 300ms;
  transition: 300ms;
}
header .upper .header_account .logout .header_logout_menu .button_cart:hover {
  background-color: #ffe97a;
}
header .upper .header_account .login {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
header .upper .header_account .login > a {
  text-decoration: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  height: 100%;
  width: 100%;
  text-decoration: none;
  position: relative;
  padding-left: 1.5em;
}
header .upper .header_account .login > a .name_block {
  width: 100%;
}
header .upper .header_account .login > a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #1872ab;
  -webkit-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  opacity: 0;
  z-index: -1;
}
@media screen and (max-width: 980px) {
  header .upper .header_account .login > a:after {
    content: none;
  }
}
@media screen and (min-width: 981px) {
  header .upper .header_account .login > a:hover {
    color: #FFF;
  }
  header .upper .header_account .login > a:hover:after {
    width: 100%;
    opacity: 1;
  }
  header .upper .header_account .login > a:hover span {
    color: #fff;
  }
  header .upper .header_account .login > a:hover {
    content: none;
  }
}
header .upper .header_account .login > a .output_name {
  font-weight: 500;
  color: #1872ab;
}
header .upper .header_account .login > a .poit_tile {
  color: #5e5e5e;
}
header .upper .header_account .login > a span {
  display: inline !important;
}
@media screen and (max-width: 980px) {
  header .upper .header_account .login > a span.pc {
    display: none !important;
  }
}
@media screen and (max-width: 980px) {
  header .upper .header_account .login > a div {
    width: 100%;
    text-align: right;
    padding-right: 1em;
  }
}
header .upper .header_account .login > a div .output_point {
  position: relative;
  color: rgb(255, 140, 0);
  font-weight: bold !important;
  padding-left: 0.3em;
}
@media screen and (max-width: 980px) {
  header .upper .header_account .login > a div .output_point {
    padding-left: 1.4em;
  }
  header .upper .header_account .login > a div .output_point::before {
    content: "";
    position: absolute;
    left: -4px;
    top: 50%;
    width: 14px;
    height: 100%;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
    background: url(../img/common/icon_point.svg) no-repeat center;
    background-size: contain;
  }
}
header .upper .header_account .login .header_login_menu {
  position: absolute;
  background: #FFF;
  border-radius: 4px;
}
header .upper .header_account .login.active .header_login_menu {
  display: block;
}
@media only screen and (max-width: 767px) {
  header .upper .header_account .login.active .header_login_menu {
    display: none;
  }
}
header .upper .header_account .login .header_login_menu {
  position: absolute;
  z-index: 110;
  right: 0;
  width: 200px;
  border-radius: 4px;
  padding: 6px 6px 6px;
  border: 1px solid #437fb4;
  display: none;
  background-color: white;
}
header .upper .header_account .login .header_login_menu ul li {
  padding: 6px;
  border-radius: 2px;
  -webkit-transition: 300ms;
  transition: 300ms;
}
header .upper .header_account .login .header_login_menu ul li.logout_line {
  border-top: #ddd solid 1px;
}
header .upper .header_account .login .header_login_menu ul li:last-child {
  border-bottom: none;
}
header .upper .header_account .login .header_login_menu ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #333;
  text-decoration: none;
}
header .upper .header_account .login .header_login_menu ul li a .image {
  width: 20%;
}
header .upper .header_account .login .header_login_menu ul li a .image img {
  width: 100%;
}
header .upper .header_account .login .header_login_menu ul li a .description {
  width: 80%;
  padding-left: 10px;
}
header .upper .header_account .login .header_login_menu ul li a .description h2 {
  font-size: 12px;
  width: 100%;
  color: #437fb4;
  margin-bottom: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
header .upper .header_account .login .header_login_menu ul li a .description div {
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
header .upper .header_account .login .header_login_menu ul li a .description .output_amount {
  color: #106490;
}
header .upper .header_account .login .header_login_menu ul li a .description .output_amount::after {
  content: "個";
}
header .upper .header_account .login .header_login_menu ul li a .description .output_subtotal {
  font-weight: bold;
  color: red;
}
header .upper .header_account .login .header_login_menu ul li a .description .output_subtotal::before {
  content: "¥";
}
header .upper .header_account .login .header_login_menu ul li:hover {
  background-color: #d3e6ed;
}
header .upper .header_account .login .header_login_menu .button_cart {
  display: block;
  width: 90%;
  text-align: center;
  text-decoration: none;
  border-radius: 60px;
  background-color: #ffd665;
  color: #333;
  font-size: 13px;
  padding: 5px;
  margin: 5px auto;
  -webkit-transition: 300ms;
  transition: 300ms;
}
header .upper .header_account .login .header_login_menu .button_cart:hover {
  background-color: #ffe97a;
}
header .upper .header_account .header_logout_menu,
header .upper .header_account .header_login_menu {
  padding: 0 !important;
}
header .upper .header_account .header_logout_menu ul,
header .upper .header_account .header_login_menu ul {
  padding: 0 !important;
}
header .upper .header_account .header_logout_menu ul li,
header .upper .header_account .header_login_menu ul li {
  padding: 10px 10px 10px 35px !important;
  font-size: 14px;
}
header .upper .header_account .header_logout_menu ul li.my_page,
header .upper .header_account .header_login_menu ul li.my_page {
  background: url(../img/common/icon_mypage.svg) no-repeat center left 10px;
  background-size: auto 50%;
}
header .upper .header_account .header_logout_menu ul li.entry,
header .upper .header_account .header_login_menu ul li.entry {
  background: url(../img/common/icon_entry.svg) no-repeat center left 10px;
  background-size: auto 50%;
}
header .upper .header_account .header_logout_menu ul li.history,
header .upper .header_account .header_login_menu ul li.history {
  background: url(../img/common/icon_history.svg) no-repeat center left 10px;
  background-size: auto 50%;
}
header .upper .header_account .header_logout_menu ul li.point_history,
header .upper .header_account .header_login_menu ul li.point_history {
  background: url(../img/common/icon_point.svg) no-repeat center left 10px;
  background-size: auto 50%;
}
header .upper .header_account .header_logout_menu ul li.bookmark,
header .upper .header_account .header_login_menu ul li.bookmark {
  background: url(../img/common/icon_favorite.svg) no-repeat center left 10px;
  background-size: auto 50%;
}
header .upper .header_account .header_logout_menu ul li.logout_line,
header .upper .header_account .header_login_menu ul li.logout_line {
  background: url(../img/common/icon_logout.svg) no-repeat center left 10px;
  background-size: auto 50%;
}
header .upper .header_account .header_logout_menu ul li.logout_line a,
header .upper .header_account .header_login_menu ul li.logout_line a {
  cursor: pointer;
}
header .upper .header_cart {
  width: 180px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 10px;
}
header .upper .header_cart .shipping_info {
  font-size: 11px;
  text-align: center;
}
header .upper .header_cart .shipping_info p {
  background-color: #f1e7e7;
  display: inline;
  color: red;
}
@media screen and (max-width: 1000px) {
  header .upper .header_logo {
    width: 180px;
    text-align: right;
  }
  header .upper .header_logo img {
    width: 85%;
    max-height: 34px;
  }
  header .upper .search_section {
    width: calc(100% - 400px);
    padding: 0 10px;
  }
  header .upper .search_section .flex_inner {
    display: none;
  }
  header .upper .header_account {
    width: 160px;
    font-size: 13px;
  }
  header .upper .header_cart {
    width: 60px;
    padding-left: 10px;
  }
  header .upper .header_cart .price_display_box {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  header .upper .header_logo {
    width: 50%;
    text-align: right;
  }
  header .upper .header_logo img {
    width: 85%;
    max-height: 34px;
  }
  header .upper .search_section {
    width: calc(100% - (50% + 100px + 60px));
    padding: 0 0px;
  }
  header .upper .search_section .flex_inner {
    display: none;
  }
  header .upper .header_account {
    width: 100px;
    font-size: 10px;
  }
  header .upper .header_cart {
    width: 60px;
    padding-left: 10px;
  }
  header .upper .header_cart .price_display_box {
    display: none;
  }
  header .upper .header_cart .cart_button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  header .upper .header_cart svg {
    height: 90%;
  }
  header .upper .header_cart .output_quantity {
    font-size: 12px !important;
    -webkit-text-stroke: 4px #FFF;
    paint-order: stroke;
  }
}
header .search_section .flex_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
header .search_section .flex_inner select {
  width: 30%;
  max-width: 300px;
}
header .search_section .flex_inner .search {
  width: 70%;
}
@media screen and (max-width: 768px) {
  header .search_section #search_cayegory_select {
    display: none;
  }
}
header .search_section #search_input_text {
  letter-spacing: normal !important;
}
header .search_section #search_input_text:focus {
  background-color: #f3f5ed;
}
header .search_section .search {
  position: relative;
}
@media screen and (max-width: 768px) {
  header .search_section .search {
    position: static;
  }
}
header .search_section .search .search_options {
  position: absolute;
  left: 0;
  color: #FFF;
  border: none;
  z-index: 100;
  width: 100%;
  padding-top: 15px;
}
header .search_section .search .search_options.hover {
  background: none !important;
}
header .search_section .search .search_options .search_options_wrapper {
  background-color: #464852;
  padding: 20px;
  border-radius: 4px;
  position: relative;
}
header .search_section .search .search_options .search_options_wrapper .title_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header .search_section .search .search_options .search_options_wrapper .title_wrapper a {
  color: #FFF;
  font-size: 80%;
  cursor: pointer;
}
header .search_section .search .search_options .search_options_wrapper .title_wrapper a:hover {
  text-decoration: underline;
}
header .search_section .search .search_options .search_options_wrapper:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 10%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #464852;
}
header .search_section .search .search_options .h3 {
  font-size: 16px;
  margin-bottom: 0.5em;
}
header .search_section .search .search_options select {
  background-color: white;
  color: #5e5e5e;
  background-image: url(../img/common/delta_down_b.svg);
  border-radius: 4px;
  width: 100%;
  margin: 10px 0;
  border-radius: 60px;
}
header .search_section .search .search_options .segment_option {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding-bottom: 1em;
  margin-bottom: 1em;
}
header .search_section .search .search_options hr {
  margin: 10px 0;
}
header .search_section .search .search_options .scroll_wrapper {
  overflow-x: scroll;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 20px;
}
header .search_section .search .search_options .scroll_wrapper::-webkit-scrollbar {
  height: 4px;
}
header .search_section .search .search_options .scroll_wrapper::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  /* ハンドルの色 */
}
header .search_section .search .search_options .scroll_wrapper::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  /* 背景色 */
}
header .search_section .search .search_options .scroll_wrapper .output_featured_kw,
header .search_section .search .search_options .scroll_wrapper .output_search_history {
  padding-bottom: 15px;
  white-space: nowrap;
}
header .search_section .search .search_options .scroll_wrapper .output_featured_kw li,
header .search_section .search .search_options .scroll_wrapper .output_search_history li {
  display: inline-block;
  font-size: 14px;
  background-color: #FFF;
  padding: 0.2em 0.4em;
  border-radius: 4px;
  line-height: 1.4;
  margin-right: 7px;
  color: #3b3b3b;
}
header .search_section .search .search_options .scroll_wrapper .output_featured_kw li a,
header .search_section .search .search_options .scroll_wrapper .output_search_history li a {
  color: #3b3b3b;
  text-decoration: none;
}
header .search_section .search .search_options .scroll_wrapper .output_browsing_history {
  white-space: nowrap;
  padding-bottom: 15px;
}
header .search_section .search .search_options .scroll_wrapper .output_browsing_history li {
  display: inline-block;
  width: 100px;
  margin-right: 10px;
  background-color: white;
  border-radius: 6px;
  overflow: hidden;
}
header .search_section .search .search_options .scroll_wrapper .output_browsing_history li:last-child {
  margin-right: 0px;
}
header .search_section .search .search_options .scroll_wrapper .output_browsing_history li a img {
  width: 100%;
}
header .search_section .search .search_options .scroll_wrapper .output_featured_kw li.noitem,
header .search_section .search .search_options .scroll_wrapper .output_search_history li.noitem,
header .search_section .search .search_options .scroll_wrapper .output_browsing_history li.noitem {
  display: block !important;
  background: none;
  width: 100%;
  color: #FFF;
  padding: 5px 10px;
  font-size: 14px;
  background-color: rgba(255, 255, 255, 0.05);
}
header .search_section select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  color: #FFF;
  border-radius: 4px 0 0 4px;
  padding: 5px 0 5px 35px;
  height: 36px;
  -moz-text-align-last: left;
       text-align-last: left;
  font-size: 14px;
  background: url(../img/common/delta_down_w.svg) no-repeat #437fb4 center left 12px;
}
header .cart_button_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
@media screen and (max-width: 768px) {
  header .cart_button_section {
    padding-left: 5px;
  }
}
header .cart_button_section:after {
  content: "";
  position: absolute;
  left: 0;
  top: 1;
  width: 1px;
  height: 100%;
  background-color: #1872ab;
  -webkit-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  opacity: 0;
}
header .cart_button_section span,
header .cart_button_section .price_display_box,
header .cart_button_section .cart_button {
  z-index: 2;
}
header .cart_button_section:hover:after {
  width: 100%;
  opacity: 1;
}
header .cart_button_section:hover span {
  color: #fff;
  -webkit-transition: 500ms 200ms !important;
  transition: 500ms 200ms !important;
}
header .cart_button_section:hover .price_display_box {
  color: #fff;
  -webkit-transition: 500ms 200ms !important;
  transition: 500ms 200ms !important;
}
header .cart_button_section:hover svg {
  fill: #fff;
  -webkit-transition: 500ms 200ms !important;
  transition: 500ms 200ms !important;
}
header .cart_button_section .price_display_box {
  width: calc(100% - 35px);
  text-align: right;
  padding-right: 0.5em;
}
header .cart_button_section .price_display_box span {
  font-size: 14px;
}
header .cart_button_section .cart_button {
  width: 35px;
  height: 35px;
  position: relative;
}
header .cart_button_section .cart_button > a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
header .cart_button_section .cart_button .output_quantity {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  font-size: 11px;
  -webkit-transform: translate3d(-45%, -10%, 0);
          transform: translate3d(-45%, -10%, 0);
  text-align: center;
  width: 2em;
}
header .cart_button_section .cart_button.active .cart_preview {
  display: block;
}
header .cart_button_section .cart_button .cart_preview {
  position: absolute;
  z-index: 100;
  right: 0;
  width: 300px;
  border-radius: 4px;
  padding: 6px 6px 6px;
  border: 1px solid #437fb4;
  display: none;
  background-color: white;
}
header .cart_button_section .cart_button .cart_preview ul li {
  padding: 6px;
  border-radius: 2px;
  -webkit-transition: 300ms;
  transition: 300ms;
  border-bottom: #ddd solid 1px;
}
header .cart_button_section .cart_button .cart_preview ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #333;
  text-decoration: none;
}
header .cart_button_section .cart_button .cart_preview ul li a .image {
  width: 20%;
}
header .cart_button_section .cart_button .cart_preview ul li a .image img {
  width: 100%;
}
header .cart_button_section .cart_button .cart_preview ul li a .description {
  width: 80%;
  padding-left: 10px;
}
header .cart_button_section .cart_button .cart_preview ul li a .description h2 {
  font-size: 12px !important;
  width: 100%;
  color: #437fb4;
  margin-bottom: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
header .cart_button_section .cart_button .cart_preview ul li a .description div {
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
header .cart_button_section .cart_button .cart_preview ul li a .description .output_amount {
  color: #106490;
}
header .cart_button_section .cart_button .cart_preview ul li a .description .output_amount::after {
  content: "個";
}
header .cart_button_section .cart_button .cart_preview ul li a .description .output_subtotal {
  font-weight: bold;
  color: red;
}
header .cart_button_section .cart_button .cart_preview ul li a .description .output_subtotal::before {
  content: "¥";
}
header .cart_button_section .cart_button .cart_preview ul li:hover {
  background-color: #d3e6ed;
}
header .cart_button_section .cart_button .cart_preview .button_frame {
  padding: 10px auto 10px auto;
  margin: 10px 0 5px;
}
header .cart_button_section .cart_button .cart_preview .button_frame .button {
  margin: 0 auto;
}
header .seccond {
  padding: 0 1%;
  background-color: rgb(241, 241, 241);
}
header .seccond ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
header .seccond ul li {
  padding: 10px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
header .seccond ul li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 40%;
  background-color: #ddd;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
header .seccond ul li:first-child::after {
  content: none;
}
header .seccond ul li:first-child a::before {
  content: none;
}
header .seccond ul li a {
  text-decoration: none;
  font-size: 13px;
  color: rgb(51, 122, 183);
  position: relative;
  display: inline-block;
}
header .seccond ul li a::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -2px;
  background-color: #1872ab;
  width: 1px;
  height: 1px;
  opacity: 0;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  -webkit-transition: 300ms;
  transition: 300ms;
}
header .seccond ul li a:hover::before {
  width: 100%;
  opacity: 1;
}
header .seccond ul li .menu_button {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
  margin-right: 10px;
  -webkit-transition: 300ms;
  transition: 300ms;
  cursor: pointer;
  color: #1872ab;
}
@media only screen and (max-width: 767px) {
  header .seccond ul li .menu_button {
    margin-right: 5px;
  }
}
header .seccond ul li .menu_button a {
  display: block;
  width: 30px;
  height: 30px;
  position: relative;
}
header .seccond ul li .menu_button a span {
  background-color: #437fb4;
  display: block;
  height: 2px;
  width: 60%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
}
header .seccond ul li .menu_button a span:nth-child(1) {
  -webkit-transform: translate3d(-50%, 7px, 0);
          transform: translate3d(-50%, 7px, 0);
}
header .seccond ul li .menu_button a span:nth-child(2) {
  -webkit-transform: translate3d(-50%, -7px, 0);
          transform: translate3d(-50%, -7px, 0);
}
header .seccond ul li .menu_button a span {
  -webkit-transition: 300ms;
  transition: 300ms;
}
header .seccond ul li .menu_button:hover a span:nth-child(3) {
  -webkit-transform: translate3d(-40%, 0, 0);
          transform: translate3d(-40%, 0, 0);
}
@media only screen and (max-width: 767px) {
  header .seccond ul li .menu_button {
    width: 30px;
  }
}
@media screen and (max-width: 1000px) {
  header .seccond {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    background: none;
    z-index: 2;
  }
  header .seccond ul {
    height: 100%;
  }
  header .seccond ul li:not(:first-child) {
    display: none;
  }
  header .seccond ul li {
    padding-left: 0;
  }
  header .seccond ul li > div > span {
    display: none;
  }
}

.hover {
  display: none;
  background-color: #FFF;
}
.hover.on {
  display: block;
}

#side_menu {
  display: none;
}
#side_menu.active {
  display: block;
}
#side_menu {
  position: fixed;
  left: 0;
  top: 0px;
  width: 100%;
  height: 100vh;
  padding: 20px 20px 20px 0;
}
#side_menu * {
  font-size: 0.9rem;
}
#side_menu {
  z-index: 100;
}
#side_menu .side_menu_inner {
  background-color: #FFF;
  width: 300px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 30px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#side_menu .side_menu_cartain {
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#side_menu .side_menu_close_button {
  position: absolute;
  left: 250px;
  top: 20px;
  width: 30px !important;
  height: 30px !important;
  z-index: 10;
  -webkit-transform: translate3d(40%, -40%, 0);
          transform: translate3d(40%, -40%, 0);
  border-radius: 100%;
  background: url(../img/common/close.png) no-repeat #1872ab center;
  background-size: 60% auto;
  cursor: pointer;
}
#side_menu .side_menu_close_button:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
#side_menu .menu_header {
  padding-left: 20px;
}
#side_menu .menu_header > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  text-decoration: none;
  color: #333;
  gap: 10px;
  padding-right: 30px;
}
#side_menu .menu_header > div div,
#side_menu .menu_header > div span {
  font-size: 14px;
}
#side_menu .menu_header > div .output_name {
  font-weight: bold;
}
#side_menu .menu_header > div .output_point {
  font-weight: bold;
  color: rgb(255, 140, 0);
}
#side_menu .menu_header .menu_header_icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin-bottom: 20px;
  padding-right: 20px;
}
#side_menu .menu_header .menu_header_icons li {
  height: 30px;
}
#side_menu .menu_header .menu_header_icons li a img {
  width: 100%;
  max-width: 30px;
}
#side_menu .segment {
  background-color: #F7F7F7;
  padding: 15px 0px 15px 20px;
  margin-bottom: 15px;
  border-radius: 0 8px 8px 0;
}
@media only screen and (max-width: 767px) {
  #side_menu .segment.ls {
    margin-bottom: 100px;
  }
}
#side_menu .segment li.no_margin {
  margin: 0;
}
#side_menu .segment li.header {
  margin-top: 0;
  font-size: 80%;
  color: #51536c;
  padding-left: 0;
  background: none;
  margin-bottom: 0.5em;
}
#side_menu .segment li a {
  text-decoration: none;
  font-weight: 500;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 10px 0 10px 20px;
  background: url(../img/common/r_arrow.svg) no-repeat center right 20px;
  background-size: auto 30%;
  z-index: 1;
  line-height: 1;
}
#side_menu .segment li {
  position: relative;
}
#side_menu .segment li:not(.header)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1%;
  opacity: 0;
  height: 100%;
  background-color: #e7eef1;
  -webkit-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
}
#side_menu .segment li:not(.header):hover::before {
  width: 100%;
  opacity: 1;
}

.output_caution_info {
  background-color: #ec942f;
  text-align: center;
  padding: 20px 0;
  display: none;
  font-size: 14px;
  color: #FFF;
}
.output_caution_info dl {
  width: 96%;
  max-width: 1600px;
  margin: 0 auto 5px;
  padding: 10px 10px;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.7);
}
.output_caution_info dl dt {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 150px 1fr;
  grid-template-columns: 150px 1fr;
}
.output_caution_info dl dt .date {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .output_caution_info dl dt .date {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 2;
    grid-column-end: 3;
    margin-bottom: 5px;
  }
}
.output_caution_info dl dt .title {
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  text-align: left;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .output_caution_info dl dt .title {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 2;
    grid-column-end: 3;
  }
}
.output_caution_info dl dt .body {
  margin-top: 6px;
  font-size: 90%;
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .output_caution_info dl dt .body {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 2;
    grid-column-end: 3;
  }
}
.output_caution_info a {
  text-decoration: none;
  color: #FFF;
}
.output_caution_info a:hover {
  text-decoration: underline;
}
.output_caution_info.active {
  display: block;
}

h1.page_title,
h2.page_title,
.container,
.ec_container,
.container_news,
.user_page_wrapper,
.limit_size,
#charactor,
.detail_wrapper,
#category,
.breadcrumbs {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}
h1.page_title.container_ranking .scroll_wrapper,
h2.page_title.container_ranking .scroll_wrapper,
.container.container_ranking .scroll_wrapper,
.ec_container.container_ranking .scroll_wrapper,
.container_news.container_ranking .scroll_wrapper,
.user_page_wrapper.container_ranking .scroll_wrapper,
.limit_size.container_ranking .scroll_wrapper,
#charactor.container_ranking .scroll_wrapper,
.detail_wrapper.container_ranking .scroll_wrapper,
#category.container_ranking .scroll_wrapper,
.breadcrumbs.container_ranking .scroll_wrapper {
  max-width: 1600px;
}

.limit_size {
  padding-top: 0;
  padding-bottom: 0;
}

.container,
.ec_container {
  max-width: 1600px;
  position: relative;
}
.container > ul, .container > .wrapper > ul,
.ec_container > ul,
.ec_container > .wrapper > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #d3e6ed;
  width: 100%;
  margin: 0 auto;
  padding: 2%;
  border-radius: 8px;
  gap: 10px;
}
.container.typeA ul,
.ec_container.typeA ul {
  gap: 30px;
  padding: 0;
  background: none;
}
@media only screen and (max-width: 767px) {
  .container.typeA ul,
  .ec_container.typeA ul {
    gap: 20px;
  }
}
.container.typeA ul li,
.ec_container.typeA ul li {
  padding: 0;
  background: none;
  width: calc((100% - 120px) / 5);
}
@media only screen and (max-width: 767px) {
  .container.typeA ul li,
  .ec_container.typeA ul li {
    width: calc((100% - 20px) / 2);
  }
}
.container.typeA ul li a img,
.ec_container.typeA ul li a img {
  width: 100%;
}
.container.type_scroll .scroll_wrapper,
.ec_container.type_scroll .scroll_wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #d3e6ed;
  width: 96%;
  margin: 0 auto;
  padding: 2%;
  border-radius: 8px;
  position: relative;
}
.container.type_scroll .scroll_wrapper > ul,
.ec_container.type_scroll .scroll_wrapper > ul {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.container.type_scroll .scroll_wrapper > ul > li,
.ec_container.type_scroll .scroll_wrapper > ul > li {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block !important;
}
.container.type_scroll .scroll_wrapper > ul > li > div, .container.type_scroll .scroll_wrapper > ul > li > a,
.ec_container.type_scroll .scroll_wrapper > ul > li > div,
.ec_container.type_scroll .scroll_wrapper > ul > li > a {
  width: 100%;
  padding-left: 0;
}
.container.type_scroll .scroll_wrapper > ul > li h3,
.ec_container.type_scroll .scroll_wrapper > ul > li h3 {
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .container.type_scroll .scroll_wrapper > ul > li,
  .ec_container.type_scroll .scroll_wrapper > ul > li {
    min-width: calc((80vw - 10px) / 2);
  }
}
.container.type_cover ul,
.ec_container.type_cover ul {
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 0 2%;
}
.container.type_cover ul li,
.ec_container.type_cover ul li {
  margin-bottom: 16px;
}

.ranking_bg {
  background-color: #ebf4f7;
  padding: 60px 0;
}

.container_ranking h3.block_title {
  text-align: center;
}
.container_ranking .ranking_inner {
  max-width: 1600px;
  margin: 0 auto;
  position: relative;
  border: 1px solid;
}

.container_news {
  padding: 50px 0;
}
.container_news > div {
  width: 100%;
  background-color: #F7F7F7;
  padding: 20px;
  margin: 0 auto;
  border-radius: 8px;
}
.container_news > div h3 {
  font-weight: 500;
  color: #437fb4;
}
.container_news > div .news_wrapper {
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #ddd;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .container_news > div {
    padding: 2%;
  }
}
.container_news > div ul.news {
  background-color: white;
  padding: 10px;
}
.container_news > div ul.news li:nth-child(n+6) {
  display: none;
}
@media only screen and (max-width: 767px) {
  .container_news > div ul.news {
    padding: 2%;
  }
}
.container_news > div ul.news li {
  border-bottom: 1px solid #ddd;
  padding: 1em 3em 1em 1em;
  background: url(../img/common/delta_down_b.svg) no-repeat center right 15px;
}
.container_news > div ul.news li.show {
  display: block;
}
.container_news > div ul.news li {
  cursor: pointer;
}
.container_news > div ul.news li .news_body {
  display: none;
  margin-top: 1em;
}
.container_news > div ul.news li .news_body a {
  display: inline-block;
  padding: 0.6em 1.7em 0.4em 0.7em;
  margin-top: 1em;
  color: #FFF;
  background: url(../img/common/r_arrow_w.svg) no-repeat center right 10px #1872ab;
  background-size: auto 30%;
  text-decoration: none;
  font-size: 86%;
  border-radius: 4px;
  line-height: 1;
  -webkit-transition: 300ms;
  transition: 300ms;
}
.container_news > div ul.news li .news_body a:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
.container_news > div ul.news li .title {
  font-weight: bold;
  color: #273F59;
}
@media only screen and (max-width: 767px) {
  .container_news > div ul.news li .title {
    font-size: 85%;
  }
}
.container_news > div ul.news li .date {
  font-size: 85%;
  margin-bottom: 1em;
  color: rgb(153, 153, 153);
}
.container_news > div ul.news li.active {
  background: url(../img/common/delta_up_b.svg) no-repeat center right 15px;
}
.container_news > div ul.news li.active .news_body {
  display: block;
}
.container_news > div ul.news li {
  -webkit-transition: 300ms;
  transition: 300ms;
}
.container_news > div ul.news li:hover {
  background-color: #e7eef1;
}

.product_item {
  width: calc((100% - 50px) / 6);
  background-color: #ebf4f7;
  padding: 14px;
  border-radius: 8px;
  position: relative;
}
.product_item .ranking {
  text-align: center;
  height: 40px;
}
.product_item .ranking img {
  width: 30px;
  margin-right: 0.3em;
  vertical-align: baseline;
}
.product_item .ranking span {
  font-size: 130%;
}
.product_item:nth-child(1) .ranking {
  color: orange;
}
.product_item:nth-child(2) .ranking {
  color: rgb(140, 140, 140);
}
.product_item:nth-child(3) .ranking {
  color: rgb(93, 77, 46);
}
@media only screen and (min-width: 1700px) {
  .product_item {
    width: calc((100% - 50px) / 6);
  }
}
@media only screen and (max-width: 1400px) {
  .product_item {
    width: calc((100% - 40px) / 5);
  }
}
@media only screen and (max-width: 1200px) {
  .product_item {
    width: calc((100% - 30px) / 4);
  }
}
@media only screen and (max-width: 1000px) {
  .product_item {
    width: calc((100% - 20px) / 3);
  }
}
@media only screen and (max-width: 767px) {
  .product_item {
    width: calc((100% - 10px) / 1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .product_item > a {
    width: 45%;
  }
  .product_item > div {
    width: 60%;
    padding-left: 20px;
  }
}
.product_item a {
  text-decoration: none;
  cursor: pointer;
}
.product_item a span {
  display: block;
  border-radius: 6px;
  overflow: hidden;
  background-color: #e8e8e8;
}
.product_item a span img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
  -webkit-transition: 300ms;
  transition: 300ms;
}
.product_item a span img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.product_item a span img.error {
  opacity: 1;
}
.product_item a span img.loading {
  opacity: 1;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 100%, 0% 0%);
}
.product_item a span img.active {
  clip-path: polygon(0% 0%, 0% 0%, 0% 1%, 1% 1%, 1% 0%, 0% 0%);
  opacity: 1;
  -webkit-animation: cutin 500ms linear forwards;
          animation: cutin 500ms linear forwards;
}
.product_item .product_title {
  font-size: 14px;
  line-height: 1.6;
  font-weight: 500;
  color: #333;
  margin-top: 0px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .product_item .product_title {
    -webkit-line-clamp: 2;
    margin-top: 8px;
  }
}
.product_item .product_title a {
  -webkit-transition: 300ms;
  transition: 300ms;
}
.product_item .product_title a:hover {
  color: #1872ab;
}
@media only screen and (max-width: 768px) {
  .product_item .item_tags {
    padding-top: 0;
  }
}
.product_item .price {
  color: #ff0000;
  font-size: 18px;
  font-weight: 600;
}
.product_item .price .point {
  font-size: 12px;
  color: #939393;
}
.product_item .price .point .product_point {
  color: orange !important;
}
.product_item .price .point .up {
  line-height: 1 !important;
  vertical-align: middle;
  background-color: orange;
  font-size: 10px;
  color: #fff;
  padding: 2px 5px;
  margin-left: 5px;
  border-radius: 10px;
}
.product_item .button_area {
  display: none;
}
.product_item .button_area a {
  font-size: 14px;
  margin: 6px auto 0;
}
.product_item .button_area.show {
  display: block;
}
.product_item .split {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.5em;
}
.product_item .split div {
  width: 80px;
}
.product_item .split .icons {
  text-align: right;
}
.product_item .split .price {
  width: calc(100% - 80px);
}
.product_item .favo,
.product_item .share {
  display: inline-block;
  cursor: pointer;
  width: 20px;
  height: 25px;
  margin-left: 2px;
}
.product_item .delete_buy_letar {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px !important;
  height: 20px;
  background: url(../img/common/close_w.svg) no-repeat;
  background-size: cover;
  cursor: pointer;
  -webkit-transform: translate3d(-30%, 30%, 0);
          transform: translate3d(-30%, 30%, 0);
}

h2.page_title,
h1.page_title {
  font-size: 26px !important;
  margin: 20px auto;
  width: 100%;
  font-weight: normal;
  color: #437fb4;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}
@media only screen and (max-width: 1600px) {
  h2.page_title,
  h1.page_title {
    width: 96%;
  }
  h2.page_title.max_1200,
  h1.page_title.max_1200 {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  h2.page_title,
  h1.page_title {
    font-size: 20px !important;
    width: 96%;
  }
}
h2.page_title.hidden,
h1.page_title.hidden {
  display: none;
}

.quantity_option {
  width: 100%;
  border-radius: 30px;
  padding: 7px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: none;
  margin: 6px auto 0px auto;
  background-color: #FFF;
  border: 1px solid #ddd;
}
.quantity_option.detail {
  background-color: #ececec;
}
.quantity_option .adj_button {
  width: 18px;
  height: 18px;
  margin: 0 !important;
}
.quantity_option .plus {
  background: url(../img/common/circle_plus.svg) no-repeat;
  background-size: contain;
  -webkit-transition: 300ms;
  transition: 300ms;
}
.quantity_option .plus:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.quantity_option .minus {
  background: url(../img/common/circle_min.svg) no-repeat;
  background-size: contain;
  -webkit-transition: 300ms;
  transition: 300ms;
}
.quantity_option .minus:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.quantity_option .minus.trush {
  background: url(../img/common/icon_trash.svg) no-repeat;
  background-size: contain;
}
.quantity_option .jump_cart {
  display: inline-block;
  background: url(../img/common/icon_cart.svg) no-repeat;
  background-size: contain;
  margin-right: 5px;
}
.quantity_option .count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.quantity_option.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.quantity_option.small {
  font-size: 12px;
  margin: 10px auto 10px auto;
}
.quantity_option.small .adj_button {
  width: 14px;
  height: 14px;
  margin: 0 !important;
}

.page_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  .page_nav {
    gap: 10px;
  }
}
.page_nav.disable {
  visibility: hidden;
}
@media only screen and (max-width: 767px) {
  .page_nav.disable {
    display: none;
  }
}
.page_nav .output_current_index,
.page_nav .output_total_page {
  display: none;
}
.page_nav .prev,
.page_nav .next {
  cursor: pointer;
  border: 1px solid #a3a3a3;
  border-radius: 100px;
  padding: 5px;
  line-height: 1;
  width: 30px;
  height: 30px;
}
@media only screen and (max-width: 767px) {
  .page_nav .prev,
  .page_nav .next {
    width: 20px;
    height: 20px;
  }
}
.page_nav .prev:hover,
.page_nav .next:hover {
  background-color: #e4ecf3;
}
.page_nav .prev.disable,
.page_nav .next.disable {
  pointer-events: none;
  opacity: 0.3;
}
.page_nav .prev {
  background: url(../img/common/r_arrow.svg) no-repeat center;
  background-size: 20% auto;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.page_nav .next {
  background: url(../img/common/r_arrow.svg) no-repeat center;
  background-size: 20% auto;
}
.page_nav .last,
.page_nav .first {
  font-size: 90%;
  color: #666;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .page_nav .last,
  .page_nav .first {
    font-size: 12px;
  }
}
.page_nav .last.disable,
.page_nav .first.disable {
  pointer-events: none;
  opacity: 0.3;
}
.page_nav .page_direct_buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1em;
}
@media only screen and (max-width: 767px) {
  .page_nav .page_direct_buttons {
    gap: 10px;
  }
}
.page_nav .page_direct_buttons .dot_line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.page_nav .page_direct_buttons .dot_line span {
  display: inline;
  line-height: 1;
}
.page_nav .page_direct_buttons .page_index {
  border: 1px solid #ddd;
  border-radius: 20px;
  width: 30px;
  height: 30px;
}
@media only screen and (max-width: 767px) {
  .page_nav .page_direct_buttons .page_index {
    width: 20px;
    height: 20px;
  }
}
.page_nav .page_direct_buttons .page_index {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  font-size: 12px;
  cursor: pointer;
}
.page_nav .page_direct_buttons .page_index:hover {
  background-color: #e4ecf3;
}
.page_nav .page_direct_buttons .current {
  font-weight: bold;
  pointer-events: none;
  background-color: #437fb4;
  color: #FFF;
  border: none;
}

/*😃使用箇所不明 ###*/
.item_style_1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2%;
}
.item_style_1 li {
  width: 45%;
}

/*😃削除対象候補 ###*/
.wrapper {
  margin: 0 auto;
  width: 96%;
}

/*😃トップページ ###*/
#page_index .es_featured {
  margin: 30px 0 20px 0;
  padding: 0 3%;
}
#page_index .es_featured ul li {
  border: 1px solid #ddd;
}
#page_index .es_featured ul li img {
  width: 100%;
}
#page_index .es_featured ul li {
  margin-bottom: 10px;
}
#page_index .es_featured ul li:last-child {
  margin-bottom: 0;
}
#page_index #key_visual {
  z-index: 1;
  padding: 20px;
  background-color: #273F59;
}
#page_index #key_visual .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#page_index #key_visual .swiper-slide {
  max-width: 600px;
}
#page_index #key_visual .swiper-slide a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100% !important;
}
#page_index #key_visual .swiper-slide img {
  width: 100%;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  opacity: 0;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
#page_index #key_visual .swiper-slide img.loading {
  opacity: 1;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 100%, 0% 0%);
}
#page_index #key_visual .swiper-slide img.active, #page_index #key_visual .swiper-slide img.error {
  clip-path: polygon(0% 0%, 0% 0%, 0% 1%, 1% 1%, 1% 0%, 0% 0%);
  opacity: 1;
  -webkit-animation: cutin 500ms linear forwards;
          animation: cutin 500ms linear forwards;
  -webkit-transition: 1200ms ease-in-out;
  transition: 1200ms ease-in-out;
}
#page_index #key_visual .swiper-slide-active img {
  -webkit-transform: scale(1);
          transform: scale(1);
  z-index: 2;
}
#page_index #top_ranking {
  z-index: 1;
  padding: 20px;
  background-color: #e4ecf3;
}
#page_index #top_ranking .swiper-slide {
  max-width: 180px;
  border-radius: 6px;
  overflow: hidden;
}
#page_index #top_ranking .swiper-slide img {
  width: 100%;
  opacity: 0;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
  -o-object-fit: contain;
     object-fit: contain;
}
#page_index #top_ranking .swiper-slide img.error {
  opacity: 1;
}
#page_index #top_ranking .swiper-slide img.loading {
  opacity: 1;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 100%, 0% 0%);
}
#page_index #top_ranking .swiper-slide img.active {
  clip-path: polygon(0% 0%, 0% 0%, 0% 1%, 1% 1%, 1% 0%, 0% 0%);
  opacity: 1;
  -webkit-animation: cutin 500ms linear forwards;
          animation: cutin 500ms linear forwards;
}

#list_page .wrapper {
  padding: 30px 0;
}
#list_page .list_key_visual img {
  width: 100%;
}

/*😃 DETAIL ###*/
/*😃 CATEGORY ***/
#category .output_category_main_list {
  width: 100%;
}
@media screen and (max-width: 1600px) {
  #category .output_category_main_list {
    width: 96%;
  }
}
#category .output_category_main_list {
  margin: 0 auto;
  -webkit-column-count: 5;
     -moz-column-count: 5;
          column-count: 5;
}
@media screen and (max-width: 1200px) {
  #category .output_category_main_list {
    -webkit-column-count: 4;
       -moz-column-count: 4;
            column-count: 4;
  }
}
@media screen and (max-width: 1000px) {
  #category .output_category_main_list {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
}
@media screen and (max-width: 768px) {
  #category .output_category_main_list {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}
#category .output_category_main_list > li {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  margin-bottom: 1em;
  font-size: 14px;
}
#category .output_category_main_list > li a {
  text-decoration: none;
}
#category .output_category_main_list > li > a {
  display: block;
  padding: 0.8em 1.5em;
  background-color: #f3f3f3;
  border-radius: 100px;
}
#category .output_category_main_list > li > a h2 {
  font-size: 14px;
  display: inline;
  font-weight: normal;
}
#category .output_category_main_list > li > a.toggle {
  background: url(../img/common/plus_square.png) no-repeat right 20px center #f3f3f3;
}
#category .output_category_main_list > li > a.toggle.active {
  background: url(../img/common/minus_square.png) no-repeat right 20px center #f3f3f3;
}
@media screen and (min-width: 769px) {
  #category .output_category_main_list > li > a:hover {
    background-color: #114793;
  }
  #category .output_category_main_list > li > a:hover[href] {
    color: #FFF;
  }
  #category .output_category_main_list > li > a:hover[href] span {
    color: #FFF;
  }
}
#category .output_category_main_list > li > a[href] {
  color: #343434;
}
@media screen and (max-width: 768px) {
  #category .output_category_main_list > li > a[href] {
    color: #005dae;
  }
}
#category .output_category_main_list > li > a span {
  color: #333;
  font-size: 85%;
  margin-left: 0.3em;
}
@media screen and (max-width: 768px) {
  #category .output_category_main_list > li ul {
    display: none;
  }
  #category .output_category_main_list > li ul.active {
    display: block !important;
  }
}
#category .output_category_main_list > li ul li {
  padding-left: 1em;
  margin: 0.5em 0 0;
}
#category .output_category_main_list > li ul li a {
  color: #005dae;
}
#category .output_category_main_list > li ul li a span {
  color: #333;
  font-size: 85%;
  margin-left: 0.3em;
}
#category .output_category_main_list > li ul li a:hover {
  text-decoration: underline;
}

/*😃 CHARACTOR ***/
#charactor ul {
  width: 100%;
}
@media screen and (max-width: 1600px) {
  #charactor ul {
    width: 96%;
  }
}
#charactor ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  gap: 10px;
}
#charactor ul li {
  width: calc((100% - 90px) / 10);
  border-radius: 3px;
  text-align: center;
  padding: 10px;
  background-color: #F7F7F7;
  border-radius: 6px;
}
#charactor ul li:hover {
  background-color: #e7eef1;
}
#charactor ul li a {
  text-decoration: none;
}
#charactor ul li a div img {
  line-height: 1;
  max-width: 100%;
  margin: 20px 0;
  border: 1px solid #ddd;
  border-radius: 6px;
}
#charactor ul li a h2 {
  font-weight: normal;
  color: rgb(51, 122, 183);
  font-size: 14px;
  min-height: 3em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#charactor ul li a span {
  font-size: 75%;
  color: #333;
}
#charactor ul li .my_chara_button {
  border: 1px solid #EEE;
  display: block;
  padding: 0.3em 0;
  font-size: 14px;
  border-radius: 100px;
  width: 70%;
  margin: 8px auto;
  color: #333;
  cursor: pointer;
  font-size: 12px;
}
@media screen and (max-width: 2400px) {
  #charactor ul li {
    width: calc((100% - 70px) / 8);
  }
  #charactor ul li .my_chara_button {
    width: 90%;
    font-size: 12px;
  }
}
@media screen and (max-width: 1600px) {
  #charactor ul li {
    width: calc((100% - 50px) / 6);
  }
  #charactor ul li .my_chara_button {
    width: 90%;
    font-size: 12px;
  }
}
@media screen and (max-width: 1200px) {
  #charactor ul li {
    width: calc((100% - 40px) / 5);
  }
  #charactor ul li .my_chara_button {
    width: 90%;
    font-size: 12px;
  }
}
@media screen and (max-width: 1000px) {
  #charactor ul li {
    width: calc((100% - 30px) / 4);
  }
  #charactor ul li .my_chara_button {
    width: 90%;
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  #charactor ul li {
    width: 100%;
  }
  #charactor ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #charactor ul li a .image {
    width: 25%;
  }
  #charactor ul li a .image img {
    margin: 0;
  }
  #charactor ul li a .discription {
    width: 75%;
    text-align: left;
    padding-left: 25px;
    font-weight: 14px;
    padding-right: 1em;
  }
  #charactor ul li a .discription h3 {
    font-size: 14px;
  }
  #charactor ul li a .discription {
    position: relative;
  }
  #charactor ul li a .discription::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 5px;
    height: 100%;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
    background: url(../img/common/r_arrow.svg) no-repeat center;
    background-size: contain;
  }
}

/*😃 STRUCTURE FIXEDPAGE ***/
#page_qa,
#page_guide,
#page_tradelaw,
#agreement,
#page_privacy {
  color: rgb(82, 82, 99);
  padding: 0;
  max-width: 1200px;
  width: 96%;
  margin: 0 auto;
}

/*😃 PP ***/
#page_privacy h2 {
  padding: 0;
  margin-bottom: 1em;
}
#page_privacy h3 {
  margin: 1em 0;
  font-size: 95%;
}
#page_privacy p {
  margin-bottom: 1em;
  font-size: 1em;
}
#page_privacy ul li {
  padding-left: 1.2em;
  margin-bottom: 0.5em;
}
#page_privacy ul li:before {
  content: "・";
  margin-left: -1em;
}
#page_privacy ol li {
  padding-left: 1.2em;
  margin-bottom: 0.5em;
  counter-increment: item;
  position: relative;
}
#page_privacy ol li:before {
  content: counter(item) ".";
  position: absolute;
  left: 0;
}

/*** 特定商取引法に基づく表記および承認事項 ***/
#page_tradelaw dl,
#agreement dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px dotted #bbb;
  padding: 1em 0;
}
#page_tradelaw dl dt,
#agreement dl dt {
  width: 250px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #page_tradelaw dl dt,
  #agreement dl dt {
    width: 100%;
  }
}
#page_tradelaw dl dd,
#agreement dl dd {
  width: calc(100% - 250px);
  padding-left: 2em;
}
@media screen and (max-width: 768px) {
  #page_tradelaw dl dd,
  #agreement dl dd {
    width: 100%;
    padding-left: 0;
  }
}
#page_tradelaw dl dd ul li,
#agreement dl dd ul li {
  padding-left: 1.2em;
  margin-bottom: 0.5em;
}
#page_tradelaw dl dd ul li:before,
#agreement dl dd ul li:before {
  content: "・";
  margin-left: -1em;
}
#page_tradelaw dl dd ol li,
#agreement dl dd ol li {
  padding-left: 1.2em;
  margin-bottom: 0.5em;
  counter-increment: item;
  position: relative;
}
#page_tradelaw dl dd ol li:before,
#agreement dl dd ol li:before {
  content: counter(item) ".";
  position: absolute;
  left: 0;
}

#page_privacy,
#agreement {
  font-size: 15px;
  line-height: 1.6;
}
#page_privacy .ec-heading-bold,
#agreement .ec-heading-bold {
  font-weight: bold !important;
  margin-bottom: 0.6em;
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  #page_privacy .ec-heading-bold,
  #agreement .ec-heading-bold {
    font-size: 15px;
  }
}
#page_privacy p,
#agreement p {
  margin: 0.5em 0;
}
#page_privacy h2,
#agreement h2 {
  font-size: 17px;
  margin-bottom: 0.5em;
  margin-top: 1.5em;
}
#page_privacy h3,
#agreement h3 {
  font-size: 17px;
  margin-top: 1em;
}
#page_privacy p,
#agreement p {
  margin-bottom: 0.2em;
}
#page_privacy ol.number-list,
#agreement ol.number-list {
  padding-left: 2em;
}
#page_privacy ol.number-list li,
#agreement ol.number-list li {
  list-style: decimal outside !important;
  margin-bottom: 0.4em;
}
#page_privacy hr,
#agreement hr {
  border: none;
  border-top: 1px solid #ddd;
  margin: 2em 0;
}

/*** ご利用ガイド ***/
#page_guide {
  position: relative;
  font-size: 16px;
}
#page_guide .breadcrumbs {
  padding-left: 0;
  padding-right: 0;
}
#page_guide h3 {
  margin-top: 40px;
  font-size: 30px;
  font-weight: normal;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #page_guide h3 {
    font-size: 6vw;
  }
}
#page_guide .guide_home h4 {
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  padding-bottom: 10px;
  font-size: 18px;
}
#page_guide .introduction {
  text-align: center;
  margin: 10px 0 30px;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  #page_guide .introduction {
    font-size: 15px;
    text-align: center;
  }
}
#page_guide .guide_lower {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#page_guide .guide_lower .guide_menu {
  width: 240px;
  padding-top: 30px;
}
@media only screen and (max-width: 768px) {
  #page_guide .guide_lower .guide_menu {
    width: 100%;
    padding-top: 0;
    background-color: #F7F7F7;
    margin-bottom: 40px;
    border-radius: 6px;
  }
}
@media only screen and (max-width: 768px) {
  #page_guide .guide_lower .guide_menu ul {
    padding: 10px 0;
  }
}
#page_guide .guide_lower .guide_menu ul .child {
  display: none;
  margin-bottom: 5px !important;
  background-color: #eaf2f7;
  border-radius: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#page_guide .guide_lower .guide_menu ul .child:first-child {
  background: none;
  margin-left: 0px;
  margin-bottom: 15px !important;
  border-left: none;
}
#page_guide .guide_lower .guide_menu ul .child:first-child:hover {
  background: none;
}
#page_guide .guide_lower .guide_menu ul .child:hover {
  background-color: #cee5f3;
}
#page_guide .guide_lower .guide_menu ul .current {
  display: block;
}
#page_guide .guide_lower .guide_menu ul .current:last-child {
  margin-bottom: 30px !important;
}
#page_guide .guide_lower .guide_menu ul.current {
  margin-bottom: 20px;
}
#page_guide .guide_lower .guide_menu ul.current li {
  margin-bottom: 5px !important;
  background-color: #eaf2f7;
  border-radius: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#page_guide .guide_lower .guide_menu ul.current li:first-child {
  background: none;
  margin-left: 0px;
  margin-bottom: 15px !important;
  border-left: none;
}
#page_guide .guide_lower .guide_menu ul.current li:first-child:hover {
  background: none;
}
#page_guide .guide_lower .guide_menu ul.current li:hover {
  background-color: #cee5f3;
}
#page_guide .guide_lower .guide_menu ul li {
  position: relative;
}
@media only screen and (max-width: 768px) {
  #page_guide .guide_lower .guide_menu ul li {
    margin-bottom: 0px;
    padding: 5px 10px 5px 35px;
    position: relative;
  }
}
#page_guide .guide_lower .guide_menu ul li a {
  color: #000;
  font-size: 14px;
  display: block;
}
#page_guide .guide_lower .guide_menu ul li {
  padding-left: 13px;
}
#page_guide .guide_lower .guide_menu ul li.guide_top {
  padding-left: 0em;
  margin: 0 0 10px 0;
}
#page_guide .guide_lower .guide_menu ul li.guide_top a {
  font-weight: bold;
  color: #666 !important;
  font-size: 120%;
}
#page_guide .guide_lower .guide_menu ul li.guide_category {
  padding-left: 0em;
  margin: 20px 0 15px 0;
}
#page_guide .guide_lower .guide_menu ul li.guide_category a {
  font-weight: bold;
}
#page_guide .guide_lower .guide_menu ul li.guide_category::before {
  content: none;
}
#page_guide .guide_lower .guide_body {
  width: calc(100% - 240px);
}
@media only screen and (max-width: 768px) {
  #page_guide .guide_lower .guide_body {
    width: 100%;
  }
}
#page_guide .guide_lower h3 {
  width: 100%;
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  #page_guide .guide_lower h3 {
    margin-bottom: 20px;
  }
}
#page_guide .guide_lower h4 {
  font-size: 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  #page_guide .guide_lower h4 {
    text-align: center;
  }
}
#page_guide .guide_lower h5 {
  font-size: 16px;
  margin-bottom: 5px;
}
#page_guide .guide_lower h6 {
  font-size: 14px;
  margin-bottom: 10px;
}
#page_guide .guide_lower .image img {
  max-width: 100%;
  width: auto;
  /* これを追加：本来のサイズを保ち、親より大きいときだけ縮小する */
  height: auto;
  /* 縦横比を崩さないために必須 */
  border: 1px solid #ddd;
}
#page_guide .guide_lower .decType_dq {
  position: relative;
  padding-left: 35px;
  color: #437fb4;
  font-weight: bold;
}
#page_guide .guide_lower .decType_dq::before {
  content: "”";
  font-weight: normal;
  position: absolute;
  left: 0;
  top: -0.5em;
  width: 25px;
  height: 25px;
  border-radius: 20px;
  color: #ccc;
  font-size: 60px;
}
#page_guide .guide_lower .decType_num {
  position: relative;
  padding-left: 35px;
}
#page_guide .guide_lower .decType_num::before {
  content: attr(data-index);
  position: absolute;
  left: 0;
  top: 0;
  width: 25px;
  height: 25px;
  border-radius: 20px;
  background-color: #007dd6;
  color: #fff;
  text-align: center;
  font-size: 14px;
  vertical-align: middle;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#page_guide .guide_lower .decType_num._magenta::before {
  background-color: #FF0093;
}
#page_guide .guide_lower .decType_num._gray::before {
  background-color: #7a7878;
}
#page_guide .guide_lower .decType_ab {
  position: relative;
  padding-left: 50px;
}
#page_guide .guide_lower .decType_ab::before {
  content: attr(data-index);
  position: absolute;
  left: 0;
  top: 0;
  width: 35px;
  height: 35px;
  border-radius: 6px;
  background-color: #007dd6;
  color: #fff;
  text-align: center;
  font-size: 14px;
  vertical-align: middle;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#page_guide .guide_lower .decType_ab._magenta::before {
  background-color: #FF0093;
}
#page_guide .guide_lower .decType_ab._gray::before {
  background-color: #7a7878;
}
#page_guide .guide_lower .color_deepblue,
#page_guide .guide_lower .deepblue {
  color: #0b6573;
}
#page_guide .guide_lower .guide_body > dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px;
}
@media only screen and (max-width: 768px) {
  #page_guide .guide_lower .guide_body > dl {
    display: block;
  }
}
#page_guide .guide_lower .guide_body > dl > dt {
  width: 70px;
}
@media only screen and (max-width: 768px) {
  #page_guide .guide_lower .guide_body > dl > dt {
    width: 100%;
  }
}
#page_guide .guide_lower .guide_body > dl > dt div {
  width: 70px;
  height: 70px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #437fb4;
  border-radius: 70px;
  font-size: 10px;
}
@media only screen and (max-width: 768px) {
  #page_guide .guide_lower .guide_body > dl > dt div {
    margin: 0 auto;
  }
}
#page_guide .guide_lower .guide_body > dl > dt div * {
  width: 100%;
  text-align: center;
  font-size: 16px;
}
#page_guide .guide_lower .guide_body > dl > dd {
  width: calc(100% - 70px);
  padding-left: 30px;
  padding-top: 20px;
}
@media only screen and (max-width: 768px) {
  #page_guide .guide_lower .guide_body > dl > dd {
    width: 100%;
    padding-left: 0;
  }
}
#page_guide .guide_lower .guide_body > dl > dd > p, #page_guide .guide_lower .guide_body > dl > dd > ul, #page_guide .guide_lower .guide_body > dl > dd > div {
  margin-bottom: 30px;
}
#page_guide .guide_lower .guide_body > dl > dd img {
  width: 100%;
}
#page_guide .bold {
  font-weight: bold;
}
#page_guide .semi_bold {
  font-weight: 600;
}
#page_guide .line_color {
  color: #048A3B;
}
#page_guide .ls_20 {
  letter-spacing: 0.2em;
}
#page_guide .ls_40 {
  letter-spacing: 0.4em;
}
#page_guide .mb_10 {
  margin-bottom: 10px !important;
}
#page_guide .mb_20 {
  margin-bottom: 20px !important;
}
#page_guide .mt_m10 {
  margin-top: -10px;
}
#page_guide .mt_m20 {
  margin-top: -20px;
}
#page_guide .mt_m30 {
  margin-top: -30px;
}
#page_guide .mt_10 {
  margin-top: 10px;
}
#page_guide .mt_20 {
  margin-top: 20px;
}
#page_guide .mt_30 {
  margin-top: 30px;
}
#page_guide .mt_40 {
  margin-top: 40px;
}
#page_guide .mt_50 {
  margin-top: 50px;
}
#page_guide .mt_60 {
  margin-top: 60px;
}
#page_guide .pt_10 {
  padding-top: 10px !important;
}
#page_guide .pt_20 {
  padding-top: 20px !important;
}
#page_guide .pt_30 {
  padding-top: 30px !important;
}
#page_guide .pt_40 {
  padding-top: 40px !important;
}
#page_guide .frame_gray_border_only {
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 10px;
}
#page_guide .frame_faq_link {
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 10px 10px 0px 10px;
}
#page_guide .frame_gray {
  background-color: #F7F7F7;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 6px;
}
#page_guide .frame_lightred {
  background-color: #ffe1e1;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 6px;
}
#page_guide .frame_lightblue {
  background-color: #e4ecf3;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 6px;
}
#page_guide .frame_lightgreen {
  background-color: #e1faec;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 6px;
}
#page_guide .bg_magenta {
  color: #FFF;
  background-color: #FF0093 !important;
}
#page_guide .bg_caution_red {
  color: #FFF;
  background-color: #BE4A4A !important;
}
#page_guide .bg_point_orange {
  color: #FFF;
  background-color: orange !important;
}
#page_guide .bg_linegreen {
  color: #FFF;
  background-color: rgb(6, 199, 85) !important;
}
#page_guide .bg_enblue {
  color: #FFF;
  background-color: #437fb4 !important;
}
#page_guide .bg_deepgray {
  color: #FFF;
  background-color: #7a7878 !important;
}
#page_guide .bg_gray {
  background-color: #F7F7F7 !important;
}
#page_guide .bg_lightred {
  background-color: #ffe1e1 !important;
}
#page_guide .bg_lightblue {
  background-color: #e4ecf3 !important;
}
#page_guide .bg_lightgreen {
  background-color: #deebe4 !important;
}
#page_guide .type_dot li {
  position: relative;
  padding-left: 1em;
  margin-bottom: 0.5em;
}
#page_guide .type_dot li:last-child {
  margin-bottom: 0;
}
#page_guide .type_dot li:before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}
#page_guide .type_arrow li {
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 0.5em;
}
#page_guide .type_arrow li:last-child {
  margin-bottom: 0;
}
#page_guide .type_arrow li:before {
  content: "→";
  position: absolute;
  left: 0;
  top: 0;
}
#page_guide .type_ast li {
  position: relative;
  padding-left: 1em;
  margin-bottom: 0.5em;
}
#page_guide .type_ast li:last-child {
  margin-bottom: 0;
}
#page_guide .type_ast li:before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}
#page_guide .type_split4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
#page_guide .type_split4 li {
  width: 20%;
}
#page_guide .menu,
#page_guide .support_menu,
#page_guide .support_menu_arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2%;
  margin-bottom: 30px;
}
#page_guide .menu li,
#page_guide .support_menu li,
#page_guide .support_menu_arrow li {
  width: 32%;
  border: 1px solid #ddd;
  margin-bottom: 10px;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
#page_guide .menu li a,
#page_guide .support_menu li a,
#page_guide .support_menu_arrow li a {
  display: block;
  padding: 20px 10px 20px 60px;
}
@media only screen and (max-width: 768px) {
  #page_guide .menu li a,
  #page_guide .support_menu li a,
  #page_guide .support_menu_arrow li a {
    padding: 10px 10px 10px 40px;
    font-size: 3vw;
  }
}
#page_guide .menu li a:hover,
#page_guide .support_menu li a:hover,
#page_guide .support_menu_arrow li a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  #page_guide .menu li,
  #page_guide .support_menu li,
  #page_guide .support_menu_arrow li {
    width: 48%;
  }
}
#page_guide .menu li,
#page_guide .support_menu li,
#page_guide .support_menu_arrow li {
  -webkit-transition: all 500ms;
  transition: all 500ms;
}
#page_guide .menu li:hover,
#page_guide .support_menu li:hover,
#page_guide .support_menu_arrow li:hover {
  background-color: #f0f8ff !important;
}
#page_guide .menu li.g_1,
#page_guide .support_menu li.g_1,
#page_guide .support_menu_arrow li.g_1 {
  background: url(../img/guide/icon/guide_icon_entry.svg) no-repeat left 15px center;
  background-size: 30px auto;
}
@media only screen and (max-width: 768px) {
  #page_guide .menu li.g_1,
  #page_guide .support_menu li.g_1,
  #page_guide .support_menu_arrow li.g_1 {
    background: url(../img/guide/icon/guide_icon_entry.svg) no-repeat left 10px center;
    background-size: 20px auto;
  }
}
#page_guide .menu li.g_2,
#page_guide .support_menu li.g_2,
#page_guide .support_menu_arrow li.g_2 {
  background: url(../img/guide/icon/guide_icon_order.svg) no-repeat left 15px center;
  background-size: 30px auto;
}
@media only screen and (max-width: 768px) {
  #page_guide .menu li.g_2,
  #page_guide .support_menu li.g_2,
  #page_guide .support_menu_arrow li.g_2 {
    background: url(../img/guide/icon/guide_icon_order.svg) no-repeat left 10px center;
    background-size: 20px auto;
  }
}
#page_guide .menu li.g_3,
#page_guide .support_menu li.g_3,
#page_guide .support_menu_arrow li.g_3 {
  background: url(../img/guide/icon/guide_icon_search.svg) no-repeat left 15px center;
  background-size: 25px auto;
}
@media only screen and (max-width: 768px) {
  #page_guide .menu li.g_3,
  #page_guide .support_menu li.g_3,
  #page_guide .support_menu_arrow li.g_3 {
    background: url(../img/guide/icon/guide_icon_search.svg) no-repeat left 10px center;
    background-size: 20px auto;
  }
}
#page_guide .menu li.g_4,
#page_guide .support_menu li.g_4,
#page_guide .support_menu_arrow li.g_4 {
  background: url(../img/guide/icon/guide_icon_point.svg) no-repeat left 15px center;
  background-size: 30px auto;
}
@media only screen and (max-width: 768px) {
  #page_guide .menu li.g_4,
  #page_guide .support_menu li.g_4,
  #page_guide .support_menu_arrow li.g_4 {
    background: url(../img/guide/icon/guide_icon_point.svg) no-repeat left 10px center;
    background-size: 20px auto;
  }
}
#page_guide .menu li.g_5,
#page_guide .support_menu li.g_5,
#page_guide .support_menu_arrow li.g_5 {
  background: url(../img/guide/icon/guide_icon_mypage.svg) no-repeat left 15px center;
  background-size: 30px auto;
}
@media only screen and (max-width: 768px) {
  #page_guide .menu li.g_5,
  #page_guide .support_menu li.g_5,
  #page_guide .support_menu_arrow li.g_5 {
    background: url(../img/guide/icon/guide_icon_mypage.svg) no-repeat left 10px center;
    background-size: 20px auto;
  }
}
#page_guide .menu li.g_6,
#page_guide .support_menu li.g_6,
#page_guide .support_menu_arrow li.g_6 {
  background: url(../img/guide/icon/guide_icon_help.svg) no-repeat left 15px center;
  background-size: 30px auto;
}
@media only screen and (max-width: 768px) {
  #page_guide .menu li.g_6,
  #page_guide .support_menu li.g_6,
  #page_guide .support_menu_arrow li.g_6 {
    background: url(../img/guide/icon/guide_icon_help.svg) no-repeat left 10px center;
    background-size: 20px auto;
  }
}
#page_guide .menu li.g_7,
#page_guide .support_menu li.g_7,
#page_guide .support_menu_arrow li.g_7 {
  background: url(../img/guide/icon/guide_icon_qa.svg) no-repeat left 15px center;
  background-size: 30px auto;
}
@media only screen and (max-width: 768px) {
  #page_guide .menu li.g_7,
  #page_guide .support_menu li.g_7,
  #page_guide .support_menu_arrow li.g_7 {
    background: url(../img/guide/icon/guide_icon_qa.svg) no-repeat left 10px center;
    background-size: 20px auto;
  }
}
#page_guide .menu li.g_8,
#page_guide .support_menu li.g_8,
#page_guide .support_menu_arrow li.g_8 {
  background: url(../img/guide/icon/guide_icon_contact.svg) no-repeat left 15px center;
  background-size: 30px auto;
}
@media only screen and (max-width: 768px) {
  #page_guide .menu li.g_8,
  #page_guide .support_menu li.g_8,
  #page_guide .support_menu_arrow li.g_8 {
    background: url(../img/guide/icon/guide_icon_contact.svg) no-repeat left 10px center;
    background-size: 20px auto;
  }
}
@media only screen and (max-width: 768px) {
  #page_guide .support_menu li {
    width: 100%;
  }
}
#page_guide hr {
  margin-bottom: 30px;
  border: none;
  height: 1px;
  /* 太さ */
  background-color: #ddd;
  /* 色 */
}
#page_guide .dot_border {
  border: 1px dashed #999;
}
#page_guide .center {
  text-align: center !important;
}
#page_guide .color_eblue,
#page_guide .enblue {
  color: #437fb4;
}
#page_guide .red {
  color: red;
}
#page_guide .gray {
  color: gray;
}
#page_guide .orange {
  color: orange;
}
#page_guide .blue {
  color: blue;
}
#page_guide .small {
  font-size: 12px;
}
#page_guide .semi_small {
  font-size: 14px;
}
#page_guide .middle {
  font-size: 18px;
}
#page_guide .large {
  font-size: 20px;
}
#page_guide .ex_large {
  font-size: 25px;
}
#page_guide .sample {
  border: 1px dashed #ddd;
  padding: 10px;
  border-radius: 4px;
  display: block;
  margin-bottom: 5px;
}
#page_guide .pre {
  background-color: #000;
  color: #FFF;
  padding: 5px 10px;
  border-radius: 4px;
}
#page_guide .pre span {
  font-weight: bold;
  color: yellow;
}
@media only screen and (min-width: 768px) {
  #page_guide ._pc.hidden {
    display: none !important;
  }
  #page_guide ._pc.show {
    display: block !important;
  }
}
@media only screen and (min-width: 768px) {
  #page_guide ._sp.hidden {
    display: none !important;
  }
  #page_guide ._sp.show {
    max-width: 100% !important;
    width: auto !important;
    display: inline-block !important;
  }
}
@media only screen and (min-width: 769px) {
  #page_guide ._pc {
    display: block;
  }
  #page_guide ._sp {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  #page_guide ._pc {
    display: none;
  }
  #page_guide ._sp {
    display: block;
  }
}
#page_guide .device_switch {
  border: 1px solid #ddd;
  border-radius: 100px;
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  #page_guide .device_switch {
    display: none;
  }
}
#page_guide .device_switch ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#page_guide .device_switch ul li {
  cursor: pointer;
  padding: 0.2em 1em;
  -webkit-transition: 300ms;
  transition: 300ms;
}
#page_guide .device_switch ul li.on {
  background: #437fb4;
  color: white;
}

/*** QA ***/
#page_qa .qa_anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
#page_qa .qa_anchor li {
  width: calc((100% - 20px) / 3);
  text-align: center;
}
#page_qa .qa_anchor li a {
  display: block;
  color: #525263;
  text-decoration: none;
  padding: 0.7em;
  background-color: #f5f5f5;
  border-radius: 9999px;
}
@media screen and (max-width: 768px) {
  #page_qa .qa_anchor {
    display: none;
  }
  #page_qa .qa_anchor li {
    width: 100%;
  }
}
#page_qa .qa_anchor_sp_container {
  display: none;
}
@media screen and (max-width: 768px) {
  #page_qa .qa_anchor_sp_container {
    display: block;
  }
}
#page_qa #undercolumn_guide {
  margin-top: 40px;
}
#page_qa #undercolumn_guide h2 {
  padding: 30px 0 20px;
  font-size: 20px;
  position: relative;
}
#page_qa #undercolumn_guide h2 .view_all {
  position: absolute;
  right: 0;
  font-size: 14px;
  font-weight: normal;
  top: 50%;
  cursor: pointer;
}
#page_qa #undercolumn_guide h2 .view_all.hidden {
  display: none;
}
#page_qa #undercolumn_guide h2 .view_all::before {
  content: "すべて見る";
}
#page_qa #undercolumn_guide h2 .view_all.active::before {
  content: "すべて閉じる";
}
#page_qa #undercolumn_guide .res_noitem {
  border: 1px solid #ddd;
  border-radius: 6px;
  max-width: 1600px;
  margin: 20px auto 20px !important;
  padding-bottom: 16px;
  padding-left: 20px;
  padding-right: 48px;
  padding-top: 16px;
  position: relative;
  background-color: #f7f9ff;
  text-align: center;
}

/*** MYPAGE ***/
.mypage_structure .user_page_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mypage_structure .user_page_wrapper .menu {
  width: 230px;
}
@media only screen and (max-width: 1600px) {
  .mypage_structure .user_page_wrapper .menu {
    padding-left: 2%;
  }
}
@media only screen and (max-width: 768px) {
  .mypage_structure .user_page_wrapper .menu {
    width: 100%;
    padding: 0 2%;
  }
}
.mypage_structure .user_page_wrapper .menu {
  font-size: 90%;
}
.mypage_structure .user_page_wrapper .menu h3 {
  color: #437fb4;
  font-weight: 500;
}
.mypage_structure .user_page_wrapper .menu ul.user_pages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1%;
}
.mypage_structure .user_page_wrapper .menu ul.user_pages li {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-bottom: 10px;
  -webkit-transition: 300ms;
  transition: 300ms;
}
.mypage_structure .user_page_wrapper .menu ul.user_pages li a {
  padding: 14px 10px 10px 50px;
  text-decoration: none;
  color: #437fb4;
  font-size: 14px;
  font-weight: 500;
  display: block;
  width: 100%;
  height: 100%;
}
.mypage_structure .user_page_wrapper .menu ul.user_pages li:hover {
  background-color: #f5f5f5 !important;
}
.mypage_structure .user_page_wrapper .menu ul.user_pages li.current {
  background-color: #f5f5f5 !important;
}
.mypage_structure .user_page_wrapper .menu ul.user_pages li.menuButton_mypage {
  background: url(../img/common/icon_home.svg) no-repeat left 10px center;
  background-size: auto 55%;
}
@media only screen and (max-width: 768px) {
  .mypage_structure .user_page_wrapper .menu ul.user_pages li.menuButton_mypage {
    background-position: center top 6px;
    background-size: 70% auto;
  }
}
.mypage_structure .user_page_wrapper .menu ul.user_pages li.menuButton_history {
  background: url(../img/common/icon_history.svg) no-repeat left 10px center;
  background-size: auto 55%;
}
@media only screen and (max-width: 768px) {
  .mypage_structure .user_page_wrapper .menu ul.user_pages li.menuButton_history {
    background-position: center 6px;
    background-size: 70% auto;
  }
}
.mypage_structure .user_page_wrapper .menu ul.user_pages li.menuButton_point {
  background: url(../img/common/icon_point.svg) no-repeat left 10px center;
  background-size: auto 55%;
}
@media only screen and (max-width: 768px) {
  .mypage_structure .user_page_wrapper .menu ul.user_pages li.menuButton_point {
    background-position: center 6px;
    background-size: 70% auto;
  }
}
.mypage_structure .user_page_wrapper .menu ul.user_pages li.menuButton_bookmark {
  background: url(../img/common/icon_favorite.svg) no-repeat left 10px center;
  background-size: auto 55%;
}
@media only screen and (max-width: 768px) {
  .mypage_structure .user_page_wrapper .menu ul.user_pages li.menuButton_bookmark {
    background-position: center 6px;
    background-size: 70% auto;
  }
}
.mypage_structure .user_page_wrapper .menu ul.user_pages li.menuButton_account {
  background: url(../img/common/icon_mypage.svg) no-repeat left 10px center;
  background-size: auto 55%;
}
@media only screen and (max-width: 768px) {
  .mypage_structure .user_page_wrapper .menu ul.user_pages li.menuButton_account {
    background-position: center 6px;
    background-size: 70% auto;
  }
}
@media only screen and (max-width: 768px) {
  .mypage_structure .user_page_wrapper .menu ul.user_pages {
    gap: 0;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .mypage_structure .user_page_wrapper .menu ul.user_pages li {
    width: 15%;
    font-size: 10px;
    height: 17vw;
    border: none;
  }
  .mypage_structure .user_page_wrapper .menu ul.user_pages li a {
    padding: 0;
    font-size: 2vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.mypage_structure .user_page_wrapper .menu ul.account_setting_pages {
  margin: 20px 0 40px;
  font-size: 90%;
  padding: 14px;
  border-radius: 6px;
  border: 1px solid #ddd;
}
.mypage_structure .user_page_wrapper .menu ul.account_setting_pages li.title {
  color: #437fb4;
  font-weight: 500;
}
.mypage_structure .user_page_wrapper .menu ul.account_setting_pages li {
  margin-bottom: 1em;
}
.mypage_structure .user_page_wrapper .menu ul.account_setting_pages li:last-child {
  margin-bottom: 0em;
}
.mypage_structure .user_page_wrapper > .wrapper {
  width: calc(100% - 230px);
  padding: 0 0 0 2%;
}
@media only screen and (max-width: 1600px) {
  .mypage_structure .user_page_wrapper > .wrapper {
    padding: 0 2% 0 2%;
  }
}
@media only screen and (max-width: 768px) {
  .mypage_structure .user_page_wrapper > .wrapper {
    width: 100%;
  }
}

#page_mypage .maypage_frame {
  background-color: #F7F7F7;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 10px 50%;
  grid-template-columns: minmax(0, 1fr) 50%;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 10px;
  padding: 10px;
  border-radius: 6px;
}
@media only screen and (max-width: 1120px) {
  #page_mypage .maypage_frame {
    display: block;
  }
}
#page_mypage .maypage_frame .block {
  border: 1px solid #ddd;
  background-color: #FFF;
  border-radius: 6px;
  padding: 20px 20px 60px 20px;
  position: relative;
}
@media only screen and (max-width: 1120px) {
  #page_mypage .maypage_frame .block {
    margin-bottom: 20px;
    padding: 3% 3% 60px 3%;
  }
}
@media only screen and (max-width: 768px) {
  #page_mypage .maypage_frame .block.mb_0 {
    padding-bottom: 0;
  }
}
#page_mypage .maypage_frame .block .title {
  color: #437fb4;
  font-weight: 500;
  margin-bottom: 0.5em;
  font-size: 18px;
}
#page_mypage .maypage_frame .block .bottom {
  font-size: 12px;
  text-align: right;
  margin-top: 20px;
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  text-align: right;
  padding-right: 20px;
}
#page_mypage .maypage_frame .block .move_menu {
  position: absolute;
  right: 20px;
  top: 25px;
  font-size: 12px;
  color: rgb(153, 153, 153);
}
@media only screen and (max-width: 1120px) {
  #page_mypage .maypage_frame .block .move_menu {
    position: relative;
    top: auto;
    right: auto;
  }
}
@media only screen and (max-width: 768px) {
  #page_mypage .maypage_frame .block .move_menu {
    font-size: 2.7vw;
  }
}
#page_mypage .maypage_frame .block .move_menu a {
  margin-left: 0.5em;
  padding-left: 0.5em;
  border-left: 1px solid #ddd;
  color: #1872ab;
  cursor: pointer;
}
#page_mypage .maypage_frame .block .move_menu a:hover {
  text-decoration: underline;
}
#page_mypage .maypage_frame .account_sp {
  padding: 3% !important;
}
#page_mypage .maypage_frame .account_header {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 2;
  grid-column-end: 3;
  -ms-grid-row: 1;
      grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  padding: 10px 20px 20px 20px;
}
#page_mypage .maypage_frame .lost_point {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 2;
  grid-column-end: 3;
  -ms-grid-row: 2;
      grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  padding-bottom: 20px;
}
#page_mypage .maypage_frame .point_up {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 3;
      grid-row-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
}
#page_mypage .maypage_frame .my_char {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 4;
      grid-row-start: 4;
  -ms-grid-row-span: 1;
  grid-row-end: 5;
}
#page_mypage .maypage_frame .my_char .scroll_wrapper {
  padding: 5px 0 !important;
}
#page_mypage .maypage_frame .my_char .bottom {
  margin-top: 5px !important;
}
#page_mypage .maypage_frame .order_history_new {
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 3;
      grid-row-start: 3;
  -ms-grid-row-span: 2;
  grid-row-end: 5;
}
#page_mypage .maypage_frame .reccomend {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 2;
  grid-column-end: 3;
  -ms-grid-row: 5;
      grid-row-start: 5;
  -ms-grid-row-span: 1;
  grid-row-end: 6;
}
#page_mypage .maypage_frame .favorite {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 7;
      grid-row-start: 7;
  -ms-grid-row-span: 1;
  grid-row-end: 8;
}
#page_mypage .maypage_frame .buy_later {
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 7;
      grid-row-start: 7;
  -ms-grid-row-span: 1;
  grid-row-end: 8;
}
#page_mypage .maypage_frame .checked_item {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 2;
  grid-column-end: 3;
  -ms-grid-row: 8;
      grid-row-start: 8;
  -ms-grid-row-span: 1;
  grid-row-end: 9;
}
#page_mypage .account_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#page_mypage .account_header .account {
  position: relative;
  min-width: 300px;
  height: 100%;
}
@media only screen and (max-width: 1120px) {
  #page_mypage .account_header .account {
    width: 100%;
    min-width: auto;
  }
}
#page_mypage .account_header .account .welcom_text {
  font-size: 16px;
  font-weight: normal;
  color: rgb(153, 153, 153);
}
@media only screen and (max-width: 768px) {
  #page_mypage .account_header .account .welcom_text {
    font-size: 14px;
  }
}
#page_mypage .account_header .account .account_name {
  position: absolute;
  left: 55px;
  top: 50%;
  font-size: 20px;
  color: #1872ab;
}
@media only screen and (max-width: 1120px) {
  #page_mypage .account_header .account .account_name {
    position: relative;
    left: auto;
    top: auto;
    padding-left: 55px;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 768px) {
  #page_mypage .account_header .account .account_name {
    font-size: 18px;
  }
}
#page_mypage .account_header .account .account_name::before {
  content: "";
  position: absolute;
  left: -55px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
  width: 40px;
  height: 40px;
  background: url(../img/common/person.svg) no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 1120px) {
  #page_mypage .account_header .account .account_name::before {
    left: 0px;
  }
}
#page_mypage .account_header .points {
  min-width: 300px;
}
@media only screen and (max-width: 1120px) {
  #page_mypage .account_header .points {
    width: 100%;
    min-width: auto;
    margin-top: 20px;
  }
}
#page_mypage .account_header .points .available_points {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  border-bottom: 1px solid #ddd;
}
#page_mypage .account_header .points .available_points .output_point_mypage {
  font-size: 180%;
  color: orange;
}
@media only screen and (max-width: 768px) {
  #page_mypage .account_header .points .available_points .output_point_mypage {
    font-size: 22px;
  }
}
#page_mypage .account_header .points .available_points .title {
  margin-bottom: 5px;
  color: rgb(153, 153, 153);
}
@media only screen and (max-width: 768px) {
  #page_mypage .account_header .points .available_points .title {
    font-size: 14px;
  }
}
#page_mypage .account_header .points .lost_point_summary {
  width: 100%;
  padding-top: 5px;
}
#page_mypage .account_header .points .lost_point_summary li {
  margin-top: 3px;
  text-align: right;
}
#page_mypage .account_header .points .lost_point_summary li .title {
  margin-right: 10px;
  color: #696969;
  font-size: 14px;
}
#page_mypage .account_header .points .lost_point_summary li .date {
  margin-right: 10px;
  color: #696969;
  font-size: 14px;
}
#page_mypage .account_header .points .lost_point_summary li .point {
  color: orange;
  font-weight: bold;
  display: inline-block;
  min-width: 70px;
  font-size: 14px;
}
#page_mypage .account_header .points .button {
  margin-bottom: 0px;
}
#page_mypage .account_header .points .login_point_button {
  display: none;
  margin-top: 15px;
}
#page_mypage .account_header .points .login_point_button.active {
  display: block;
}
#page_mypage .account_header .points .acquired_login_point {
  display: none;
}
#page_mypage .account_header .points .acquired_login_point.active {
  display: block;
}
#page_mypage .lost_point {
  background: #ffe1e1 !important;
  position: relative;
  cursor: pointer;
  -webkit-transition: 300ms;
  transition: 300ms;
  display: none;
  text-align: center;
  pointer-events: none;
}
@media only screen and (max-width: 768px) {
  #page_mypage .lost_point {
    padding: 3% !important;
  }
}
#page_mypage .lost_point.active {
  display: block;
}
#page_mypage .lost_point:hover {
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
}
#page_mypage .lost_point .caution {
  position: relative;
  padding-left: 30px;
  color: #BE4A4A;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  #page_mypage .lost_point .caution {
    font-size: 3vw;
  }
}
#page_mypage .lost_point .caution:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
  width: 20px;
  height: 20px;
  background: url(../img/common/icon_caution.svg) no-repeat;
  background-size: cover;
}
#page_mypage .point_up ul li {
  border-bottom: 1px dashed #ddd;
  padding: 16px 0;
  font-size: 16px;
  cursor: pointer;
  padding-left: 10px;
  -webkit-transition: 300ms;
  transition: 300ms;
  background: url(../img/common/r_arrow_gray.svg) no-repeat center right 10px;
  background-size: auto 30%;
}
@media only screen and (max-width: 768px) {
  #page_mypage .point_up ul li {
    font-size: 14px;
  }
}
#page_mypage .point_up ul li:hover {
  background-color: #eaeff4;
}
#page_mypage .point_up ul li a {
  color: #1872ab;
}
#page_mypage .point_up ul li .point_up_icon {
  margin-right: 0.5em;
  color: #FFF;
  line-height: 1;
  font-size: 12px;
  padding: 2px 7px 1px;
  border-radius: 30px;
}
#page_mypage .point_up ul li .point_up_icon.up20 {
  background-color: orange;
}
#page_mypage .point_up ul li .point_up_icon.up55 {
  background-color: red;
}
#page_mypage .order_history_new .order_history_list {
  position: relative;
}
#page_mypage .order_history_new .order_history_list li {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 50px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 50px;
  -ms-grid-rows: auto auto auto;
  grid-template-rows: auto auto auto;
  border-bottom: 1px dotted #ddd;
  padding: 0.5em 0;
}
#page_mypage .order_history_new .order_history_list li > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
#page_mypage .order_history_new .order_history_list li > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
#page_mypage .order_history_new .order_history_list li > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
#page_mypage .order_history_new .order_history_list li > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
}
#page_mypage .order_history_new .order_history_list li > *:nth-child(5) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
#page_mypage .order_history_new .order_history_list li > *:nth-child(6) {
  -ms-grid-row: 1;
  -ms-grid-column: 6;
}
#page_mypage .order_history_new .order_history_list li > *:nth-child(7) {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}
#page_mypage .order_history_new .order_history_list li > *:nth-child(8) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
#page_mypage .order_history_new .order_history_list li > *:nth-child(9) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
#page_mypage .order_history_new .order_history_list li > *:nth-child(10) {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}
#page_mypage .order_history_new .order_history_list li > *:nth-child(11) {
  -ms-grid-row: 2;
  -ms-grid-column: 4;
}
#page_mypage .order_history_new .order_history_list li > *:nth-child(12) {
  -ms-grid-row: 2;
  -ms-grid-column: 5;
}
#page_mypage .order_history_new .order_history_list li > *:nth-child(13) {
  -ms-grid-row: 2;
  -ms-grid-column: 6;
}
#page_mypage .order_history_new .order_history_list li > *:nth-child(14) {
  -ms-grid-row: 2;
  -ms-grid-column: 7;
}
#page_mypage .order_history_new .order_history_list li > *:nth-child(15) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
#page_mypage .order_history_new .order_history_list li > *:nth-child(16) {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
}
#page_mypage .order_history_new .order_history_list li > *:nth-child(17) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
#page_mypage .order_history_new .order_history_list li > *:nth-child(18) {
  -ms-grid-row: 3;
  -ms-grid-column: 4;
}
#page_mypage .order_history_new .order_history_list li > *:nth-child(19) {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
}
#page_mypage .order_history_new .order_history_list li > *:nth-child(20) {
  -ms-grid-row: 3;
  -ms-grid-column: 6;
}
#page_mypage .order_history_new .order_history_list li > *:nth-child(21) {
  -ms-grid-row: 3;
  -ms-grid-column: 7;
}
#page_mypage .order_history_new .order_history_list li div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  font-size: 12px;
}
@media only screen and (max-width: 768px) {
  #page_mypage .order_history_new .order_history_list li div {
    font-size: 2.2vw;
  }
}
#page_mypage .order_history_new .order_history_list li div .text_header {
  margin-right: 0.5em;
  color: #787878;
}
@media only screen and (max-width: 768px) {
  #page_mypage .order_history_new .order_history_list li div .text_header {
    font-size: 2vw;
  }
}
#page_mypage .order_history_new .order_history_list li div.date {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 2;
  grid-column-end: 3;
}
#page_mypage .order_history_new .order_history_list li div.id {
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-column-span: 2;
  grid-column-end: 5;
}
#page_mypage .order_history_new .order_history_list li div.total {
  -ms-grid-column: 5;
      grid-column-start: 5;
  -ms-grid-column-span: 2;
  grid-column-end: 7;
  color: red;
}
#page_mypage .order_history_new .order_history_list li div.button_frame {
  -ms-grid-column: 7;
      grid-column-start: 7;
  -ms-grid-column-span: 1;
  grid-column-end: 8;
  -ms-grid-row: 1;
      grid-row-start: 1;
  -ms-grid-row-span: 2;
  grid-row-end: 3;
}
#page_mypage .order_history_new .order_history_list li div.button_frame .button {
  margin: 0;
}
#page_mypage .order_history_new .order_history_list li div.status_method {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 6;
  grid-column-end: 7;
  -ms-grid-row: 2;
      grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
}
#page_mypage .order_history_new .order_history_list li div.status_method p {
  margin-right: 1.5em;
}
#page_mypage .order_history_new .order_history_list li div.message {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 7;
  grid-column-end: 8;
  -ms-grid-row: 3;
      grid-row-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
}
#page_mypage .order_history_new .order_history_list li div.message a {
  display: inline;
}
#page_mypage .order_history_new .order_history_list li div.message {
  padding-top: 0;
  font-weight: 600;
  background-color: #e4ecf3;
  margin-top: 0.4em;
  padding: 0.5em 0.5em;
  border-radius: 4px;
}
#page_mypage .order_history_new .order_history_list li div.message a {
  color: #1872ab;
}
#page_mypage .account_sp {
  background-color: yellow;
  padding: 3% !important;
}
#page_mypage .account_sp .account_setting_pages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#page_mypage .account_sp .account_setting_pages li {
  font-size: 3vw;
  margin-bottom: 10px;
}
#page_mypage .account_sp .account_setting_pages li.title {
  width: 100%;
  color: #437fb4;
  font-weight: 500;
  margin-bottom: 0.5em;
  font-size: 18px;
}
#page_mypage .account_sp .account_setting_pages li {
  width: 50%;
}

#page_bookmark .frame {
  background-color: #F7F7F7;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 10px;
  padding: 10px;
  border-radius: 6px;
}
@media only screen and (max-width: 1120px) {
  #page_bookmark .frame {
    display: block;
  }
}
#page_bookmark .frame .block {
  border: 1px solid #ddd;
  background-color: #FFF;
  border-radius: 6px;
  padding: 20px 20px 60px 20px;
  position: relative;
}
#page_bookmark .frame .block.mb_fix {
  padding-bottom: 20px !important;
}
@media only screen and (max-width: 1120px) {
  #page_bookmark .frame .block {
    margin-bottom: 20px;
    padding: 3% 3% 60px 3%;
  }
}
@media only screen and (max-width: 768px) {
  #page_bookmark .frame .block.mb_0 {
    padding-bottom: 0;
  }
}
#page_bookmark .frame .block .title {
  color: #437fb4;
  font-weight: 500;
  margin-bottom: 0.5em;
  font-size: 18px;
}
#page_bookmark .frame .block .bottom {
  font-size: 12px;
  text-align: right;
  margin-top: 20px;
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  text-align: right;
  padding-right: 20px;
}
#page_bookmark .frame .block .move_menu {
  position: absolute;
  right: 20px;
  top: 25px;
  font-size: 12px;
  color: rgb(153, 153, 153);
}
@media only screen and (max-width: 1120px) {
  #page_bookmark .frame .block .move_menu {
    position: relative;
    top: auto;
    right: auto;
  }
}
@media only screen and (max-width: 768px) {
  #page_bookmark .frame .block .move_menu {
    font-size: 2.7vw;
  }
}
#page_bookmark .frame .block .move_menu a {
  margin-left: 0.5em;
  padding-left: 0.5em;
  border-left: 1px solid #ddd;
  color: #1872ab;
  cursor: pointer;
}
#page_bookmark .frame .block .move_menu a:hover {
  text-decoration: underline;
}
#page_bookmark .frame .favorite {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
}
#page_bookmark .frame .buy_later {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
}
#page_bookmark .account_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#page_bookmark .account_header .account {
  position: relative;
  min-width: 300px;
  height: 100%;
}
@media only screen and (max-width: 1120px) {
  #page_bookmark .account_header .account {
    width: 100%;
    min-width: auto;
  }
}
#page_bookmark .account_header .account .welcom_text {
  font-size: 16px;
  font-weight: normal;
  color: rgb(153, 153, 153);
}
@media only screen and (max-width: 768px) {
  #page_bookmark .account_header .account .welcom_text {
    font-size: 14px;
  }
}
#page_bookmark .account_header .account .account_name {
  position: absolute;
  left: 55px;
  top: 50%;
  font-size: 20px;
  color: #1872ab;
}
@media only screen and (max-width: 1120px) {
  #page_bookmark .account_header .account .account_name {
    position: relative;
    left: auto;
    top: auto;
    padding-left: 55px;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 768px) {
  #page_bookmark .account_header .account .account_name {
    font-size: 18px;
  }
}
#page_bookmark .account_header .account .account_name::before {
  content: "";
  position: absolute;
  left: -55px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
  width: 40px;
  height: 40px;
  background: url(../img/common/person.svg) no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 1120px) {
  #page_bookmark .account_header .account .account_name::before {
    left: 0px;
  }
}
#page_bookmark .account_header .points {
  min-width: 300px;
}
@media only screen and (max-width: 1120px) {
  #page_bookmark .account_header .points {
    width: 100%;
    min-width: auto;
    margin-top: 20px;
  }
}
#page_bookmark .account_header .points .available_points {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  border-bottom: 1px solid #ddd;
}
#page_bookmark .account_header .points .available_points .output_point_mypage {
  font-size: 180%;
  color: orange;
}
@media only screen and (max-width: 768px) {
  #page_bookmark .account_header .points .available_points .output_point_mypage {
    font-size: 22px;
  }
}
#page_bookmark .account_header .points .available_points .title {
  margin-bottom: 5px;
  color: rgb(153, 153, 153);
}
@media only screen and (max-width: 768px) {
  #page_bookmark .account_header .points .available_points .title {
    font-size: 14px;
  }
}
#page_bookmark .account_header .points .lost_point_summary {
  width: 100%;
  padding-top: 5px;
}
#page_bookmark .account_header .points .lost_point_summary li {
  margin-top: 3px;
  text-align: right;
}
#page_bookmark .account_header .points .lost_point_summary li .title {
  margin-right: 10px;
  color: #696969;
  font-size: 14px;
}
#page_bookmark .account_header .points .lost_point_summary li .date {
  margin-right: 10px;
  color: #696969;
  font-size: 14px;
}
#page_bookmark .account_header .points .lost_point_summary li .point {
  color: orange;
  font-weight: bold;
  display: inline-block;
  min-width: 70px;
  font-size: 14px;
}
#page_bookmark .account_header .points .button {
  margin-bottom: 0px;
}
#page_bookmark .account_header .points .login_point_button {
  display: none;
  margin-top: 15px;
}
#page_bookmark .account_header .points .login_point_button.active {
  display: block;
}
#page_bookmark .account_header .points .acquired_login_point {
  display: none;
}
#page_bookmark .account_header .points .acquired_login_point.active {
  display: block;
}
#page_bookmark .lost_point {
  background: #ffe1e1 !important;
  position: relative;
  cursor: pointer;
  -webkit-transition: 300ms;
  transition: 300ms;
  display: none;
}
@media only screen and (max-width: 768px) {
  #page_bookmark .lost_point {
    padding: 3% !important;
  }
}
#page_bookmark .lost_point.active {
  display: block;
}
#page_bookmark .lost_point:hover {
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
}
#page_bookmark .lost_point::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
  width: 20px;
  height: 20px;
  background: url(../img/common/icon_mordal_open.svg) no-repeat;
  background-size: cover;
}
#page_bookmark .lost_point .caution {
  position: relative;
  padding-left: 30px;
  color: #BE4A4A;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  #page_bookmark .lost_point .caution {
    font-size: 3vw;
  }
}
#page_bookmark .lost_point .caution:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
  width: 20px;
  height: 20px;
  background: url(../img/common/icon_caution.svg) no-repeat;
  background-size: cover;
}
#page_bookmark .point_up ul li {
  border-bottom: 1px dashed #ddd;
  padding: 16px 0;
  font-size: 16px;
  cursor: pointer;
  padding-left: 10px;
  -webkit-transition: 300ms;
  transition: 300ms;
  background: url(../img/common/r_arrow_gray.svg) no-repeat center right 10px;
  background-size: auto 30%;
}
@media only screen and (max-width: 768px) {
  #page_bookmark .point_up ul li {
    font-size: 14px;
  }
}
#page_bookmark .point_up ul li:hover {
  background-color: #eaeff4;
}
#page_bookmark .point_up ul li a {
  color: #1872ab;
}
#page_bookmark .point_up ul li .point_up_icon {
  margin-right: 0.5em;
  color: #FFF;
  line-height: 1;
  font-size: 12px;
  padding: 0px 7px 1px;
  border-radius: 30px;
}
#page_bookmark .point_up ul li .point_up_icon.up20 {
  background-color: orange;
}
#page_bookmark .point_up ul li .point_up_icon.up55 {
  background-color: red;
}
#page_bookmark .order_history .order_history_list {
  width: 100%;
}
#page_bookmark .order_history .order_history_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  border-bottom: #ddd dashed 1px;
  padding: 0.6em 0;
}
#page_bookmark .order_history .order_history_list li > div {
  font-size: 12px;
  padding: 0em 0.5em;
}
#page_bookmark .order_history .order_history_list li > div .id a {
  color: #1872ab;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  #page_bookmark .order_history .order_history_list li > div .id {
    display: inline-block;
  }
}
@media only screen and (max-width: 768px) {
  #page_bookmark .order_history .order_history_list li > div .date {
    display: inline-block;
    margin-left: 1em;
  }
}
#page_bookmark .order_history .order_history_list li > div .total {
  color: red;
  font-weight: 500;
}
@media only screen and (max-width: 768px) {
  #page_bookmark .order_history .order_history_list li > div .total {
    font-size: 120%;
  }
}
#page_bookmark .order_history .order_history_list li > div:nth-child(1) {
  width: 110px;
}
#page_bookmark .order_history .order_history_list li > div:nth-child(2) {
  width: calc(100% - 110px - 90px - 60px);
}
#page_bookmark .order_history .order_history_list li > div:nth-child(3) {
  width: 90px;
  text-align: right;
}
#page_bookmark .order_history .order_history_list li > div:nth-child(4) {
  width: 60px;
}
#page_bookmark .order_history .order_history_list li > div:nth-child(4) .button {
  margin: 0;
}
@media only screen and (max-width: 768px) {
  #page_bookmark .order_history .order_history_list li > div:nth-child(1) {
    width: 140px;
    font-size: 12px;
  }
  #page_bookmark .order_history .order_history_list li > div:nth-child(2) {
    width: calc(100% - 140px - 60px);
    font-size: 12px;
  }
  #page_bookmark .order_history .order_history_list li > div:nth-child(3) {
    display: none;
  }
  #page_bookmark .order_history .order_history_list li > div:nth-child(4) {
    width: 60px;
  }
  #page_bookmark .order_history .order_history_list li > div:nth-child(4) .button {
    margin: 0;
    font-size: 12px;
  }
}
#page_bookmark .order_history .order_history_list li > div:nth-child(5) {
  width: 100%;
  padding-top: 0;
  font-weight: 600;
  background-color: #e4ecf3;
  margin-top: 0.4em;
  padding: 0.5em 0.5em;
  border-radius: 4px;
}
#page_bookmark .order_history .order_history_list li > div:nth-child(5) a {
  color: #1872ab;
}
#page_bookmark .account_sp {
  background-color: yellow;
  padding: 3% !important;
}
#page_bookmark .account_sp .account_setting_pages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#page_bookmark .account_sp .account_setting_pages li {
  font-size: 3vw;
  margin-bottom: 10px;
}
#page_bookmark .account_sp .account_setting_pages li.title {
  width: 100%;
  color: #437fb4;
  font-weight: 500;
  margin-bottom: 0.5em;
  font-size: 18px;
}
#page_bookmark .account_sp .account_setting_pages li {
  width: 50%;
}

.scroll_frame {
  width: 100%;
  display: block;
}
.scroll_frame .scroll_wrapper {
  width: 100%;
  overflow-x: auto;
  padding: 20px 0 10px;
}
.scroll_frame .scroll_wrapper ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.scroll_frame .scroll_wrapper ul li {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.scroll_frame .scroll_wrapper::-webkit-scrollbar {
  height: 2px;
}
.scroll_frame .scroll_wrapper::-webkit-scrollbar-thumb {
  background: #2675a0;
  border-radius: 10px;
  /* ハンドルの色 */
}
.scroll_frame .scroll_wrapper::-webkit-scrollbar-track {
  background: #e6e6e6;
  border-radius: 10px;
  /* 背景色 */
}

.small_scroll_list {
  gap: 20px;
}
.small_scroll_list li {
  width: 140px;
  position: relative;
}
.small_scroll_list li.no_item {
  width: 100%;
  color: #b0b0b0;
  text-align: center;
  height: 200px;
  background: #f2f2f2 !important;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  margin: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.small_scroll_list li.no_item h3 {
  width: 100%;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 500;
}
.small_scroll_list li.no_item p {
  width: 100%;
  font-size: 14px;
}
.small_scroll_list li.no_item img {
  width: 18px;
  height: auto;
  margin-right: 4px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .small_scroll_list li.no_item h3 {
    font-size: 3.5vw;
    margin-bottom: 5px;
  }
  .small_scroll_list li.no_item p {
    font-size: 3vw;
  }
}
.small_scroll_list li input {
  display: none;
}
.small_scroll_list li label {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #ddd;
  background-color: white;
  border-radius: 100%;
  -webkit-transform: translate3d(40%, -40%, 0);
          transform: translate3d(40%, -40%, 0);
  -webkit-transition: 300ms;
  transition: 300ms;
  cursor: pointer;
}
.small_scroll_list li label:hover {
  background-color: #d9efff;
}
.small_scroll_list li input[type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-40%, -90%, 0) rotate(-45deg);
          transform: translate3d(-40%, -90%, 0) rotate(-45deg);
  width: 14px;
  height: 6px;
  border-left: 3px solid #437fb4;
  border-bottom: 3px solid #437fb4;
}
.small_scroll_list li a {
  text-decoration: none;
}
.small_scroll_list li a .product_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.small_scroll_list li a .product_image {
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid #ddd;
}
.small_scroll_list li a .product_name {
  font-size: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 0.8em;
  min-height: 3em;
}
.small_scroll_list li .button {
  font-size: 12px;
  margin: 10px auto;
}

.item_tags {
  padding: 10px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.item_tags li {
  margin-right: 6px;
}
.item_tags li span {
  color: #FFF;
  display: inline-block;
  border-radius: 20px;
  padding: 2px 10px;
  font-size: 12px;
}

.order_history {
  padding: 10px;
  background-color: #F7F7F7;
  border-radius: 6px;
}
@media screen and (max-width: 768px) {
  .order_history {
    border-radius: 6px 6px 0px 0px !important;
  }
}
.order_history .button {
  margin: 20px auto 10px !important;
}

.output_shipping_data .button {
  margin-bottom: 0px !important;
  max-width: 80%;
}

.output_orer_history li:last-child {
  margin-bottom: 0 !important;
}

.order_history_item_new,
.order_history_item_new_child {
  border: 2px solid #ddd;
  background-color: #fff;
  padding: 10px;
  border-radius: 6px;
  margin-bottom: 10px;
}
.order_history_item_new .order_detail,
.order_history_item_new_child .order_detail {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 60px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 60px;
  -ms-grid-rows: auto auto auto;
  grid-template-rows: auto auto auto;
  border-bottom: 1px dotted #ddd;
  padding: 0.5em 0;
}
.order_history_item_new .order_detail > *:nth-child(1), .order_history_item_new_child .order_detail > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.order_history_item_new .order_detail > *:nth-child(2), .order_history_item_new_child .order_detail > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.order_history_item_new .order_detail > *:nth-child(3), .order_history_item_new_child .order_detail > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.order_history_item_new .order_detail > *:nth-child(4), .order_history_item_new_child .order_detail > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
}
.order_history_item_new .order_detail > *:nth-child(5), .order_history_item_new_child .order_detail > *:nth-child(5) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.order_history_item_new .order_detail > *:nth-child(6), .order_history_item_new_child .order_detail > *:nth-child(6) {
  -ms-grid-row: 1;
  -ms-grid-column: 6;
}
.order_history_item_new .order_detail > *:nth-child(7), .order_history_item_new_child .order_detail > *:nth-child(7) {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}
.order_history_item_new .order_detail > *:nth-child(8), .order_history_item_new_child .order_detail > *:nth-child(8) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.order_history_item_new .order_detail > *:nth-child(9), .order_history_item_new_child .order_detail > *:nth-child(9) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.order_history_item_new .order_detail > *:nth-child(10), .order_history_item_new_child .order_detail > *:nth-child(10) {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}
.order_history_item_new .order_detail > *:nth-child(11), .order_history_item_new_child .order_detail > *:nth-child(11) {
  -ms-grid-row: 2;
  -ms-grid-column: 4;
}
.order_history_item_new .order_detail > *:nth-child(12), .order_history_item_new_child .order_detail > *:nth-child(12) {
  -ms-grid-row: 2;
  -ms-grid-column: 5;
}
.order_history_item_new .order_detail > *:nth-child(13), .order_history_item_new_child .order_detail > *:nth-child(13) {
  -ms-grid-row: 2;
  -ms-grid-column: 6;
}
.order_history_item_new .order_detail > *:nth-child(14), .order_history_item_new_child .order_detail > *:nth-child(14) {
  -ms-grid-row: 2;
  -ms-grid-column: 7;
}
.order_history_item_new .order_detail > *:nth-child(15), .order_history_item_new_child .order_detail > *:nth-child(15) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.order_history_item_new .order_detail > *:nth-child(16), .order_history_item_new_child .order_detail > *:nth-child(16) {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
}
.order_history_item_new .order_detail > *:nth-child(17), .order_history_item_new_child .order_detail > *:nth-child(17) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.order_history_item_new .order_detail > *:nth-child(18), .order_history_item_new_child .order_detail > *:nth-child(18) {
  -ms-grid-row: 3;
  -ms-grid-column: 4;
}
.order_history_item_new .order_detail > *:nth-child(19), .order_history_item_new_child .order_detail > *:nth-child(19) {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
}
.order_history_item_new .order_detail > *:nth-child(20), .order_history_item_new_child .order_detail > *:nth-child(20) {
  -ms-grid-row: 3;
  -ms-grid-column: 6;
}
.order_history_item_new .order_detail > *:nth-child(21), .order_history_item_new_child .order_detail > *:nth-child(21) {
  -ms-grid-row: 3;
  -ms-grid-column: 7;
}
@media only screen and (max-width: 768px) {
  .order_history_item_new .order_detail,
  .order_history_item_new_child .order_detail {
    -ms-grid-columns: 1fr 1fr 1fr 60px;
    grid-template-columns: 1fr 1fr 1fr 60px;
  }
}
.order_history_item_new .order_detail.child,
.order_history_item_new_child .order_detail.child {
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
@media only screen and (max-width: 768px) {
  .order_history_item_new .order_detail.child,
  .order_history_item_new_child .order_detail.child {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .order_history_item_new .order_detail.child > div.date, .order_history_item_new .order_detail.child > li.date,
  .order_history_item_new_child .order_detail.child > div.date,
  .order_history_item_new_child .order_detail.child > li.date {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row: 1;
        grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
  }
  .order_history_item_new .order_detail.child > div.id, .order_history_item_new .order_detail.child > li.id,
  .order_history_item_new_child .order_detail.child > div.id,
  .order_history_item_new_child .order_detail.child > li.id {
    -ms-grid-column: 2;
        grid-column-start: 2;
    -ms-grid-column-span: 1;
    grid-column-end: 3;
    -ms-grid-row: 1;
        grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
  }
  .order_history_item_new .order_detail.child > div.total, .order_history_item_new .order_detail.child > li.total,
  .order_history_item_new_child .order_detail.child > div.total,
  .order_history_item_new_child .order_detail.child > li.total {
    -ms-grid-column: 3;
        grid-column-start: 3;
    -ms-grid-column-span: 1;
    grid-column-end: 4;
    -ms-grid-row: 1;
        grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
  }
  .order_history_item_new .order_detail.child > div.status_method, .order_history_item_new .order_detail.child > li.status_method,
  .order_history_item_new_child .order_detail.child > div.status_method,
  .order_history_item_new_child .order_detail.child > li.status_method {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 3;
    grid-column-end: 4;
    -ms-grid-row: 2;
        grid-row-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
  }
}
.order_history_item_new .order_detail > div, .order_history_item_new .order_detail > li,
.order_history_item_new_child .order_detail > div,
.order_history_item_new_child .order_detail > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  font-size: 12px;
  padding: 0.5em 0;
}
@media only screen and (max-width: 768px) {
  .order_history_item_new .order_detail > div, .order_history_item_new .order_detail > li,
  .order_history_item_new_child .order_detail > div,
  .order_history_item_new_child .order_detail > li {
    font-size: 2.2vw !important;
  }
}
.order_history_item_new .order_detail > div .text_header, .order_history_item_new .order_detail > li .text_header,
.order_history_item_new_child .order_detail > div .text_header,
.order_history_item_new_child .order_detail > li .text_header {
  margin-right: 0.5em;
  color: #787878;
}
@media only screen and (max-width: 768px) {
  .order_history_item_new .order_detail > div .text_header, .order_history_item_new .order_detail > li .text_header,
  .order_history_item_new_child .order_detail > div .text_header,
  .order_history_item_new_child .order_detail > li .text_header {
    font-size: 2vw;
  }
}
.order_history_item_new .order_detail > div.date, .order_history_item_new .order_detail > li.date,
.order_history_item_new_child .order_detail > div.date,
.order_history_item_new_child .order_detail > li.date {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 2;
  grid-column-end: 3;
}
@media only screen and (max-width: 768px) {
  .order_history_item_new .order_detail > div.date, .order_history_item_new .order_detail > li.date,
  .order_history_item_new_child .order_detail > div.date,
  .order_history_item_new_child .order_detail > li.date {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row: 1;
        grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
  }
}
.order_history_item_new .order_detail > div.id, .order_history_item_new .order_detail > li.id,
.order_history_item_new_child .order_detail > div.id,
.order_history_item_new_child .order_detail > li.id {
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-column-span: 2;
  grid-column-end: 5;
}
@media only screen and (max-width: 768px) {
  .order_history_item_new .order_detail > div.id, .order_history_item_new .order_detail > li.id,
  .order_history_item_new_child .order_detail > div.id,
  .order_history_item_new_child .order_detail > li.id {
    -ms-grid-column: 2;
        grid-column-start: 2;
    -ms-grid-column-span: 1;
    grid-column-end: 3;
    -ms-grid-row: 1;
        grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
  }
}
.order_history_item_new .order_detail > div.total, .order_history_item_new .order_detail > li.total,
.order_history_item_new_child .order_detail > div.total,
.order_history_item_new_child .order_detail > li.total {
  -ms-grid-column: 5;
      grid-column-start: 5;
  -ms-grid-column-span: 2;
  grid-column-end: 7;
  color: red;
}
@media only screen and (max-width: 768px) {
  .order_history_item_new .order_detail > div.total, .order_history_item_new .order_detail > li.total,
  .order_history_item_new_child .order_detail > div.total,
  .order_history_item_new_child .order_detail > li.total {
    -ms-grid-column: 3;
        grid-column-start: 3;
    -ms-grid-column-span: 1;
    grid-column-end: 4;
    -ms-grid-row: 1;
        grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
  }
}
.order_history_item_new .order_detail > div.button_frame, .order_history_item_new .order_detail > li.button_frame,
.order_history_item_new_child .order_detail > div.button_frame,
.order_history_item_new_child .order_detail > li.button_frame {
  -ms-grid-column: 7;
      grid-column-start: 7;
  -ms-grid-column-span: 1;
  grid-column-end: 8;
  -ms-grid-row: 1;
      grid-row-start: 1;
  -ms-grid-row-span: 2;
  grid-row-end: 3;
}
@media only screen and (max-width: 768px) {
  .order_history_item_new .order_detail > div.button_frame, .order_history_item_new .order_detail > li.button_frame,
  .order_history_item_new_child .order_detail > div.button_frame,
  .order_history_item_new_child .order_detail > li.button_frame {
    -ms-grid-column: 4;
        grid-column-start: 4;
    -ms-grid-column-span: 1;
    grid-column-end: 5;
    -ms-grid-row: 1;
        grid-row-start: 1;
    -ms-grid-row-span: 2;
    grid-row-end: 3;
  }
}
.order_history_item_new .order_detail > div.button_frame .button, .order_history_item_new .order_detail > li.button_frame .button,
.order_history_item_new_child .order_detail > div.button_frame .button,
.order_history_item_new_child .order_detail > li.button_frame .button {
  margin: 0;
}
.order_history_item_new .order_detail > div.status_method, .order_history_item_new .order_detail > li.status_method,
.order_history_item_new_child .order_detail > div.status_method,
.order_history_item_new_child .order_detail > li.status_method {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 6;
  grid-column-end: 7;
  -ms-grid-row: 2;
      grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
}
@media only screen and (max-width: 768px) {
  .order_history_item_new .order_detail > div.status_method, .order_history_item_new .order_detail > li.status_method,
  .order_history_item_new_child .order_detail > div.status_method,
  .order_history_item_new_child .order_detail > li.status_method {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 3;
    grid-column-end: 4;
    -ms-grid-row: 2;
        grid-row-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
  }
}
.order_history_item_new .order_detail > div.status_method p, .order_history_item_new .order_detail > li.status_method p,
.order_history_item_new_child .order_detail > div.status_method p,
.order_history_item_new_child .order_detail > li.status_method p {
  margin-right: 1.5em;
}
.order_history_item_new .order_detail > div.message, .order_history_item_new .order_detail > li.message,
.order_history_item_new_child .order_detail > div.message,
.order_history_item_new_child .order_detail > li.message {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 7;
  grid-column-end: 8;
  -ms-grid-row: 3;
      grid-row-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
}
.order_history_item_new .order_detail > div.message a, .order_history_item_new .order_detail > li.message a,
.order_history_item_new_child .order_detail > div.message a,
.order_history_item_new_child .order_detail > li.message a {
  display: inline;
}
.order_history_item_new .order_detail > div.message, .order_history_item_new .order_detail > li.message,
.order_history_item_new_child .order_detail > div.message,
.order_history_item_new_child .order_detail > li.message {
  padding-top: 0;
  font-weight: 600;
  background-color: #e4ecf3;
  margin-top: 0.4em;
  padding: 0.5em 0.5em;
  border-radius: 4px;
}
.order_history_item_new .order_detail > div.message a, .order_history_item_new .order_detail > li.message a,
.order_history_item_new_child .order_detail > div.message a,
.order_history_item_new_child .order_detail > li.message a {
  color: #1872ab;
}
.order_history_item_new .order_detail > div,
.order_history_item_new_child .order_detail > div {
  font-size: 14px;
  padding: 0.2em 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
@media only screen and (max-width: 960px) {
  .order_history_item_new .order_detail > div,
  .order_history_item_new_child .order_detail > div {
    font-size: 14px;
  }
}
@media only screen and (max-width: 768px) {
  .order_history_item_new .order_detail > div,
  .order_history_item_new_child .order_detail > div {
    font-size: 12px;
  }
}
.order_history_item_new .order_detail > div.rows_id div,
.order_history_item_new_child .order_detail > div.rows_id div {
  width: 100%;
}
.order_history_item_new .order_detail > div.rows_method div,
.order_history_item_new_child .order_detail > div.rows_method div {
  width: 100%;
}
.order_history_item_new .order_detail > div.rows_button .button,
.order_history_item_new_child .order_detail > div.rows_button .button {
  margin: 0 auto !important;
}
.order_history_item_new .order_detail > div.rows_message,
.order_history_item_new_child .order_detail > div.rows_message {
  background-color: #e4ecf3;
  font-weight: 600;
  margin-top: 0.4em;
  padding: 0.5em 0.5em;
  border-radius: 4px;
}
.order_history_item_new .order_detail > div.rows_message a,
.order_history_item_new_child .order_detail > div.rows_message a {
  color: #1872ab;
}
@media only screen and (max-width: 960px) {
  .order_history_item_new .order_detail > div.rows_id div,
  .order_history_item_new_child .order_detail > div.rows_id div {
    width: 100%;
  }
  .order_history_item_new .order_detail > div.rows_id .total_sp,
  .order_history_item_new_child .order_detail > div.rows_id .total_sp {
    display: block !important;
  }
  .order_history_item_new .order_detail > div.rows_method div,
  .order_history_item_new_child .order_detail > div.rows_method div {
    width: 100%;
  }
  .order_history_item_new .order_detail > div.rows_button .button,
  .order_history_item_new_child .order_detail > div.rows_button .button {
    margin: 0 auto !important;
  }
}
.order_history_item_new .order_detail > div .id a,
.order_history_item_new_child .order_detail > div .id a {
  color: #1872ab;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  .order_history_item_new .order_detail > div .id,
  .order_history_item_new_child .order_detail > div .id {
    display: inline-block;
  }
}
@media only screen and (max-width: 768px) {
  .order_history_item_new .order_detail > div .date,
  .order_history_item_new_child .order_detail > div .date {
    display: inline-block;
  }
}
.order_history_item_new .order_detail > div .total,
.order_history_item_new .order_detail > div .total_sp,
.order_history_item_new_child .order_detail > div .total,
.order_history_item_new_child .order_detail > div .total_sp {
  color: red;
  font-weight: 500;
}
.order_history_item_new .order_detail > div .total_sp,
.order_history_item_new_child .order_detail > div .total_sp {
  display: none;
}
.order_history_item_new .rows_message,
.order_history_item_new_child .rows_message {
  width: 100%;
  padding-top: 0;
  font-weight: 600;
  background-color: #e4ecf3;
  margin-top: 0.4em;
  padding: 0.5em 0.5em;
  border-radius: 4px;
  margin-bottom: 0.4em;
  font-size: 14px;
}
@media only screen and (max-width: 768px) {
  .order_history_item_new .rows_message,
  .order_history_item_new_child .rows_message {
    font-size: 12px;
  }
}
.order_history_item_new .rows_point,
.order_history_item_new_child .rows_point {
  border-top: 1px dotted #ddd;
  margin-bottom: 0.5em;
}
.order_history_item_new .order_detail_stat,
.order_history_item_new_child .order_detail_stat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px dotted #ddd;
}
@media only screen and (max-width: 960px) {
  .order_history_item_new .order_detail_stat,
  .order_history_item_new_child .order_detail_stat {
    font-size: 14px;
  }
}
.order_history_item_new .order_detail_stat dt,
.order_history_item_new .order_detail_stat dd,
.order_history_item_new_child .order_detail_stat dt,
.order_history_item_new_child .order_detail_stat dd {
  padding: 0.5em;
}
.order_history_item_new .order_detail_stat dt .use,
.order_history_item_new .order_detail_stat dd .use,
.order_history_item_new_child .order_detail_stat dt .use,
.order_history_item_new_child .order_detail_stat dd .use {
  color: #437fb4;
  font-weight: 500;
}
.order_history_item_new .order_detail_stat dt .add,
.order_history_item_new .order_detail_stat dd .add,
.order_history_item_new_child .order_detail_stat dt .add,
.order_history_item_new_child .order_detail_stat dd .add {
  color: orange;
  font-weight: 500;
}
.order_history_item_new .order_history_child_list,
.order_history_item_new_child .order_history_child_list {
  border: 1px solid #ddd;
  padding: 0 10px;
  border-radius: 6px;
}
.order_history_item_new .order_history_child_list li,
.order_history_item_new_child .order_history_child_list li {
  border-bottom: 1px dotted #ddd;
  padding: 10px 0;
}
.order_history_item_new .order_history_child_list li:last-child,
.order_history_item_new_child .order_history_child_list li:last-child {
  border: none;
}
.order_history_item_new .order_history_child_list li div,
.order_history_item_new_child .order_history_child_list li div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.order_history_item_new .order_history_child_list li,
.order_history_item_new_child .order_history_child_list li {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 80px 1fr 200px 120px;
  grid-template-columns: 80px 1fr 200px 120px;
}
@media only screen and (max-width: 1280px) {
  .order_history_item_new .order_history_child_list li,
  .order_history_item_new_child .order_history_child_list li {
    -ms-grid-columns: 80px 1fr auto auto;
    grid-template-columns: 80px 1fr auto auto;
  }
}
@media only screen and (max-width: 960px) {
  .order_history_item_new .order_history_child_list li,
  .order_history_item_new_child .order_history_child_list li {
    -ms-grid-columns: 80px 1fr 100px 120px;
    grid-template-columns: 80px 1fr 100px 120px;
  }
}
.order_history_item_new .order_history_child_list li .image,
.order_history_item_new_child .order_history_child_list li .image {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
}
.order_history_item_new .order_history_child_list li .image img,
.order_history_item_new_child .order_history_child_list li .image img {
  width: 80px;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}
.order_history_item_new .order_history_child_list li .detail,
.order_history_item_new_child .order_history_child_list li .detail {
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  padding-left: 20px;
  font-size: 14px;
}
.order_history_item_new .order_history_child_list li .detail h4 span,
.order_history_item_new_child .order_history_child_list li .detail h4 span {
  color: #666;
}
.order_history_item_new .order_history_child_list li .amount,
.order_history_item_new_child .order_history_child_list li .amount {
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.order_history_item_new .order_history_child_list li .amount span,
.order_history_item_new_child .order_history_child_list li .amount span {
  color: #5f5f5f;
  font-size: 80%;
}
@media only screen and (max-width: 1280px) {
  .order_history_item_new .order_history_child_list li .amount,
  .order_history_item_new_child .order_history_child_list li .amount {
    padding-left: 1em;
  }
}
.order_history_item_new .order_history_child_list li .sub_total,
.order_history_item_new_child .order_history_child_list li .sub_total {
  -ms-grid-column: 4;
      grid-column-start: 4;
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  color: red;
}
@media only screen and (max-width: 1280px) {
  .order_history_item_new .order_history_child_list li .sub_total,
  .order_history_item_new_child .order_history_child_list li .sub_total {
    padding-left: 1em;
  }
}
@media only screen and (max-width: 768px) {
  .order_history_item_new .order_history_child_list li,
  .order_history_item_new_child .order_history_child_list li {
    -ms-grid-columns: 60px 1fr 100px;
    grid-template-columns: 60px 1fr 100px;
    -ms-grid-rows: auto 1fr;
    grid-template-rows: auto 1fr;
    font-size: 14px;
  }
  .order_history_item_new .order_history_child_list li > *:nth-child(1), .order_history_item_new_child .order_history_child_list li > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .order_history_item_new .order_history_child_list li > *:nth-child(2), .order_history_item_new_child .order_history_child_list li > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .order_history_item_new .order_history_child_list li > *:nth-child(3), .order_history_item_new_child .order_history_child_list li > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .order_history_item_new .order_history_child_list li > *:nth-child(4), .order_history_item_new_child .order_history_child_list li > *:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .order_history_item_new .order_history_child_list li > *:nth-child(5), .order_history_item_new_child .order_history_child_list li > *:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .order_history_item_new .order_history_child_list li > *:nth-child(6), .order_history_item_new_child .order_history_child_list li > *:nth-child(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .order_history_item_new .order_history_child_list li .image,
  .order_history_item_new_child .order_history_child_list li .image {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row: 2;
        grid-row-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
  }
  .order_history_item_new .order_history_child_list li .image img,
  .order_history_item_new_child .order_history_child_list li .image img {
    width: 60px;
    height: 60px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .order_history_item_new .order_history_child_list li .detail,
  .order_history_item_new_child .order_history_child_list li .detail {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 3;
    grid-column-end: 4;
    -ms-grid-row: 1;
        grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
    padding-left: 0;
    display: block;
    padding-bottom: 1em;
    font-size: 12px;
  }
  .order_history_item_new .order_history_child_list li .amount,
  .order_history_item_new_child .order_history_child_list li .amount {
    -ms-grid-column: 2;
        grid-column-start: 2;
    -ms-grid-column-span: 1;
    grid-column-end: 3;
    -ms-grid-row: 2;
        grid-row-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .order_history_item_new .order_history_child_list li .sub_total,
  .order_history_item_new_child .order_history_child_list li .sub_total {
    -ms-grid-column: 3;
        grid-column-start: 3;
    -ms-grid-column-span: 1;
    grid-column-end: 4;
    -ms-grid-row: 2;
        grid-row-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
  }
}

.order_detail_shipping {
  border: 1px solid #ddd;
  border-radius: 6px;
  background-color: #fff;
  margin-top: 10px;
  padding: 20px;
}
.order_detail_shipping h3 {
  margin-bottom: 1em;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}
.order_detail_shipping ul {
  margin-top: 1em;
}
.order_detail_shipping ul li span {
  font-weight: bold;
}
.order_detail_shipping .button {
  margin-bottom: 0;
}

.order_detail_mail {
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 20px;
  background-color: #fff;
}
.order_detail_mail h3 {
  margin-bottom: 1em;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}
.order_detail_mail {
  font-size: 90%;
  margin-top: 10px;
}
.order_detail_mail ul li {
  border-bottom: 1px dotted #ddd;
  padding: 0.6em 0;
}
.order_detail_mail ul li span {
  font-weight: bold;
  display: block;
}

#page_order_detail .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#page_order_detail .wrapper .left {
  width: calc(100% - 280px);
}
#page_order_detail .wrapper .right {
  width: 280px;
  padding: 0 16px;
}
@media screen and (max-width: 768px) {
  #page_order_detail .wrapper .right {
    padding: 0 10px 10px 10px !important;
    padding-top: 0px;
    background-color: #F7F7F7;
    border-radius: 0px 0px 6px 6px !important;
  }
}
#page_order_detail .wrapper .right .ec-totalBox {
  border-radius: 6px;
  border: 1px solid #ddd;
  background-color: #FFF;
}
#page_order_detail .wrapper .right .ec-totalBox .ec-totalBox__price,
#page_order_detail .wrapper .right .ec-totalBox .ec-totalBox__specTotal {
  color: red !important;
  font-weight: 600;
}
#page_order_detail .wrapper .right .ec-totalBox .ec-totalBox__pointBlock {
  border-radius: 6px;
  line-height: 1;
  padding-bottom: 5px;
}
#page_order_detail .wrapper .right .ec-totalBox .ec-totalBox__pointBlock .ec-totalBox__spec dd {
  color: #ff9900;
}
#page_order_detail .wrapper .right .ec-totalBox .under_dot_line {
  border-bottom: 1px dotted #ddd;
  padding-bottom: 0.7em;
}
#page_order_detail .wrapper .right .ec-totalBox .receipt_box {
  text-align: center;
  margin-top: 1em;
}
#page_order_detail .wrapper .right .ec-totalBox .button {
  margin-bottom: 0;
}
@media screen and (max-width: 1000px) {
  #page_order_detail .wrapper .left,
  #page_order_detail .wrapper .right {
    width: 100%;
  }
  #page_order_detail .wrapper .right {
    padding: 0;
  }
}

.account_setting > div {
  background-color: #f4f4f4;
  padding: 20px;
  border-radius: 6px;
}
.account_setting > div > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1%;
}
.account_setting > div > ul li {
  width: 32.6666666667%;
}
@media screen and (max-width: 768px) {
  .account_setting > div > ul li {
    width: 49%;
  }
}
.account_setting > div > ul li {
  padding: 1em;
}
.account_setting > div > ul li a {
  text-decoration: none;
  color: #437fb4;
}

.output_my_charactor {
  gap: 10px;
}
.output_my_charactor li {
  border-radius: 4px;
  width: 100px;
  height: 100px;
  background: url(../img/common/grad_mychara.jpg) no-repeat;
  background-size: cover;
  position: relative;
  margin-bottom: 10px;
  padding: 5px;
}
.output_my_charactor li.no_item {
  width: 100%;
  color: #b0b0b0;
  text-align: center;
  height: 100px;
  background: #f2f2f2 !important;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  margin: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.output_my_charactor li.no_item h3 {
  width: 100%;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 500;
}
.output_my_charactor li.no_item p {
  width: 100%;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .output_my_charactor li.no_item h3 {
    font-size: 3.5vw;
    margin-bottom: 5px;
  }
  .output_my_charactor li.no_item p {
    font-size: 3vw;
  }
}
@media screen and (max-width: 768px) {
  .output_my_charactor li {
    width: calc((100% - 20px) / 3);
    height: auto;
  }
}
.output_my_charactor li div {
  overflow: hidden;
  border-radius: 4px;
  width: 100%;
  height: auto;
}
.output_my_charactor li img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.output_my_charactor li.add_mc_button {
  background: none;
}
.output_my_charactor li.add_mc_button div {
  width: 100%;
  height: 100%;
  background-color: #a8abad;
}
.output_my_charactor li.add_mc_button div span {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  color: #FFF;
}

#cart_in_button.disable {
  pointer-events: none;
  background-color: #cbcbcb;
  color: #333;
}

.mordal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}
.mordal .cartain {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
.mordal .close_button {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 40px !important;
  height: 40px !important;
  -webkit-transform: translate3d(40%, -40%, 0);
          transform: translate3d(40%, -40%, 0);
  border-radius: 100%;
  background: url(../img/common/close.png) no-repeat #1872ab center;
  background-size: 60% auto;
  cursor: pointer;
}
.mordal .close_button:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.mordal .mordal_main_login {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 96%;
  height: auto;
  max-width: 800px;
  max-height: 600px;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  padding: 20px;
  background-color: #FFF;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .mordal .mordal_main_login {
    width: 90%;
  }
}
.mordal .mordal_main_login .header {
  width: 100%;
}
.mordal .mordal_main_login .header h2 {
  font-size: 18px;
  font-weight: 500;
  color: #1872ab;
  width: 96%;
  margin: 0 auto;
  border-bottom: 1px dotted #ddd;
  padding-bottom: 1em;
  margin-bottom: 1em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .mordal .mordal_main_login .header h2 {
    margin-bottom: 0;
  }
}
.mordal .mordal_main_login .left {
  padding-top: 1em;
  width: 50%;
  text-align: center;
}
.mordal .mordal_main_login .left h3 {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 0.5em;
  text-align: left;
  width: 90%;
  margin: 0 auto 0.5em;
}
.mordal .mordal_main_login .left input[type=text],
.mordal .mordal_main_login .left input[type=password] {
  width: 90% !important;
  margin: 0 auto;
  text-align: left;
  padding: 0.4em 0.8em;
  font-size: 14px;
  margin-bottom: 0.5em !important;
  letter-spacing: normal !important;
}
.mordal .mordal_main_login .left .button_login {
  background-color: #FAD069;
  display: block;
  width: 90%;
  margin: 10px auto 10px;
  border-radius: 20px;
  padding: 8px;
  text-decoration: none;
  color: black;
  font-size: 14px;
}
.mordal .mordal_main_login .left input#login_email,
.mordal .mordal_main_login .left input#login_password {
  margin-bottom: 0.5em !important;
}
.mordal .mordal_main_login .left .normal {
  font-size: 12px;
  text-decoration: none;
  text-align: center;
  width: 100%;
  display: block;
  margin-bottom: 40px;
}
.mordal .mordal_main_login .left a.normal {
  color: #1872ab;
}
.mordal .mordal_main_login .left a.normal:hover {
  text-decoration: underline;
}
.mordal .mordal_main_login .left a#resend_twofactor_code {
  display: none;
}
.mordal .mordal_main_login .left a#resend_twofactor_code.active {
  display: block;
}
.mordal .mordal_main_login .left a.forgot.desable {
  display: none;
}
.mordal .mordal_main_login .left .message {
  font-size: 80%;
  padding-bottom: 1em;
  color: #437fb4;
}
.mordal .mordal_main_login .left .two_factor_auth_area {
  margin-top: 15px !important;
}
@media screen and (max-width: 768px) {
  .mordal .mordal_main_login .left .two_factor_auth_area {
    margin-top: 7px !important;
  }
}
.mordal .mordal_main_login .left .two_factor_auth {
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  max-height: 1px;
  -webkit-transition: 500ms;
  transition: 500ms;
  margin: 0 auto;
}
.mordal .mordal_main_login .left .two_factor_auth.active {
  opacity: 1;
  visibility: visible;
  max-height: none;
  margin: 0 auto 20px;
}
@media screen and (max-width: 768px) {
  .mordal .mordal_main_login .left {
    width: 100%;
    max-height: none;
  }
  .mordal .mordal_main_login .left h3 {
    font-size: 12px;
  }
  .mordal .mordal_main_login .left .normal {
    margin-bottom: 10px;
  }
}
.mordal .mordal_main_login .right {
  padding-top: 1em;
  width: 50%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .mordal .mordal_main_login .right {
    width: 100%;
    margin-top: 2em;
  }
}
.mordal .mordal_main_login .right .entry_button {
  background-color: #0c82d6;
  color: #FFF;
  display: block;
  width: 90%;
  margin: 10px auto 10px;
  border-radius: 4px;
  padding: 14px 0;
  text-decoration: none;
  font-size: 14px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .mordal .mordal_main_login .right .entry_button {
    padding: 8px 0;
    width: 100%;
    padding: 12px 0;
    margin-top: 0px;
  }
}
.mordal .mordal_main_login .right .button_line {
  display: block;
  display: inline-block;
  position: relative;
  width: 90%;
  color: #FFF;
  padding: 14px 0;
  text-decoration: none;
  border-radius: 4px !important;
  font-size: 14px;
  text-align: center;
  overflow: hidden;
  font-weight: bold;
  background-color: #06C755;
  -webkit-transition: 300ms;
  transition: 300ms;
  margin-top: 10px;
}
.mordal .mordal_main_login .right .button_line::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 45px;
  height: 100%;
  background: url(../img/common/line_logo.svg) no-repeat;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  background-position: center;
  background-size: 70% auto;
}
@media screen and (max-width: 768px) {
  .mordal .mordal_main_login .right .button_line {
    width: 100%;
    max-width: none;
    margin: 10px auto 5px;
  }
}
.mordal .mordal_main_login .right .button_line:hover {
  background-color: #05B24C;
  text-decoration: none;
}
.mordal .mordal_main_login .right .button_line:hover {
  text-decoration: none;
}
.mordal .mordal_main_login .right .button_line:active {
  background-color: #048A3B;
}
.mordal .mordal_main_login .bnr {
  padding-top: 0px;
  width: 80%;
  margin: 0 auto;
}
.mordal .mordal_main_login .bnr div {
  margin-bottom: 10px;
}
.mordal .mordal_main_login .bnr div a img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .mordal .mordal_main_login .bnr {
    width: 90%;
    margin: 10px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .mordal .mordal_main_login .bnr div {
    width: 48%;
  }
}
.mordal .mordal_main {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 96%;
  height: auto;
  max-width: 600px;
  max-height: 90svh;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  padding: 20px 20px;
  background-color: rgb(255, 255, 255);
  border-radius: 5px;
}
.mordal .mordal_main.chara, .mordal .mordal_main.mail {
  max-width: 1200px;
}
.mordal .mordal_main.resend, .mordal .mordal_main.refund {
  overflow-y: auto;
  overflow-x: hidden;
}
.mordal .mordal_main h2 {
  text-align: center;
  font-size: 18px;
  color: #000 !important;
}
.mordal .mordal_main .message {
  margin-top: 0.6em;
}
.mordal .mordal_main .agreement_section {
  margin-top: 20px;
}
.mordal .mordal_main .agreement_section div {
  text-align: center;
}
.mordal .mordal_main .select_buttons {
  margin-top: 10px;
}
.mordal .mordal_main .select_buttons li {
  cursor: pointer;
}
.mordal .mordal_main .select_buttons li a {
  color: #333 !important;
}
.mordal .mordal_main.mail, .mordal .mordal_main.chara {
  padding: 20px;
  width: 90%;
}
@media screen and (max-width: 768px) {
  .mordal .mordal_main.mail, .mordal .mordal_main.chara {
    padding: 20px 10px;
  }
}
.mordal .mordal_main.mail > div, .mordal .mordal_main.chara > div {
  height: calc(90svh - 100px);
}
.mordal .mordal_main ul {
  margin-top: 1.5em;
}
.mordal .mordal_main ul li {
  margin-bottom: 10px;
  padding: 0.7em 1em;
  text-align: center;
  border-radius: 50px;
}
.mordal .mordal_main ul li:last-child {
  margin-bottom: 0px;
}
.mordal .mordal_main ul li span {
  line-height: 1;
}
.mordal .mordal_main.mini {
  max-width: 500px;
  padding: 30px 20px;
}
.mordal .mordal_main.mini ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}
.mordal .mordal_main.mini ul li {
  margin-bottom: 0px;
  width: 40%;
}

.forword_button,
*[data-behavior=forward] {
  background-color: #ffd665;
  border: 1px solid #ddd;
  -webkit-transition: 300ms;
  transition: 300ms;
}
.forword_button:hover,
*[data-behavior=forward]:hover {
  background-color: #ffe97a;
}

.cancel_button,
*[data-behavior=cancel] {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
}
.cancel_button:hover,
*[data-behavior=cancel]:hover {
  background-color: #f8f8f8;
}

.caution_button {
  background-color: #e98b8b;
}

.ec-totalBox {
  border-radius: 6px;
  border: 1px solid #ddd;
  background-color: #f3f3f3;
  margin-left: auto;
  color: rgb(82, 82, 99);
  padding: 20px;
  font-size: 14px;
}
.ec-totalBox dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.5em;
}
.ec-totalBox .ec-totalBox__paymentTotal {
  font-weight: 600;
  text-align: center;
  padding-top: 10px;
}
.ec-totalBox .ec-totalBox__price {
  color: red;
  font-size: 130%;
  margin-left: 0.3rem;
}
.ec-totalBox .ec-totalBox__taxLabel {
  color: red;
  margin-left: 0.4em;
}
.ec-totalBox .ec-totalBox__pointBlock {
  border-radius: 6px;
  line-height: 1;
  padding-bottom: 5px;
}
.ec-totalBox .ec-totalBox__pointBlock .ec-totalBox__spec dd {
  color: #ff9900;
}

.mordal .close_button {
  z-index: 100;
}
.mordal.lost_point .mordal_main {
  width: 90%;
  height: 90svh;
  padding-bottom: 10px !important;
  overflow: initial;
}
.mordal.lost_point .mordal_main .scroll_inner {
  padding: 10px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 90svh;
  overflow-y: auto;
}

/*領収書*/
.print-off {
  display: none !important;
}

.receipt_body {
  width: 900px;
  padding: 20px;
  padding-top: 2em;
  position: relative;
}
.receipt_body .reissue {
  font-size: 100px;
  position: absolute;
  right: 30px;
  top: 100px;
  opacity: 0.2;
}
.receipt_body .print_contoroll {
  background-color: #437fb4;
  padding: 0.5em 1em 0.5em 1em;
  text-align: right;
  width: 100%;
  border-radius: 8px;
}
.receipt_body .print_contoroll a {
  margin: 0;
}
.receipt_body .title {
  font-size: 20px;
  text-align: center;
  border: 1px solid #000;
  padding: 0.5em 1em;
  font-weight: bold;
  margin: 1em 0;
}
.receipt_body .body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.receipt_body .body > div {
  width: 50%;
  padding-left: 2em;
}
.receipt_body .body .total {
  width: 80%;
  border-bottom: 1px solid #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.receipt_body .body .total .large {
  font-size: 130%;
}
.receipt_body h2.print_title {
  font-size: 20px;
  border: 1px solid #000;
  padding: 0.25em 1em;
  background-color: #d6d6d6;
  margin: 1.5em 0;
}
.receipt_body ul.list_1 {
  padding: 0;
  margin: 1em 0 0;
}
.receipt_body ul.list_1 li {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5em 1em;
  border: 1px solid #000;
  border-top: none;
}
.receipt_body ul.list_1 li > div {
  font-size: 90%;
  text-align: right;
  border-right: 1px dotted #000;
  padding: 0 1em 0 0;
}
.receipt_body ul.list_1 li > div:nth-child(1) {
  width: 55%;
  text-align: left;
}
.receipt_body ul.list_1 li > div:nth-child(2) {
  width: 10%;
}
.receipt_body ul.list_1 li > div:nth-child(3) {
  width: 15%;
}
.receipt_body ul.list_1 li > div:nth-child(4) {
  width: 20%;
  padding-right: 0;
  border-right: none;
}
.receipt_body ul.list_1 li:first-child {
  background-color: #d6d6d6;
  border: 1px solid #000;
}
.receipt_body ul.list_2 {
  padding: 0;
  margin-top: 1em;
}
.receipt_body ul.list_2 li {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5em 1em;
  border: 1px solid #000;
  border-top: none;
}
.receipt_body ul.list_2 li > div {
  font-size: 90%;
  text-align: right;
  border-right: 1px dotted #000;
  padding: 0 1em 0 0;
}
.receipt_body ul.list_2 li > div:nth-child(1) {
  width: 80%;
  text-align: left;
}
.receipt_body ul.list_2 li > div:nth-child(2) {
  width: 20%;
  padding-right: 0;
  border-right: none;
}
.receipt_body ul.list_2 li:last-child {
  background-color: #f4f4f4;
  border: 1px solid #000;
  font-weight: bold;
  border-top: none;
}
.receipt_body ul.list_2 li:first-child {
  border: 1px solid #000;
}
.receipt_body .remarks {
  font-size: 0.8rem;
  margin-top: 2em;
}
.receipt_body .remarks ul {
  margin-top: 0;
}
.receipt_body .remarks ul li {
  margin-top: 0.5em;
}
.receipt_body .remarks ul li h3 {
  font-size: 0.8rem;
  padding: 0;
  margin: 0;
}

/*デバイス制御*/
.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
}
.top_link {
  background-color: #9c9b9b;
  text-align: center;
  position: relative;
}
.top_link a {
  color: #FFF;
  display: block;
  width: 100%;
  height: 100%;
  padding: 30px 0 10px;
}
.top_link a::before {
  content: "▲";
  pointer-events: none;
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 10px;
  color: #cbcaca;
}

#footer,
footer {
  background-color: #264f7b;
  padding: 60px 0 0;
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  #footer,
  footer {
    padding: 30px 0 0;
    margin-top: 0px;
  }
}
#footer .footer_bnr,
footer .footer_bnr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1200px;
  margin: 0 auto 60px;
  gap: 0% 2%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  #footer .footer_bnr,
  footer .footer_bnr {
    padding: 0 3%;
    margin: 0 auto 30px;
  }
}
#footer .footer_bnr li,
footer .footer_bnr li {
  width: 48%;
}
@media only screen and (max-width: 768px) {
  #footer .footer_bnr li,
  footer .footer_bnr li {
    width: 100%;
    margin-bottom: 10px;
  }
}
#footer .footer_bnr li img,
footer .footer_bnr li img {
  width: 100%;
}
#footer ul.menu,
footer ul.menu {
  width: 96%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1400px;
  margin: 0 auto;
}
#footer .copy,
footer .copy {
  padding: 1em 0;
  text-align: center;
  color: #FFF;
  background-color: #264f7b;
  margin-top: 60px;
  font-size: 12px;
}
@media only screen and (max-width: 767px) {
  #footer .copy,
  footer .copy {
    background-color: #437fb4;
    padding-bottom: 80px;
  }
}
#footer .footer-link,
footer .footer-link {
  max-width: 1200px;
  width: 96%;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 0.5fr;
  grid-template-columns: 1fr 1fr 0.5fr;
}
@media only screen and (max-width: 768px) {
  #footer .footer-link,
  footer .footer-link {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
#footer .footer-link-column-child,
footer .footer-link-column-child {
  margin-bottom: 30px;
  padding-left: 60px;
}
@media only screen and (max-width: 768px) {
  #footer .footer-link-column-child,
  footer .footer-link-column-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    padding: 0px 0 20px 80px;
  }
}
#footer .footer-link-column-child.icon_cart,
footer .footer-link-column-child.icon_cart {
  background: url(../img/common/footer_icon_cart.svg) no-repeat left top;
  background-size: 40px auto;
}
@media only screen and (max-width: 768px) {
  #footer .footer-link-column-child.icon_cart,
  footer .footer-link-column-child.icon_cart {
    background: url(../img/common/footer_icon_cart.svg) no-repeat left 15px top;
    background-size: 40px auto;
  }
}
#footer .footer-link-column-child ul li,
footer .footer-link-column-child ul li {
  color: #FFF;
  font-size: 14px;
}
@media only screen and (max-width: 768px) {
  #footer .footer-link-column-child ul li,
  footer .footer-link-column-child ul li {
    font-size: 3.1vw;
  }
}
#footer .footer-link-column-child ul li,
footer .footer-link-column-child ul li {
  margin-bottom: 10px !important;
}
#footer .footer-link-column-child ul li .ttl,
footer .footer-link-column-child ul li .ttl {
  font-weight: bold !important;
}
#footer .footer-link-column-child.icon_guid,
footer .footer-link-column-child.icon_guid {
  background: url(../img/common/footer_icon_guid.svg) no-repeat left top;
  background-size: 40px auto;
}
@media only screen and (max-width: 768px) {
  #footer .footer-link-column-child.icon_guid,
  footer .footer-link-column-child.icon_guid {
    background: url(../img/common/footer_icon_guid.svg) no-repeat left 15px top;
    background-size: 40px auto;
  }
}
#footer .footer-link-column-child.icon_delivery,
footer .footer-link-column-child.icon_delivery {
  background: url(../img/common/footer_icon_delivery.svg) no-repeat left top;
  background-size: 40px auto;
}
@media only screen and (max-width: 768px) {
  #footer .footer-link-column-child.icon_delivery,
  footer .footer-link-column-child.icon_delivery {
    background: url(../img/common/footer_icon_delivery.svg) no-repeat left 15px top;
    background-size: 40px auto;
  }
}
#footer .footer-link-column-child.icon_qa,
footer .footer-link-column-child.icon_qa {
  background: url(../img/common/footer_icon_qa.svg) no-repeat left top;
  background-size: 40px auto;
}
@media only screen and (max-width: 768px) {
  #footer .footer-link-column-child.icon_qa,
  footer .footer-link-column-child.icon_qa {
    background: url(../img/common/footer_icon_qa.svg) no-repeat left 15px top;
    background-size: 40px auto;
  }
}
#footer .footer-link-column-child.icon_sns,
footer .footer-link-column-child.icon_sns {
  background: url(../img/common/footer_icon_sns.svg) no-repeat left top;
  background-size: 40px auto;
}
@media only screen and (max-width: 768px) {
  #footer .footer-link-column-child.icon_sns,
  footer .footer-link-column-child.icon_sns {
    background: url(../img/common/footer_icon_sns.svg) no-repeat left 15px top;
    background-size: 40px auto;
  }
}
#footer .footer-link-column-child .sns_layout,
footer .footer-link-column-child .sns_layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  padding-left: 5px;
}
#footer .footer-link-column-child .sns_layout li,
footer .footer-link-column-child .sns_layout li {
  margin-top: 10px;
}
#footer .footer-link-column-child .sns_layout li a::before,
footer .footer-link-column-child .sns_layout li a::before {
  content: none;
}
#footer .footer-link-column-child .sns_layout li a img,
footer .footer-link-column-child .sns_layout li a img {
  width: 30px;
}
#footer .footer-link-column-child h3 a,
footer .footer-link-column-child h3 a {
  color: #fff;
  font-weight: 600;
}
#footer .footer-link-column-child h3 a:hover,
footer .footer-link-column-child h3 a:hover {
  text-decoration: none;
}
#footer .footer-link-column-child h3 a[href]::after,
footer .footer-link-column-child h3 a[href]::after {
  content: "→";
  font-weight: 100;
  margin-left: 0.5em;
}
#footer .footer-link-column-child h3,
footer .footer-link-column-child h3 {
  margin-bottom: 10px;
}
#footer .footer-link-column-child p,
footer .footer-link-column-child p {
  color: #FFF;
  line-height: 2;
  font-size: 14px;
}
#footer .footer-link-column-child ul,
footer .footer-link-column-child ul {
  display: block;
}
#footer .footer-link-column-child ul li,
footer .footer-link-column-child ul li {
  margin-bottom: 0px;
}
#footer .footer-link-column-child ul li a,
footer .footer-link-column-child ul li a {
  font-size: 14px;
  display: block;
  margin-bottom: 5px;
  text-decoration: underline;
  color: #fff;
}
#footer .footer-link-column-child ul li a::before,
footer .footer-link-column-child ul li a::before {
  content: "・";
}
#footer .footer-link-column-child ul li p,
footer .footer-link-column-child ul li p {
  color: #fff;
  font-size: 14px;
  margin-bottom: 5px;
  line-height: 1.6;
  position: relative;
  padding-left: 1em;
}
#footer .footer-link-column-child ul li p::before,
footer .footer-link-column-child ul li p::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}
#footer ul.vlink,
footer ul.vlink {
  width: 96%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1600px;
  margin: 30px auto 0;
  gap: 10px 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#footer ul.vlink li a,
footer ul.vlink li a {
  color: #FFF;
  font-size: 14px;
}

.block_title {
  font-size: 26px;
  padding: 0px 2% 30px;
  font-weight: 500;
  color: #1872ab;
}
.block_title span {
  display: block;
  font-size: 50%;
  font-weight: normal;
}

.banzai {
  position: relative;
}
.banzai::before {
  content: "";
  position: absolute;
  left: -1.5em;
  bottom: 0;
  width: 1px;
  height: 30px;
  border-left: 1px solid #bcbcbc;
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.banzai::after {
  content: "";
  position: absolute;
  right: -1.5em;
  bottom: 0;
  width: 1px;
  height: 30px;
  border-left: 1px solid #bcbcbc;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
}

/**検索ページ**/
.serch_params_ui {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 96%;
  margin: 30px auto 20px auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .serch_params_ui {
    margin-top: 30px;
  }
}
.serch_params_ui h1 {
  padding: 0;
  width: 100%;
  margin-bottom: 10px !important;
  color: #333;
  font-weight: 500;
  font-size: 24px;
}
.serch_params_ui h1 span {
  color: #717171;
}
.serch_params_ui h1 a {
  text-decoration: none;
  -webkit-transition: 300ms;
  transition: 300ms;
  color: #3084cd;
}
.serch_params_ui h1 a span {
  color: #3084cd;
}
.serch_params_ui h1 a:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
  text-decoration: underline;
}
.serch_params_ui h1 .arrow {
  padding-left: 1em;
  background: url(../img/common/r_arrow.svg) no-repeat center left 5px;
  background-size: auto 40%;
}
@media only screen and (max-width: 767px) {
  .serch_params_ui h1 {
    font-size: 4.5vw;
    margin-bottom: 0px;
  }
}
.serch_params_ui .left {
  width: calc(100% - 300px);
  color: #666;
}
.serch_params_ui .left.disable {
  visibility: hidden;
}
.serch_params_ui .left .output_hit_total,
.serch_params_ui .left .output_totalpage,
.serch_params_ui .left .output_currentpage {
  font-weight: bold;
  color: #005dae;
}
@media only screen and (max-width: 767px) {
  .serch_params_ui .left {
    width: 75%;
    font-size: 3.5vw;
    padding-left: 0.5em;
  }
}
.serch_params_ui .right {
  width: 300px;
  text-align: right;
}
.serch_params_ui .right select {
  width: 40%;
}
@media only screen and (max-width: 767px) {
  .serch_params_ui .right {
    width: 25%;
  }
  .serch_params_ui .right select {
    font-size: 12px;
    width: 100%;
  }
  .serch_params_ui .right #orderby {
    display: none;
  }
}

.orderby_button {
  width: 96%;
  margin: 0 auto;
}
.orderby_button ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #ddd;
  border-radius: 30px;
  margin-bottom: 20px;
  overflow: hidden;
}
.orderby_button ul li {
  position: relative;
  width: 20%;
  text-align: center;
  padding: 0.6em 0;
  font-size: 14px;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .orderby_button ul li {
    font-size: 2.7vw;
  }
}
.orderby_button ul li.active {
  background-color: #437fb4;
  color: #FFF;
}
.orderby_button ul li:hover {
  background-color: #cdd7dd;
}
.orderby_button ul li::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 100%;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
  background-color: #ddd;
}
.orderby_button ul li:last-child::after {
  content: none;
}

.select_custom {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.favo {
  background: url(../img/common/icon_like.svg) no-repeat center;
  background-size: contain;
}
.favo.on {
  background: url(../img/common/icon_like_active.svg) no-repeat center;
  background-size: contain;
}

.share {
  background: url(../img/common/icon_share.svg) no-repeat center;
  background-size: contain;
}

.more_item {
  overflow: hidden;
  max-height: 500px;
}

.scroll_y {
  overflow-y: auto;
  overflow-x: hidden;
}

.chara_search {
  max-width: 1000px;
  width: 96%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 6px;
  background-color: #F7F7F7;
}
.chara_search .text_search {
  position: relative;
}
.chara_search .text_search input[type=text] {
  border-radius: 4px;
}
.chara_search .text_search input[type=button] {
  position: absolute;
  right: 0;
  top: 0;
  width: 70px;
  height: 100%;
  border-radius: 0 4px 4px 0;
  background-color: #437fb4;
  color: #FFF;
  border: 0;
}
.chara_search .kana_search .jp_index {
  margin-top: 20px;
}
.chara_search .kana_search .jp_index li {
  display: inline-block;
  margin-right: 4px;
  padding: 4px 8px;
  border: 1px solid #ddd;
  cursor: pointer;
  background-color: #FFF;
  border-radius: 4px;
  font-size: 14px;
}
.chara_search .kana_search .jp_index li:not(.active):hover {
  border: 1px solid rgb(255, 140, 0);
}
.chara_search .kana_search .jp_index li.active {
  background-color: #106490;
  color: #FFF;
}
@media screen and (max-width: 768px) {
  .chara_search .kana_search {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 6px;
  }
  .chara_search .kana_search::-webkit-scrollbar {
    height: 4px;
  }
  .chara_search .kana_search::-webkit-scrollbar-thumb {
    background: #779fb5;
    border-radius: 10px;
    /* ハンドルの色 */
  }
  .chara_search .kana_search::-webkit-scrollbar-track {
    background: #cccccc;
    border-radius: 10px;
    /* 背景色 */
  }
}

.qa_search {
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 6px;
  background-color: #F7F7F7;
}
.qa_search .text_search {
  position: relative;
}
.qa_search .text_search input[type=text] {
  border-radius: 4px;
}
.qa_search .text_search input[type=button] {
  position: absolute;
  right: 0;
  top: 0;
  width: 70px;
  height: 100%;
  border-radius: 0 4px 4px 0;
  background-color: #437fb4;
  color: #FFF;
  border: 0;
}
.qa_search .kana_search .jp_index {
  margin-top: 20px;
}
.qa_search .kana_search .jp_index li {
  display: inline-block;
  margin-right: 4px;
  padding: 4px 8px;
  border: 1px solid #ddd;
  cursor: pointer;
  background-color: #FFF;
  border-radius: 4px;
  font-size: 14px;
}
.qa_search .kana_search .jp_index li:not(.active):hover {
  border: 1px solid rgb(255, 140, 0);
}
.qa_search .kana_search .jp_index li.active {
  background-color: #106490;
  color: #FFF;
}
@media screen and (max-width: 768px) {
  .qa_search .kana_search {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 6px;
  }
  .qa_search .kana_search::-webkit-scrollbar {
    height: 4px;
  }
  .qa_search .kana_search::-webkit-scrollbar-thumb {
    background: #779fb5;
    border-radius: 10px;
    /* ハンドルの色 */
  }
  .qa_search .kana_search::-webkit-scrollbar-track {
    background: #cccccc;
    border-radius: 10px;
    /* 背景色 */
  }
}

.output_search_list.disable {
  display: none;
}

.history_total {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .history_total {
    margin-top: 10px;
  }
}
.history_total span {
  font-weight: bold;
  color: #1872ab;
  font-size: 130%;
}
@media screen and (max-width: 768px) {
  .history_total span {
    font-size: 18px !important;
  }
}

#page_point_history .no_point_block_2 {
  margin-top: 10px;
}
#page_point_history .point_history {
  background-color: #F7F7F7;
  padding: 10px;
  border-radius: 6px;
  margin-bottom: 10px;
}
#page_point_history .point_history .mb10 {
  margin-bottom: 10px;
}
#page_point_history .point_history .point_history_inner {
  font-size: 14px;
  border: 1px solid #ddd;
  background-color: #FFF;
  border-radius: 6px;
  padding: 20px 20px 20px 20px;
}
#page_point_history .total_point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#page_point_history .total_point .title_block {
  font-size: 120%;
  color: rgb(114, 114, 114);
}
#page_point_history .total_point .point_block .output_total_point {
  font-size: 200%;
  color: orange;
  text-align: right;
  display: block;
}
#page_point_history .lost_point_summary {
  border-top: 1px dotted #ddd;
  width: 100%;
  margin-top: 5px;
  padding-top: 10px;
}
#page_point_history .lost_point_summary li {
  margin-top: 5px;
  text-align: right;
}
@media screen and (max-width: 768px) {
  #page_point_history .lost_point_summary li {
    text-align: center;
  }
}
#page_point_history .lost_point_summary li .title {
  margin-right: 10px;
  color: #696969;
}
#page_point_history .lost_point_summary li .date {
  margin-right: 10px;
  color: #696969;
}
#page_point_history .lost_point_summary li .point {
  color: orange;
  font-weight: bold;
  display: inline-block;
  min-width: 70px;
}
#page_point_history .output_point_history li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 1% 5px;
  border-bottom: 1px solid #ddd;
}
#page_point_history .output_point_history li.header {
  border-bottom: 2px solid #ddd;
  font-weight: bold;
}
#page_point_history .output_point_history li.header div {
  color: #333 !important;
}
#page_point_history .output_point_history li div.row_date {
  width: 200px;
  color: #787878;
  border-right: 1px solid #ddd;
  padding-left: 0px !important;
}
#page_point_history .output_point_history li div.row_reason {
  width: calc(100% - 200px - 150px);
  border-right: 1px solid #ddd;
  padding-left: 10px !important;
}
#page_point_history .output_point_history li div.row_point {
  width: 150px;
  font-weight: bold;
  padding-left: 1em !important;
}
@media screen and (max-width: 768px) {
  #page_point_history .output_point_history li div.row_date {
    width: 25% !important;
    color: #787878;
    border-right: 1px solid #ddd;
    padding-left: 20px;
  }
  #page_point_history .output_point_history li div.row_reason {
    width: 50%;
    border-right: 1px solid #ddd;
    padding-left: 20px;
  }
  #page_point_history .output_point_history li div.row_point {
    width: 25%;
    font-weight: bold;
    padding-left: 20px;
  }
}
#page_point_history .output_point_history li div {
  text-align: left;
  padding: 7px 1% 4px;
  position: relative;
}
#page_point_history .output_point_history li div .sub {
  font-size: 10px;
  color: #666;
  text-align: left;
  display: none;
}
#page_point_history .output_point_history li div {
  margin-bottom: 5px;
  text-align: left;
}
#page_point_history .output_point_history li div .point,
#page_point_history .output_point_history li div .sub_total_point,
#page_point_history .output_point_history li div .normal.term {
  text-align: right;
  display: block;
  padding: 0;
  position: relative;
  padding-bottom: 4px;
  color: rgb(255, 140, 0);
}
#page_point_history .output_point_history li div .point.use,
#page_point_history .output_point_history li div .sub_total_point.use,
#page_point_history .output_point_history li div .normal.term.use {
  color: rgb(110, 110, 160);
}
#page_point_history .output_point_history li div .point.add,
#page_point_history .output_point_history li div .sub_total_point.add,
#page_point_history .output_point_history li div .normal.term.add {
  color: orange;
}
#page_point_history .output_point_history li div .term {
  color: #666 !important;
}
@media screen and (max-width: 768px) {
  #page_point_history .output_point_history li {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #page_point_history .output_point_history li div {
    font-size: 3vw;
  }
}

#page_bookmark .fav_selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1em;
}
#page_bookmark .fav_selector li.active {
  font-weight: bold;
}
#page_bookmark .select_target {
  margin: 30px 0;
  display: none;
}
#page_bookmark .select_target.active {
  display: block;
}

.chara_mordal .mordal_char_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1%;
}
.chara_mordal .mordal_char_list li {
  width: 13.4285714286%;
  background: none !important;
  border-radius: 4px !important;
  padding: 7px !important;
  background-color: #F7F7F7 !important;
}
.chara_mordal .mordal_char_list li div {
  border-radius: 4px;
  overflow: hidden;
}
.chara_mordal .mordal_char_list li div img {
  width: 100%;
}
.chara_mordal .mordal_char_list li.active {
  background-color: #84b1d6 !important;
  color: #FFF;
}
.chara_mordal .mordal_char_list li p {
  font-size: 12px;
  padding-top: 0.5em;
}
@media screen and (max-width: 768px) {
  .chara_mordal .mordal_char_list li {
    width: 32%;
  }
  .chara_mordal .mordal_char_list li p {
    font-size: 2.7vw;
  }
}

.fold_target {
  overflow: hidden;
  position: relative;
  -webkit-transition: 300ms;
  transition: 300ms;
}
.fold_target::after {
  content: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30%;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(transparent));
  background-image: linear-gradient(0deg, #ffffff, transparent);
  -webkit-transition: 300ms;
  transition: 300ms;
  pointer-events: none;
}
.fold_target.active::after {
  opacity: 0;
  pointer-events: none;
}

.footer_menu {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-top: 0;
  z-index: 101;
}
.footer_menu div {
  margin: 0;
  padding: 0;
  background: none;
}
.footer_menu .menu_section {
  background-color: #264f7b;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
  -webkit-transition: 300ms;
  transition: 300ms;
}
.footer_menu .menu_section.active {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.footer_menu .bottom_search_area {
  background-color: #FFF;
  pointer-events: none;
  -webkit-transition: 300ms;
  transition: 300ms;
  padding: 10px 2%;
  display: none;
}
.footer_menu .bottom_search_area.active {
  pointer-events: all;
  display: block;
  visibility: visible;
}
.footer_menu .bottom_search_area select {
  margin-top: 5px;
}
.footer_menu .menu li {
  width: 25%;
  height: 60px;
  position: relative;
  margin-bottom: 0;
}
.footer_menu .menu li a {
  display: block;
  width: 100%;
  height: 100%;
}
.footer_menu .menu li:nth-child(1) {
  background: url(../img/common/f_loope.svg) no-repeat top 8px center;
  background-size: 27px auto;
}
.footer_menu .menu li:nth-child(2) {
  background: url(../img/common/f_mypage.svg) no-repeat top 8px center;
  background-size: 27px auto;
}
.footer_menu .menu li:nth-child(3) {
  background: url(../img/common/f_cart.svg) no-repeat top 8px center;
  background-size: 32px auto;
}
.footer_menu .menu li:nth-child(4) {
  background: url(../img/common/f_menu.svg) no-repeat top 8px center;
  background-size: 27px auto;
}
.footer_menu .menu li .text {
  font-size: 13px;
  color: #FFF;
  display: block;
  position: absolute;
  bottom: 5px;
  text-align: center;
  width: 100%;
}
.footer_menu .menu li .amount {
  font-size: 10px;
  color: #FFF;
  display: block;
  position: absolute;
  top: 5px;
  left: 50%;
  -webkit-transform: translate3d(-45%, 0, 0);
          transform: translate3d(-45%, 0, 0);
  text-align: center;
  width: 50%;
}
.footer_menu .menu li::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 55%;
  background-color: #FFF;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.footer_menu .menu li:last-child::after {
  content: none;
}

.input_wrapper {
  position: relative;
}
.input_wrapper .search_action.hd,
.input_wrapper .search_action_bottom {
  position: absolute;
  width: 40px;
  height: 100%;
  background: url(../img/common/loope.svg) no-repeat #437fb4 center;
  background-size: 60% auto;
  top: 0px;
  right: 0px;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
}

input[type=text],
input[type=password],
input[type=tel] {
  height: 36px;
  width: 100%;
  padding-left: 1em;
  border-radius: 0 4px 4px 0;
  border: 1px solid #ddd;
  font-size: 14px;
}
input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder {
  color: #aaa !important;
}
input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=tel]::-moz-placeholder {
  color: #aaa !important;
}
input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder {
  color: #aaa !important;
}
input[type=text]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder {
  color: #aaa !important;
}
input[type=text]::placeholder,
input[type=password]::placeholder,
input[type=tel]::placeholder {
  color: #aaa !important;
}
@media screen and (max-width: 768px) {
  input[type=text],
  input[type=password],
  input[type=tel] {
    border-radius: 4px;
    font-size: 16px;
  }
}

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px 0 5px 35px;
  width: 100%;
  height: 36px;
  -moz-text-align-last: left;
       text-align-last: left;
  font-size: 14px;
  background: url(../img/common/delta_down_b.svg) #FFF no-repeat center left 12px;
}

.output_loginpoint {
  text-align: center;
}
.output_loginpoint span {
  display: inline-block;
  color: red;
  font-size: 115%;
  font-weight: bold;
  padding: 20px 0 30px;
}

.get_login_point {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 500ms;
  transition: 500ms;
  pointer-events: none;
  overflow: hidden;
}
.get_login_point.active {
  pointer-events: all;
  visibility: visible;
  opacity: 1;
}
.get_login_point.disable {
  max-height: 1px;
  margin: 0;
  padding: 0;
  opacity: 0;
  pointer-events: none;
}

.output_spacial_image img {
  width: 100%;
}

.ec-errorMessage {
  color: red;
  font-weight: bold;
}

.entry-yahoo-img {
  font-weight: bold;
  color: #1b7b2a;
  margin-bottom: 20px;
  font-size: 120%;
  position: relative;
  padding-left: 40px;
}
.entry-yahoo-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 100%;
  background: url(../img/common/itemcheck_on.png) no-repeat;
  background-size: cover;
}

.output_search_message.no_result {
  text-align: center;
  background-color: #ffebf1;
  width: 96%;
  margin: 0 auto;
  padding: 2em 1em;
  border-radius: 6px;
}
.output_search_message.no_result h3 {
  margin-bottom: 10px;
}

#search_cayegory_select_footer select {
  -moz-text-align-last: left;
       text-align-last: left;
}

#search_section_mid_sp {
  margin: 10px auto 20px auto;
  display: none;
}
#search_section_mid_sp .search {
  width: 94%;
}
#search_section_mid_sp #search_cayegory_select_mid_sp {
  display: none;
}

@media only screen and (max-width: 767px) {
  #index_page #search_section_mid_sp,
  #list_page #search_section_mid_sp {
    display: block;
  }
  #index_page #search_section_mid_sp.off,
  #list_page #search_section_mid_sp.off {
    overflow: hidden;
    height: 0px;
    visibility: hidden;
  }
}
.reccomend_more {
  width: 90%;
}

.scrollbutton_left,
.scrollbutton_right {
  position: absolute;
  top: 50%;
  width: 60px;
  height: 60px;
  border-radius: 6px;
  cursor: pointer;
}
.scrollbutton_left:hover,
.scrollbutton_right:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.scrollbutton_left,
.scrollbutton_right {
  -webkit-transition: 300ms;
  transition: 300ms;
}
.scrollbutton_left.small,
.scrollbutton_right.small {
  width: 30px;
  height: 30px;
}

.scrollbutton_left {
  left: 1%;
  background: url(../img/common/r_arrow_w.svg) no-repeat rgba(0, 0, 0, 0.5) center;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-size: 20%;
}
.scrollbutton_left.small {
  -webkit-transform: translate3d(0, -50%, 0) rotate(180deg);
          transform: translate3d(0, -50%, 0) rotate(180deg);
}

.scrollbutton_right {
  right: 1%;
  background: url(../img/common/r_arrow_w.svg) no-repeat rgba(0, 0, 0, 0.5) center;
  background-size: 20%;
}
.scrollbutton_right.small {
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}

@-webkit-keyframes cutin {
  0% {
    clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%);
  }
  50% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 100%, 0% 100%, 0% 0%);
  }
  100% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 100%, 0% 0%);
  }
}

@keyframes cutin {
  0% {
    clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%);
  }
  50% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 100%, 0% 100%, 0% 0%);
  }
  100% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 100%, 0% 0%);
  }
}
#login_page {
  min-height: 1000px;
}
#login_page .login_section {
  border: 1px solid #ddf;
  width: 96%;
  height: auto;
  max-width: 800px;
  padding: 20px;
  background-color: #FFF;
  border-radius: 5px;
  margin: 100px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #login_page .login_section {
    width: 90%;
  }
}
#login_page .login_section .header {
  width: 100%;
}
#login_page .login_section .header h2 {
  font-size: 18px;
  font-weight: 500;
  color: #1872ab;
  width: 96%;
  margin: 0 auto;
  border-bottom: 1px dotted #ddd;
  padding-bottom: 1em;
  margin-bottom: 1em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #login_page .login_section .header h2 {
    margin-bottom: 0;
  }
}
#login_page .login_section .left {
  padding-top: 1em;
  width: 50%;
  text-align: center;
}
#login_page .login_section .left h3 {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 0.5em;
  text-align: left;
  width: 90%;
  margin: 0 auto 0.5em;
}
#login_page .login_section .left input {
  width: 90%;
  margin: 0 auto;
  text-align: left;
  padding: 0.4em 0.8em;
  font-size: 14px;
  margin-bottom: 0.5em;
}
#login_page .login_section .left .page_button_login {
  background-color: #FAD069;
  display: block;
  width: 90%;
  margin: 10px auto 10px;
  border-radius: 20px;
  padding: 8px;
  text-decoration: none;
  color: black;
  font-size: 14px;
}
#login_page .login_section .left .normal {
  font-size: 12px;
  text-decoration: none;
  text-align: center;
  width: 100%;
  display: block;
  margin-bottom: 40px;
}
#login_page .login_section .left .message {
  font-size: 80%;
  padding-bottom: 1em;
  color: #437fb4;
}
#login_page .login_section .left a.normal {
  color: #1872ab;
}
#login_page .login_section .left a.normal:hover {
  text-decoration: underline;
}
#login_page .login_section .left .two_factor_auth_area {
  margin-top: 15px !important;
}
@media screen and (max-width: 768px) {
  #login_page .login_section .left .two_factor_auth_area {
    margin-top: 7px !important;
  }
}
#login_page .login_section .left .page_two_factor_auth {
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  max-height: 1px;
  -webkit-transition: 500ms;
  transition: 500ms;
  margin: 0 auto;
}
#login_page .login_section .left .page_two_factor_auth.active {
  opacity: 1;
  visibility: visible;
  max-height: none;
  margin: 0 auto 20px;
}
@media screen and (max-width: 768px) {
  #login_page .login_section .left {
    width: 100%;
    max-height: none;
  }
  #login_page .login_section .left h3 {
    font-size: 12px;
  }
  #login_page .login_section .left .normal {
    margin-bottom: 10px;
  }
}
#login_page .login_section .right {
  padding-top: 1em;
  width: 50%;
  text-align: center;
  padding-top: 30px;
}
@media screen and (max-width: 768px) {
  #login_page .login_section .right {
    width: 100%;
    margin-top: 1em;
  }
}
#login_page .login_section .right .entry_button {
  background-color: #0c82d6;
  color: #FFF;
  display: block;
  width: 90%;
  margin: 10px auto 10px;
  border-radius: 4px;
  padding: 14px 0;
  text-decoration: none;
  font-size: 14px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #login_page .login_section .right .entry_button {
    padding: 8px 0;
    width: 100%;
    padding: 12px 0;
    margin-top: 0px;
  }
}
#login_page .login_section .right .page_button_line {
  display: block;
  display: inline-block;
  position: relative;
  width: 90%;
  color: #FFF;
  padding: 14px 0;
  text-decoration: none;
  border-radius: 4px !important;
  font-size: 14px;
  text-align: center;
  overflow: hidden;
  font-weight: bold;
  background-color: #06C755;
  -webkit-transition: 300ms;
  transition: 300ms;
  margin-top: 10px;
}
#login_page .login_section .right .page_button_line::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 45px;
  height: 100%;
  background: url(../img/common/line_logo.svg) no-repeat;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  background-position: center;
  background-size: 70% auto;
}
@media screen and (max-width: 768px) {
  #login_page .login_section .right .page_button_line {
    width: 100%;
    max-width: none;
    margin: 10px auto 5px;
  }
}
#login_page .login_section .right .page_button_line:hover {
  background-color: #05B24C;
  text-decoration: none;
}
#login_page .login_section .right .page_button_line:hover {
  text-decoration: none;
}
#login_page .login_section .right .page_button_line:active {
  background-color: #048A3B;
}
#login_page .login_section .bnr {
  padding-top: 0px;
  width: 80%;
  margin: 0 auto;
}
#login_page .login_section .bnr div {
  margin-bottom: 10px;
}
#login_page .login_section .bnr div a img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #login_page .login_section .bnr {
    width: 90%;
    margin: 10px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #login_page .login_section .bnr div {
    width: 48%;
  }
}

.zoom_window {
  position: fixed;
  left: calc(600px + (100vw - 1600px) / 2);
  width: calc(100% - 620px - (100vw - 1600px) / 2);
  max-width: 1500px;
  max-height: 1500px;
  z-index: 10;
}
@media only screen and (max-width: 1580px) {
  .zoom_window {
    left: calc((100% - 330px) / 2);
    width: calc((100% - 330px) / 2 + 320px);
  }
}
@media only screen and (max-width: 960px) {
  .zoom_window {
    display: none;
  }
}
.zoom_window {
  top: 20px;
  height: calc(100svh - 40px);
  border: 1px solid #ddd;
  overflow: hidden;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: 500ms;
  transition: 500ms;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.zoom_window.z_active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.zoom_window .zoom_image {
  position: absolute;
  left: 0;
  top: 0;
  width: 1500px;
  height: auto;
}

.redirect_message {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  margin-top: 30px;
  padding: 20px;
  color: #437fb4;
  font-size: 130%;
  line-height: 1.7;
  display: none;
  border-radius: 6px;
}
.redirect_message.active {
  display: block;
}
@media screen and (max-width: 768px) {
  .redirect_message {
    padding: 20px 0;
    line-height: 1.7;
    font-size: 4.3vw;
    font-weight: bold;
  }
}

section.size_1200 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

section.full_size {
  width: 100%;
}

main > section {
  padding: 30px 0 30px;
}

.mordal.lost_point h3 {
  color: #437fb4;
  font-weight: 500;
}
.mordal.lost_point .lost_point_list {
  margin: 10px 0;
}
.mordal.lost_point .lost_point_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px dashed #ddd;
  border-radius: 0;
  color: rgb(153, 153, 153);
  margin: 0;
  padding: 10px 0;
  cursor: auto;
}
.mordal.lost_point .lost_point_list li:last-child {
  border-bottom: none;
}
.mordal.lost_point .lost_point_list li .point {
  color: orange;
}
.mordal.lost_point .total {
  padding: 0.7em 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #f4f4f4;
  border-radius: 6px;
}
.mordal.lost_point .total .total_point {
  color: orange;
}

.loading_cartain_detail,
.loading_cartain {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  z-index: 9999;
}
.loading_cartain_detail.active,
.loading_cartain.active {
  -webkit-transition: 300ms;
  transition: 300ms;
  opacity: 0;
  pointer-events: none;
}

a.text_link_arrow,
a.text_link_plus {
  position: relative;
  padding-left: 20px;
  color: #1872ab;
  text-decoration: none;
}
a.text_link_arrow:hover,
a.text_link_plus:hover {
  text-decoration: underline;
}
a.text_link_arrow::before,
a.text_link_plus::before {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
  background: url(../img/common/icon_link_text_arrow.svg) no-repeat center;
  background-size: contain;
}

a.text_link_plus::before {
  background: url(../img/common/icon_link_text_plus.svg) no-repeat center;
  background-size: contain;
}

.button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  padding: 0.7em 1em !important;
  text-align: center !important;
  text-decoration: none !important;
  background-color: #ff9bf3 !important;
  border-radius: 30px !important;
  font-weight: 500 !important;
  color: #333 !important;
  line-height: 1 !important;
  letter-spacing: 0px !important;
  font-size: 16px !important;
  width: 100%;
  margin: 20px auto;
  -webkit-transition: 300ms;
  transition: 300ms;
  cursor: pointer;
}
.button.type_square {
  border-radius: 4px !important;
  padding: 0.7em 0.5em !important;
}
.button.type_arrow {
  background-repeat: no-repeat;
  background-size: auto 30%;
}
.button.type_inline {
  display: inline-block !important;
  width: auto !important;
  margin: 20px 10px;
  padding: 0.7em 1em !important;
}
.button.type_small {
  font-size: 12px !important;
  padding: 0.7em 0.5em !important;
}
.button.normal {
  background-color: #437fb4 !important;
  border: 1px solid rgb(197, 197, 197) !important;
  color: #FFF !important;
}
.button.function {
  background-color: #eff3f4 !important;
  border: 1px solid rgb(199, 199, 199) !important;
  color: #264f7b !important;
}
.button.function.type_arrow {
  background-image: url(../img/common/l_arrow.svg);
  background-position: left 15px center;
}
.button.special {
  background-color: rgb(252, 88, 140) !important;
  border: 1px solid #ddd !important;
  color: #FFF !important;
}
.button.forward {
  background-color: #ffd665 !important;
  border: 1px solid #ffce3a !important;
}
.button.forward.type_arrow {
  background-image: url(../img/common/r_arrow.svg);
  background-position: right 15px center;
}
.button.back {
  background-color: #f5f5f5 !important;
  border: 1px solid #ddd !important;
}
.button.back.type_arrow {
  background-image: url(../img/common/l_arrow.svg);
  background-position: left 15px center;
}
.button.more {
  background-color: #437fb4 !important;
  color: #FFF !important;
}
.button.more.closed span {
  position: relative;
}
.button.more.closed span::before {
  content: "";
  position: absolute;
  left: -2em;
  top: 50%;
  display: block;
  width: 15px;
  height: 15px;
  background: url(../img/common/r_arrow_w.svg) no-repeat center;
  background-size: contain;
  -webkit-transform: translate3d(0, -40%, 0) rotate(90deg);
          transform: translate3d(0, -40%, 0) rotate(90deg);
}
.button.more.closed.opened span::before {
  -webkit-transform: translate3d(0, -60%, 0) rotate(-90deg);
          transform: translate3d(0, -60%, 0) rotate(-90deg);
}
.button.more.disable.closed span::before {
  content: none;
}
.button.disable, .button[disabled] {
  pointer-events: none;
  background-color: #e4e4e4 !important;
  color: #999999 !important;
  border: none !important;
}
.button:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.button.hidden {
  display: none;
}
.button.font_x2 {
  font-size: 28px !important;
  border-radius: 12px;
}

#reference main > section {
  border: dashed #EEE 1px;
}
#reference span.sub {
  font-size: 10px;
  color: #838383;
}
#reference .full_size {
  padding: 0 2%;
  max-width: 1600px;
  margin: 0 auto;
}
#reference .button_frame {
  border: 1px solid #ddd;
}

.ec-cartRole__progress {
  margin: 50px auto 70px;
}
@media screen and (max-width: 768px) {
  .ec-cartRole__progress {
    display: block !important;
    margin: 15px auto 45px !important;
  }
}

.progress_indicator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .progress_indicator {
    padding: 0 10px;
    gap: 5px;
  }
}
.progress_indicator .step {
  position: relative;
}
.progress_indicator .step .circle {
  border: 4px solid #ddd;
  width: 50px;
  height: 50px;
}
@media screen and (max-width: 768px) {
  .progress_indicator .step .circle {
    width: 40px;
    height: 40px;
  }
}
.progress_indicator .step .circle {
  border-radius: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  opacity: 1;
  -webkit-transition: all 300ms 1s;
  transition: all 300ms 1s;
}
.progress_indicator .step .circle span {
  position: absolute;
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .progress_indicator .step .circle span {
    font-size: 14px;
  }
}
.progress_indicator .step .circle svg {
  position: absolute;
  opacity: 0;
}
.progress_indicator .step .title {
  position: absolute;
  font-size: 13px;
  width: 100px;
  bottom: -2em;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  text-align: center;
  color: #264f7b;
}
@media screen and (max-width: 768px) {
  .progress_indicator .step .title {
    font-size: 10px;
  }
}
.progress_indicator .bar {
  height: 5px;
  width: 80px;
  border-radius: 5px;
  background-color: #efefef;
  overflow: hidden;
  position: relative;
}
.progress_indicator .bar:before {
  content: "";
  background-color: #437fb4;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}
.progress_indicator.step_1 .step_1 .circle {
  background-color: #437fb4;
  border: none;
  -webkit-animation: poyopoyo 1s ease-out forwards;
          animation: poyopoyo 1s ease-out forwards;
}
.progress_indicator.step_1 .step_1 .circle span {
  color: #fff;
}
.progress_indicator.step_1 .step_1 .circle svg {
  display: block;
}
.progress_indicator.step_1 .step_1 .circle svg .line {
  stroke-dasharray: 500;
  stroke-dashoffset: 500;
  -webkit-animation: draw 2s ease-in-out 1s forwards;
          animation: draw 2s ease-in-out 1s forwards;
}
.progress_indicator.step_2 .step_1 .circle {
  background-color: #437fb4;
  border: none;
  opacity: 1;
}
.progress_indicator.step_2 .step_1 .circle span {
  display: block;
  color: #fff;
}
.progress_indicator.step_2 .step_1 .circle svg {
  display: none;
}
.progress_indicator.step_2 .step_bar_1::before {
  -webkit-animation: bar_anim 1s ease-out 1s forwards;
          animation: bar_anim 1s ease-out 1s forwards;
}
.progress_indicator.step_2 .step_2 .circle {
  -webkit-animation: circle_amim 1s ease-out 2s forwards;
          animation: circle_amim 1s ease-out 2s forwards;
}
.progress_indicator.step_2 .step_2 .circle span {
  -webkit-animation: fadeout 300ms forwards 2s;
          animation: fadeout 300ms forwards 2s;
}
.progress_indicator.step_2 .step_2 .circle svg {
  opacity: 1;
}
.progress_indicator.step_2 .step_2 .circle svg .line {
  stroke-dasharray: 500;
  stroke-dashoffset: 500;
  -webkit-animation: draw 2s ease-in-out 2s forwards;
          animation: draw 2s ease-in-out 2s forwards;
}
.progress_indicator.step_3 .step_1 .circle,
.progress_indicator.step_3 .step_2 .circle {
  background-color: #437fb4;
  border: none;
  opacity: 1;
}
.progress_indicator.step_3 .step_1 .circle span,
.progress_indicator.step_3 .step_2 .circle span {
  display: block;
  color: #fff;
}
.progress_indicator.step_3 .step_1 .circle svg,
.progress_indicator.step_3 .step_2 .circle svg {
  display: none;
}
.progress_indicator.step_3 .step_bar_1::before {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.progress_indicator.step_3 .step_bar_2::before {
  -webkit-animation: bar_anim 1s ease-out 1s forwards;
          animation: bar_anim 1s ease-out 1s forwards;
}
.progress_indicator.step_3 .step_3 .circle {
  -webkit-animation: circle_amim 1s ease-out 2s forwards;
          animation: circle_amim 1s ease-out 2s forwards;
}
.progress_indicator.step_3 .step_3 .circle span {
  -webkit-animation: fadeout 300ms forwards 2s;
          animation: fadeout 300ms forwards 2s;
}
.progress_indicator.step_3 .step_3 .circle svg {
  opacity: 1;
}
.progress_indicator.step_3 .step_3 .circle svg .line {
  stroke-dasharray: 500;
  stroke-dashoffset: 500;
  -webkit-animation: draw 2s ease-in-out 2s forwards;
          animation: draw 2s ease-in-out 2s forwards;
}
.progress_indicator.step_4 .step_1 .circle,
.progress_indicator.step_4 .step_2 .circle,
.progress_indicator.step_4 .step_3 .circle {
  background-color: #437fb4;
  border: none;
  opacity: 1;
}
.progress_indicator.step_4 .step_1 .circle span,
.progress_indicator.step_4 .step_2 .circle span,
.progress_indicator.step_4 .step_3 .circle span {
  display: block;
  color: #fff;
}
.progress_indicator.step_4 .step_1 .circle svg,
.progress_indicator.step_4 .step_2 .circle svg,
.progress_indicator.step_4 .step_3 .circle svg {
  display: none;
}
.progress_indicator.step_4 .step_bar_1::before,
.progress_indicator.step_4 .step_bar_2::before {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.progress_indicator.step_4 .step_bar_3::before {
  -webkit-animation: bar_anim 1s ease-out 1s forwards;
          animation: bar_anim 1s ease-out 1s forwards;
}
.progress_indicator.step_4 .step_4 .circle {
  -webkit-animation: circle_amim 1s ease-out 2s forwards;
          animation: circle_amim 1s ease-out 2s forwards;
}
.progress_indicator.step_4 .step_4 .circle span {
  -webkit-animation: fadeout 300ms forwards 2s;
          animation: fadeout 300ms forwards 2s;
}
.progress_indicator.step_4 .step_4 .circle svg {
  opacity: 1;
}
.progress_indicator.step_4 .step_4 .circle svg .line {
  stroke-dasharray: 500;
  stroke-dashoffset: 500;
  -webkit-animation: draw 2s ease-in-out 2s forwards;
          animation: draw 2s ease-in-out 2s forwards;
}

@-webkit-keyframes fadeout {
  to {
    opacity: 0;
  }
}

@keyframes fadeout {
  to {
    opacity: 0;
  }
}
@-webkit-keyframes circle_amim {
  to {
    background-color: #437fb4;
    border: 0px;
  }
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  20% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes circle_amim {
  to {
    background-color: #437fb4;
    border: 0px;
  }
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  20% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes bar_anim {
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes bar_anim {
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes poyopoyo {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  20% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes poyopoyo {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  20% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
  }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
.button_frame {
  width: 100%;
}
.button_frame.multi_column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.button_frame.center {
  text-align: center;
}
.button_frame.limit_80 a,
.button_frame.limit_80 button,
.button_frame.limit_80 input {
  max-width: 80%;
  margin-left: auto !important;
  margin-right: auto !important;
}
.button_frame.limit_60 a,
.button_frame.limit_60 input,
.button_frame.limit_60 button {
  max-width: 60%;
  margin-left: auto !important;
  margin-right: auto !important;
}
@media only screen and (max-width: 960px) {
  .button_frame.limit_60 a,
  .button_frame.limit_60 input,
  .button_frame.limit_60 button {
    max-width: 80%;
  }
}

h3.ref {
  margin: 40px 0 20px 0 !important;
  padding: 0 !important;
  color: #303030 !important;
  font-size: 18px !important;
}

h4.ref {
  margin: 40px 0 20px 0 !important;
  padding: 0 !important;
  color: #303030 !important;
  font-size: 14px !important;
}

.resend_alert h3 {
  font-size: 16px;
  margin-bottom: 0.6em;
}
.resend_alert {
  font-size: 14px;
}
.resend_alert ol {
  padding-left: 2em;
}
.resend_alert ol > li {
  list-style: decimal !important;
  margin-bottom: 5px !important;
}
.resend_alert ul {
  padding: 0 0 0 1em !important;
  margin: 5px 0 0 !important;
}
.resend_alert ul li {
  color: #747474 !important;
  text-align: left !important;
  padding: 0 !important;
  margin: 0 !important;
}
.resend_alert ul li::before {
  content: "※";
}
.resend_alert .addr {
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 10px;
  margin-top: 1em;
}
.resend_alert .addr .button {
  margin-bottom: 0;
  margin-top: 10px;
}
.resend_alert h4 {
  font-weight: normal;
  margin-bottom: 5px;
}

.loadingCartain {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 99999;
}

.no_item_common {
  display: block !important;
  width: 100%;
  color: #b0b0b0;
  text-align: center;
  height: 150px;
  background: #f2f2f2 !important;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  margin: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.no_item_common.height_300 {
  height: 300px;
}
.no_item_common h3 {
  width: 100%;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 500;
}
.no_item_common p {
  width: 100%;
  font-size: 16px;
}
.no_item_common img {
  width: 18px;
  height: auto;
  margin-right: 4px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .no_item_common h3 {
    font-size: 3.5vw;
    margin-bottom: 5px;
  }
  .no_item_common p {
    font-size: 3vw;
  }
}

#complete_direct h2 {
  color: #437fb4;
  margin-bottom: 20px;
}
#complete_direct .full_size {
  padding: 50px 2%;
  text-align: center;
  min-height: 300px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  #complete_direct h2 {
    font-size: 5vw;
  }
  #complete_direct .full_size {
    font-size: 3vw;
  }
}

.receipt_name {
  padding-top: 10px;
  padding-bottom: 0px !important;
  text-align: center;
}
.receipt_name h2 {
  margin-bottom: 10px;
}
.receipt_name .inputarea {
  padding-top: 10px;
  text-align: center;
}
.receipt_name .inputarea input {
  width: 50%;
  min-width: 140px;
  border-radius: 4px;
  margin-right: 10px !important;
}

/*😃 DETAIL ###*/
#page_detail .detail_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  width: 96%;
  gap: 30px;
  margin-top: 20px;
}
#page_detail .detail_wrapper .detail_main {
  width: calc(100% - 330px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  #page_detail .detail_wrapper .detail_main {
    width: 100%;
  }
}
#page_detail .detail_wrapper .detail_main .detail_main_image {
  width: 600px;
  padding-right: 15px;
}
@media only screen and (max-width: 1580px) {
  #page_detail .detail_wrapper .detail_main .detail_main_image {
    width: 50%;
  }
}
@media only screen and (max-width: 960px) {
  #page_detail .detail_wrapper .detail_main .detail_main_image {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  #page_detail .detail_wrapper .detail_main .detail_main_image {
    padding-right: 0px;
  }
}
#page_detail .detail_wrapper .detail_main .detail_main_image .large_image img {
  width: 100%;
}
#page_detail .detail_wrapper .detail_main .detail_main_image .output_key_images {
  margin-top: 20px;
  white-space: nowrap;
}
@media only screen and (min-width: 768px) {
  #page_detail .detail_wrapper .detail_main .detail_main_image .output_key_images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 4px;
  }
}
@media only screen and (min-width: 768px) {
  #page_detail .detail_wrapper .detail_main .detail_main_image .output_key_images li {
    width: calc((100% - 28px) / 8);
  }
}
@media only screen and (max-width: 767px) {
  #page_detail .detail_wrapper .detail_main .detail_main_image .output_key_images li {
    width: 20%;
    display: inline-block;
    margin-right: 10px;
  }
  #page_detail .detail_wrapper .detail_main .detail_main_image .output_key_images li:last-child {
    margin-right: 0;
  }
}
#page_detail .detail_wrapper .detail_main .detail_main_image .output_key_images li {
  cursor: pointer;
  border: 1px solid #ddd;
}
#page_detail .detail_wrapper .detail_main .detail_main_image .output_key_images li.active {
  border: 1px solid #0c82d6;
}
#page_detail .detail_wrapper .detail_main .detail_main_image .output_key_images li img {
  width: 100%;
}
#page_detail .detail_wrapper .detail_main .detail_main_image .scroll_large_image {
  overflow: hidden;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  #page_detail .detail_wrapper .detail_main .detail_main_image .scroll_large_image {
    overflow-x: auto;
    margin-top: 0px;
  }
}
#page_detail .detail_wrapper .detail_main .detail_main_image .scroll_large_image {
  -webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 767px) {
  #page_detail .detail_wrapper .detail_main .detail_main_image .thumb_list {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
#page_detail .detail_wrapper .detail_main .detail_main_image .output_key_large_images {
  white-space: nowrap;
}
#page_detail .detail_wrapper .detail_main .detail_main_image .output_key_large_images li {
  display: inline-block;
  position: relative;
}
#page_detail .detail_wrapper .detail_main .detail_main_image .output_key_large_images li img {
  width: 100%;
  pointer-events: none;
}
@media only screen and (min-width: 768px) {
  #page_detail .detail_wrapper .detail_main .detail_main_image .output_key_large_images li img {
    width: 100%;
  }
}
#page_detail .detail_wrapper .detail_main .detail_main_image .output_key_large_images li .hover_square {
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 100px;
  pointer-events: none;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.3);
  mix-blend-mode: difference;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: opacity 300ms, -webkit-transform 300ms;
  transition: opacity 300ms, -webkit-transform 300ms;
  transition: transform 300ms, opacity 300ms;
  transition: transform 300ms, opacity 300ms, -webkit-transform 300ms;
}
#page_detail .detail_wrapper .detail_main .detail_main_image .output_key_large_images li.z_active .hover_square {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
#page_detail .detail_wrapper .detail_main .detail_main_header {
  width: calc(100% - 600px);
  padding: 10px 0 0 30px;
}
@media only screen and (max-width: 1580px) {
  #page_detail .detail_wrapper .detail_main .detail_main_header {
    width: 50%;
  }
}
@media only screen and (max-width: 960px) {
  #page_detail .detail_wrapper .detail_main .detail_main_header {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  #page_detail .detail_wrapper .detail_main .detail_main_header {
    padding: 10px 0 0 0px;
  }
}
#page_detail .detail_wrapper .detail_main .detail_main_header .item_tags li span {
  font-size: 14px;
}
#page_detail .detail_wrapper .detail_main .detail_main_header .output_product_name {
  padding: 0.5em 0;
  font-size: 20px;
}
#page_detail .detail_wrapper .detail_main .detail_main_header .cart_button {
  padding-bottom: 40px !important;
}
@media only screen and (max-width: 768px) {
  #page_detail .detail_wrapper .detail_main .detail_main_header .cart_button {
    padding-bottom: 0px !important;
  }
}
#page_detail .detail_wrapper .detail_main .detail_main_header .detail_point {
  margin-bottom: 5px;
}
#page_detail .detail_wrapper .detail_main .detail_main_header .detail_shipping {
  margin-bottom: 10px;
}
#page_detail .detail_wrapper .detail_main .detail_main_header .detail_shipping .output_shipping {
  color: #666;
  font-weight: 500;
}
#page_detail .detail_wrapper .detail_main .detail_main_header .description {
  margin-bottom: 15px;
}
#page_detail .detail_wrapper .detail_main .detail_main_header .description img {
  max-width: 100%;
}
#page_detail .detail_wrapper .detail_main .detail_main_header .description h2 {
  border-bottom: 1px solid #ddd;
  padding: 0.5em 0;
  margin-top: 0;
  font-weight: 500;
  margin-bottom: 1em;
  color: #1872ab;
  font-size: 1.2rem;
}
#page_detail .detail_wrapper .detail_main .detail_main_header .product_code {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 0.5em 0;
  font-size: 14px;
  margin-bottom: 15px;
}
#page_detail .detail_wrapper .detail_main .detail_main_header .product_code div {
  padding-top: 4px;
  padding-left: 10px;
}
#page_detail .detail_wrapper .detail_main .detail_main_header .product_code div:first-child {
  padding-top: 0;
}
#page_detail .detail_wrapper .detail_main .detail_main_header .product_code div span {
  color: rgb(153, 153, 153);
  font-weight: 500;
}
#page_detail .detail_wrapper .detail_main .detail_main_header .warning_text,
#page_detail .detail_wrapper .detail_main .detail_main_header .payment_limit_text {
  padding-left: 1.2em;
  color: #666;
  font-size: 12px;
}
#page_detail .detail_wrapper .detail_main .detail_main_header .warning_text li,
#page_detail .detail_wrapper .detail_main .detail_main_header .payment_limit_text li {
  position: relative;
  font-size: 90%;
  line-height: 1.4;
}
#page_detail .detail_wrapper .detail_main .detail_main_header .warning_text li::before,
#page_detail .detail_wrapper .detail_main .detail_main_header .payment_limit_text li::before {
  content: "※";
  position: absolute;
  top: 0;
  left: -1.2em;
}
#page_detail .detail_wrapper .detail_main .detail_main_header .warning_text li,
#page_detail .detail_wrapper .detail_main .detail_main_header .payment_limit_text li {
  margin-bottom: 5px;
}
#page_detail .detail_wrapper .detail_main .detail_main_header .warning_text {
  margin-bottom: 15px;
}
#page_detail .detail_wrapper .detail_main .detail_main_header .payment_limit_text {
  color: red;
}
#page_detail .detail_wrapper .detail_main .detail_main_header .copyright_text {
  font-size: 80%;
  margin-top: 10px;
}
#page_detail .detail_wrapper .detail_main .detail_main_header .sub_comment_left {
  margin-top: 30px;
}
#page_detail .detail_wrapper .detail_main .detail_main_header .bnr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 1em 0;
}
#page_detail .detail_wrapper .detail_main .detail_main_header .bnr div {
  width: 100%;
}
#page_detail .detail_wrapper .detail_main .detail_main_header .bnr img {
  width: 100%;
}
#page_detail .detail_wrapper .detail_main .detail_main_header .bnr.rev {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
#page_detail .detail_wrapper .detail_right {
  width: 300px;
  padding: 0;
}
#page_detail .detail_wrapper .detail_right .sub_comment {
  margin-top: 20px;
}
#page_detail .detail_wrapper .detail_right .price_box {
  position: relative;
  margin-top: 20px;
}
#page_detail .detail_wrapper .detail_right .pointup_icon {
  display: none !important;
}
#page_detail .detail_wrapper .detail_right .price_box {
  padding: 15px 20px 20px;
  border: solid #ddd 1px;
  border-radius: 6px;
  margin-bottom: 20px;
}
#page_detail .detail_wrapper .detail_right .cart_button {
  margin-bottom: 20px;
}
#page_detail .detail_wrapper .youtube {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
#page_detail .detail_wrapper .youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100%;
}
#page_detail .detail_wrapper hr {
  border: 1px solid #ddd;
  margin: 20px 0;
}
#page_detail .detail_wrapper .sub_ttl {
  font-size: 16px;
  margin-bottom: 10px;
}
#page_detail .detail_wrapper .categorys {
  border-radius: 5px;
  margin-bottom: 5px;
}
#page_detail .detail_wrapper .categorys li {
  margin-bottom: 8px;
}
#page_detail .detail_wrapper .categorys li:last-child {
  margin-bottom: 0px;
}
#page_detail .detail_wrapper .categorys li a {
  display: inline-block;
  position: relative;
  padding: 0;
  text-decoration: none;
  color: #106490;
  border-radius: 4px;
  font-size: 14px;
  padding-right: 1em;
  text-decoration: underline !important;
}
#page_detail .detail_wrapper .categorys li a:last-child {
  padding-right: 0;
}
#page_detail .detail_wrapper .categorys li a::after {
  content: "";
  width: 1em;
  height: 1em;
  background: url(../img/common/r_arrow.svg) no-repeat center;
  background-size: auto 70%;
  position: absolute;
  right: 0em;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
  line-height: 1;
}
#page_detail .detail_wrapper .categorys li a:last-child::after {
  content: none;
}
#page_detail .detail_wrapper .categorys li a:hover {
  text-decoration: underline;
}
#page_detail .detail_wrapper .output_charactor {
  width: 100%;
  margin-bottom: 10px;
}
#page_detail .detail_wrapper .output_charactor li {
  display: block;
  margin-right: 5px;
}
#page_detail .detail_wrapper .output_charactor li a {
  border-radius: 40px;
  font-size: 12px;
  padding: 5px 1.5em 4px 0em;
  text-decoration: none;
  background: url(../img/common/r_arrow_w.svg) no-repeat right 7px center;
  background-size: auto 40%;
  font-size: 14px;
  text-decoration: underline;
}
#page_detail .detail_wrapper .detail_price {
  margin: 0 0 0 0;
  font-size: 22px;
}
#page_detail .detail_wrapper .detail_price .output_price {
  font-size: 140%;
  color: red;
}
#page_detail .detail_wrapper .detail_price .tax {
  margin-left: 0.3em;
  font-size: 70%;
}
#page_detail .detail_wrapper .cart_button_wrapper {
  display: none;
}
@media only screen and (max-width: 768px) {
  #page_detail .detail_wrapper .cart_button_wrapper.fix {
    position: fixed;
    top: 5px;
    width: 90%;
    z-index: 100;
  }
}
#page_detail .detail_wrapper .cart_button_wrapper.active {
  display: block;
}
#page_detail .detail_wrapper .cart_button {
  text-align: center;
  padding-bottom: 1em;
  padding: 10px;
}
#page_detail .detail_wrapper .cart_button .to_contact {
  font-size: 85%;
}
#page_detail .detail_wrapper .cart_button .button {
  margin-bottom: 10px;
}
#page_detail .detail_wrapper .detail_buttons {
  position: absolute;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
  border-top: 1px solid #ddd;
  padding: 15px 0px 15px 10px !important;
}
@media only screen and (max-width: 768px) {
  #page_detail .detail_wrapper .detail_buttons {
    border-top: none;
    position: relative;
    bottom: auto;
  }
}
#page_detail .detail_wrapper .detail_buttons li a {
  display: block;
  width: 20px;
  height: 20px;
}
@media only screen and (max-width: 768px) {
  #page_detail .detail_wrapper .detail_buttons li a {
    width: 35px;
    height: 35px;
  }
}
#page_detail .detail_wrapper .detail_buttons li a.bookmark {
  background: url(../img/common/icon_like.svg) no-repeat center;
  background-size: contain;
}
#page_detail .detail_wrapper .detail_buttons li a.bookmark.on {
  background-image: url(../img/common/icon_like_active.svg);
}
#page_detail .detail_wrapper .detail_buttons li a.share {
  background: url(../img/common/share.svg) no-repeat center;
  background-size: contain;
}
#page_detail .detail_wrapper .detail_buttons li a.mail {
  background: url(../img/common/mail.svg) no-repeat center;
  background-size: contain;
}
#page_detail .detail_wrapper .detail_point .output_product_point {
  position: relative;
}
#page_detail .detail_wrapper .detail_point .output_product_point .before_point {
  text-decoration: line-through;
  margin-right: 0.5em;
  color: #888;
}
#page_detail .detail_wrapper .detail_point .output_product_point .point_font {
  font-size: 120%;
  color: rgb(255, 106, 0);
  font-weight: 600;
}
#page_detail .detail_wrapper .detail_point .output_product_point .pointup_icon {
  position: absolute;
  top: 50%;
  right: 0;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: rgb(255, 106, 0);
  border-radius: 10px;
  -webkit-transform: translate3d(110%, -50%, 0);
          transform: translate3d(110%, -50%, 0);
}
#page_detail .detail_wrapper .left_quantity {
  margin-top: 1em;
}
#page_detail .detail_wrapper .detail_select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100px;
  padding: 0.5em;
  border-radius: 5px;
  padding: 0.5em;
  font-size: 14px;
  border: 1px solid #264f7b;
  -moz-text-align-last: center;
       text-align-last: center;
}

.logout_entry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.logout_entry.active {
  display: none;
}
@media only screen and (max-width: 768px) {
  .logout_entry.active {
    display: none;
  }
}

.redirect_msg {
  width: 96%;
  border: 1px solid #ddd;
  border-radius: 6px;
  max-width: 1600px;
  margin: 20px auto 20px !important;
  padding-bottom: 16px;
  padding-left: 40px;
  padding-right: 48px;
  padding-top: 16px;
  position: relative;
}
.redirect_msg .msg_close {
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  width: 12px;
  height: 12px;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.redirect_msg .msg_close::before {
  content: "";
  position: absolute;
  left: 0%;
  top: 0%;
  width: 150%;
  height: 100%;
  border-top: 1px solid #666;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: top left;
          transform-origin: top left;
}
.redirect_msg .msg_close::after {
  content: "";
  position: absolute;
  right: 0%;
  top: 0%;
  width: 150%;
  height: 100%;
  border-top: 1px solid #666;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: top right;
          transform-origin: top right;
}
.redirect_msg .msg_close:hover {
  cursor: pointer;
}
.redirect_msg .msg_close:hover::before {
  border-top: 1px solid #333;
}
.redirect_msg .msg_close:hover::after {
  content: "";
  border-top: 1px solid #333;
}
.redirect_msg.complete {
  background: url(../img/common/check.svg) no-repeat #e4ecf3 left 15px center;
}
.redirect_msg.error {
  background: url(../img/common/icon_caution.svg) no-repeat #ffebeb left 15px center;
  background-size: 18px 18px;
}

.faq_column .FAQ_item {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto 0fr;
  grid-template-rows: auto 0fr;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-bottom: 10px;
  padding: 15px 20px 15px 40px;
  -webkit-transition: 500ms ease-in-out;
  transition: 500ms ease-in-out;
  position: relative;
  background-color: #fffcfc;
}
.faq_column .FAQ_item.hidden {
  display: none;
}
.faq_column .FAQ_item::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../img/qa/plus_square.png) no-repeat center;
  border-radius: 2px;
  position: absolute;
  left: 15px;
  top: 20px;
}
.faq_column .FAQ_item dt {
  font-weight: bold;
  cursor: pointer;
  position: relative;
}
.faq_column .FAQ_item dt:hover {
  color: #005dae;
}
.faq_column .FAQ_item dd {
  overflow: hidden;
  margin-top: 0px;
  opacity: 0;
  -webkit-transition: 300ms linear;
  transition: 300ms linear;
}
.faq_column .FAQ_item dd a {
  text-decoration: underline;
  color: #1978cb;
}
.faq_column .FAQ_item dd a::before {
  content: "→ ";
}
.faq_column .FAQ_item dd a:hover {
  color: #2c89da;
}
.faq_column .FAQ_item dd img {
  max-width: 100%;
  display: inline-block;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.faq_column .FAQ_item dd .pt20 {
  padding-top: 20px;
}
.faq_column .FAQ_item.active {
  -ms-grid-rows: auto 1fr;
  grid-template-rows: auto 1fr;
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  background-color: #fefbf2;
}
.faq_column .FAQ_item.active::before {
  background: url(../img/qa/minus_square.png) no-repeat center;
}
.faq_column .FAQ_item.active dd {
  -webkit-transition: 500ms 500ms linear;
  transition: 500ms 500ms linear;
  opacity: 1;
  margin-top: 20px;
}
.faq_column .FAQ_item span.hit {
  background-color: rgb(238, 255, 0);
}

.no_resize {
  width: auto !important;
  max-width: 100% !important;
  display: inline !important;
}
.no_resize.sp {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  .no_resize.sp {
    display: inline !important;
  }
  .no_resize.pc {
    display: none !important;
  }
}

#search_input_text_footer {
  letter-spacing: normal !important;
}

#req_quantity_elm {
  color: #333 !important;
}