@charset "UTF-8";
/* Scss Document */
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	テスト環境用

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------DWプレビュー------*/
dw-container-div, .none {
  display: none !important; }

/*------EASY店舗モード------*/
.prepare_caution {
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 99999; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

    ブレークポイント

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

    ショップ制御　→　jquery化？

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.shop_y {
  display: none !important; }

.shop_t {
  display: none !important; }

.shop_w {
  display: none !important; }

.shop_pt {
  display: none !important; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

    カラープリセット

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--あとでセット--*/
.fc_white {
  color: #ffffff; }

.fc_red {
  color: #f06; }

.fc_main_1 {
  color: #2b6aa3; }

.fc_gray {
  color: #dee2e6; }

.fc_gold {
  color: #d7c062; }

.fc_gray-600 {
  color: #6c757d; }

.bg_main_1 {
  background-color: #2b6aa3; }

.bg_main_2 {
  background-color: #e9ecef; }

.bg_main_3 {
  background-color: #212529; }

.bg_gray-100 {
  background-color: #f8f9fa; }

.bg_gray-200 {
  background-color: #e9ecef; }

.bg_gray-300 {
  background-color: #dee2e6; }

.bg_gray-400 {
  background-color: #ced4da; }

.bg_gray-500 {
  background-color: #adb5bd; }

.bg_gray-600 {
  background-color: #6c757d; }

.bg_gray-700 {
  background-color: #495057; }

.bg_gray-800 {
  background-color: #343a40; }

.bg_gray-900 {
  background-color: #212529; }

.bg_black {
  background-color: #000000; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

    フォント設定

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.font-bodoni, #loading {
  font-family: 'Bodoni Moda', serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-display: swap; }

.font-sans {
  font-family: "Bodoni Moda", "Noto Serif JP", serif;
  font-display: swap; }

.font-en {
  font-family: "Bodoni Moda", "Noto Serif JP", serif;
  font-display: swap; }

.font-Josefin {
  font-family: "Josefin Sans", sans-serif;
  font-display: swap; }

.font-times {
  font-family: "Times New Roman";
  font-display: swap; }

.font-badscript {
  font-family: "Bad Script", cursive;
  font-display: swap; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

    その他

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	reset

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: solid 0 rgba(222, 226, 230, 0.8); }

html {
  height: 100%;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  scroll-behavior: smooth !important; }
  @media (max-width: 700px) {
    html {
      font-size: 12px; } }
  @media (min-width: 701px) {
    html {
      font-size: 13px; } }

body {
  font-size: 1rem;
  overflow-x: hidden;
  position: relative;
  margin: 0;
  padding: 0;
  line-height: 1.75;
  word-break: break-all;
  color: #212529;
  background: none;
  -webkit-text-size-adjust: 100%; }

body,
input,
textarea,
button {
  font-family: "Noto Sans JP", sans-serif; }

hr {
  border-top: solid 1px rgba(222, 226, 230, 0.8);
  border-bottom: none;
  height: 0;
  margin: 0;
  overflow: visible; }

a {
  outline: none;
  color: inherit;
  text-decoration: none;
  vertical-align: bottom; }

p, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  letter-spacing: .06em;
  font-feature-settings: "palt";
  -webkit-text-size-adjust: 100%; }

p {
  word-break: break-all; }
  p a {
    color: #0047ab;
    transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
    p a::hover {
      text-decoration: underline; }
  p.p-small {
    font-size: 0.9rem; }

ul, li {
  list-style: none;
  margin: 0;
  padding: 0; }

*, ::after, ::before {
  background-repeat: no-repeat; }

::after, ::before {
  text-decoration: inherit;
  vertical-align: inherit;
  box-sizing: inherit;
  padding: 0;
  margin: 0; }

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {
  display: block; }

a, a:active, a:hover {
  outline-width: 0; }

mark {
  background: linear-gradient(0deg, #f8f9fa 0%, #f8f9fa 50%, #ffffff 50%, #ffffff 100%); }

input {
  border-radius: 0;
  outline: none; }

[role=button], [type=button], [type=reset], [type=submit], button {
  cursor: pointer; }

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

button, input, optgroup, select, textarea {
  font: inherit; }

button {
  overflow: visible; }

button, select {
  text-transform: none; }

button, input, select, textarea {
  background-color: transparent;
  border-style: none;
  color: inherit; }

select {
  -moz-appearance: none;
  -webkit-appearance: none; }

select::-ms-expand {
  display: none; }

select::-ms-value {
  color: currentColor; }

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

img, iframe {
  border-style: none;
  vertical-align: bottom;
  max-width: 100%; }

a, img, input {
  outline: none; }

svg:not(:root) {
  overflow: hidden; }

audio, canvas, progress, video {
  display: inline-block; }

table {
  border-spacing: 0px; }

::selection {
  background-color: rgba(189, 231, 255, 0.7); }

.clearfix::after {
  content: " ";
  display: block;
  clear: both; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

レイアウトプリセット extend用

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.wrap, .pane_body > .contents, body.item_detail_page .pankuzu_area,
body.item_list_page .pankuzu_area, #itempage_common_description .sec > div {
  max-width: 1200px;
  margin: 0 auto;
  width: calc(100% - 4rem); }

.fontawesome, .select_arrow, #nav section.navsec .head.accordion-btn::after, body.item_detail_page .item_detail .detail_body_area .swiper-button-next::after, body.item_detail_page .item_detail .detail_body_area .swiper-button-prev::after, body.item_detail_page .item_detail .detail_body_area .bookmark_area .bookmark_btn span.bookmark span::before, body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .item_point::before, body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .item_postage::before, #ems_dlg_fix_item_img_dlg_1228_no_kind_no_om .ems_dlg_ele .ems_dlg_con .swiper-button-next::after, #ems_dlg_fix_item_img_dlg_1228_no_kind_no_om .ems_dlg_ele .ems_dlg_con .swiper-button-prev::after, .related_item_list .swiper-button-next::after, .related_item_list .swiper-button-prev::after, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_login .auto_login_area span.auto_login_detail a::before, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_passwd .auto_login_area span.auto_login_detail a::before, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .member_withdrawal_msg ul li::before, body.regi_flow0 .login_select .auto_login_area span.auto_login_detail a::before, .cart_button.in:after,
.login_button:after,
.cart_button_regi:after,
.buy_member_insert > a:after,
.common_regi_next_button:after, .buy_member_insert_value:before, #index #slider .swiper1 .swiper-button-next::after, #index #slider .swiper1 .swiper-button-prev::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  font-display: swap; }

.grid-layout, .grid-12, .grid-13, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member table.member_table tbody, .grid-14, .grid-16, .grid-17, .grid-22, .grid-23, .grid-24, .grid-25, .grid-26, .grid-33, .grid-34, .grid-35, .grid-44, .grid-45, .grid-55, #head_pc_menu_inner li.items .inner div.category_list ul.category {
  margin: 0;
  padding: 0;
  display: grid; }
  .grid-layout li, .grid-12 li, .grid-13 li, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member table.member_table tbody li, .grid-14 li, .grid-16 li, .grid-17 li, .grid-22 li, .grid-23 li, .grid-24 li, .grid-25 li, .grid-26 li, .grid-33 li, .grid-34 li, .grid-35 li, .grid-44 li, .grid-45 li, .grid-55 li, #head_pc_menu_inner li.items .inner div.category_list ul.category li {
    list-style: none; }

/*-- grid個数 --*/
@media (max-width: 700px) {
  .grid-12 {
    grid-template-columns: repeat(1, minmax(0, 1fr)); } }
@media (min-width: 701px) {
  .grid-12 {
    grid-template-columns: repeat(2, minmax(0, 1fr)); } }

@media (max-width: 700px) {
  .grid-13, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member table.member_table tbody {
    grid-template-columns: repeat(1, minmax(0, 1fr)); } }
@media (min-width: 701px) {
  .grid-13, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member table.member_table tbody {
    grid-template-columns: repeat(3, minmax(0, 1fr)); } }

@media (max-width: 700px) {
  .grid-14 {
    grid-template-columns: repeat(1, minmax(0, 1fr)); } }
@media (min-width: 701px) {
  .grid-14 {
    grid-template-columns: repeat(4, minmax(0, 1fr)); } }

@media (max-width: 700px) {
  .grid-16 {
    grid-template-columns: repeat(1, minmax(0, 1fr)); } }
@media (min-width: 701px) {
  .grid-16 {
    grid-template-columns: repeat(6, minmax(0, 1fr)); } }

@media (max-width: 700px) {
  .grid-17 {
    grid-template-columns: repeat(1, minmax(0, 1fr)); } }
@media (min-width: 701px) {
  .grid-17 {
    grid-template-columns: repeat(7, minmax(0, 1fr)); } }

@media (max-width: 700px) {
  .grid-22 {
    grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 701px) {
  .grid-22 {
    grid-template-columns: repeat(2, minmax(0, 1fr)); } }

@media (max-width: 700px) {
  .grid-23 {
    grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 701px) {
  .grid-23 {
    grid-template-columns: repeat(3, minmax(0, 1fr)); } }

@media (max-width: 700px) {
  .grid-24 {
    grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 701px) {
  .grid-24 {
    grid-template-columns: repeat(4, minmax(0, 1fr)); } }

@media (max-width: 700px) {
  .grid-25 {
    grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 701px) {
  .grid-25 {
    grid-template-columns: repeat(5, minmax(0, 1fr)); } }

@media (max-width: 700px) {
  .grid-26 {
    grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 701px) {
  .grid-26 {
    grid-template-columns: repeat(6, minmax(0, 1fr)); } }

@media (max-width: 700px) {
  .grid-33 {
    grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 701px) {
  .grid-33 {
    grid-template-columns: repeat(3, minmax(0, 1fr)); } }

@media (max-width: 700px) {
  .grid-34 {
    grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 701px) {
  .grid-34 {
    grid-template-columns: repeat(4, minmax(0, 1fr)); } }

@media (max-width: 700px) {
  .grid-35 {
    grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 701px) {
  .grid-35 {
    grid-template-columns: repeat(5, minmax(0, 1fr)); } }

@media (max-width: 700px) {
  .grid-44 {
    grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 701px) {
  .grid-44 {
    grid-template-columns: repeat(4, minmax(0, 1fr)); } }

@media (max-width: 700px) {
  .grid-45 {
    grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 701px) {
  .grid-45 {
    grid-template-columns: repeat(5, minmax(0, 1fr)); } }

@media (max-width: 700px) {
  .grid-55 {
    grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@media (min-width: 701px) {
  .grid-55 {
    grid-template-columns: repeat(5, minmax(0, 1fr)); } }

/*-- grid余白 --*/
@media (max-width: 700px) {
  .gridgap-11, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) table.grid, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member table.member_table tbody {
    column-gap: 1rem;
    row-gap: 1rem; } }
@media (min-width: 701px) {
  .gridgap-11, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) table.grid, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member table.member_table tbody {
    column-gap: 1rem;
    row-gap: 1rem; } }

@media (max-width: 700px) {
  .gridgap-12 {
    column-gap: 1rem;
    row-gap: 1rem; } }
@media (min-width: 701px) {
  .gridgap-12 {
    column-gap: 2rem;
    row-gap: 2rem; } }

@media (max-width: 700px) {
  .gridgap-22 {
    column-gap: 2rem;
    row-gap: 2rem; } }
@media (min-width: 701px) {
  .gridgap-22 {
    column-gap: 2rem;
    row-gap: 2rem; } }

/*-- padding --*/
@media (max-width: 700px) {
  .p_1 {
    padding: 1rem; } }
@media (min-width: 701px) {
  .p_1 {
    padding: 1rem; } }

@media (max-width: 700px) {
  .p_2 {
    padding: 2rem; } }
@media (min-width: 701px) {
  .p_2 {
    padding: 2rem; } }

@media (max-width: 700px) {
  .p_3 {
    padding: 3rem; } }
@media (min-width: 701px) {
  .p_3 {
    padding: 3rem; } }

@media (max-width: 700px) {
  .p_4 {
    padding: 4rem; } }
@media (min-width: 701px) {
  .p_4 {
    padding: 4rem; } }

@media (max-width: 700px) {
  .p_6 {
    padding: 6rem; } }
@media (min-width: 701px) {
  .p_6 {
    padding: 6rem; } }

@media (max-width: 700px) {
  .pb_1 {
    padding-bottom: 1rem; } }
@media (min-width: 701px) {
  .pb_1 {
    padding-bottom: 1rem; } }

@media (max-width: 700px) {
  .pb_2, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member table.member_agreement_invitation_table div {
    padding-bottom: 2rem; } }
@media (min-width: 701px) {
  .pb_2, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member table.member_agreement_invitation_table div {
    padding-bottom: 2rem; } }

@media (max-width: 700px) {
  .pb_3 {
    padding-bottom: 3rem; } }
@media (min-width: 701px) {
  .pb_3 {
    padding-bottom: 3rem; } }

@media (max-width: 700px) {
  .pb_4 {
    padding-bottom: 4rem; } }
@media (min-width: 701px) {
  .pb_4 {
    padding-bottom: 4rem; } }

@media (max-width: 700px) {
  .pb_6, body.item_list_page .pane_body, body.item_detail_page .item_detail, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)), .err_contents, #index #slider {
    padding-bottom: 6rem; } }
@media (min-width: 701px) {
  .pb_6, body.item_list_page .pane_body, body.item_detail_page .item_detail, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)), .err_contents, #index #slider {
    padding-bottom: 6rem; } }

@media (max-width: 700px) {
  .pt_1 {
    padding-top: 1rem; } }
@media (min-width: 701px) {
  .pt_1 {
    padding-top: 1rem; } }

@media (max-width: 700px) {
  .pt_2 {
    padding-top: 2rem; } }
@media (min-width: 701px) {
  .pt_2 {
    padding-top: 2rem; } }

@media (max-width: 700px) {
  .pt_3 {
    padding-top: 3rem; } }
@media (min-width: 701px) {
  .pt_3 {
    padding-top: 3rem; } }

@media (max-width: 700px) {
  .pt_4 {
    padding-top: 4rem; } }
@media (min-width: 701px) {
  .pt_4 {
    padding-top: 4rem; } }

@media (max-width: 700px) {
  .pt_6, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)), .err_contents, #index #slider {
    padding-top: 6rem; } }
@media (min-width: 701px) {
  .pt_6, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)), .err_contents, #index #slider {
    padding-top: 6rem; } }

/*-- margin --*/
.m_auto {
  margin-right: auto;
  margin-left: auto; }

@media (max-width: 700px) {
  .m_1 {
    margin: 1rem; } }
@media (min-width: 701px) {
  .m_1 {
    margin: 1rem; } }

@media (max-width: 700px) {
  .m_2 {
    margin: 2rem; } }
@media (min-width: 701px) {
  .m_2 {
    margin: 2rem; } }

@media (max-width: 700px) {
  .m_3 {
    margin: 3rem; } }
@media (min-width: 701px) {
  .m_3 {
    margin: 3rem; } }

@media (max-width: 700px) {
  .m_4 {
    margin: 4rem; } }
@media (min-width: 701px) {
  .m_4 {
    margin: 4rem; } }

@media (max-width: 700px) {
  .m_6 {
    margin: 6rem; } }
@media (min-width: 701px) {
  .m_6 {
    margin: 6rem; } }

@media (max-width: 700px) {
  .mb_0 {
    margin-bottom: 0 !important; } }
@media (min-width: 701px) {
  .mb_0 {
    margin-bottom: 0 !important; } }

@media (max-width: 700px) {
  .mb_1 {
    margin-bottom: 1rem; } }
@media (min-width: 701px) {
  .mb_1 {
    margin-bottom: 1rem; } }

@media (max-width: 700px) {
  .mb_2, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member table.member_agreement_invitation_table div {
    margin-bottom: 2rem; } }
@media (min-width: 701px) {
  .mb_2, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member table.member_agreement_invitation_table div {
    margin-bottom: 2rem; } }

@media (max-width: 700px) {
  .mb_3 {
    margin-bottom: 3rem; } }
@media (min-width: 701px) {
  .mb_3 {
    margin-bottom: 3rem; } }

@media (max-width: 700px) {
  .mb_4, .err_msg, .restore_msg {
    margin-bottom: 4rem; } }
@media (min-width: 701px) {
  .mb_4, .err_msg, .restore_msg {
    margin-bottom: 4rem; } }

@media (max-width: 700px) {
  .mb_6, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .page_title {
    margin-bottom: 6rem; } }
@media (min-width: 701px) {
  .mb_6, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .page_title {
    margin-bottom: 6rem; } }

@media (max-width: 700px) {
  .mt_0, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .page_title, .err_msg, .restore_msg {
    margin-top: 0 !important; } }
@media (min-width: 701px) {
  .mt_0, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .page_title, .err_msg, .restore_msg {
    margin-top: 0 !important; } }

@media (max-width: 700px) {
  .mt_1 {
    margin-top: 1rem; } }
@media (min-width: 701px) {
  .mt_1 {
    margin-top: 1rem; } }

@media (max-width: 700px) {
  .mt_2 {
    margin-top: 2rem; } }
@media (min-width: 701px) {
  .mt_2 {
    margin-top: 2rem; } }

@media (max-width: 700px) {
  .mt_3 {
    margin-top: 3rem; } }
@media (min-width: 701px) {
  .mt_3 {
    margin-top: 3rem; } }

@media (max-width: 700px) {
  .mt_4 {
    margin-top: 4rem; } }
@media (min-width: 701px) {
  .mt_4 {
    margin-top: 4rem; } }

@media (max-width: 700px) {
  .mt_6 {
    margin-top: 6rem; } }
@media (min-width: 701px) {
  .mt_6 {
    margin-top: 6rem; } }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	レイアウト関連

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 701px) {
  .pc {
    display: block; } }
@media (max-width: 700px) {
  .pc {
    display: none !important; } }

@media (min-width: 701px) {
  .sp {
    display: none !important; } }
@media (max-width: 700px) {
  .sp {
    display: block; } }

.common_pointup {
  display: none; }

#title {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30rem;
  text-align: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  #title img {
    max-height: 30rem; }

/*---レフトナビゲーションあり---*/
@media (min-width: 701px) {
  main:has(#nav) {
    max-width: 1200px;
    margin: auto;
    width: calc(100% - 4rem);
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    main:has(#nav) #nav {
      margin-right: 4rem;
      width: 20rem; } }
@media (max-width: 700px) {
  main:has(#nav) #nav {
    display: none; } }

/*-------------------ボタンテンプレート---------------------*/
.banner_size_xl .banner_l, .banner_size_xl .banner_m, .banner_size_xl .banner_s {
  display: none; }

.banner_size_l .banner_xl, .banner_size_l .banner_m, .banner_size_l .banner_s {
  display: none; }

.banner_size_m .banner_xl, .banner_size_m .banner_l, .banner_size_m .banner_s {
  display: none; }

.banner_size_s .banner_xl, .banner_size_s .banner_l, .banner_size_s .banner_m {
  display: none; }

.btn_s {
  width: 100%/4;
  max-width: 16rem;
  margin-left: auto;
  margin-right: auto; }

.btn_m {
  width: 100%/3;
  max-width: 16rem;
  margin-left: auto;
  margin-right: auto; }

.btn_l {
  width: 75%;
  max-width: 3rem;
  margin-left: auto;
  margin-right: auto; }

.btn_xl {
  width: 100%; }

.btn_01 {
  color: #ffffff;
  background: #212529;
  transition: all 1.2s cubic-bezier(0.4, 0, 0, 1);
  cursor: pointer;
  border: none;
  box-sizing: border-box;
  line-height: 1;
  text-align: center;
  text-shadow: none;
  vertical-align: middle;
  outline: none;
  font-weight: normal;
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 1.5rem 1rem;
  border-radius: 2.05rem;
  font-size: 1.1rem;
  width: 100%;
  max-width: 600px;
  overflow: hidden;
  font-family: "Bodoni Moda", "Noto Serif JP", serif; }
  .btn_01:hover {
    background-color: #6c757d; }
  .btn_01 a, .btn_01 p {
    color: #ffffff; }
  .btn_01 a {
    display: block; }
    .btn_01 a span {
      font-size: 0.75rem;
      display: block;
      margin-top: 0.5rem; }

.btn_02 span {
  position: relative;
  display: inline-block;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  display: block;
  background: #000000;
  border: solid 1px #000000;
  transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
  .btn_02 span a {
    color: #ffffff; }
  .btn_02 span p {
    line-height: inherit; }
  .btn_02 span::before, .btn_02 span::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1rem;
    margin: auto;
    content: "";
    vertical-align: middle;
    -webkit-transition: all 950ms 0s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 950ms 0s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 950ms 0s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .btn_02 span::before {
    width: 14px;
    height: 2px;
    background: #d7c062; }
  .btn_02 span::after {
    width: 8px;
    height: 8px;
    border-top: 2px solid #d7c062;
    border-right: 2px solid #d7c062;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
.btn_02 span:hover {
  background: #ffffff;
  border: solid 1px #000000; }
  .btn_02 span:hover a {
    color: #000000; }

.page_top_link {
  /* PgaeTopリンク */
  display: none !important; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

EASY基本システムページレイアウト調整

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#online_contents {
  /* コンテンツ全体 */
  position: relative; }

*[style="width:150px"], *[style="width:150px "] {
  /*----固定商品画像サイズ解除----*/
  width: auto !important; }

.pane_body_mid_2 {
  padding: 0 !important;
  flex-basis: unset !important;
  min-width: auto !important; }
  @media (min-width: 701px) {
    .pane_body_mid_2 > * {
      width: 20rem;
      margin-right: 4rem; } }

.contact {
  display: none; }

.container {
  width: auto; }

.buyer_email, .buyer_email_disp, .member_info_email_disp, .member_new_email_disp, .reserve_order1_email, .reserve_order2_email, .lottery_order1_email, .lottery_order2_email {
  font-weight: inherit;
  font-size: inherit; }

/*-------レビュー星-------*/
.review_star {
  padding: 0 !important; }
  .review_star:before, .review_star.half:after {
    content: "★" !important;
    color: #f2ab00 !important;
    -webkit-text-stroke: unset !important;
    text-stroke: unset !important; }
  .review_star.off:before, .review_star.half:after {
    color: #e9ecef !important; }

.review_score {
  color: #f2ab00 !important; }

a {
  -webkit-tap-highlight-color: transparent;
  /* ios link block highlight */ }
  a img {
    text-decoration: none; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom; }

.cart_delete_btn_img,
.cart_allclear_btn_img {
  /* カート削除ボタン */
  max-width: none; }

select[size] > option {
  padding: 1rem;
  background: #f8f9fa; }

select[size] > option:nth-child(odd) {
  background: #f8f9fa; }

.cart_info_btn {
  -webkit-appearance: none;
  margin: 0.5rem;
  padding: 1rem;
  vertical-align: middle;
  font-size: inherit;
  line-height: 1;
  color: #ffffff;
  outline: none;
  background: #adb5bd;
  border-width: 0;
  border-radius: 0;
  cursor: pointer;
  -webkit-transition: all 1.2s cubic-bezier(0.4, 0, 0, 1);
  transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }

.cart_info_btn:hover, .cart_info_btn:focus {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.85; }

.common_regi_next_area,
.common_regi_back_area,
.bottom_buttons {
  /* ページ下ボタン(「戻る」等) エリア */
  margin: 4rem auto 0;
  text-align: center; }

input[type=image] {
  outline: none;
  cursor: pointer; }

input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=number],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=time],
input[type=color],
select,
textarea {
  height: 2.5rem;
  border-radius: 2.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  max-width: 100%;
  outline: none;
  border: solid 1px rgba(222, 226, 230, 0.8);
  transition: all 1.2s cubic-bezier(0.4, 0, 0, 1);
  vertical-align: middle; }

/*--EASYデフォルト打消し--*/
@media only screen and (max-width: 700px) {
  .ui-widget input,
  .ui-widget select,
  .ui-widget textarea,
  input:not([type=submit]):not([type=reset]):not([type=button]):not([type=image]),
  select,
  textarea {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    font-size: inherit; } }
textarea {
  border-radius: 0;
  padding: 1rem; }

select {
  padding-right: 3.25rem; }

.select_arrow {
  width: 0; }
  .select_arrow::before {
    content: "\f107";
    position: relative;
    left: -2rem;
    width: 0;
    z-index: 0; }

input.v_err, textarea.v_err, select.v_err {
  color: inherit;
  background-color: inherit !important;
  box-shadow: inherit !important;
  border-color: #f06 !important; }

input:not([readonly]):not([type=submit]):not([type=image]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=reset]):not([type=range]):focus,
select:not([readonly]):focus,
textarea:not([readonly]):focus {
  border-color: #212529;
  background-color: inherit; }

iframe {
  border-width: 0; }

input[type="image"].login_btn:hover:not(.non_zoom) {
  -webkit-transform: scale(1);
  transform: scale(1);
  z-index: initial; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

商品一覧ページ（検索結果）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 700px) {
  body.item_list_page .pane_body_mid_2 {
    display: none; } }
@media (max-width: 700px) {
  body.item_list_page .pane_body_mid_2 {
    display: none; } }
body.item_list_page .pane_body .pane_body_mid {
  /*---中央ブロック---*/
  /*---中央ブロックEND---*/ }
  body.item_list_page .pane_body .pane_body_mid .pane_body_mid_1 {
    /*-- item_masonry_square --*/ }
    body.item_list_page .pane_body .pane_body_mid .pane_body_mid_1 .item_masonry_square {
      display: grid;
      isolation: isolate; }
      @media (max-width: 700px) {
        body.item_list_page .pane_body .pane_body_mid .pane_body_mid_1 .item_masonry_square {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          column-gap: 1rem;
          row-gap: 2rem; } }
      @media (min-width: 701px) {
        body.item_list_page .pane_body .pane_body_mid .pane_body_mid_1 .item_masonry_square {
          grid-template-columns: repeat(3, minmax(0, 1fr));
          column-gap: 1rem;
          row-gap: 1rem; } }

/*---------------------------検索ブロック--------------------------*/
body.item_list_page .pane_body_mid_1_contents .search_form .search_form_head, body.item_list_page .pane_body_mid_1_contents .search_form .search_form_foot {
  display: flex;
  align-items: center;
  justify-content: space-between; }
body.item_list_page .pane_body_mid_1_contents .search_form .search_form_head section {
  display: flex;
  align-items: center;
  gap: 0.25rem; }
  body.item_list_page .pane_body_mid_1_contents .search_form .search_form_head section.select select {
    font-size: 0.9rem; }
body.item_list_page .pane_body_mid_1_contents .search_form .search_form_foot {
  margin-bottom: 1rem;
  margin-top: 2rem; }
  body.item_list_page .pane_body_mid_1_contents .search_form .search_form_foot .checkbox {
    /* チェックボタン */
    display: flex; }
    body.item_list_page .pane_body_mid_1_contents .search_form .search_form_foot .checkbox label {
      white-space: nowrap; }
  body.item_list_page .pane_body_mid_1_contents .search_form .search_form_foot .tag_item_search {
    /* レイアウト変更ボタン */
    display: flex;
    justify-content: space-between; }
    body.item_list_page .pane_body_mid_1_contents .search_form .search_form_foot .tag_item_search div {
      margin-left: 1rem;
      font-size: 1.2rem;
      display: flex;
      align-items: center;
      line-height: 1;
      cursor: pointer; }

/*---------------------------商品一覧 ページャエリア--------------------------*/
.pager {
  margin: 0; }
  .pager .pager_link {
    /* 商品一覧 ページャエリア */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin-top: 4rem;
    border: none;
    font-size: 0.9rem; }
    .pager .pager_link .pager_number {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
    .pager .pager_link .pager_link_check,
    .pager .pager_link .pager_link_number,
    .pager .pager_link .pager_link_prerious,
    .pager .pager_link .pager_link_next {
      /* 商品一覧 ページャnextリンク */
      position: relative;
      float: left;
      padding: 0.5rem 1rem;
      margin-right: -1px;
      line-height: 1.4;
      text-decoration: none;
      color: #343a40;
      border: solid 1px rgba(222, 226, 230, 0.8); }
    .pager .pager_link .pager_link_number:not(.pager_link_check):hover,
    .pager .pager_link .pager_link_prerious:hover,
    .pager .pager_link .pager_link_next:hover {
      color: #212529;
      background: #f8f9fa; }
    .pager .pager_link .pager_link_check {
      /* 商品一覧 ページャno(現在) */
      color: #343a40;
      background-color: #f8f9fa; }

.selected_page_no_ellipsis {
  /* 商品一覧 ページャno省略記号 */
  align-self: flex-end; }

.pager_number > li:last-child .pager_link_number {
  margin-right: 0; }

.pager_link_next {
  margin-right: 0;
  margin-left: -1px; }

.pager_link > :first-child > li:first-child .pager_link_number,
.pager_link_prerious {
  border-radius: 0.25rem 0 0 0.25rem; }

.pager_link > :last-child > li:last-child .pager_link_number,
.pager_link_next {
  border-radius: 0 0.25rem 0.25rem 0; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

商品カード（EASYMYSHOP利用）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.item_masonry, .item_list {
  padding: 0 !important;
  width: 100%;
  height: auto; }
  .item_masonry .item_pane, .item_list .item_pane {
    /*--タグ、お気に入り--*/
    /*--画像枠--*/
    /*--データ枠--*/
    /*--タグ枠--*/ }
    .item_masonry .item_pane a, .item_list .item_pane a {
      display: block; }
    .item_masonry .item_pane .item_icon_block, .item_masonry .item_pane .bookmark_area, .item_list .item_pane .item_icon_block, .item_list .item_pane .bookmark_area {
      display: none; }
    .item_masonry .item_pane .item_image_frame .item_image_block, .item_list .item_pane .item_image_frame .item_image_block {
      border-radius: 1rem;
      overflow: hidden; }
    .item_masonry .item_pane .item_data_block, .item_list .item_pane .item_data_block {
      position: relative;
      line-height: inherit; }
      .item_masonry .item_pane .item_data_block .bookmark_area, .item_list .item_pane .item_data_block .bookmark_area {
        position: absolute;
        right: 0;
        bottom: 0; }
      .item_masonry .item_pane .item_data_block .item_name, .item_list .item_pane .item_data_block .item_name {
        margin-top: 1rem;
        font-weight: 500; }
      .item_masonry .item_pane .item_data_block .item_model, .item_list .item_pane .item_data_block .item_model {
        display: none; }
      .item_masonry .item_pane .item_data_block .item_price, .item_list .item_pane .item_data_block .item_price {
        margin-top: 1rem; }
        .item_masonry .item_pane .item_data_block .item_price .normal_price_ttl, .item_list .item_pane .item_data_block .item_price .normal_price_ttl {
          display: none; }
        .item_masonry .item_pane .item_data_block .item_price .member_item_price, .item_list .item_pane .item_data_block .item_price .member_item_price {
          color: #f06; }
          .item_masonry .item_pane .item_data_block .item_price .member_item_price::before, .item_list .item_pane .item_data_block .item_price .member_item_price::before {
            content: "会員限定価格："; }
      .item_masonry .item_pane .item_data_block .review_all, .item_list .item_pane .item_data_block .review_all {
        margin-top: 1rem; }
      .item_masonry .item_pane .item_data_block .item_explain, .item_list .item_pane .item_data_block .item_explain {
        display: none; }
    .item_masonry .item_pane .item_icon_block, .item_list .item_pane .item_icon_block {
      margin: 0; }
      .item_masonry .item_pane .item_icon_block span, .item_list .item_pane .item_icon_block span {
        margin-top: 1rem;
        font-size: 0.75rem;
        display: inline-block;
        margin-right: 0.5rem;
        padding: 0 0.5rem;
        height: 1.5rem;
        line-height: 1.5rem;
        letter-spacing: 0;
        box-sizing: border-box;
        border: none;
        font-weight: 600;
        color: #6c757d;
        background: #e9ecef; }

.item_masonry .item, .item_masonry .item_pane, .item_masonry a {
  height: 100%; }
@media (min-width: 701px) {
  .item_masonry a {
    padding: 1rem;
    border-radius: 1rem;
    transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
    .item_masonry a:hover {
      box-shadow: 0 0 8px #ced4da; } }
.item_masonry .item_name_lower_block {
  display: grid; }
  .item_masonry .item_name_lower_block .item_name {
    order: 1; }
  .item_masonry .item_name_lower_block .item_code {
    order: 2;
    margin-top: 1rem;
    color: #6c757d;
    font-size: 0.9rem; }
    .item_masonry .item_name_lower_block .item_code::before {
      content: "納期："; }
    .item_masonry .item_name_lower_block .item_code::after {
      content: "（受注生産）"; }

.item_list {
  border-top: solid 1px rgba(222, 226, 230, 0.8); }
  .item_list .item {
    min-height: unset; }
    .item_list .item .item_pane {
      padding: 2rem 0;
      border-bottom: solid 1px rgba(222, 226, 230, 0.8); }
      .item_list .item .item_pane .item_data_block {
        padding-left: 1rem; }
        .item_list .item .item_pane .item_data_block .item_name {
          margin-top: 0; }
        .item_list .item .item_pane .item_data_block .item_code {
          display: none; }
        .item_list .item .item_pane .item_data_block .item_attribute_1 {
          color: #6c757d; }
          .item_list .item .item_pane .item_data_block .item_attribute_1 .item_attribute_1_val::after {
            content: "（受注生産）"; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

商品カード（自社FTP利用）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
ul.items {
  counter-reset: number 0;
  /*--li.item--*/ }
  ul.items li.item {
    counter-increment: number 1;
    /*--box--*/ }
    ul.items li.item .box {
      /*--area_img end--*/
      /*--area_txt--*/ }
      ul.items li.item .box .area_img a {
        display: block;
        overflow: hidden; }
        @media (min-width: 701px) {
          ul.items li.item .box .area_img a:hover img {
            transform: scale(1.1); } }
        ul.items li.item .box .area_img a img {
          transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
        ul.items li.item .box .area_img a .img_sum {
          display: block; }
        ul.items li.item .box .area_img a .img_sum2 {
          display: none; }
        ul.items li.item .box .area_img a .img_wh {
          display: none; }
        ul.items li.item .box .area_img a .img_model {
          display: none; }
      ul.items li.item .box .area_txt .color {
        /*--カラーチップ--*/
        margin-top: 1rem; }
        ul.items li.item .box .area_txt .color ul {
          letter-spacing: 0;
          font-size: 0; }
          ul.items li.item .box .area_txt .color ul li {
            display: inline-block;
            width: 1rem;
            height: 1rem;
            font-size: 0;
            margin-right: 0.25rem; }
            ul.items li.item .box .area_txt .color ul li.yg {
              background-color: #d7c062; }
            ul.items li.item .box .area_txt .color ul li.pg {
              background-color: #d49c81; }
            ul.items li.item .box .area_txt .color ul li.wg {
              background-color: #d4d1d6; }
            ul.items li.item .box .area_txt .color ul li.pt {
              background-color: #E9EAEA; }
            ul.items li.item .box .area_txt .color ul li.ygwg {
              background: linear-gradient(135deg, #d7c062 0%, #d7c062 50%, #d4d1d6 50%, #d4d1d6 100%); }
            ul.items li.item .box .area_txt .color ul li.ygpt {
              background: linear-gradient(135deg, #d7c062 0%, #d7c062 50%, #E9EAEA 50%, #E9EAEA 100%); }
            ul.items li.item .box .area_txt .color ul li.pgwg {
              background: linear-gradient(135deg, #d49c81 0%, #d49c81 50%, #d4d1d6 50%, #d4d1d6 100%); }
            ul.items li.item .box .area_txt .color ul li.ygpgwg {
              background: linear-gradient(135deg, #d7c062 33.3%, #d49c81 0, #d49c81 66.6%, #d4d1d6 0); }
      ul.items li.item .box .area_txt .detail {
        /*--商品詳細--*/
        margin-top: 1rem; }
        ul.items li.item .box .area_txt .detail a {
          display: block; }
          ul.items li.item .box .area_txt .detail a .name_en {
            display: none;
            font-weight: bold;
            font-size: 1rem; }
          ul.items li.item .box .area_txt .detail a .name_ja {
            font-weight: bold; }
          ul.items li.item .box .area_txt .detail a .catch {
            margin-top: 1rem; }
          ul.items li.item .box .area_txt .detail a .desc {
            display: none;
            margin-top: 1rem; }
          ul.items li.item .box .area_txt .detail a .price {
            margin-top: 2rem;
            text-align: right; }
          ul.items li.item .box .area_txt .detail a .price_2 {
            display: none; }
          ul.items li.item .box .area_txt .detail a .price::after {
            content: " 円"; }
          ul.items li.item .box .area_txt .detail a .point {
            display: none;
            color: #f06; }
      ul.items li.item .box .area_txt .tag {
        /*--ハッシュタグ--*/
        margin-top: 0.5rem; }
        ul.items li.item .box .area_txt .tag a {
          margin-top: 0.5rem;
          display: inline-block;
          background-color: #f8f9fa;
          border-radius: 0.5rem;
          height: 1rem;
          line-height: 1rem;
          margin-right: 0.25rem;
          padding: 0 0.5rem;
          transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
          @media (min-width: 701px) {
            ul.items li.item .box .area_txt .tag a:hover {
              background-color: #dee2e6; } }
          ul.items li.item .box .area_txt .tag a p {
            line-height: inherit;
            font-size: 12px; }

/*--ul.items--*/
ul.items.yoko li.item .box {
  display: flex;
  justify-content: space-between; }
  ul.items.yoko li.item .box .area_img {
    width: 40%; }
  ul.items.yoko li.item .box .area_txt {
    width: 60%;
    padding-left: 1rem; }
    ul.items.yoko li.item .box .area_txt .color {
      display: none; }
    ul.items.yoko li.item .box .area_txt .detail {
      margin-top: 0; }
    ul.items.yoko li.item .box .area_txt .tag {
      display: none; }

ul.items.wh li.item .img_sum {
  display: none !important; }
ul.items.wh li.item .img_wh {
  display: block !important; }

ul.items.ranking li.item {
  counter-increment: ranking; }
  ul.items.ranking li.item .box {
    position: relative; }
    ul.items.ranking li.item .box::before {
      content: counter(ranking);
      width: 1.5rem;
      height: 1.5rem;
      color: #ffffff;
      background-color: #000000;
      display: block;
      line-height: 1.5rem;
      text-align: center;
      margin-bottom: 1rem;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 99;
      font-size: 0.75rem; }
  ul.items.ranking li.item:nth-child(1) div::before {
    background-color: #d7c062; }
  ul.items.ranking li.item:nth-child(2) div::before {
    background-color: #d4d1d6; }
  ul.items.ranking li.item:nth-child(3) div::before {
    background-color: #d49c81; }

ul.items.up > li {
  opacity: 0;
  transition: all 1.2s cubic-bezier(0.4, 0, 0, 1);
  margin-top: 5rem; }
  ul.items.up > li.started {
    opacity: 1;
    margin-top: 0; }

/*---------------------------スライドインエフェクト--------------------------*/
.slidein li.item .area_img {
  position: relative;
  overflow: hidden; }
  .slidein li.item .area_img::before {
    content: "";
    position: absolute;
    z-index: 1;
    display: block;
    background-color: #f8f9fa;
    height: 100%; }
  .slidein li.item .area_img > * {
    position: relative;
    z-index: 0;
    opacity: 0;
    transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
.slidein li.item.started .area_img::before {
  animation-name: cover;
  animation-duration: 0.5s;
  animation-timing-function: ease; }
.slidein li.item.started .area_img > * {
  opacity: 1;
  transition-delay: 0.25s; }

@keyframes cover {
  0% {
    width: 0;
    left: 0; }
  40% {
    width: 100%;
    left: 0; }
  60% {
    width: 100%;
    right: 0; }
  100% {
    width: 0;
    right: 0; } }
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

ローディング

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#loading {
  position: fixed;
  background: #ffffff;
  z-index: 99999999;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  line-height: 1;
  transition: all 1.2s cubic-bezier(0.4, 0, 0, 1);
  transition-delay: 0.8s; }
  #loading > div {
    width: 100%; }
    #loading > div .logo_img {
      font-size: 0; }
      #loading > div .logo_img img {
        width: 64px;
        margin-bottom: 1.25rem;
        opacity: 0.1;
        transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
    #loading > div .progress-bar {
      width: 8rem;
      height: 2px;
      background: #f8f9fa;
      border-radius: 1px;
      overflow: hidden;
      text-align: left; }
      #loading > div .progress-bar .progress {
        height: 100%;
        width: 0%;
        background: #212529;
        transition: width 0.2s ease; }
  #loading.ended {
    opacity: 0;
    pointer-events: none; }
    #loading.ended .logo_img img {
      opacity: 1;
      transform: scale(1.5); }
    #loading.ended .progress-bar {
      opacity: 0;
      pointer-events: none; }

@keyframes typing {
  0% {
    width: 0; } }
@keyframes blink {
  50% {
    border-color: transparent; } }
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

ヘッダー

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
body {
  /*--ヘッダー分padding--*/
  /*------------スクロール後挙動------------*/
  /*--scrolled--*/ }
  body:not(.freepage_index) .pane_body {
    padding-top: 5rem; }
  @media (max-width: 700px) {
    body {
      /*--indexはロゴ初期値透過--*/ }
      body:has(#mainvisual) .center {
        opacity: 0;
        transition: all 1.2s cubic-bezier(0.4, 0, 0, 1);
        pointer-events: none; }
      body:has(#mainvisual).scrolled .center {
        opacity: 1;
        pointer-events: inherit; } }
  body header {
    /*-- head --*/ }
    body header #head {
      position: fixed;
      top: -2.5rem;
      width: 100%;
      z-index: 1700;
      transition: all 1.2s cubic-bezier(0.4, 0, 0, 1);
      /*------------ヘッダー上部------------*/
      /*------------ヘッダー中部------------*/
      /*------------ヘッダー下部------------*/ }
      body header #head #head_top {
        position: relative;
        z-index: 1;
        /*---告知事項スライド---*/ }
        body header #head #head_top #announce .swiper-container {
          width: 100%;
          height: 2.5rem;
          overflow: hidden;
          position: relative;
          z-index: 0; }
          body header #head #head_top #announce .swiper-container .swiper-slide {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 2.5rem; }
            body header #head #head_top #announce .swiper-container .swiper-slide a {
              display: block;
              width: 100%;
              color: #ffffff; }
            body header #head #head_top #announce .swiper-container .swiper-slide p {
              text-align: center;
              font-size: 0.9rem;
              color: #ffffff; }
      body header #head #head_body {
        position: relative;
        z-index: 1000; }
        @media (min-width: 701px) {
          body header #head #head_body {
            overflow: hidden;
            background: #ffffff;
            transition: all 1.2s cubic-bezier(0.4, 0, 0, 1);
            height: 0px; } }
        body header #head #head_body div.left,
        body header #head #head_body div.center,
        body header #head #head_body div.right {
          display: flex;
          justify-content: center;
          align-items: center; }
          @media (min-width: 701px) {
            body header #head #head_body div.left,
            body header #head #head_body div.center,
            body header #head #head_body div.right {
              height: 8rem; } }
          @media (max-width: 700px) {
            body header #head #head_body div.left,
            body header #head #head_body div.center,
            body header #head #head_body div.right {
              height: 5rem; } }
        body header #head #head_body div.center {
          width: 100%; }
          @media (min-width: 701px) {
            body header #head #head_body div.center img {
              width: 125px; } }
          @media (max-width: 700px) {
            body header #head #head_body div.center img {
              height: 2rem; } }
        body header #head #head_body div.right {
          position: absolute;
          right: 1rem;
          top: 0; }
          body header #head #head_body div.right a {
            height: 100%;
            padding: 0 1rem;
            font-size: 1.2rem;
            display: flex;
            align-items: center; }
          body header #head #head_body div.right p {
            padding: 0 1rem;
            font-size: 0.9rem; }
        body header #head #head_body div.left.pc {
          position: absolute;
          left: 2rem; }
          body header #head #head_body div.left.pc form {
            border-bottom: solid 1px; }
            body header #head #head_body div.left.pc form i {
              font-size: 1.2rem; }
            body header #head #head_body div.left.pc form input[type="text"] {
              font-family: "Bodoni Moda", "Noto Serif JP", serif;
              background: none;
              border: none;
              box-shadow: none;
              font-size: 1.1rem;
              letter-spacing: .06em;
              padding: 0.5rem 1rem; }
              body header #head #head_body div.left.pc form input[type="text"]:focus {
                background-color: transparent;
                /* もしくは希望の色 */ }
              body header #head #head_body div.left.pc form input[type="text"]:-webkit-autofill {
                -webkit-box-shadow: 0 0 0 1000px white inset !important;
                box-shadow: 0 0 0 1000px white inset !important;
                background-color: transparent !important; }
        body header #head #head_body div.left.sp {
          position: absolute;
          z-index: 1801;
          left: 0rem;
          /*-------SPレフトナビゲーション用ドロワー-------*/ }
          body header #head #head_body div.left.sp input[type="checkbox"] {
            display: none; }
          body header #head #head_body div.left.sp label.open {
            width: 5rem;
            height: 5rem;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center; }
            body header #head #head_body div.left.sp label.open .btn {
              position: relative; }
              body header #head #head_body div.left.sp label.open .btn .bar {
                height: 2px;
                width: 1.5rem;
                border-radius: 1px;
                background: #212529;
                display: block;
                transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
                body header #head #head_body div.left.sp label.open .btn .bar.top {
                  position: absolute;
                  top: -5px; }
                body header #head #head_body div.left.sp label.open .btn .bar.bottom {
                  position: absolute;
                  bottom: -5px; }
          body header #head #head_body div.left.sp input:checked ~ label.open .bar.top {
            transform: rotate(225deg);
            top: 0; }
          body header #head #head_body div.left.sp input:checked ~ label.open .bar.middle {
            opacity: 0; }
          body header #head #head_body div.left.sp input:checked ~ label.open .bar.bottom {
            transform: rotate(-225deg);
            bottom: 0; }
          body header #head #head_body div.left.sp #sp_left_drawer {
            z-index: 1800;
            position: fixed;
            right: 0;
            top: 0;
            transform: translate(100%, 0%);
            transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
            body header #head #head_body div.left.sp #sp_left_drawer #nav {
              background: #ffffff;
              height: 100vh;
              width: 75vw;
              margin-left: 25vw;
              overflow-x: scroll;
              scrollbar-width: none;
              /* Firefox */
              -ms-overflow-style: none;
              /* IE 10+ */ }
            body header #head #head_body div.left.sp #sp_left_drawer::-webkit-scrollbar {
              display: none;
              /* Chrome, Safari, Opera */ }
            body header #head #head_body div.left.sp #sp_left_drawer .close {
              opacity: 0;
              display: none;
              transition: all 1.2s cubic-bezier(0.4, 0, 0, 1);
              background-color: rgba(33, 37, 41, 0.1);
              backdrop-filter: blur(6px);
              width: 200vw;
              height: 100vh;
              position: fixed;
              right: 0; }
          body header #head #head_body div.left.sp input:checked ~ #sp_left_drawer {
            transform: translate(0%, 0%); }
            body header #head #head_body div.left.sp input:checked ~ #sp_left_drawer .close {
              opacity: 1;
              display: block; }
      body header #head #head_foot {
        position: relative;
        z-index: 1; }
        body header #head #head_foot nav.pc {
          transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
          body header #head #head_foot nav.pc ul li.nav > .mds {
            position: relative;
            z-index: 2;
            text-align: center;
            height: 3rem;
            line-height: 3rem; }
            body header #head #head_foot nav.pc ul li.nav > .mds .en {
              font-family: "Bodoni Moda", "Noto Serif JP", serif;
              font-weight: 400;
              font-size: 1.1rem; }
            body header #head #head_foot nav.pc ul li.nav > .mds .ja {
              display: none; }
            body header #head #head_foot nav.pc ul li.nav > .mds::after {
              content: "";
              height: 2px;
              position: absolute;
              display: block;
              bottom: -1px;
              left: 0;
              width: 0%;
              background: #212529;
              transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
          body header #head #head_foot nav.pc ul li.nav:hover .mds::after {
            width: 100%; }
  @media (max-width: 700px) {
    body.scrolled #head {
      top: 0; } }
  @media (min-width: 701px) {
    body.scrolled #head {
      top: 0; }
    body.scrolled #head_foot {
      background: #ffffff; }
    body.scrolled nav.pc {
      border-top: solid 1px rgba(222, 226, 230, 0.8);
      border-bottom: solid 1px rgba(222, 226, 230, 0.8); } }
  @media (min-width: 701px) {
    body #head:hover #head {
      top: 0; }
    body #head:hover #head_body {
      height: 8rem; }
    body #head:hover #head_foot {
      background: #ffffff; }
    body #head:hover nav.pc {
      border-top: solid 1px rgba(222, 226, 230, 0.8);
      border-bottom: solid 1px rgba(222, 226, 230, 0.8); } }

/*------------PCナビゲーション中身------------*/
#head_pc_menu_inner {
  position: relative;
  z-index: 0;
  /*------------インナー＞スペシャル------------*/
  /*------------インナー＞ランキング------------*/
  /*------------インナー＞アイテム------------*/
  /*------------インナー＞ガイド------------*/ }
  #head_pc_menu_inner li.nav .inner {
    transform: translate(0%, -150%);
    position: absolute;
    top: 0;
    left: 0;
    background: #ffffff;
    width: 100%;
    z-index: 1;
    transition: all 1.2s cubic-bezier(0.4, 0, 0, 1);
    border-bottom: solid 1px rgba(222, 226, 230, 0.8); }
  #head_pc_menu_inner li.nav.active .inner {
    transform: translate(0%, 0%); }
  #head_pc_menu_inner li.ranking ul.items li.item .color, #head_pc_menu_inner li.ranking ul.items li.item .catch, #head_pc_menu_inner li.ranking ul.items li.item .tag, #head_pc_menu_inner li.ranking ul.items li.item .name_ja {
    display: none; }
  #head_pc_menu_inner li.ranking ul.items li.item .name_en {
    display: block !important;
    font-family: "Bodoni Moda", "Noto Serif JP", serif;
    font-weight: 400;
    font-size: 1rem; }
  #head_pc_menu_inner li.special .swiper-slide .mds_en {
    margin-top: 0.75rem;
    font-family: "Bodoni Moda", "Noto Serif JP", serif;
    font-weight: 400; }
  #head_pc_menu_inner li.special .swiper-slide .mds {
    display: none; }
  #head_pc_menu_inner li.special .swiper-slide .txt {
    font-size: 0.9rem; }
  #head_pc_menu_inner li.items .inner div.category_list ul.category {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    column-gap: 2rem;
    row-gap: 2.5rem; }
    #head_pc_menu_inner li.items .inner div.category_list ul.category a {
      display: block;
      transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
      #head_pc_menu_inner li.items .inner div.category_list ul.category a:hover {
        text-indent: 0.5rem;
        color: #6c757d; }
    #head_pc_menu_inner li.items .inner div.category_list ul.category > li > a {
      font-size: 1.2rem;
      font-weight: 400;
      margin-bottom: 0.75rem; }
    #head_pc_menu_inner li.items .inner div.category_list ul.category .category_explain_supplement {
      display: none; }
    #head_pc_menu_inner li.items .inner div.category_list ul.category .category_under {
      display: block !important; }
      #head_pc_menu_inner li.items .inner div.category_list ul.category .category_under .category_under {
        display: none !important; }
  #head_pc_menu_inner li.items .inner div.category_list .block .head {
    font-size: 2rem;
    line-height: 1;
    font-family: "Bodoni Moda", "Noto Serif JP", serif;
    padding-bottom: 2rem; }
  #head_pc_menu_inner li.items .inner div.category_list .block ul li.category_li {
    margin-top: 1rem; }
    #head_pc_menu_inner li.items .inner div.category_list .block ul li.category_li a {
      display: flex;
      align-items: center;
      transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
    #head_pc_menu_inner li.items .inner div.category_list .block ul li.category_li a::before {
      content: "";
      width: 3rem;
      height: 3rem;
      background-size: contain;
      margin-right: 1rem;
      background-color: #f8f9fa; }
    #head_pc_menu_inner li.items .inner div.category_list .block ul li.category_li a:hover {
      text-indent: 0.5rem;
      color: #0047ab; }
  #head_pc_menu_inner li.items .inner div.category_list .block ul li.accordion-inner {
    display: none; }
  #head_pc_menu_inner li.items .inner div.category_list .block ul .new a::before {
    background-image: url(https://image.rakuten.co.jp/rapa-port/cabinet/shiro/rpj0923t22_why.jpg); }
  #head_pc_menu_inner li.items .inner div.category_list .block ul .ring a::before {
    background-image: url(https://image.rakuten.co.jp/rapa-port/cabinet/shiro/283311_hd_why.jpg); }
  #head_pc_menu_inner li.items .inner div.category_list .block ul .neck a::before {
    background-image: url(https://image.rakuten.co.jp/rapa-port/cabinet/shiro/rph67596921_why.jpg); }
  #head_pc_menu_inner li.items .inner div.category_list .block ul .pia a::before {
    background-image: url(https://image.rakuten.co.jp/rapa-port/cabinet/shiro/rpakr216823_why.jpg); }
  #head_pc_menu_inner li.items .inner div.category_list .block ul .bre a::before {
    background-image: url(https://image.rakuten.co.jp/rapa-port/cabinet/shiro/rpj1198t24_why.jpg); }
  #head_pc_menu_inner li.items .inner div.category_list .block ul .stone a::before {
    background-image: url(https://image.rakuten.co.jp/rapa-port/cabinet/shiro/rph26589522_why.jpg); }
  #head_pc_menu_inner li.items .inner div.category_list .block ul .motif a::before {
    background-image: url(https://image.rakuten.co.jp/rapa-port/cabinet/shiro/cp2274_a_why.jpg); }
  #head_pc_menu_inner li.items .inner div.category_list .block ul .chain a::before {
    background-image: url(https://image.rakuten.co.jp/rapa-port/cabinet/shiro/rpj013na21_why.jpg); }
  #head_pc_menu_inner li.items .inner div.category_list .block ul .jigane {
    display: none !important; }
  #head_pc_menu_inner li.items .inner div.category_list .block ul .sukashi a::before {
    background-image: url(https://image.rakuten.co.jp/rapa-port/cabinet/shiro/rpj3642t22_why.jpg); }
  #head_pc_menu_inner li.items .inner div.category_list .block ul .combi a::before {
    background-image: url(https://image.rakuten.co.jp/rapa-port/cabinet/shiro/rph28385122_whw.jpg); }
  #head_pc_menu_inner li.items .inner div.category_list .block ul .trinity a::before {
    background-image: url(https://image.rakuten.co.jp/rapa-port/cabinet/shiro/rph55681023_why.jpg); }
  #head_pc_menu_inner li.items .inner div.category_list .block ul .cut a::before {
    background-image: url(https://image.rakuten.co.jp/rapa-port/cabinet/shiro/265707_hd_why.jpg); }
  #head_pc_menu_inner li.items .inner div.category_list .block ul .baby a::before {
    background-image: url(https://image.rakuten.co.jp/rapa-port/cabinet/shiro/662228_hd_why.jpg); }
  #head_pc_menu_inner li.items .inner div.category_list .block ul .gekko a::before {
    background-image: url(https://image.rakuten.co.jp/rapa-port/cabinet/shiro/rpaub6622_why.jpg); }
  #head_pc_menu_inner li.items .inner div.category_list .block ul .smile a::before {
    background-image: url(https://image.rakuten.co.jp/rapa-port/cabinet/shiro/rph43681423_why.jpg); }
  #head_pc_menu_inner li.guide .inner ul.include_guide {
    display: flex;
    flex-wrap: wrap;
    margin-top: -2rem; }
    #head_pc_menu_inner li.guide .inner ul.include_guide li.accordion-btn, #head_pc_menu_inner li.guide .inner ul.include_guide li.accordion-inner {
      margin-top: 2rem; }
    #head_pc_menu_inner li.guide .inner ul.include_guide li.accordion-btn {
      width: 13%;
      font-weight: bold; }
    #head_pc_menu_inner li.guide .inner ul.include_guide li.accordion-inner {
      width: 20.3%;
      transform: none;
      opacity: 1;
      height: auto;
      pointer-events: auto;
      line-height: 1.75rem;
      font-size: 0.9rem; }
    #head_pc_menu_inner li.guide .inner ul.include_guide > li.category_li:last-of-type {
      display: none; }
    #head_pc_menu_inner li.guide .inner ul.include_guide li a {
      display: block;
      transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
      #head_pc_menu_inner li.guide .inner ul.include_guide li a:hover {
        text-indent: 0.5rem;
        color: #0047ab; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

ナビゲーション中身（レフト/ドロワー）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------アコーディオン挙動-------*/
.accordion-inner {
  transform: scaleY(0);
  transform-origin: top;
  transition: all 1.2s cubic-bezier(0.4, 0, 0, 1);
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
  height: 0; }

.accordion-inner.open {
  transform: scaleY(1);
  pointer-events: auto;
  opacity: 1;
  height: auto; }

#nav {
  position: relative;
  z-index: 0; }
  #nav section.navsec {
    /*-----ログイン----*/
    /*-----お気に入り----*/
    /*-----検索窓----*/
    /*-----ログイン----*/
    /*-----カテゴリー----*/
    /*-----コレクション----*/
    /*-----商品ランキング----*/
    /*-----ラパについて----*/
    /*-----ガイド----*/
    /*-----SNS----*/ }
    #nav section.navsec .head {
      border-top: solid 1px rgba(222, 226, 230, 0.8);
      display: flex;
      align-items: center;
      justify-content: space-between; }
      @media (min-width: 701px) {
        #nav section.navsec .head {
          padding: 2rem 0; } }
      @media (max-width: 700px) {
        #nav section.navsec .head {
          padding: 2rem 1rem; } }
      #nav section.navsec .head p {
        font-family: "Bodoni Moda", "Noto Serif JP", serif;
        line-height: 1; }
        @media (min-width: 701px) {
          #nav section.navsec .head p {
            font-size: 1.25rem; } }
        @media (max-width: 700px) {
          #nav section.navsec .head p {
            font-size: 4.8vw; } }
      #nav section.navsec .head.accordion-btn::after {
        content: "\f078";
        transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
      #nav section.navsec .head.accordion-btn.open::after {
        transform: rotate(180deg); }
    #nav section.navsec .body.list {
      /*-------内部開閉なし-------*/
      /*-------内部開閉あり-------*/ }
      #nav section.navsec .body.list ul.inner {
        margin-bottom: 2rem; }
        #nav section.navsec .body.list ul.inner li.category_li {
          position: relative;
          display: flex;
          align-items: center;
          justify-content: space-between; }
          @media (min-width: 701px) {
            #nav section.navsec .body.list ul.inner li.category_li {
              padding: 0 1rem; } }
          @media (max-width: 700px) {
            #nav section.navsec .body.list ul.inner li.category_li {
              padding: 0 2rem; } }
          #nav section.navsec .body.list ul.inner li.category_li a {
            display: block;
            width: 100%;
            line-height: 3rem;
            transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
            @media (min-width: 701px) {
              #nav section.navsec .body.list ul.inner li.category_li a:hover {
                color: #0047ab; } }
        #nav section.navsec .body.list ul.inner li.accordion-inner {
          display: none; }
      #nav section.navsec .body.list ul.inner.accordion li.category_li.accordion-btn::after {
        content: "+";
        font-weight: normal;
        transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
      #nav section.navsec .body.list ul.inner.accordion li.category_li.accordion-btn.open::after {
        transform: rotate(225deg); }
      #nav section.navsec .body.list ul.inner.accordion li.accordion-inner {
        display: block; }
        #nav section.navsec .body.list ul.inner.accordion li.accordion-inner li.category_li {
          font-size: 0.9rem;
          justify-content: left; }
          @media (min-width: 701px) {
            #nav section.navsec .body.list ul.inner.accordion li.accordion-inner li.category_li {
              padding: 0 2rem; } }
          @media (max-width: 700px) {
            #nav section.navsec .body.list ul.inner.accordion li.accordion-inner li.category_li {
              padding: 0 3rem; } }
          #nav section.navsec .body.list ul.inner.accordion li.accordion-inner li.category_li::before {
            content: "";
            height: 1px;
            width: 1rem;
            background: #212529;
            margin-right: 1rem; }
    @media (min-width: 701px) {
      #nav section.navsec.login {
        display: none; } }
    #nav section.navsec.login div.body {
      padding-bottom: 2rem; }
      #nav section.navsec.login div.body div.grid {
        padding: 0 1rem; }
        #nav section.navsec.login div.body div.grid a.welcom_link_btn_cmn {
          display: block;
          border-radius: 1.5rem;
          height: 3rem;
          line-height: 1;
          text-align: center;
          font-weight: bold;
          border: solid 1px #212529;
          margin: 0;
          display: flex;
          align-items: center;
          justify-content: center; }
          #nav section.navsec.login div.body div.grid a.welcom_link_btn_cmn.favorite_link, #nav section.navsec.login div.body div.grid a.welcom_link_btn_cmn.welcom_cart_link {
            display: none; }
          #nav section.navsec.login div.body div.grid a.welcom_link_btn_cmn.member_login, #nav section.navsec.login div.body div.grid a.welcom_link_btn_cmn.member_mypage {
            background: #212529;
            color: #ffffff; }
    @media (min-width: 701px) {
      #nav section.navsec.favo {
        display: none; } }
    #nav section.navsec.favo div.body {
      padding: 0 1rem 2rem; }
      #nav section.navsec.favo div.body #favorite_container {
        display: flex;
        overflow-x: auto;
        /* ← スクロール有効 */
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        /* スマホ対応 */
        gap: 1rem;
        scrollbar-width: none; }
        #nav section.navsec.favo div.body #favorite_container .not_member {
          width: 100%;
          text-align: center; }
      #nav section.navsec.favo div.body #favorite_container::-webkit-scrollbar {
        display: none;
        /* Chrome / Safari */ }
      #nav section.navsec.favo div.body .item_masonry {
        flex: 0 0 auto;
        /* 横に並べて折り返さない */
        scroll-snap-align: start;
        width: 64px;
        /* 必要に応じて幅調整 */
        min-height: 64px;
        background: #f8f9fa;
        /* デモ用背景 */ }
        #nav section.navsec.favo div.body .item_masonry .item_image_block {
          border-radius: 0; }
        #nav section.navsec.favo div.body .item_masonry .item_data_block {
          display: none; }
    #nav section.navsec.search {
      padding: 2rem 1rem; }
      #nav section.navsec.search form {
        display: flex;
        align-items: center;
        background: #f8f9fa;
        border-radius: 1.5rem;
        padding: 0;
        position: relative; }
        #nav section.navsec.search form i {
          position: absolute;
          left: 1.5rem; }
        #nav section.navsec.search form input {
          line-height: 3rem;
          border: none;
          font-size: 1rem;
          padding: 0 1.5rem 0 3.5rem;
          width: 100%; }
          #nav section.navsec.search form input:-internal-autofill-selected {
            background: none; }
    @media (min-width: 701px) {
      #nav section.navsec.ranking .body li {
        padding: 1rem 0; } }
    @media (max-width: 700px) {
      #nav section.navsec.ranking .body li {
        padding: 1rem; } }
    #nav section.navsec.ranking .body li .box {
      align-items: center; }
    #nav section.navsec.ranking .body li .name_en {
      display: block; }
    #nav section.navsec.ranking .body li .catch {
      display: none; }
    #nav section.navsec.ranking .body li .name_ja, #nav section.navsec.ranking .body li .price {
      font-size: 0.9rem;
      font-weight: initial; }
    #nav section.navsec.ranking .body .btn_01 {
      font-size: 0.9rem;
      line-height: 1re;
      padding: 1rem;
      width: 75%;
      margin: 1rem auto 2rem; }
    #nav section.navsec.about .body ul {
      margin-bottom: 2rem;
      margin-top: -1rem; }
      @media (min-width: 701px) {
        #nav section.navsec.about .body ul li {
          padding: 0; } }
      @media (max-width: 700px) {
        #nav section.navsec.about .body ul li {
          padding: 0 2rem; } }
      #nav section.navsec.about .body ul li a {
        margin-top: 1rem;
        display: flex;
        justify-content: left;
        align-items: center; }
        #nav section.navsec.about .body ul li a::before {
          content: "";
          width: 3rem;
          height: 3rem;
          border-radius: 50%;
          margin-right: 1rem;
          background-size: contain; }
      #nav section.navsec.about .body ul li:nth-of-type(1) a::before {
        background-image: url(https://www.rapa-jewelry.com/images/header/about_01.png); }
      #nav section.navsec.about .body ul li:nth-of-type(2) a::before {
        background-image: url(https://www.rapa-jewelry.com/images/header/about_02.png); }
    #nav section.navsec.guide .body .include_guide .body {
      display: none; }
    #nav section.navsec.sns .head {
      padding: 2rem 0 0; }
    #nav section.navsec.sns .body .include_sns {
      display: flex;
      justify-content: center; }
      #nav section.navsec.sns .body .include_sns a {
        margin: 0 0.5rem;
        display: block; }
        #nav section.navsec.sns .body .include_sns a i {
          border-radius: 50%;
          color: #ffffff;
          width: 2.5rem;
          height: 2.5rem;
          background: #212529;
          display: flex;
          justify-content: center;
          align-items: center; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

　footer　フッター

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------固定分マージン------------*/
@media (max-width: 700px) {
  #footer_bottom {
    padding-bottom: 5rem; } }

footer h1 {
  font-size: 1.5rem; }
footer p {
  font-size: 0.9rem; }
footer #footer_top {
  background-image: url(https://www.rapa-jewelry.com/images/concept/bg.jpg);
  background-position: left center;
  background-size: cover;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.5);
  background-blend-mode: color; }
  footer #footer_top h1 {
    font-size: 2rem; }
  footer #footer_top .btn_01 {
    margin: 2rem 0 0;
    max-width: unset;
    width: max-content;
    padding: 1.5rem 3rem; }
footer #footer_mid {
  background: #ffffff; }
  footer #footer_mid h1 {
    font-size: inherit; }
  footer #footer_mid h2 {
    font-family: "Bodoni Moda", "Noto Serif JP", serif;
    font-weight: 400; }
  footer #footer_mid iframe {
    padding-top: 1rem; }
  footer #footer_mid .box input {
    display: none; }
  @media (min-width: 701px) {
    footer #footer_mid .box:not(:first-child) {
      border-left: solid 1px rgba(222, 226, 230, 0.8);
      padding-left: 2rem;
      margin-left: 2rem; }
    footer #footer_mid .box .inner ul.category {
      padding-top: 1rem; }
      footer #footer_mid .box .inner ul.category li {
        height: 2rem;
        line-height: 2rem; }
        footer #footer_mid .box .inner ul.category li a {
          display: block;
          transition: all 1.2s cubic-bezier(0.4, 0, 0, 1);
          font-size: 0.9rem; }
          footer #footer_mid .box .inner ul.category li a:hover {
            margin-left: 0.5rem;
            color: #6c757d; }
        footer #footer_mid .box .inner ul.category li.accordion-inner {
          display: none; }
    footer #footer_mid .box .inner iframe {
      height: 554px; } }
  @media (max-width: 700px) {
    footer #footer_mid .box {
      text-align: center; }
      footer #footer_mid .box:not(:first-child) {
        border-top: solid 1px rgba(222, 226, 230, 0.8);
        padding-top: 2rem;
        margin-top: 2rem; }
      footer #footer_mid .box .inner {
        transform: scale(1, 0);
        transform-origin: top;
        transition: all 1.2s cubic-bezier(0.4, 0, 0, 1);
        height: 0; }
        footer #footer_mid .box .inner ul.category {
          padding-top: 1rem; }
          footer #footer_mid .box .inner ul.category li {
            height: 3rem;
            line-height: 3rem;
            font-size: 1rem; }
            footer #footer_mid .box .inner ul.category li a {
              display: block; }
          footer #footer_mid .box .inner ul.category ul.category_under {
            display: none; }
        footer #footer_mid .box .inner iframe {
          padding-top: 1rem;
          height: 0;
          transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
      footer #footer_mid .box input:checked ~ .inner {
        transform: scale(1, 1);
        height: 100%; }
        footer #footer_mid .box input:checked ~ .inner iframe {
          height: 554px; } }
  footer #footer_mid .box.company img {
    width: 125px; }
  footer #footer_mid .box.company ul.sns {
    display: flex;
    margin-top: 1rem; }
    @media (max-width: 700px) {
      footer #footer_mid .box.company ul.sns {
        justify-content: center; } }
    @media (max-width: 700px) {
      footer #footer_mid .box.company ul.sns li {
        margin: 0 0.5rem; } }
    @media (min-width: 701px) {
      footer #footer_mid .box.company ul.sns li {
        margin: 0 0.5rem 0 0; } }
    footer #footer_mid .box.company ul.sns li a {
      display: block;
      border-radius: 50%;
      color: #ffffff;
      width: 2rem;
      height: 2rem;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: all 1.2s cubic-bezier(0.4, 0, 0, 1);
      background: #343a40; }
      footer #footer_mid .box.company ul.sns li a:hover {
        background: #6c757d; }
  footer #footer_mid .box.guide .accordion-inner {
    display: none; }
footer #footer_bottom {
  color: #ced4da; }
  footer #footer_bottom ul li {
    display: inline-block;
    border-right: solid 1px rgba(222, 226, 230, 0.8);
    margin-right: 0.75rem;
    padding-right: 0.75rem;
    transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
    footer #footer_bottom ul li a {
      min-height: 24px;
      display: flex;
      align-items: center; }
    footer #footer_bottom ul li:last-child {
      margin-right: 0;
      padding-right: 0;
      border-right: none; }
    footer #footer_bottom ul li:hover {
      color: #ffffff; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

ブロック

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------
パンくず
---------------------------------------------------------------------*/
.pankuzu_area {
  padding-top: 1rem;
  padding-bottom: 2rem; }
  .pankuzu_area ol {
    font-size: 0.8rem; }
    .pankuzu_area ol li:not(:last-child):after {
      content: ">";
      margin: 0.5rem; }
    .pankuzu_area ol a {
      color: #adb5bd;
      transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
      .pankuzu_area ol a:hover {
        color: #0047ab; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

商品ページ

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------
商品詳細上部
---------------------------------------------------------------------*/
body.item_detail_page {
  /*-- item_detail --*/ }
  body.item_detail_page .pane_body {
    background: #f8f9fa; }
  body.item_detail_page .item_detail {
    /*-- detail_body_area --*/ }
    body.item_detail_page .item_detail .detail_body_area {
      position: relative;
      /* ----------PC設定---------- */
      /*--pc end--*/
      /* ----------商品サムネイル---------- */
      /* ----------商品詳細 アイコンブロック---------- */
      /* ----------商品詳細 商品名ブロック---------- */
      /* ----------商品テキスト詳細ブロック---------- */
      /* ----------商品テキスト詳細ブロック END---------- */
      /* ----------商品詳細下部ブロック---------- */
      /*---item_law_block--*/ }
      @media (min-width: 701px) {
        body.item_detail_page .item_detail .detail_body_area {
          display: flex;
          justify-content: space-between;
          /*-detail_body2-*/ }
          body.item_detail_page .item_detail .detail_body_area .detail_body1 {
            float: none;
            width: calc(100% - 460px); }
            body.item_detail_page .item_detail .detail_body_area .detail_body1 .item_image_block {
              /* 商品詳細 メイン画像+サムネイル枠 */
              padding: 0;
              width: auto;
              text-align: center; }
            body.item_detail_page .item_detail .detail_body_area .detail_body1 .item_image_thumbnail {
              /* 商品詳細 サムネイル枠 */
              margin-bottom: 0;
              text-align: center; }
          body.item_detail_page .item_detail .detail_body_area .detail_body2 {
            width: 400px;
            margin: 0; } }
      body.item_detail_page .item_detail .detail_body_area .swiper-button-next::before, body.item_detail_page .item_detail .detail_body_area .swiper-button-prev::before {
        content: none; }
      body.item_detail_page .item_detail .detail_body_area .swiper-button-next::after, body.item_detail_page .item_detail .detail_body_area .swiper-button-prev::after {
        font-size: 2rem;
        color: initial; }
      body.item_detail_page .item_detail .detail_body_area .swiper-button-next::after {
        content: "\f152"; }
      body.item_detail_page .item_detail .detail_body_area .swiper-button-prev::after {
        content: "\f191"; }
      body.item_detail_page .item_detail .detail_body_area .item_icon_block {
        margin-bottom: 2rem; }
      body.item_detail_page .item_detail .detail_body_area .free1_img,
      body.item_detail_page .item_detail .detail_body_area .free2_img,
      body.item_detail_page .item_detail .detail_body_area .free3_img,
      body.item_detail_page .item_detail .detail_body_area .free4_img,
      body.item_detail_page .item_detail .detail_body_area .free5_img,
      body.item_detail_page .item_detail .detail_body_area .free6_img,
      body.item_detail_page .item_detail .detail_body_area .free7_img,
      body.item_detail_page .item_detail .detail_body_area .free8_img {
        font-family: initial;
        display: inline-block;
        margin-right: 0.5rem;
        padding: 0 0.75rem;
        height: 1.75rem;
        line-height: 1.75rem;
        font-size: 0.8rem;
        font-weight: 600;
        letter-spacing: 0em;
        box-sizing: border-box;
        border: none;
        color: #6c757d;
        background: #e9ecef; }
      body.item_detail_page .item_detail .detail_body_area .bookmark_area .bookmark_btn span.bookmark {
        margin: 0;
        padding: 0;
        min-width: unset;
        background: none;
        width: auto;
        height: auto;
        line-height: 1; }
        body.item_detail_page .item_detail .detail_body_area .bookmark_area .bookmark_btn span.bookmark span::before {
          content: "\f004";
          font-size: 2rem; }
        body.item_detail_page .item_detail .detail_body_area .bookmark_area .bookmark_btn span.bookmark span.favo_off_img::before {
          color: #dee2e6; }
        body.item_detail_page .item_detail .detail_body_area .bookmark_area .bookmark_btn span.bookmark span.favo_on_img::before {
          color: #ff7683; }
      body.item_detail_page .item_detail .detail_body_area .item_name_block {
        margin: 0; }
        body.item_detail_page .item_detail .detail_body_area .item_name_block #itemname_en {
          font-size: 2.2rem;
          line-height: 1.2;
          font-family: "Bodoni Moda", "Noto Serif JP", serif;
          margin-bottom: 0.5rem; }
          @media (max-width: 700px) {
            body.item_detail_page .item_detail .detail_body_area .item_name_block #itemname_en {
              margin-top: 2rem; } }
        body.item_detail_page .item_detail .detail_body_area .item_name_block .item_name {
          margin: 0;
          padding: 0;
          font-size: 1rem;
          font-weight: normal;
          border: none; }
      body.item_detail_page .item_detail .detail_body_area .item_textinfo_block {
        margin: 2rem 0 0;
        display: flex;
        flex-direction: column;
        /*--順番--*/
        /*-商品番号-*/
        /*-納期-*/
        /*-価格-*/
        /*-ポイント-*/
        /*-送料-*/
        /*-項目選択肢-*/
        /*-ポイント / 送料無料-*/
        /*-納期-*/
        /* ----------項目選択肢オプション---------- */
        /* ----------項目選択肢オプション---------- */ }
        body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .item_textinfo_val {
          color: inherit; }
        body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .item_model {
          order: 1; }
        body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .item_attribute_1 {
          order: 5; }
        body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .item_price {
          order: 2;
          margin: 1.5rem 0;
          padding: 0; }
        body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .item_point {
          order: 3; }
        body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .item_postage {
          order: 4; }
        body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .cart_form_area {
          order: 6; }
        body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .item_price .item_normal_price .item_price_ttl {
          display: none; }
        body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .member_item_price {
          color: #f06; }
        body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .member_item_price .item_price_ttl::after {
          content: "： "; }
        body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .item_price_main .item_price_unit {
          font-size: 1rem; }
        body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .item_price_main::after {
          content: "（in Tax）";
          font-size: 0.9rem; }
        body.item_detail_page .item_detail .detail_body_area .item_textinfo_block del {
          text-decoration: none;
          margin-bottom: 0.5rem;
          display: inline-block; }
          body.item_detail_page .item_detail .detail_body_area .item_textinfo_block del .item_price_val {
            text-decoration: line-through;
            font-size: 1.25rem !important; }
        body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .item_price_val:not(.item_fix_price .item_price_val, .price_unit_sub .item_price_val) {
          margin: 0 0 0 0.25rem;
          font-size: 2rem;
          line-height: 1;
          white-space: nowrap; }
        body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .item_point, body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .item_postage {
          font-size: 0.9rem; }
          body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .item_point .item_point_val, body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .item_point .item_point_percent span, body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .item_postage .item_point_val, body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .item_postage .item_point_percent span {
            color: #f06; }
          body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .item_point a, body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .item_postage a {
            color: #0047ab;
            margin-left: 0.5rem;
            font-weight: 500; }
            body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .item_point a:hover, body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .item_postage a:hover {
              text-decoration: underline; }
          body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .item_point::before, body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .item_postage::before {
            display: inline;
            margin-right: 0.5rem;
            color: #adb5bd; }
        body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .item_point::before {
          content: "\f51e"; }
        body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .item_postage::before {
          content: "\f4df"; }
        body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .item_attribute_1 .item_attribute_1_ttl {
          display: block;
          margin-top: 2rem;
          font-size: inherit;
          font-weight: bold;
          color: inherit;
          opacity: 1; }
        body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .item_attribute_1 .item_attribute_1_val {
          font-size: 1.25rem;
          margin-top: 0.25rem; }
          body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .item_attribute_1 .item_attribute_1_val::after {
            content: "後発送"; }
        body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .item_attribute_1::after {
          content: "※受注制作商品は製作にお時間を頂戴します。\A※銀行振込など前払いの場合はお支払い確認後からの起算となります。";
          display: block;
          white-space: pre;
          margin-top: 0.25rem;
          font-size: 0.9rem;
          color: #adb5bd; }
        body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .ordermade_area.layout1 .ordermade_variable_area {
          margin: 2rem 0 0; }
          body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .ordermade_area.layout1 .ordermade_variable_area .ordermade_contents {
            margin: 2rem 0 0 0;
            padding: 0;
            /*-オプションタイトル-*/
            /*-オプションプルダウン-*/
            /*-エラー表示-*/ }
            body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .ordermade_area.layout1 .ordermade_variable_area .ordermade_contents .ordermade_contents_parent {
              padding: 0;
              font-size: inherit;
              font-weight: bold;
              color: inherit;
              border-bottom: none; }
            body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .ordermade_area.layout1 .ordermade_variable_area .ordermade_contents .ordermade_option_group_list .ordermade_option_group {
              margin: 0; }
              body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .ordermade_area.layout1 .ordermade_variable_area .ordermade_contents .ordermade_option_group_list .ordermade_option_group .ordermade_select_child {
                margin: 0.25rem 0 0 0; }
                body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .ordermade_area.layout1 .ordermade_variable_area .ordermade_contents .ordermade_option_group_list .ordermade_option_group .ordermade_select_child select {
                  width: 100%; }
              body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .ordermade_area.layout1 .ordermade_variable_area .ordermade_contents .ordermade_option_group_list .ordermade_option_group .ordermade_radio_child {
                margin: 0.25rem 0 0 0;
                border-bottom: 1px solid #e9ecef; }
                body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .ordermade_area.layout1 .ordermade_variable_area .ordermade_contents .ordermade_option_group_list .ordermade_option_group .ordermade_radio_child:first-of-type {
                  border-top: 1px solid #e9ecef; }
                body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .ordermade_area.layout1 .ordermade_variable_area .ordermade_contents .ordermade_option_group_list .ordermade_option_group .ordermade_radio_child .kind_image {
                  width: 62.5px;
                  height: 62.5px; }
            body.item_detail_page .item_detail .detail_body_area .item_textinfo_block .ordermade_area.layout1 .ordermade_variable_area .ordermade_contents .formErrorContent {
              margin-top: 0.25rem;
              font-size: inherit;
              background: none;
              padding: 0;
              color: #f06; }
      body.item_detail_page .item_detail .detail_body_area .item_law_block ul.item_law_list {
        flex-direction: row;
        margin: 0;
        justify-content: flex-end;
        border-top: solid 1px rgba(222, 226, 230, 0.8);
        margin-top: 1rem;
        padding-top: 1rem; }
        body.item_detail_page .item_detail .detail_body_area .item_law_block ul.item_law_list li {
          margin: 0 0 0 1rem;
          border-left: solid 1px rgba(222, 226, 230, 0.8);
          padding: 0 0 0 1rem;
          font-size: 0.9rem; }
          body.item_detail_page .item_detail .detail_body_area .item_law_block ul.item_law_list li:first-of-type {
            margin: 0;
            padding: 0;
            border: none; }
          body.item_detail_page .item_detail .detail_body_area .item_law_block ul.item_law_list li a {
            /* 商品詳細 [返品について][この商品について問い合わせる]btn */
            display: inline-block;
            padding: inherit;
            line-height: inherit;
            font-size: inherit;
            color: #0047ab;
            background: none;
            border: none;
            text-decoration: none; }
            body.item_detail_page .item_detail .detail_body_area .item_law_block ul.item_law_list li a:hover {
              color: #0047ab;
              background: none;
              text-decoration: underline; }
            body.item_detail_page .item_detail .detail_body_area .item_law_block ul.item_law_list li a .item_contact_link_val:before {
              content: none; }
          body.item_detail_page .item_detail .detail_body_area .item_law_block ul.item_law_list li .item_contact {
            margin: 0; }
      body.item_detail_page .item_detail .detail_body_area .item_law_block .bookmark_area .bookmark_btn {
        position: unset; }
        body.item_detail_page .item_detail .detail_body_area .item_law_block .bookmark_area .bookmark_btn span.bookmark {
          margin: 0;
          padding: 0;
          min-width: unset;
          font-size: 0; }
          body.item_detail_page .item_detail .detail_body_area .item_law_block .bookmark_area .bookmark_btn span.bookmark span {
            font-size: 0; }
            body.item_detail_page .item_detail .detail_body_area .item_law_block .bookmark_area .bookmark_btn span.bookmark span::before {
              position: absolute;
              right: 0;
              bottom: 78px;
              padding: 0; }

/*---------------------------------------------------------------------
商品ページ画像拡大ポップアップ
---------------------------------------------------------------------*/
#ems_dlg_fix_item_img_dlg_1228_no_kind_no_om .ems_dlg_ele {
  overflow: hidden; }
  #ems_dlg_fix_item_img_dlg_1228_no_kind_no_om .ems_dlg_ele .ems_dlg_con {
    padding: 0 !important; }
    #ems_dlg_fix_item_img_dlg_1228_no_kind_no_om .ems_dlg_ele .ems_dlg_con .swiper-button-next::before, #ems_dlg_fix_item_img_dlg_1228_no_kind_no_om .ems_dlg_ele .ems_dlg_con .swiper-button-prev::before {
      content: none; }
    #ems_dlg_fix_item_img_dlg_1228_no_kind_no_om .ems_dlg_ele .ems_dlg_con .swiper-button-next::after, #ems_dlg_fix_item_img_dlg_1228_no_kind_no_om .ems_dlg_ele .ems_dlg_con .swiper-button-prev::after {
      font-size: 2rem;
      color: #ffffff; }
    #ems_dlg_fix_item_img_dlg_1228_no_kind_no_om .ems_dlg_ele .ems_dlg_con .swiper-button-next::after {
      content: "\f152"; }
    #ems_dlg_fix_item_img_dlg_1228_no_kind_no_om .ems_dlg_ele .ems_dlg_con .swiper-button-prev::after {
      content: "\f191"; }

/*---------------------------------------------------------------------
商品詳細カートボタン
---------------------------------------------------------------------*/
.zoomContainer {
  display: none !important; }

.ordermade_fix_area {
  display: flex;
  flex-direction: column;
  /*-------------順序------------*/
  /*--数量--*/
  /*--合計金額--*/
  /*--カゴ--*/
  /*-------------数量------------*/
  /*-------------合計金額------------*/ }
  .ordermade_fix_area .item_count {
    order: 1; }
  .ordermade_fix_area span:has(.item_normal_price) {
    order: 2; }
  .ordermade_fix_area .cart_button.in {
    order: 3; }
  .ordermade_fix_area .item_count {
    margin-top: 2rem;
    color: inherit;
    display: block; }
    .ordermade_fix_area .item_count span.item_count_ttl {
      display: block;
      text-align: inherit;
      font-size: inherit;
      font-weight: bold; }
    .ordermade_fix_area .item_count select, .ordermade_fix_area .item_count .notranslate {
      margin-top: 0.25rem; }
  .ordermade_fix_area span:has(.item_normal_price) .item_normal_price {
    margin: 2rem 0 0; }

/*-- ordermade_fix_area --*/
/*-------------カート投入後ポップアップ------------*/
#ems_dlg_cartin_result .ems_title_bar {
  display: none !important; }
#ems_dlg_cartin_result .ems_dlg_ele {
  margin: 0 !important;
  font: inherit !important;
  color: inherit !important; }
  #ems_dlg_cartin_result .ems_dlg_ele #cartin_result {
    margin: 0; }
    #ems_dlg_cartin_result .ems_dlg_ele #cartin_result td {
      vertical-align: top; }
      #ems_dlg_cartin_result .ems_dlg_ele #cartin_result td img {
        padding-right: 1rem; }

/*---------------------------------------------------------------------
商品説明文
---------------------------------------------------------------------*/
.item_explain {
  margin-top: 2rem; }
  .item_explain .item_explain_title {
    display: none; }

/*---------------------------------------------------------------------
商品説明文サブ1
---------------------------------------------------------------------*/
.item_explain_sub1 img, .item_explain_sub1 p:not(.modelcolor) {
  margin-top: 4rem; }
.item_explain_sub1 font {
  display: block;
  margin-bottom: 2rem; }

/*---------------------------------------------------------------------
商品説明文サブ2
---------------------------------------------------------------------*/
.item_explain_sub2:has(table) {
  margin-top: 2.5rem; }
  .item_explain_sub2:has(table) .item_explain_val {
    border-radius: 0.5rem;
    background: #e9ecef;
    padding: 1rem 0; }
    .item_explain_sub2:has(table) .item_explain_val table {
      text-align: left;
      font-size: 0.9rem; }
      .item_explain_sub2:has(table) .item_explain_val table th, .item_explain_sub2:has(table) .item_explain_val table td {
        vertical-align: top; }
      .item_explain_sub2:has(table) .item_explain_val table th {
        color: #6c757d;
        padding: 0.5rem 1.5rem;
        width: 25%;
        font-weight: inherit; }
      .item_explain_sub2:has(table) .item_explain_val table td {
        padding: 0.5rem 1rem 0.5rem 0;
        border: none; }

.item_explain_sub2:has(.attention) {
  border-top: solid 1px rgba(222, 226, 230, 0.8);
  border-bottom: solid 1px rgba(222, 226, 230, 0.8);
  padding: 2rem 0;
  margin: 1rem 0 2rem; }
  .item_explain_sub2:has(.attention) .head {
    font-weight: bold;
    margin-bottom: 1rem; }

/*---------------------------------------------------------------------
関連商品
---------------------------------------------------------------------*/
.related_item_list {
  padding-bottom: 6rem; }
  .related_item_list::before {
    content: "RELATED ITEM";
    font-family: "Bodoni Moda", "Noto Serif JP", serif;
    margin: 0 0 1rem;
    font-weight: 600;
    text-align: center;
    display: block;
    font-size: 1.5em;
    line-height: 1; }
  .related_item_list .related_item_title {
    font-weight: normal;
    color: #000000;
    padding: 0 0 2rem;
    background-color: unset;
    text-align: center;
    line-height: 1; }
  .related_item_list .item_icon_block {
    display: none; }
  .related_item_list .swiper-button-next::before, .related_item_list .swiper-button-prev::before {
    content: none; }
  .related_item_list .swiper-button-next::after, .related_item_list .swiper-button-prev::after {
    font-size: 2rem;
    color: initial; }
  .related_item_list .swiper-button-next::after {
    content: "\f152"; }
  .related_item_list .swiper-button-prev::after {
    content: "\f191"; }
  .related_item_list .item_code, .related_item_list .bookmark_area {
    display: none; }

/*---------------------------------------------------------------------
商品販売説明文（フリーエリア）
---------------------------------------------------------------------*/
#itempage_common_description {
  /*---伝統の技、繊細な美しさ---*/
  /*---大切な商品に、真心を込めて---*/
  /*---カスタムについて---*/
  /*---ラパジュエリーについて---*/ }
  #itempage_common_description .sec {
    padding: 6rem 0; }
    #itempage_common_description .sec img {
      width: 100%; }
    #itempage_common_description .sec > div .mds {
      text-align: center;
      line-height: 1;
      margin-bottom: 2.5rem; }
      #itempage_common_description .sec > div .mds h2 {
        font-family: "Bodoni Moda", "Noto Serif JP", serif;
        margin: 0 0 1rem;
        font-weight: 600; }
    @media (max-width: 700px) {
      #itempage_common_description .sec > div > p {
        text-align: left; } }
    @media (min-width: 701px) {
      #itempage_common_description .sec > div > p {
        text-align: center; } }
  #itempage_common_description .sec1 {
    background: #e9ecef; }
    #itempage_common_description .sec1 .grid {
      column-gap: 1rem;
      row-gap: 1rem;
      margin-top: 2rem; }
  #itempage_common_description .sec3 .grid {
    column-gap: 1rem;
    row-gap: 1rem; }
  #itempage_common_description .sec3 h3 {
    padding-top: 2rem; }
  #itempage_common_description .sec3 p {
    padding-top: 1rem; }
  #itempage_common_description .sec3 .p-small {
    font-size: 0.9rem;
    color: #6c757d;
    padding-top: 2rem;
    text-align: left; }
  #itempage_common_description .sec4 {
    background: #e9ecef; }
    #itempage_common_description .sec4 .grid {
      column-gap: 1rem;
      row-gap: 1rem;
      margin-top: 2rem; }
      #itempage_common_description .sec4 .grid li {
        border: solid 1px rgba(222, 226, 230, 0.8);
        background: #ffffff;
        transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
        #itempage_common_description .sec4 .grid li:hover {
          border: solid 1px rgba(173, 181, 189, 0.8); }
        #itempage_common_description .sec4 .grid li a {
          display: flex;
          align-items: center;
          height: 4rem;
          color: initial;
          text-decoration: none; }
        #itempage_common_description .sec4 .grid li a::before {
          content: "";
          width: 2rem;
          height: 2rem;
          display: inline-block;
          background-size: contain;
          margin: 1rem; }
        #itempage_common_description .sec4 .grid li:nth-of-type(1) a::before {
          background-image: url(https://image.rakuten.co.jp/rapa-port/cabinet/shiro/rph63495921_why.jpg); }
        #itempage_common_description .sec4 .grid li:nth-of-type(2) a::before {
          background-image: url(https://image.rakuten.co.jp/rapa-port/cabinet/shiro/rpaub6622_why.jpg); }
        #itempage_common_description .sec4 .grid li:nth-of-type(3) a::before {
          background-image: url(https://image.rakuten.co.jp/rapa-port/cabinet/shiro/rph20021422_why.jpg); }
        #itempage_common_description .sec4 .grid li:nth-of-type(4) a::before {
          background-image: url(https://image.rakuten.co.jp/rapa-port/cabinet/shiro/rpj013na21_why.jpg); }
        #itempage_common_description .sec4 .grid li:nth-of-type(5) a::before {
          background-image: url(https://image.rakuten.co.jp/rapa-port/cabinet/shiro/rpj1198t24_why.jpg); }
        #itempage_common_description .sec4 .grid li:nth-of-type(6) a::before {
          background-image: url(https://image.rakuten.co.jp/rapa-port/cabinet/shiro/rpaub8123_why.jpg); }
  #itempage_common_description .sec5 {
    background: #ffffff; }
    #itempage_common_description .sec5 .grid {
      column-gap: 1px;
      row-gap: 1px;
      background: #e9ecef; }
      #itempage_common_description .sec5 .grid li {
        background: #ffffff; }
        @media (min-width: 701px) {
          #itempage_common_description .sec5 .grid li {
            padding: 0 2rem; } }
        @media (max-width: 700px) {
          #itempage_common_description .sec5 .grid li {
            padding: 1.5rem; } }
        #itempage_common_description .sec5 .grid li h3 {
          padding-top: 2rem; }
        #itempage_common_description .sec5 .grid li p {
          padding-top: 1rem;
          font-size: 0.9rem; }

/*---------------------------------------------------------------------
SEOキーワードセクション（フリーエリア）
---------------------------------------------------------------------*/
#seo_section {
  background-image: url(https://www21.easy-myshop.jp/emsrsc/rapa/res/seo_sec_bg.jpg);
  background-size: cover;
  background-position: center center;
  padding: 6rem 0;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.5);
  background-blend-mode: color; }
  #seo_section p {
    font-size: 0.9rem; }

/*---------------------------------------------------------------------
カート追加後
---------------------------------------------------------------------*/
.ems_title_bar {
  display: none; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

レビュー投稿ページ

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
body.review_post_page .app_content_review_post table,
body.review_post_page .review_post_author,
body.review_post_page .review_post_title,
body.review_post_page table, body.review_post_page thead, body.review_post_page tbody, body.review_post_page tr, body.review_post_page tr, body.review_post_page td {
  display: block;
  width: 100%;
  max-width: 800px; }
body.review_post_page .grid_head {
  font-weight: bold;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 2rem;
  margin-bottom: 0.5rem; }
body.review_post_page .required_mark {
  background: #f06;
  color: #ffffff;
  padding: 0 0.5rem;
  font-size: 0.8rem;
  margin-left: 0.5rem; }
body.review_post_page .review_post_author table tbody {
  display: flex;
  flex-wrap: wrap; }
  body.review_post_page .review_post_author table tbody tr:nth-of-type(2),
  body.review_post_page .review_post_author table tbody tr:nth-of-type(3) {
    width: 50%; }
body.review_post_page .review_post_author em:not(.required_mark) {
  margin-top: 2rem;
  text-align: right;
  opacity: 0.6;
  display: block; }
body.review_post_page .review_post_title {
  background: #f8f9fa;
  display: grid;
  padding: 2rem;
  font-size: 1rem;
  column-gap: 2rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  place-items: center;
  margin: 2rem auto; }
  body.review_post_page .review_post_title img {
    width: 100%;
    max-width: unset;
    max-height: unset; }
body.review_post_page #review_text_area_0 textarea {
  height: auto; }
body.review_post_page #review_text_area_0 .common_opt_btn.file_select {
  padding: 0 1.25rem; }
body.review_post_page #review_text_area_0 .common_opt_btn:hover, body.review_post_page #review_text_area_0 .common_opt_btn:focus, body.review_post_page #review_text_area_0 input.common_opt_btn:hover, body.review_post_page #review_text_area_0 input.common_opt_btn:focus {
  border-color: unset;
  background: #495057; }
body.review_post_page .review_explain {
  padding-top: 4rem;
  margin-top: 4rem;
  border-top: solid 1px rgba(222, 226, 230, 0.8); }
  body.review_post_page .review_explain h2 {
    display: block;
    padding: 0.5rem 1rem;
    background: #f8f9fa;
    border: 0;
    text-align: left; }
  body.review_post_page .review_explain p {
    text-align: left; }
  body.review_post_page .review_explain ul {
    border: none;
    padding: 0 1rem;
    margin: 2rem 0; }
    body.review_post_page .review_explain ul li {
      text-align: left; }
      body.review_post_page .review_explain ul li::before {
        content: "・ "; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	content_mto.html

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#content_mto {
  background: url(../images/content_mto/content_mto_02.jpg) center center no-repeat;
  background-attachment: fixed;
  background-size: cover; }
  #content_mto section {
    background-color: #ffffff; }
  #content_mto #space {
    height: 450px; }
  #content_mto table {
    border-collapse: collapse; }
    #content_mto table td, #content_mto table th {
      border: solid 1px #000000;
      text-align: center;
      vertical-align: middle; }
    #content_mto table th {
      background-color: #000000; }
      #content_mto table th p {
        color: #ffffff;
        font-weight: 300; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	content_pinkyring.html

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#content_pinkyring .pink.sec {
  background-color: #f9f2f3; }
#content_pinkyring .pink .mds {
  background-color: #edc5cc; }
#content_pinkyring .pink .img {
  border-color: #edc5cc; }
#content_pinkyring .pink .img_sum {
  border: solid 0.5rem #edc5cc; }
#content_pinkyring .blue.sec {
  background-color: #f2f9f9; }
#content_pinkyring .blue .mds {
  background-color: #bcd4e4; }
#content_pinkyring .blue .img {
  border-color: #bcd4e4; }
#content_pinkyring .blue .img_sum {
  border: solid 0.5rem #bcd4e4; }
#content_pinkyring .mds {
  margin: 0.5rem; }
#content_pinkyring #outline .box .img {
  padding-bottom: calc(100% - 1rem);
  border-radius: 50%;
  border-width: 0.5rem;
  margin-top: 0.5rem;
  border-style: solid;
  background-size: cover;
  background-position: center center;
  text-align: center; }
#content_pinkyring .sec .items .name_ja, #content_pinkyring .sec .items .catch {
  text-align: left; }
#content_pinkyring .sec .items .price {
  display: none; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

▲	content_re.html

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#content_re {
  background-color: #f4f2ef;
  /*---ul.items---*/ }
  #content_re a, #content_re p, #content_re h1, #content_re span {
    color: #595f70; }
  #content_re .name_en {
    font-family: "Times New Roman";
    letter-spacing: 0;
    font-weight: 100; }
  #content_re #outline .name_en:first-letter {
    color: #917c50; }
  #content_re #outline p {
    margin-top: 1rem;
    margin-bottom: 2rem; }
  #content_re ul.items {
    margin-top: -4rem; }
    #content_re ul.items li.item {
      margin-top: 4rem; }
      #content_re ul.items li.item .area_txt {
        text-align: left; }
        #content_re ul.items li.item .area_txt .name_en:first-letter {
          color: #917c50; }
        #content_re ul.items li.item .area_txt .price {
          text-align: left; }
          #content_re ul.items li.item .area_txt .price::after {
            content: " 円（in Tax）"; }
    #content_re ul.items#sec1 {
      /*---li.item---*/ }
      #content_re ul.items#sec1 li.item {
        /*---@include sp---*/
        /*---@include pc---*/ }
        #content_re ul.items#sec1 li.item a:hover .area_img img {
          transform: none; }
        #content_re ul.items#sec1 li.item .area_img .img_sum {
          display: none; }
        #content_re ul.items#sec1 li.item .area_img .img_sum2 {
          display: none; }
        #content_re ul.items#sec1 li.item .area_img .img_wh {
          display: block;
          transition: all 1.2s cubic-bezier(0.4, 0, 0, 1);
          transition-delay: 0.3s;
          opacity: 0; }
        #content_re ul.items#sec1 li.item .area_img .img_model {
          display: block;
          opacity: 0;
          transition: all 1.2s cubic-bezier(0.4, 0, 0, 1);
          position: relative;
          z-index: 0; }
          @media (max-width: 700px) {
            #content_re ul.items#sec1 li.item .area_img .img_model {
              overflow: hidden;
              width: 80%; } }
          #content_re ul.items#sec1 li.item .area_img .img_model img {
            transform: scale(1.3); }
        #content_re ul.items#sec1 li.item.started .area_img .img_wh {
          opacity: 1; }
        #content_re ul.items#sec1 li.item.started .area_img .img_model {
          opacity: 1; }
          #content_re ul.items#sec1 li.item.started .area_img .img_model img {
            transform: scale(1);
            transition: 30s; }
        #content_re ul.items#sec1 li.item .area_txt .color {
          display: none; }
        #content_re ul.items#sec1 li.item .area_txt .detail a .name_en {
          display: block;
          font-size: 2rem;
          letter-spacing: 0; }
        #content_re ul.items#sec1 li.item .area_txt .detail a .name_ja {
          font-size: 0.75rem; }
        #content_re ul.items#sec1 li.item .area_txt .detail a .catch {
          font-size: 1rem;
          display: block; }
        #content_re ul.items#sec1 li.item .area_txt .detail a .desc {
          display: block; }
        #content_re ul.items#sec1 li.item .area_txt .detail a:after {
          content: "READ MORE";
          border: solid 1px #595f70;
          margin-top: 2rem;
          padding: 0.25rem 1rem;
          display: block;
          width: fit-content; }
        #content_re ul.items#sec1 li.item:nth-of-type(3n-2) .img_wh {
          display: none; }
        #content_re ul.items#sec1 li.item:nth-of-type(3n-2) .name_en, #content_re ul.items#sec1 li.item:nth-of-type(3n-2) .name_ja {
          text-align: center; }
        @media (min-width: 701px) {
          #content_re ul.items#sec1 li.item:nth-of-type(3n-2) {
            width: 80%; } }
        #content_re ul.items#sec1 li.item:nth-of-type(3n-1) .box .area_img, #content_re ul.items#sec1 li.item:nth-of-type(3n) .box .area_img {
          position: relative; }
          #content_re ul.items#sec1 li.item:nth-of-type(3n-1) .box .area_img .img_wh, #content_re ul.items#sec1 li.item:nth-of-type(3n) .box .area_img .img_wh {
            position: absolute;
            width: 30%;
            right: 0;
            bottom: 2rem;
            z-index: 1; }
        @media (min-width: 701px) {
          #content_re ul.items#sec1 li.item:nth-of-type(3n-1) .box, #content_re ul.items#sec1 li.item:nth-of-type(3n) .box {
            display: flex;
            justify-content: space-between; }
            #content_re ul.items#sec1 li.item:nth-of-type(3n-1) .box > div, #content_re ul.items#sec1 li.item:nth-of-type(3n) .box > div {
              width: calc(50% - 2rem); }
            #content_re ul.items#sec1 li.item:nth-of-type(3n-1) .box .area_img, #content_re ul.items#sec1 li.item:nth-of-type(3n) .box .area_img {
              display: flex;
              align-items: center; } }
        @media (max-width: 700px) {
          #content_re ul.items#sec1 li.item:nth-of-type(3n-1) .box .area_img .img_model {
            margin-right: 20%; }
          #content_re ul.items#sec1 li.item:nth-of-type(3n-1) .box .area_img .img_wh {
            right: 0; }
          #content_re ul.items#sec1 li.item:nth-of-type(3n) .box .area_img .img_model {
            margin-left: 20%; }
          #content_re ul.items#sec1 li.item:nth-of-type(3n) .box .area_img .img_wh {
            left: 0; } }
        @media (min-width: 701px) {
          #content_re ul.items#sec1 li.item:nth-of-type(3n-1) .box .area_img .img_wh {
            right: -2rem; }
          #content_re ul.items#sec1 li.item:nth-of-type(3n) .box {
            flex-direction: row-reverse; }
            #content_re ul.items#sec1 li.item:nth-of-type(3n) .box .area_img .img_wh {
              left: -2rem; } }
    #content_re ul.items#sec2 {
      /*---li.item---*/ }
      #content_re ul.items#sec2 li.item .area_txt .color li {
        margin: 0; }
      #content_re ul.items#sec2 li.item .area_txt .name_en {
        display: block;
        font-size: 0.75rem; }
      #content_re ul.items#sec2 li.item .area_txt .name_ja {
        font-size: 0.75rem; }
      #content_re ul.items#sec2 li.item .area_txt .catch {
        display: block; }
      #content_re ul.items#sec2 li.item .area_txt .desc {
        display: none; }
      #content_re ul.items#sec2 li.item .tag {
        display: none; }

/*-- content_re --*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

▲	gift.php

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#gift {
  /*----------------------------------------------------------------
  qanda
  ----------------------------------------------------------------*/
  /*----------------------------------------------------------------
  cate
  ----------------------------------------------------------------*/
  /*----------------------------------------------------------------
  erabu
  ----------------------------------------------------------------*/
  /*--- erabu --*/ }
  #gift .mds {
    text-align: center; }
    #gift .mds p {
      padding-top: 2rem; }
    #gift .mds p.head {
      font-family: "Noto Serif JP", serif;
      padding-top: 0; }
    #gift .mds h4 {
      font-family: "Noto Serif JP", serif;
      font-size: 1.5rem; }
  #gift #outline {
    background: #f8f9fa; }
    #gift #outline .grid > div {
      background: #ffffff;
      border-radius: 1rem;
      padding: 2rem; }
      #gift #outline .grid > div .txt {
        text-align: left; }
    #gift #outline ul.include_kakaku {
      margin: auto; }
      #gift #outline ul.include_kakaku li {
        margin-top: 1rem;
        border-radius: 0.5rem; }
        #gift #outline ul.include_kakaku li a {
          display: block;
          color: #ffffff;
          height: 3rem;
          line-height: 3rem;
          border-radius: 1.5rem;
          background: #212529;
          transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
          #gift #outline ul.include_kakaku li a:hover {
            background: #6c757d; }
          #gift #outline ul.include_kakaku li a p {
            line-height: inherit; }
  #gift #qanda .wrap, #gift #qanda .pane_body > .contents, #gift #qanda body.item_detail_page .pankuzu_area, body.item_detail_page #gift #qanda .pankuzu_area,
  #gift #qanda body.item_list_page .pankuzu_area,
  body.item_list_page #gift #qanda .pankuzu_area, #gift #qanda #itempage_common_description .sec > div, #itempage_common_description #gift #qanda .sec > div {
    margin-top: -2rem; }
    #gift #qanda .wrap .qanda_box, #gift #qanda .pane_body > .contents .qanda_box, #gift #qanda body.item_detail_page .pankuzu_area .qanda_box, body.item_detail_page #gift #qanda .pankuzu_area .qanda_box,
    #gift #qanda body.item_list_page .pankuzu_area .qanda_box,
    body.item_list_page #gift #qanda .pankuzu_area .qanda_box, #gift #qanda #itempage_common_description .sec > div .qanda_box, #itempage_common_description #gift #qanda .sec > div .qanda_box {
      position: relative;
      margin-top: 2rem;
      background-color: #f8f9fa;
      border-radius: 1rem;
      padding: 4rem 2rem 2rem;
      text-align: left; }
      @media (min-width: 701px) {
        #gift #qanda .wrap .qanda_box:last-of-type, #gift #qanda .pane_body > .contents .qanda_box:last-of-type, #gift #qanda body.item_detail_page .pankuzu_area .qanda_box:last-of-type, body.item_detail_page #gift #qanda .pankuzu_area .qanda_box:last-of-type,
        #gift #qanda body.item_list_page .pankuzu_area .qanda_box:last-of-type,
        body.item_list_page #gift #qanda .pankuzu_area .qanda_box:last-of-type, #gift #qanda #itempage_common_description .sec > div .qanda_box:last-of-type, #itempage_common_description #gift #qanda .sec > div .qanda_box:last-of-type {
          grid-column: span 2; } }
      #gift #qanda .wrap .qanda_box .num, #gift #qanda .pane_body > .contents .qanda_box .num, #gift #qanda body.item_detail_page .pankuzu_area .qanda_box .num, body.item_detail_page #gift #qanda .pankuzu_area .qanda_box .num,
      #gift #qanda body.item_list_page .pankuzu_area .qanda_box .num,
      body.item_list_page #gift #qanda .pankuzu_area .qanda_box .num, #gift #qanda #itempage_common_description .sec > div .qanda_box .num, #itempage_common_description #gift #qanda .sec > div .qanda_box .num {
        border-radius: 50%;
        color: #ffffff;
        background: #212529;
        width: 4rem;
        height: 4rem;
        line-height: 4rem;
        font-family: "Bodoni Moda", "Noto Serif JP", serif;
        display: block;
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        top: -2rem;
        margin: auto; }
      #gift #qanda .wrap .qanda_box .mds, #gift #qanda .pane_body > .contents .qanda_box .mds, #gift #qanda body.item_detail_page .pankuzu_area .qanda_box .mds, body.item_detail_page #gift #qanda .pankuzu_area .qanda_box .mds,
      #gift #qanda body.item_list_page .pankuzu_area .qanda_box .mds,
      body.item_list_page #gift #qanda .pankuzu_area .qanda_box .mds, #gift #qanda #itempage_common_description .sec > div .qanda_box .mds, #itempage_common_description #gift #qanda .sec > div .qanda_box .mds {
        text-align: left;
        font-size: 1rem;
        font-weight: 600; }
      #gift #qanda .wrap .qanda_box .txt, #gift #qanda .pane_body > .contents .qanda_box .txt, #gift #qanda body.item_detail_page .pankuzu_area .qanda_box .txt, body.item_detail_page #gift #qanda .pankuzu_area .qanda_box .txt,
      #gift #qanda body.item_list_page .pankuzu_area .qanda_box .txt,
      body.item_list_page #gift #qanda .pankuzu_area .qanda_box .txt, #gift #qanda #itempage_common_description .sec > div .qanda_box .txt, #itempage_common_description #gift #qanda .sec > div .qanda_box .txt {
        margin-top: 1rem; }
        #gift #qanda .wrap .qanda_box .txt a, #gift #qanda .pane_body > .contents .qanda_box .txt a, #gift #qanda body.item_detail_page .pankuzu_area .qanda_box .txt a, body.item_detail_page #gift #qanda .pankuzu_area .qanda_box .txt a,
        #gift #qanda body.item_list_page .pankuzu_area .qanda_box .txt a,
        body.item_list_page #gift #qanda .pankuzu_area .qanda_box .txt a, #gift #qanda #itempage_common_description .sec > div .qanda_box .txt a, #itempage_common_description #gift #qanda .sec > div .qanda_box .txt a {
          text-decoration: underline; }
          #gift #qanda .wrap .qanda_box .txt a:hover, #gift #qanda .pane_body > .contents .qanda_box .txt a:hover, #gift #qanda body.item_detail_page .pankuzu_area .qanda_box .txt a:hover, body.item_detail_page #gift #qanda .pankuzu_area .qanda_box .txt a:hover,
          #gift #qanda body.item_list_page .pankuzu_area .qanda_box .txt a:hover,
          body.item_list_page #gift #qanda .pankuzu_area .qanda_box .txt a:hover, #gift #qanda #itempage_common_description .sec > div .qanda_box .txt a:hover, #itempage_common_description #gift #qanda .sec > div .qanda_box .txt a:hover {
            color: #000000; }
  #gift #ranking {
    background: #f8f9fa; }
    #gift #ranking .items .name_ja {
      font-family: "Noto Serif JP", serif;
      font-size: 0.9rem; }
    #gift #ranking .items .price {
      font-size: 0.9rem; }
    #gift #ranking .items .tag {
      display: none; }
  #gift #cate .items li {
    margin-top: 2rem; }
    @media (max-width: 700px) {
      #gift #cate .items li:last-child {
        display: none; } }
    #gift #cate .items li .ribbon12, #gift #cate .items li .rank_img, #gift #cate .items li .price, #gift #cate .items li .rank_txt {
      display: none; }
    #gift #cate .items li .name {
      font-family: "Bodoni Moda", "Noto Serif JP", serif;
      text-align: center;
      display: block;
      font-size: 1rem;
      margin: 0.5rem 0;
      text-align: left; }
    #gift #cate .items li .catch {
      display: block;
      margin-bottom: 0.5rem;
      text-align: left; }
    #gift #cate .items li .tag {
      display: none; }
  #gift #erabu .erabu_box {
    margin-top: 1rem; }
    #gift #erabu .erabu_box p, #gift #erabu .erabu_box ul {
      display: inline-block; }
    #gift #erabu .erabu_box ul {
      margin-top: -0.5rem; }
      #gift #erabu .erabu_box ul li {
        display: inline-block;
        background: #f8f9fa;
        width: auto;
        height: 2rem;
        line-height: 2rem;
        margin: 0.5rem 0.25rem 0 0;
        transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
        #gift #erabu .erabu_box ul li a {
          width: auto;
          padding: 0 0.5rem; }
        #gift #erabu .erabu_box ul li:hover {
          background: #000000; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

★	guide_XX.html

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#guide {
  /*---------------------目次---------------------*/
  /*-- guide_nav --*/
  /*---------------------見出し---------------------*/
  /*---------------------セクション---------------------*/
  /*--guide_sec--*/
  /*------------------------------------------------------------
  ■　FAQ
  ------------------------------------------------------------*/
  /*--&faq--*/
  /*---------------------ジュエリーケア---------------------*/
  /*-- &care --*/ }
  #guide .guide_nav {
    /*-- ul --*/ }
    #guide .guide_nav ul {
      /*-- li --*/ }
      #guide .guide_nav ul li {
        /*-- a --*/ }
        #guide .guide_nav ul li a {
          height: 3rem;
          line-height: 3rem;
          transition: all 1.2s cubic-bezier(0.4, 0, 0, 1);
          display: block;
          text-align: center;
          border: solid 1px rgba(222, 226, 230, 0.8);
          color: inherit; }
          @media (min-width: 701px) {
            #guide .guide_nav ul li a:hover {
              border: solid 1px rgba(173, 181, 189, 0.8); } }
          #guide .guide_nav ul li a p {
            line-height: inherit;
            font-weight: bold; }
  #guide h1:first-letter {
    color: #2b6aa3; }
  #guide h3 {
    display: block;
    padding: 0.5rem 1rem;
    background: #f8f9fa; }
  #guide .guide_sec {
    counter-reset: number 0; }
    #guide .guide_sec h3, #guide .guide_sec h4, #guide .guide_sec p, #guide .guide_sec img {
      margin-top: 2rem; }
    #guide .guide_sec h4::before {
      counter-increment: number 1;
      content: counter(number) ". "; }
    #guide .guide_sec ul {
      border: solid 1px rgba(222, 226, 230, 0.8);
      padding: 1rem;
      margin: 2rem 0; }
      #guide .guide_sec ul.red {
        border-color: #f06; }
        #guide .guide_sec ul.red p {
          color: #f06; }
      #guide .guide_sec ul li p {
        margin-top: 0; }
    #guide .guide_sec ul.dot {
      border: none;
      padding: 0 1rem;
      margin: 2rem 0; }
      #guide .guide_sec ul.dot li p {
        margin-top: 0; }
        #guide .guide_sec ul.dot li p::before {
          content: "・ "; }
    #guide .guide_sec ul.num {
      border: none;
      padding: 0 1rem;
      margin: 2rem 0;
      counter-reset: number 0; }
      #guide .guide_sec ul.num li p {
        margin-top: 0; }
        #guide .guide_sec ul.num li p::before {
          counter-increment: number 1;
          content: counter(number) "）"; }
    #guide .guide_sec p a:hover {
      text-decoration: underline;
      transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
    #guide .guide_sec table {
      border-collapse: collapse;
      width: 100%;
      margin-top: 2em; }
      #guide .guide_sec table th, #guide .guide_sec table td {
        text-align: center;
        padding: 0.25rem;
        border: solid 1px rgba(222, 226, 230, 0.8);
        border-collapse: collapse;
        vertical-align: middle; }
        #guide .guide_sec table th p, #guide .guide_sec table td p {
          margin-top: 0; }
  #guide.faq {
    /*---------------------FAQ目次---------------------*/
    /*---------------------FAQコンテンツ---------------------*/ }
    #guide.faq .red {
      border: solid 1px #f06;
      color: #f06; }
      @media (max-width: 700px) {
        #guide.faq .red {
          padding: 1rem; } }
      @media (min-width: 701px) {
        #guide.faq .red {
          padding: 1.5rem; } }
    @media (min-width: 701px) {
      #guide.faq #faq_index a:hover {
        color: #0047ab; } }
    #guide.faq .faq_sec ul.faq_block {
      /*-- li --*/ }
      #guide.faq .faq_sec ul.faq_block > li {
        width: 100%; }
        #guide.faq .faq_sec ul.faq_block > li div h4, #guide.faq .faq_sec ul.faq_block > li div ul, #guide.faq .faq_sec ul.faq_block > li div p {
          margin-top: 2rem; }
        #guide.faq .faq_sec ul.faq_block > li div ul {
          border: solid 1px rgba(222, 226, 230, 0.8);
          padding: 1rem; }
          #guide.faq .faq_sec ul.faq_block > li div ul p {
            margin-top: 0; }
        #guide.faq .faq_sec ul.faq_block > li div p a {
          display: inline;
          color: #0047ab;
          text-decoration: underline; }
  #guide.care {
    /*--guide_nav_fix--*/ }
    #guide.care #gototop {
      display: none; }
    #guide.care .guide_nav_fix {
      position: fixed;
      box-sizing: border-box;
      /*--container--*/ }
      @media (max-width: 700px) {
        #guide.care .guide_nav_fix {
          bottom: 0;
          left: 0;
          width: 100%;
          z-index: 2147483646;
          background: #f8f9fa;
          border-top: solid 1px #dee2e6; } }
      @media (min-width: 701px) {
        #guide.care .guide_nav_fix {
          right: 1%;
          height: 100vh;
          width: 6rem;
          z-index: 2147483647; } }
      #guide.care .guide_nav_fix div.container {
        /*-- ul --*/ }
        #guide.care .guide_nav_fix div.container ul {
          /*-- li --*/ }
          #guide.care .guide_nav_fix div.container ul li {
            cursor: pointer;
            text-align: center; }
            #guide.care .guide_nav_fix div.container ul li::before {
              content: "";
              background-repeat: no-repeat;
              background-size: cover;
              height: 2rem;
              width: 2rem;
              display: block; }
            #guide.care .guide_nav_fix div.container ul li:nth-of-type(1)::before {
              background-image: url("../images/guide/care_icon_01.png?2"); }
            #guide.care .guide_nav_fix div.container ul li:nth-of-type(2)::before {
              background-image: url("../images/guide/care_icon_02.png?2"); }
            #guide.care .guide_nav_fix div.container ul li:nth-of-type(3)::before {
              background-image: url("../images/guide/care_icon_03.png?2"); }
            #guide.care .guide_nav_fix div.container ul li:nth-of-type(4)::before {
              background-image: url("../images/guide/care_icon_04.png?2"); }
            #guide.care .guide_nav_fix div.container ul li:nth-of-type(5)::before {
              background-image: url("../images/guide/care_icon_05.png?2"); }
            #guide.care .guide_nav_fix div.container ul li.active:nth-of-type(1)::before {
              background-image: url("../images/guide/care_icon_06.png"); }
            #guide.care .guide_nav_fix div.container ul li.active:nth-of-type(2)::before {
              background-image: url("../images/guide/care_icon_07.png"); }
            #guide.care .guide_nav_fix div.container ul li.active:nth-of-type(3)::before {
              background-image: url("../images/guide/care_icon_08.png"); }
            #guide.care .guide_nav_fix div.container ul li.active:nth-of-type(4)::before {
              background-image: url("../images/guide/care_icon_09.png"); }
            #guide.care .guide_nav_fix div.container ul li.active:nth-of-type(5)::before {
              background-image: url("../images/guide/care_icon_10.png"); }
            #guide.care .guide_nav_fix div.container ul li p {
              font-size: 9px;
              padding-bottom: 2em;
              letter-spacing: 0; }
            #guide.care .guide_nav_fix div.container ul li.active p {
              color: #0047ab; }
        @media (max-width: 700px) {
          #guide.care .guide_nav_fix div.container {
            padding: 0 5vw !important; }
            #guide.care .guide_nav_fix div.container li {
              width: 3rem; }
              #guide.care .guide_nav_fix div.container li::before {
                margin: 0.5em auto 0; } }
        @media (min-width: 701px) {
          #guide.care .guide_nav_fix div.container {
            width: 100%; }
            #guide.care .guide_nav_fix div.container li {
              border-radius: 50%;
              background: #ffffff;
              border: solid 1px #dee2e6;
              width: 6rem;
              height: 6rem;
              margin: 0.5rem 0; }
              #guide.care .guide_nav_fix div.container li:hover {
                background: #f8f9fa; }
              #guide.care .guide_nav_fix div.container li::before {
                margin: 1rem auto 0; }
              #guide.care .guide_nav_fix div.container li p {
                width: 100%;
                display: block; } }
    @media (max-width: 700px) {
      #guide.care .flex--34 div:last-child {
        display: none; } }
    #guide.care .guide_tab_area {
      display: none; }
      #guide.care .guide_tab_area.active {
        display: block; }
  #guide .mt0 {
    margin-top: 0 !important; }

/*-- #guide --*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

★	jigane_XX.html

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#jigane_series main {
  background: linear-gradient(to bottom right, #f8f9fa, #e9ecef); }
  #jigane_series main ul.items .item {
    padding: 1rem;
    position: relative;
    transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
  @media (min-width: 701px) {
    #jigane_series main ul.items .item:hover {
      margin-top: -1rem;
      margin-bottom: 1rem;
      box-shadow: 0 0.25rem 0.5rem rgba(173, 181, 189, 0.8);
      z-index: 1; }
      #jigane_series main ul.items .item:hover img {
        transform: none; } }
  #jigane_series main ul.items .img_sum {
    border-radius: 0.5rem;
    overflow: hidden; }
  #jigane_series main ul.items .tag {
    display: none; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

★	ranking.php

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#ranking main {
  /*--li.item--*/ }
  #ranking main li.item .tag {
    display: none; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	newitem.html

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#newitem {
  /*--outline--*/
  /*--#items--*/ }
  #newitem #outline .mds h1 {
    font-weight: 100;
    font-size: 3.5rem; }
  #newitem #outline .main .common_newitem {
    background-color: #f8f9fa;
    margin: 2rem auto 0;
    padding: 1rem; }
  #newitem #items {
    margin-top: -4rem;
    /*--li.item--*/ }
    #newitem #items li.item {
      margin-top: 4rem;
      opacity: 0;
      transition: all 1.2s cubic-bezier(0.4, 0, 0, 1);
      position: relative; }
      #newitem #items li.item:nth-of-type(3n) {
        transition-delay: 0.2s; }
      #newitem #items li.item:nth-of-type(3n-1) {
        transition-delay: 0.1s; }
      #newitem #items li.item.started {
        opacity: 1; }
      #newitem #items li.item .box .area_img {
        transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
        #newitem #items li.item .box .area_img .img_sum {
          display: none; }
        #newitem #items li.item .box .area_img .img_sum2 {
          display: none; }
        #newitem #items li.item .box .area_img .img_wh {
          display: block; }
        #newitem #items li.item .box .area_img .img_model {
          display: none; }
      @media (min-width: 701px) {
        #newitem #items li.item .box .area_txt {
          position: relative; } }
      #newitem #items li.item .box .area_txt .color li {
        border-radius: 50%; }
      #newitem #items li.item .box .area_txt .detail .name_en {
        display: block;
        font-family: "Bad Script", cursive;
        font-weight: 100; }
        @media (min-width: 701px) {
          #newitem #items li.item .box .area_txt .detail .name_en {
            font-size: 2rem; } }
        @media (max-width: 700px) {
          #newitem #items li.item .box .area_txt .detail .name_en {
            font-size: 1.5rem; } }
      #newitem #items li.item .box .area_txt .detail .name_ja {
        font-size: 0.9rem;
        font-weight: inherit; }
      #newitem #items li.item .box .area_txt .detail .catch {
        display: none; }
      #newitem #items li.item .box .area_txt .detail .price {
        text-align: center;
        font-family: "Bad Script", cursive;
        border: solid 1px #000000;
        position: absolute;
        width: 100%;
        margin-top: 0; }
        #newitem #items li.item .box .area_txt .detail .price::before {
          content: "Price : "; }
        #newitem #items li.item .box .area_txt .detail .price::after {
          content: " (in Tax)"; }
        @media (max-width: 700px) {
          #newitem #items li.item .box .area_txt .detail .price {
            bottom: 0; } }
        @media (min-width: 701px) {
          #newitem #items li.item .box .area_txt .detail .price {
            top: -4rem;
            opacity: 0;
            transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); } }
      #newitem #items li.item .box .area_txt .tag {
        display: none; }
      #newitem #items li.item .p10 {
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        width: 4rem;
        height: 4rem;
        background: #f06;
        color: #ffffff;
        font-family: "Bad Script", cursive;
        font-weight: 100;
        z-index: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        border: solid 2px; }
        #newitem #items li.item .p10 .late {
          font-size: 1rem;
          line-height: 1; }
        #newitem #items li.item .p10 .time {
          margin-top: 0.5em;
          font-size: 10px;
          line-height: 1;
          font-family: initial;
          transform: scale(0.8);
          letter-spacing: 0; }
      @media (min-width: 701px) {
        #newitem #items li.item {
          /*--&:hover--*/ }
          #newitem #items li.item:hover .area_img {
            margin-top: -3rem;
            padding-bottom: 3rem; }
            #newitem #items li.item:hover .area_img img {
              transform: none; }
          #newitem #items li.item:hover .price {
            opacity: 1 !important; } }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

★	newitem_back.html

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#newitem_back #title * {
  font-family: 'Bad Script', cursive;
  font-weight: 100; }
#newitem_back ul.items li.item {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F4F1E9), color-stop(1, #EEEADD));
  background: -webkit-linear-gradient(#F4F1E9, #EEEADD);
  background: -moz-linear-gradient(#F4F1E9, #EEEADD);
  background: -o-linear-gradient(#F4F1E9, #EEEADD);
  background: -ms-linear-gradient(#F4F1E9, #EEEADD);
  background: linear-gradient(#F4F1E9, #EEEADD);
  box-shadow: 0 3px 10px #C1C1C1;
  -webkit-box-shadow: 2px 8px 6px -6px #dee2e6;
  -moz-box-shadow: 2px 8px 6px -6px #dee2e6;
  box-shadow: 2px 8px 6px -6px #dee2e6;
  border-radius: 0.5rem; }
  @media (min-width: 701px) {
    #newitem_back ul.items li.item {
      padding: 1rem; } }
  @media (max-width: 700px) {
    #newitem_back ul.items li.item {
      padding: 0.5rem; } }
  #newitem_back ul.items li.item .tag {
    display: none; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

★	review.html

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#review {
  /*-- wrap --*/ }
  #review main #outline .container {
    border-radius: 0.5rem; }
  #review main #step h5 {
    border-radius: 1em;
    background-color: #2b6aa3;
    color: #ffffff; }
  #review main #howto {
    background-color: #e9ecef; }
    #review main #howto .howtobox {
      background: #ffffff;
      position: relative;
      padding: 1rem; }
      #review main #howto .howtobox .mds {
        position: absolute;
        top: -3rem;
        left: 0;
        right: 0;
        margin: auto;
        border-radius: 50%;
        height: 6rem;
        width: 6rem;
        background: #2b6aa3;
        color: #ffffff; }
        #review main #howto .howtobox .mds p {
          line-height: 1; }
          #review main #howto .howtobox .mds p span {
            font-size: 1.5rem;
            display: block;
            margin-top: 0.5rem; }
    #review main #howto .btn {
      background-color: #2b6aa3;
      transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
      #review main #howto .btn:hover {
        filter: opacity(0.8); }
      #review main #howto .btn a {
        color: #ffffff; }
        #review main #howto .btn a p {
          line-height: 2;
          font-size: 1rem; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	timesale

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#timesale #title {
  background: #f84e4a; }
#timesale .content {
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.5;
  font-size: 1rem;
  color: #000000;
  letter-spacing: 0.1em;
  -webkit-text-size-adjust: 100%;
  font-feature-settings: "palt";
  /*--#outline--*/ }
  #timesale .content .mds {
    text-align: center; }
    #timesale .content .mds h1 {
      font-size: 2rem;
      line-height: 1;
      padding-bottom: 1rem; }
    #timesale .content .mds p {
      line-height: 1;
      padding-bottom: 2rem; }
  #timesale .content #outline {
    background-color: #f6f6f6; }
    #timesale .content #outline .main {
      padding: 1rem;
      border: solid 1px #dee2e6;
      border-radius: 0.5rem;
      background-color: #ffffff; }
      #timesale .content #outline .main h2 {
        margin-bottom: 1rem;
        font-size: 1rem; }
      #timesale .content #outline .main ul li {
        padding: 1rem 0;
        border-top: solid 1px #ccc; }
        #timesale .content #outline .main ul li .term {
          font-size: 1rem;
          font-weight: 600;
          color: #f84e4a; }
        #timesale .content #outline .main ul li .name {
          font-weight: 600; }
          @media (min-width: 701px) {
            #timesale .content #outline .main ul li .name {
              width: 25%; } }
          @media (max-width: 700px) {
            #timesale .content #outline .main ul li .name {
              width: 100%; } }
        @media (min-width: 701px) {
          #timesale .content #outline .main ul li .txt {
            width: 75%;
            padding-left: 1rem; } }
        @media (max-width: 700px) {
          #timesale .content #outline .main ul li .txt {
            width: 100%;
            margin-top: 1em; } }
  #timesale .content #coupon {
    background-image: url(../images/timesale/bg.png);
    background-size: cover; }
    #timesale .content #coupon .main .coupon {
      max-width: 500px;
      width: 72%;
      margin: auto; }
      #timesale .content #coupon .main .coupon a {
        display: block;
        width: 100%;
        text-align: center;
        border: solid 2px #f84e4a;
        border-radius: 0.5rem;
        background: #ffffff;
        box-shadow: 0px 4px 4px 2px rgba(0, 0, 0, 0.25);
        transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
        @media (min-width: 701px) {
          #timesale .content #coupon .main .coupon a:hover {
            box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
            margin-top: 4px;
            margin-bottom: -4px; } }
        #timesale .content #coupon .main .coupon a .p1 {
          border: solid 1px #f84e4a;
          padding: 0.25rem 1rem;
          margin-top: 1rem;
          margin-bottom: 1rem;
          display: inline-block;
          color: #f84e4a; }
        #timesale .content #coupon .main .coupon a .p2 {
          margin-bottom: 1rem;
          font-size: 3rem;
          color: #f84e4a;
          font-weight: 600;
          line-height: 1; }
        #timesale .content #coupon .main .coupon a .p3 {
          margin-bottom: 1rem; }
        #timesale .content #coupon .main .coupon a .p4 {
          background: #f84e4a;
          color: #ffffff;
          padding: 1rem;
          font-weight: 600; }
  #timesale .content #items {
    background-color: #dee2e6; }
    #timesale .content #items .main ul li {
      margin-top: 2rem;
      padding: 1rem;
      background: #ffffff;
      border-radius: 0.5rem;
      position: relative;
      transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
      @media (min-width: 701px) {
        #timesale .content #items .main ul li:hover {
          margin-top: 0.5rem;
          margin-bottom: 1.5rem; } }
      #timesale .content #items .main ul li:hover img {
        transform: none; }
      #timesale .content #items .main ul li .ribbon12 {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 1.5rem;
        margin: 0;
        padding: 0.5rem 0.25rem 0.25rem;
        z-index: 2;
        width: 1.5rem;
        text-align: center;
        background: #2b6aa3; }
        #timesale .content #items .main ul li .ribbon12::after {
          content: '';
          position: absolute;
          left: 0;
          top: 100%;
          height: 0;
          width: 0;
          border-left: 1rem solid #2b6aa3;
          border-right: 1rem solid #2b6aa3;
          border-bottom: 0.5rem solid transparent; }
      #timesale .content #items .main ul li .color {
        display: none; }
      #timesale .content #items .main ul li .price {
        text-align: left; }
      #timesale .content #items .main ul li .Rate {
        color: #f84e4a;
        font-weight: 600;
        display: block; }
#timesale #gototop a {
  background-color: #f84e4a; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	kaitei

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
main#content_kaitei {
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.5;
  font-size: 1rem;
  color: #000000;
  letter-spacing: 0.1em;
  -webkit-text-size-adjust: 100%;
  font-feature-settings: "palt";
  /*--#outline--*/ }
  main#content_kaitei p {
    font-size: 14px;
    font-weight: 400; }
  main#content_kaitei .mds {
    text-align: center; }
    main#content_kaitei .mds h1 {
      font-size: 2rem;
      line-height: 1;
      padding-bottom: 1rem; }
    main#content_kaitei .mds p {
      line-height: 1;
      padding-bottom: 2rem; }
  main#content_kaitei #outline {
    background-color: #f6f6f6; }
    main#content_kaitei #outline .main {
      padding: 1rem;
      border: solid 1px #dee2e6;
      border-radius: 0.5rem;
      background-color: #ffffff; }
      main#content_kaitei #outline .main h2 {
        margin-bottom: 1rem;
        font-size: 1rem; }
      main#content_kaitei #outline .main ul li {
        padding: 1rem 0;
        border-top: solid 1px #ccc; }
        main#content_kaitei #outline .main ul li .term {
          font-size: 1rem;
          font-weight: 600;
          color: #f06; }
        main#content_kaitei #outline .main ul li .name {
          font-weight: 600; }
          @media (min-width: 701px) {
            main#content_kaitei #outline .main ul li .name {
              width: 25%; } }
          @media (max-width: 700px) {
            main#content_kaitei #outline .main ul li .name {
              width: 100%; } }
        @media (min-width: 701px) {
          main#content_kaitei #outline .main ul li .txt {
            width: 75%;
            padding-left: 1rem; } }
        @media (max-width: 700px) {
          main#content_kaitei #outline .main ul li .txt {
            width: 100%;
            margin-top: 1em; } }
  main#content_kaitei #kakakuhyou table {
    width: 100%;
    border-collapse: collapse; }
    main#content_kaitei #kakakuhyou table th, main#content_kaitei #kakakuhyou table td {
      border: solid 1px #dee2e6;
      padding: 1em; }
    main#content_kaitei #kakakuhyou table th {
      background: #2b6aa3; }
      main#content_kaitei #kakakuhyou table th p {
        color: #ffffff; }
    main#content_kaitei #kakakuhyou table td {
      background: #ffffff; }
      main#content_kaitei #kakakuhyou table td span {
        background: #f06;
        color: white;
        font-size: 10px;
        border-radius: 4px;
        padding: 2px 4px;
        line-height: 1;
        margin-left: 0.5rem;
        font-weight: 700;
        letter-spacing: 0.1px; }
  main#content_kaitei #kakakuhyou .now {
    color: #f06;
    font-weight: bold;
    font-size: 2rem; }
    main#content_kaitei #kakakuhyou .now span {
      font-size: 1rem; }
  main#content_kaitei #coupon {
    background-image: url(../images/kaitei/bg.png);
    background-size: cover; }
    main#content_kaitei #coupon .main .coupon {
      max-width: 500px;
      width: 72%;
      margin: auto; }
      main#content_kaitei #coupon .main .coupon a {
        display: block;
        width: 100%;
        text-align: center;
        border: solid 2px #2b6aa3;
        border-radius: 0.5rem;
        background: #ffffff;
        box-shadow: 0px 4px 4px 2px rgba(0, 0, 0, 0.25);
        transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
        @media (min-width: 701px) {
          main#content_kaitei #coupon .main .coupon a:hover {
            box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
            margin-top: 4px;
            margin-bottom: -4px; } }
        main#content_kaitei #coupon .main .coupon a .p1 {
          border: solid 1px #2b6aa3;
          padding: 0.25rem 1rem;
          margin-top: 1rem;
          margin-bottom: 1rem;
          display: inline-block;
          color: #2b6aa3; }
        main#content_kaitei #coupon .main .coupon a .p2 {
          margin-bottom: 1rem;
          font-size: 2rem;
          color: #2b6aa3;
          font-weight: 600;
          line-height: 1; }
        main#content_kaitei #coupon .main .coupon a .p3 {
          margin-bottom: 1rem; }
        main#content_kaitei #coupon .main .coupon a .p4 {
          background: #2b6aa3;
          color: #ffffff;
          padding: 1rem;
          font-weight: 600; }
    main#content_kaitei #coupon table.timetable {
      border-collapse: collapse; }
      main#content_kaitei #coupon table.timetable th, main#content_kaitei #coupon table.timetable td {
        border: solid 1px #dee2e6;
        padding: 1em; }
      main#content_kaitei #coupon table.timetable th {
        background: #2b6aa3; }
        main#content_kaitei #coupon table.timetable th p {
          color: #ffffff; }
      main#content_kaitei #coupon table.timetable td {
        background: #ffffff; }
        main#content_kaitei #coupon table.timetable td span {
          background: #f06;
          color: white;
          font-size: 10px;
          border-radius: 4px;
          padding: 2px 4px;
          line-height: 1;
          margin-right: 0.5rem;
          font-weight: 700;
          letter-spacing: 0.1px; }
  main#content_kaitei #items {
    background-color: #dee2e6; }
    main#content_kaitei #items .main ul li {
      margin-top: 2rem;
      padding: 1rem;
      background: #ffffff;
      border-radius: 0.5rem;
      position: relative;
      transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
      @media (min-width: 701px) {
        main#content_kaitei #items .main ul li:hover {
          margin-top: 0.5rem;
          margin-bottom: 1.5rem; } }
      main#content_kaitei #items .main ul li:hover img {
        transform: none; }
      main#content_kaitei #items .main ul li .color {
        display: none; }
      main#content_kaitei #items .main ul li .catch {
        display: none; }
      main#content_kaitei #items .main ul li .price {
        text-align: left; }
      main#content_kaitei #items .main ul li .Rate {
        color: #f06;
        font-weight: 600;
        display: block;
        font-size: 0.75rem; }
      main#content_kaitei #items .main ul li .tag p {
        font-size: 0.75rem; }

#category ul {
  margin-top: -1rem; }
  #category ul li {
    margin-top: 1rem;
    /*-- a --*/ }
    #category ul li a {
      background: #2b6aa3;
      border-radius: 0.5rem;
      color: #ffffff;
      display: block;
      box-shadow: 0px 4px 4px 2px rgba(0, 0, 0, 0.25);
      transition: all 1.2s cubic-bezier(0.4, 0, 0, 1);
      padding: 1rem 0; }
      @media (min-width: 701px) {
        #category ul li a:hover {
          box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
          margin-top: 4px;
          margin-bottom: -4px; } }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	content_colorstone

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#content_colorstone {
  /*-- content --*/ }
  #content_colorstone main {
    /*--#outline--*/ }
    #content_colorstone main .flex--2 > * {
      width: calc(100%/2 - 0.5rem); }
    @media (max-width: 700px) {
      #content_colorstone main .flex--13 > * {
        width: 100%; } }
    @media (min-width: 701px) {
      #content_colorstone main .flex--13 > * {
        width: calc(100%/3 - 0.5rem); } }
    #content_colorstone main .mds {
      text-align: center; }
      #content_colorstone main .mds h1 {
        font-family: "Times New Roman";
        letter-spacing: 0;
        line-height: 1;
        padding-bottom: 1rem;
        font-weight: 100; }
      #content_colorstone main .mds p {
        padding-bottom: 2rem; }
    #content_colorstone main #birth {
      background-color: #f8f9fa; }
      #content_colorstone main #birth ul {
        margin-top: -1rem; }
        #content_colorstone main #birth ul li {
          margin-top: 1rem; }
          #content_colorstone main #birth ul li a {
            background: #8894AC;
            display: block;
            color: #ffffff;
            padding: 1rem 0;
            text-align: center; }
            #content_colorstone main #birth ul li a .ja {
              font-size: 0.75rem; }
            @media (min-width: 701px) {
              #content_colorstone main #birth ul li a:hover {
                background-color: #6f81a5;
                transition: 0.3s; } }
    #content_colorstone main .stone div.bg {
      height: 450px;
      background-size: cover;
      background-position: center center; }
    #content_colorstone main .stone div.mds {
      margin-left: 20%;
      margin-right: 0;
      padding: 4rem 10% 4rem 4rem;
      background: #ffffff;
      margin-top: -4rem;
      text-align: left; }
      #content_colorstone main .stone div.mds h1 {
        padding: 1rem 0 2rem; }
      #content_colorstone main .stone div.mds h2 {
        font-size: 1rem;
        color: #8894AC;
        font-weight: 400; }
    #content_colorstone main .stone:nth-of-type(2n) div.mds {
      margin-left: 0;
      margin-right: 20%;
      padding: 4rem 4rem 4rem 10%; }
    #content_colorstone main .stone div.wrap, #content_colorstone main .stone .pane_body > div.contents, #content_colorstone main .stone body.item_detail_page div.pankuzu_area, body.item_detail_page #content_colorstone main .stone div.pankuzu_area,
    #content_colorstone main .stone body.item_list_page div.pankuzu_area,
    body.item_list_page #content_colorstone main .stone div.pankuzu_area, #content_colorstone main .stone #itempage_common_description .sec > div, #itempage_common_description #content_colorstone main .stone .sec > div {
      max-width: none;
      width: 80%; }
      #content_colorstone main .stone div.wrap .main ul, #content_colorstone main .stone .pane_body > div.contents .main ul, #content_colorstone main .stone body.item_detail_page div.pankuzu_area .main ul, body.item_detail_page #content_colorstone main .stone div.pankuzu_area .main ul,
      #content_colorstone main .stone body.item_list_page div.pankuzu_area .main ul,
      body.item_list_page #content_colorstone main .stone div.pankuzu_area .main ul, #content_colorstone main .stone #itempage_common_description .sec > div .main ul, #itempage_common_description #content_colorstone main .stone .sec > div .main ul {
        margin-top: -1rem; }
        #content_colorstone main .stone div.wrap .main ul li, #content_colorstone main .stone .pane_body > div.contents .main ul li, #content_colorstone main .stone body.item_detail_page div.pankuzu_area .main ul li, body.item_detail_page #content_colorstone main .stone div.pankuzu_area .main ul li,
        #content_colorstone main .stone body.item_list_page div.pankuzu_area .main ul li,
        body.item_list_page #content_colorstone main .stone div.pankuzu_area .main ul li, #content_colorstone main .stone #itempage_common_description .sec > div .main ul li, #itempage_common_description #content_colorstone main .stone .sec > div .main ul li {
          margin-top: 1rem; }
          #content_colorstone main .stone div.wrap .main ul li a, #content_colorstone main .stone .pane_body > div.contents .main ul li a, #content_colorstone main .stone body.item_detail_page div.pankuzu_area .main ul li a, body.item_detail_page #content_colorstone main .stone div.pankuzu_area .main ul li a,
          #content_colorstone main .stone body.item_list_page div.pankuzu_area .main ul li a,
          body.item_list_page #content_colorstone main .stone div.pankuzu_area .main ul li a, #content_colorstone main .stone #itempage_common_description .sec > div .main ul li a, #itempage_common_description #content_colorstone main .stone .sec > div .main ul li a {
            background: #8894AC;
            display: block;
            color: #ffffff;
            padding: 1rem 0; }
            #content_colorstone main .stone div.wrap .main ul li a .ja, #content_colorstone main .stone .pane_body > div.contents .main ul li a .ja, #content_colorstone main .stone body.item_detail_page div.pankuzu_area .main ul li a .ja, body.item_detail_page #content_colorstone main .stone div.pankuzu_area .main ul li a .ja,
            #content_colorstone main .stone body.item_list_page div.pankuzu_area .main ul li a .ja,
            body.item_list_page #content_colorstone main .stone div.pankuzu_area .main ul li a .ja, #content_colorstone main .stone #itempage_common_description .sec > div .main ul li a .ja, #itempage_common_description #content_colorstone main .stone .sec > div .main ul li a .ja {
              font-size: 0.75rem; }
            @media (min-width: 701px) {
              #content_colorstone main .stone div.wrap .main ul li a:hover, #content_colorstone main .stone .pane_body > div.contents .main ul li a:hover, #content_colorstone main .stone body.item_detail_page div.pankuzu_area .main ul li a:hover, body.item_detail_page #content_colorstone main .stone div.pankuzu_area .main ul li a:hover,
              #content_colorstone main .stone body.item_list_page div.pankuzu_area .main ul li a:hover,
              body.item_list_page #content_colorstone main .stone div.pankuzu_area .main ul li a:hover, #content_colorstone main .stone #itempage_common_description .sec > div .main ul li a:hover, #itempage_common_description #content_colorstone main .stone .sec > div .main ul li a:hover {
                background-color: #6f81a5;
                transition: 0.3s; } }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	content_motif

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#content_motif {
  /*-- content --*/ }
  #content_motif main {
    /*--#outline--*/ }
    #content_motif main .mds {
      text-align: center; }
      #content_motif main .mds h1 {
        font-family: "Times New Roman";
        letter-spacing: 0;
        font-weight: 100; }
    #content_motif main #outline {
      background: linear-gradient(#f8f9fa 0, #ffffff 100%); }
      #content_motif main #outline ul.category {
        margin-top: -4rem; }
        #content_motif main #outline ul.category li {
          margin-top: 4rem; }
          #content_motif main #outline ul.category li a {
            /*--- link --*/ }
            #content_motif main #outline ul.category li a p.ja {
              color: #2b6aa3; }
            #content_motif main #outline ul.category li a p.en {
              font-family: "Times New Roman";
              letter-spacing: 0;
              font-size: 2rem;
              line-height: 1; }
            #content_motif main #outline ul.category li a .flex {
              display: flex;
              align-items: center; }
              #content_motif main #outline ul.category li a .flex .arrow {
                border-radius: 1.5em;
                background: #2b6aa3;
                width: calc(3em - 1px);
                height: calc(3em - 1px);
                margin-left: 0.5em;
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center; }
                #content_motif main #outline ul.category li a .flex .arrow span {
                  display: inline-block;
                  vertical-align: middle;
                  color: #ffffff;
                  line-height: 1;
                  position: relative;
                  width: 1em;
                  height: 1px;
                  background: currentColor; }
                #content_motif main #outline ul.category li a .flex .arrow span::before {
                  content: '';
                  width: 0.65em;
                  height: 0.65em;
                  border: 0.1em solid currentColor;
                  border-left: 0;
                  border-bottom: 0;
                  transform: rotate(45deg);
                  transform-origin: top right;
                  position: absolute;
                  top: 50%;
                  right: -0.05em;
                  box-sizing: border-box; }
            #content_motif main #outline ul.category li a .img {
              overflow: hidden; }
              #content_motif main #outline ul.category li a .img img {
                transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
            #content_motif main #outline ul.category li a:hover .img img {
              transform: scale(1.1); }
    #content_motif main .motif {
      position: relative;
      background: linear-gradient(#ffffff 500px, #f8f9fa 500px, #ffffff 100%); }
      #content_motif main .motif .bg {
        height: 450px;
        background-size: cover;
        background-position: center center;
        position: absolute;
        right: 0;
        z-index: 0; }
        @media (min-width: 701px) {
          #content_motif main .motif .bg {
            width: calc(50% + 350px); } }
        @media (max-width: 700px) {
          #content_motif main .motif .bg {
            width: 75%; } }
      #content_motif main .motif .mds {
        text-align: left;
        height: 450px;
        display: flex;
        align-items: center;
        position: relative;
        z-index: 1; }
        #content_motif main .motif .mds p {
          color: #2b6aa3; }
      #content_motif main .motif .main {
        /*-- search --*/ }
        #content_motif main .motif .main ul.items li.item {
          padding: 1rem;
          background: #ffffff; }
          #content_motif main .motif .main ul.items li.item .img_sum, #content_motif main .motif .main ul.items li.item .tag, #content_motif main .motif .main ul.items li.item .price, #content_motif main .motif .main ul.items li.item .catch {
            display: none; }
          #content_motif main .motif .main ul.items li.item .img_wh {
            display: block; }
          #content_motif main .motif .main ul.items li.item .name_en {
            line-height: 1.2;
            display: block;
            font-family: "Times New Roman";
            letter-spacing: 0;
            font-weight: 400; }
            @media (min-width: 701px) {
              #content_motif main .motif .main ul.items li.item .name_en {
                font-size: 2rem; } }
            @media (max-width: 700px) {
              #content_motif main .motif .main ul.items li.item .name_en {
                font-size: 1.5rem; } }
          #content_motif main .motif .main ul.items li.item .name_ja {
            color: #2b6aa3;
            padding-top: 1rem; }
        #content_motif main .motif .main ul.search {
          margin-top: -1rem; }
          #content_motif main .motif .main ul.search li {
            margin-top: 1rem; }
            #content_motif main .motif .main ul.search li a {
              position: relative;
              transition: 0.3s; }
              @media (min-width: 701px) {
                #content_motif main .motif .main ul.search li a {
                  color: #2b6aa3;
                  display: inline-block; } }
              @media (max-width: 700px) {
                #content_motif main .motif .main ul.search li a {
                  color: #ffffff;
                  display: block; } }
              #content_motif main .motif .main ul.search li a::before {
                content: "";
                background: #2b6aa3;
                border-radius: 1.5em;
                position: absolute;
                right: 0;
                transition: 0.3s;
                z-index: 0; }
                @media (min-width: 701px) {
                  #content_motif main .motif .main ul.search li a::before {
                    width: calc(3em - 1px);
                    height: calc(3em - 1px); } }
                @media (max-width: 700px) {
                  #content_motif main .motif .main ul.search li a::before {
                    width: 100%;
                    height: 3em; } }
              @media (min-width: 701px) {
                #content_motif main .motif .main ul.search li a:hover {
                  color: #ffffff; }
                  #content_motif main .motif .main ul.search li a:hover::before {
                    width: 100%; } }
              #content_motif main .motif .main ul.search li a .flex {
                display: flex;
                align-items: center;
                position: relative;
                z-index: 1; }
                @media (max-width: 700px) {
                  #content_motif main .motif .main ul.search li a .flex {
                    justify-content: center;
                    height: 3em; } }
                @media (min-width: 701px) {
                  #content_motif main .motif .main ul.search li a .flex .ja {
                    padding-left: 1em; } }
              #content_motif main .motif .main ul.search li a .arrow {
                width: calc(3em - 1px);
                height: calc(3em - 1px);
                margin-left: 0.5em;
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center; }
                @media (max-width: 700px) {
                  #content_motif main .motif .main ul.search li a .arrow {
                    display: none; } }
                #content_motif main .motif .main ul.search li a .arrow span {
                  display: inline-block;
                  vertical-align: middle;
                  color: #ffffff;
                  line-height: 1;
                  position: relative;
                  width: 1em;
                  height: 1px;
                  background: currentColor; }
                #content_motif main .motif .main ul.search li a .arrow span::before {
                  content: '';
                  width: 0.65em;
                  height: 0.65em;
                  border: 0.1em solid currentColor;
                  border-left: 0;
                  border-bottom: 0;
                  transform: rotate(45deg);
                  transform-origin: top right;
                  position: absolute;
                  top: 50%;
                  right: -0.05em;
                  box-sizing: border-box; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	content_pendant

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#content_pendant {
  line-height: 2.5;
  font-size: 1rem;
  color: #000000;
  letter-spacing: 0.1em;
  -webkit-text-size-adjust: 100%;
  font-feature-settings: "palt";
  /*--#outline--*/ }
  #content_pendant .flex--2 {
    max-width: 600px;
    margin: auto; }
  @media (max-width: 700px) {
    #content_pendant .flex--2 > * {
      width: calc(100%/2 - 0.5rem); } }
  #content_pendant .w75 pc {
    width: 75%; }
  @media (max-width: 700px) {
    #content_pendant .flex--13 > * {
      width: 100%; } }
  @media (min-width: 701px) {
    #content_pendant .flex--13 > * {
      width: calc(100%/3 - 1rem); } }
  @media (max-width: 700px) {
    #content_pendant .flex--24 > * {
      width: calc(100%/2 - 0.5rem); } }
  @media (min-width: 701px) {
    #content_pendant .flex--24 > * {
      width: calc(100%/4 - 1rem); } }
  #content_pendant p {
    font-weight: 300; }
    @media (min-width: 701px) {
      #content_pendant p {
        font-size: 1rem; } }
    @media (max-width: 700px) {
      #content_pendant p {
        font-size: 0.75rem; } }
  #content_pendant .mds {
    text-align: center; }
    #content_pendant .mds h1 {
      font-family: "Times New Roman";
      line-height: 1;
      padding-bottom: 1rem;
      font-weight: 100; }
      @media (min-width: 701px) {
        #content_pendant .mds h1 {
          font-size: 5rem; } }
      @media (max-width: 700px) {
        #content_pendant .mds h1 {
          font-size: 3rem; } }
  #content_pendant hr {
    height: 1px;
    border: 0;
    background: #000000; }
  #content_pendant #outline ul.category {
    margin-top: -1rem; }
    #content_pendant #outline ul.category li {
      margin-top: 1rem;
      position: relative;
      font-size: 0; }
      #content_pendant #outline ul.category li a {
        width: 100%; }
        #content_pendant #outline ul.category li a div.img {
          padding-bottom: 100%;
          background-size: cover;
          filter: brightness(0.4);
          transition: 0.3s; }
        #content_pendant #outline ul.category li a div.num {
          text-align: center;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translateX(-50%) translateY(-50%);
          width: 100%; }
          #content_pendant #outline ul.category li a div.num p {
            color: #ffffff;
            font-size: 0.75rem;
            line-height: 1; }
            #content_pendant #outline ul.category li a div.num p.en {
              font-family: "Times New Roman";
              font-size: 4rem;
              padding-bottom: 0.5rem; }
        #content_pendant #outline ul.category li a:hover div.img {
          filter: brightness(1); }
  #content_pendant .shadow {
    position: relative;
    color: #ffffff; }
    #content_pendant .shadow::before {
      content: "";
      background: #000000;
      width: 0;
      height: 100%;
      display: block;
      position: absolute;
      top: 0;
      z-index: -1;
      transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
    #content_pendant .shadow.started::before {
      width: 100%; }
  #content_pendant .btn a {
    line-height: 1;
    border: solid 1px #fff;
    padding: 0.5rem 1rem;
    color: #ffffff;
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin-top: 2rem;
    /*hoverした際の移動のアニメーション*/ }
    #content_pendant .btn a::before {
      content: '';
      position: absolute;
      top: 0;
      left: -75%;
      width: 50%;
      height: 100%;
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
      transform: skewX(-25deg); }
    #content_pendant .btn a:hover::before {
      animation: shine 0.7s; }
@keyframes shine {
  100% {
    left: 125%; } }
  #content_pendant .motif .flex--12 {
    align-items: center; }
  @media (min-width: 701px) {
    #content_pendant .motif .mds {
      width: calc(100% - 2rem);
      max-width: 1000px;
      margin: 0 auto;
      position: relative; }
      #content_pendant .motif .mds .wrap, #content_pendant .motif .mds .pane_body > .contents, #content_pendant .motif .mds body.item_detail_page .pankuzu_area, body.item_detail_page #content_pendant .motif .mds .pankuzu_area,
      #content_pendant .motif .mds body.item_list_page .pankuzu_area,
      body.item_list_page #content_pendant .motif .mds .pankuzu_area, #content_pendant .motif .mds #itempage_common_description .sec > div, #itempage_common_description #content_pendant .motif .mds .sec > div {
        padding-bottom: 4rem;
        width: 50%;
        margin: 0; }
      #content_pendant .motif .mds .shadow {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 50%; }
        #content_pendant .motif .mds .shadow::before {
          left: calc(-100% + 4rem); }
        #content_pendant .motif .mds .shadow.started::before {
          width: calc(200% - 4rem); } }
  @media (max-width: 700px) {
    #content_pendant #cate001 .grid--12 div:nth-of-type(1) ul li:nth-of-type(1), #content_pendant #cate002 .grid--12 div:nth-of-type(1) ul li:nth-of-type(1), #content_pendant #cate003 .grid--12 div:nth-of-type(1) ul li:nth-of-type(1) {
      margin-top: 4rem; }
    #content_pendant #cate001 .grid--12 div:nth-of-type(2), #content_pendant #cate002 .grid--12 div:nth-of-type(2), #content_pendant #cate003 .grid--12 div:nth-of-type(2) {
      width: 75%;
      margin: auto;
      padding-top: 4rem; } }
  @media (min-width: 701px) {
    #content_pendant #cate001 .grid--12 div:nth-of-type(1), #content_pendant #cate002 .grid--12 div:nth-of-type(1), #content_pendant #cate003 .grid--12 div:nth-of-type(1) {
      width: calc(55% - 1rem); }
    #content_pendant #cate001 .grid--12 div:nth-of-type(2), #content_pendant #cate002 .grid--12 div:nth-of-type(2), #content_pendant #cate003 .grid--12 div:nth-of-type(2) {
      width: calc(45% - 1rem); } }
  #content_pendant #cate005 .items li .name_en {
    display: block;
    font-family: "Times New Roman"; }
  #content_pendant #cate005 .items li .img_wh {
    display: block; }
  #content_pendant #cate005 .items li .img_sum,
  #content_pendant #cate005 .items li .color,
  #content_pendant #cate005 .items li .tag,
  #content_pendant #cate005 .items li .catch {
    display: none; }
  #content_pendant #cate005 .items li .name_ja,
  #content_pendant #cate005 .items li .price {
    font-size: 12px; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	series_gekko.html

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#series_gekko {
  background: #151821;
  color: #ffffff; }
  #series_gekko h1 {
    font-family: "Times New Roman";
    font-weight: 100; }
  #series_gekko ul.items li.item {
    margin-top: 6rem; }
    @media (min-width: 701px) {
      #series_gekko ul.items li.item .box {
        display: flex;
        justify-content: space-between; }
        #series_gekko ul.items li.item .box .area_img, #series_gekko ul.items li.item .box .area_txt {
          width: calc(50% - 2rem); }
      #series_gekko ul.items li.item:nth-of-type(2n) .box {
        flex-direction: row-reverse; } }
    #series_gekko ul.items li.item .img_sum, #series_gekko ul.items li.item .catch, #series_gekko ul.items li.item .tag, #series_gekko ul.items li.item .color, #series_gekko ul.items li.item .img_wh {
      display: none; }
    #series_gekko ul.items li.item .name_en, #series_gekko ul.items li.item .img_model, #series_gekko ul.items li.item .desc {
      display: initial; }
    #series_gekko ul.items li.item .name_en {
      font-family: "Times New Roman";
      font-size: 2rem;
      font-weight: 100; }
    #series_gekko ul.items li.item .name_ja {
      font-weight: inherit;
      margin-bottom: 2rem; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	content_pearl.html

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#content_pearl h1 {
  font-size: 3rem;
  line-height: 1.25; }
#content_pearl h1, #content_pearl ul.items .name_en {
  font-family: "Times New Roman";
  font-weight: 300; }
#content_pearl ul.items li.item .tag, #content_pearl ul.items li.item .catch, #content_pearl ul.items li.item .img_sum {
  display: none; }
#content_pearl ul.items li.item .name_en {
  display: inherit;
  font-size: 1.1rem; }
#content_pearl ul.items li.item .name_ja {
  font-weight: initial;
  font-size: 0.9rem; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	content_sukashi.html

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#content_sukashi h1 {
  line-height: 1; }
  @media (min-width: 701px) {
    #content_sukashi h1 {
      font-size: 8rem; } }
  @media (max-width: 700px) {
    #content_sukashi h1 {
      font-size: 14vw; } }
#content_sukashi h1, #content_sukashi ul.items .name_en {
  font-family: "Bonheur Royale", cursive;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0; }
#content_sukashi ul.items li.item .tag, #content_sukashi ul.items li.item .catch, #content_sukashi ul.items li.item .img_sum {
  display: none; }
#content_sukashi ul.items li.item .name_en {
  display: inherit;
  font-size: 1.1rem; }
  @media (min-width: 701px) {
    #content_sukashi ul.items li.item .name_en {
      font-size: 2.8rem; } }
  @media (max-width: 700px) {
    #content_sukashi ul.items li.item .name_en {
      font-size: 2rem; } }
#content_sukashi ul.items li.item .name_ja {
  font-weight: initial;
  font-size: 0.9rem; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	content_cutring.html

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#content_cutring .wrap, #content_cutring .pane_body > .contents, #content_cutring body.item_detail_page .pankuzu_area, body.item_detail_page #content_cutring .pankuzu_area,
#content_cutring body.item_list_page .pankuzu_area,
body.item_list_page #content_cutring .pankuzu_area, #content_cutring #itempage_common_description .sec > div, #itempage_common_description #content_cutring .sec > div {
  max-width: 800px; }
#content_cutring h1 {
  line-height: 1; }
  @media (min-width: 701px) {
    #content_cutring h1 {
      font-size: 8rem; } }
  @media (max-width: 700px) {
    #content_cutring h1 {
      font-size: 14vw; } }
#content_cutring h1, #content_cutring ul.items .name_en {
  font-family: "Bonheur Royale", cursive;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0; }
#content_cutring ul.items li.item .tag, #content_cutring ul.items li.item .catch, #content_cutring ul.items li.item .img_sum {
  display: none; }
#content_cutring ul.items li.item .name_en {
  display: inherit;
  font-size: 1.1rem; }
  @media (min-width: 701px) {
    #content_cutring ul.items li.item .name_en {
      font-size: 2.8rem; } }
  @media (max-width: 700px) {
    #content_cutring ul.items li.item .name_en {
      font-size: 2rem; } }
#content_cutring ul.items li.item .name_ja {
  font-weight: initial;
  font-size: 0.9rem; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

series_babycross.html

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#babycross {
  background: repeating-linear-gradient(90deg, #f8f9fa 0, #f8f9fa 0.5rem, #ffffff 0.5rem, #ffffff 1rem); }
  #babycross #inner {
    border-top: solid 4rem #51c680;
    background: #ffffff;
    box-shadow: 1px 1px 4px rgba(222, 226, 230, 0.8); }
    #babycross #inner #title {
      display: block;
      height: auto; }
      #babycross #inner #title h1 {
        font-family: "Penna";
        font-weight: 100; }
    #babycross #inner #coordinate li.item .color {
      margin-top: 2rem;
      text-align: center; }
      #babycross #inner #coordinate li.item .color li {
        border-radius: 50%; }
    #babycross #inner #coordinate li.item a:hover img {
      transform: none; }
    #babycross #inner #coordinate li.item .img_sum {
      display: none; }
    #babycross #inner #coordinate li.item .img_sum2 {
      display: block;
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
      #babycross #inner #coordinate li.item .img_sum2 img {
        animation-name: fade;
        animation-duration: 10s;
        animation-timing-function: linear;
        animation-iteration-count: infinite; }
@keyframes fade {
  20% {
    opacity: 1; }
  30% {
    opacity: 0; }
  70% {
    opacity: 0; }
  80% {
    opacity: 1; } }
    #babycross #inner #coordinate li.item .img_model {
      display: block; }
    #babycross #inner #coordinate li.item .name_en {
      display: block;
      font-family: "Penna";
      font-size: 2rem;
      text-align: center; }
    #babycross #inner #coordinate li.item .name_ja {
      font-weight: initial;
      text-align: center; }
    #babycross #inner #coordinate li.item .catch {
      display: none; }
    #babycross #inner #coordinate li.item .desc {
      display: block;
      margin-top: 2rem; }
    #babycross #inner #coordinate li.item .price {
      display: none; }
    #babycross #inner #coordinate li.item .tag {
      display: none; }
    #babycross #inner #allitem li.item .img_sum {
      border-radius: 0.5rem;
      overflow: hidden; }
    #babycross #inner #allitem li.item .tag {
      display: none; }
    #babycross #inner #allitem li.item .price {
      display: none; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	content_combi.html

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#content_combi h1 {
  font-size: 3.5rem;
  line-height: 1.25; }
#content_combi h2 {
  font-size: 3.5rem;
  line-height: 1.25;
  padding-top: 6rem;
  border-top: solid 1px rgba(222, 226, 230, 0.8); }
#content_combi h1, #content_combi h2, #content_combi ul.items .name_en {
  font-family: "Times New Roman";
  font-weight: 300;
  letter-spacing: 0; }
#content_combi ul.items li.item .color, #content_combi ul.items li.item .tag, #content_combi ul.items li.item .catch, #content_combi ul.items li.item .img_sum, #content_combi ul.combineck li.item .color, #content_combi ul.combineck li.item .tag, #content_combi ul.combineck li.item .catch, #content_combi ul.combineck li.item .img_sum {
  display: none; }
#content_combi ul.items li.item .img_wh, #content_combi ul.items li.item .name_en, #content_combi ul.combineck li.item .img_wh, #content_combi ul.combineck li.item .name_en {
  display: inherit; }
#content_combi ul.items li.item .name_en, #content_combi ul.combineck li.item .name_en {
  font-size: 20px; }
#content_combi ul.items li.item .name_ja, #content_combi ul.items li.item .price, #content_combi ul.combineck li.item .name_ja, #content_combi ul.combineck li.item .price {
  font-weight: initial;
  font-size: 11px; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	EASYシステムテンプレート

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) {
  text-align: center;
  /*--必須マーク--*/
  /*------各ページセクションタイトル------*/
  /*------各ページ基本テーブル------*/
  /*-----------------------------------------
  ログインページ　/　ログイン情報の管理
  -----------------------------------------*/
  /*-----------------------------------------
  会員案内
  -----------------------------------------*/
  /*----------------------------------------------------------------
  会員新規登録　/　マイページ　＞　会員情報　/　お届け先登録
  ----------------------------------------------------------------*/
  /*-----------------------------------------
  パスワード再発行
  -----------------------------------------*/
  /*-----------------------------------------
  会員登録確認画面
  -----------------------------------------*/
  /*-----------------------------------------
  会員登録完了
  -----------------------------------------*/
  /*-----------------------------------------
  退会画面
  -----------------------------------------*/
  /*-----------------------------------------
  お問い合わせ
  -----------------------------------------*/
  /*-----------------------------------------
  お問い合わせ送信後
  -----------------------------------------*/
  /*-----------------------------------------
  マイページトップ
  -----------------------------------------*/
  /*-----------------------------------------
  マイページ　＞　注文履歴
  -----------------------------------------*/
  /*-----------------------------------------
  マイページ　＞　お気に入りリスト
  -----------------------------------------*/
  /*-----------------------------------------
  マイページ　＞　お届け先リスト　/　ログイン履歴
  -----------------------------------------*/ }
  .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) h1 {
    width: 100%;
    font-size: 1.25rem;
    line-height: 1;
    position: relative;
    font-family: "Oswald", "Noto Sans JP", sans-serif; }
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) h1::before {
      content: "";
      border: solid 1px #212529;
      display: inline-block;
      width: 16rem;
      border-radius: 1.625rem;
      background: #ffffff;
      position: absolute;
      z-index: -1;
      height: 3rem;
      bottom: 0;
      left: 0;
      top: 0;
      right: 0;
      margin: auto; }
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) h1::after {
      top: 0.625rem;
      content: "";
      height: 1px;
      width: 100%;
      display: block;
      position: absolute;
      z-index: -2;
      background: #212529; }
  .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) table.grid {
    margin: auto; }
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) table.grid tbody {
      margin-top: 4rem;
      padding-top: 4rem;
      border-top: solid 1px rgba(222, 226, 230, 0.8); }
      .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) table.grid tbody:first-of-type {
        margin-top: 0;
        padding-top: 0;
        border-top: none; }
  .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) em, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) small, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .birthday_comment {
    display: block;
    font-style: normal;
    font-size: 0.8rem; }
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) em.required_mark, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) small.required_mark, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .birthday_comment.required_mark {
      color: #f06;
      font-weight: 500; }
      @media (max-width: 700px) {
        .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) em.required_mark, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) small.required_mark, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .birthday_comment.required_mark {
          display: inline-block; } }
      .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) em.required_mark::before, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) small.required_mark::before, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .birthday_comment.required_mark::before {
        content: "※"; }
  .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .section_ttl {
    font-weight: bold;
    font-size: 1.5rem;
    text-align: center; }
  .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) h3.law_ttl {
    margin: 2rem 0;
    font-weight: bold;
    font-size: 1.15rem;
    border: none;
    display: block;
    padding: 0.5rem 1rem;
    background: #f8f9fa; }
  .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) table {
    width: 100%;
    max-width: 800px;
    border-collapse: separate;
    border-spacing: 0 2rem;
    text-align: left; }
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) table td.grid_head {
      text-align: left;
      display: table-cell;
      padding-right: 1rem; }
  .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_login, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_passwd {
    /*--ログイン失敗回数--*/ }
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_login table input, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_passwd table input {
      width: 100%; }
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_login .member_reminder_choices, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_passwd .member_reminder_choices {
      margin: 0; }
      .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_login .member_reminder_choices .member_reminder_choices_ul, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_passwd .member_reminder_choices .member_reminder_choices_ul {
        display: flex;
        justify-content: center; }
        .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_login .member_reminder_choices .member_reminder_choices_ul li:first-child::after, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_passwd .member_reminder_choices .member_reminder_choices_ul li:first-child::after {
          content: "|";
          padding: 0 1rem; }
        .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_login .member_reminder_choices .member_reminder_choices_ul li a, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_passwd .member_reminder_choices .member_reminder_choices_ul li a {
          color: #0047ab; }
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_login .auto_login_area, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_passwd .auto_login_area {
      display: flex;
      justify-content: center;
      margin-top: 0.5rem; }
      .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_login .auto_login_area span.auto_login_detail a, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_passwd .auto_login_area span.auto_login_detail a {
        font-size: 0; }
        .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_login .auto_login_area span.auto_login_detail a::before, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_passwd .auto_login_area span.auto_login_detail a::before {
          font-size: 1rem;
          padding-left: 0.5rem;
          content: "\f05a"; }
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_login .login_failure_count, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_passwd .login_failure_count {
      font-size: 0.9rem;
      color: #f06;
      text-align: right; }
  .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member table.member_agreement_invitation_table .section_ttl {
    display: block;
    text-align: center;
    margin-bottom: 2rem; }
  .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member table.member_agreement_invitation_table div {
    border-bottom: solid 1px rgba(222, 226, 230, 0.8); }
  .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member table.member_table {
    border-spacing: 0; }
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member table.member_table colgroup {
      display: none; }
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member table.member_table tbody {
      display: grid;
      width: 100%; }
      .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member table.member_table tbody .grid_head, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member table.member_table tbody .grid_head_sp {
        display: none; }
      .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member table.member_table tbody td {
        display: block;
        padding: 0; }
        .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member table.member_table tbody td input {
          margin: 0;
          width: 100%; }
  .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_new, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_edit, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_sendlist_edit {
    /*-- form --*/ }
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_new .individual_section, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_edit .individual_section, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_sendlist_edit .individual_section {
      padding: 0; }
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_new table.member_agreement_table .section_ttl, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_edit table.member_agreement_table .section_ttl, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_sendlist_edit table.member_agreement_table .section_ttl {
      display: block;
      text-align: center;
      margin-bottom: 2rem; }
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_new table.member_agreement_table .member_reg_str, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_edit table.member_agreement_table .member_reg_str, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_sendlist_edit table.member_agreement_table .member_reg_str {
      margin-bottom: 2rem; }
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_new table.member_agreement_table .member_reg_agreement, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_edit table.member_agreement_table .member_reg_agreement, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_sendlist_edit table.member_agreement_table .member_reg_agreement {
      height: 400px;
      overflow: scroll;
      text-align: left;
      border: solid 1px rgba(222, 226, 230, 0.8); }
      .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_new table.member_agreement_table .member_reg_agreement div, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_edit table.member_agreement_table .member_reg_agreement div, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_sendlist_edit table.member_agreement_table .member_reg_agreement div {
        padding: 2rem; }
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_new table.member_agreement_table .member_reg_agree_check, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_edit table.member_agreement_table .member_reg_agree_check, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_sendlist_edit table.member_agreement_table .member_reg_agree_check {
      margin-top: 2rem;
      text-align: center; }
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_new form, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_edit form, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_sendlist_edit form {
      /*-- table --*/ }
      .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_new form table, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_edit form table, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_sendlist_edit form table {
        width: 100%;
        max-width: 800px;
        border-collapse: separate;
        border-spacing: 0 2rem;
        /*-- tr --*/ }
        .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_new form table colgroup, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_edit form table colgroup, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_sendlist_edit form table colgroup {
          display: none; }
        .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_new form table tr, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_edit form table tr, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_sendlist_edit form table tr {
          /*-- td --*/ }
          .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_new form table tr td, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_edit form table tr td, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_sendlist_edit form table tr td {
            text-align: left; }
            .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_new form table tr td.section_ttl, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_edit form table tr td.section_ttl, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_sendlist_edit form table tr td.section_ttl {
              font-weight: bold;
              font-size: 1.15rem;
              border: none;
              padding: 0.5rem 1rem;
              background: #f8f9fa;
              text-align: center; }
            .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_new form table tr td.grid_head, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_edit form table tr td.grid_head, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_sendlist_edit form table tr td.grid_head {
              font-weight: 600;
              min-width: 10rem;
              display: table-cell; }
            .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_new form table tr td.member_infomation_birth_val input, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_edit form table tr td.member_infomation_birth_val input, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_sendlist_edit form table tr td.member_infomation_birth_val input {
              margin: 0 0.5rem; }
            .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_new form table tr td.member_infomation_birth_val select, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_edit form table tr td.member_infomation_birth_val select, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_sendlist_edit form table tr td.member_infomation_birth_val select {
              margin-left: 0.5rem; }
  @media (max-width: 700px) {
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .member_password_reminder table, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .member_password_reminder tbody, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .member_password_reminder tr, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .member_password_reminder td {
      display: block; }
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .member_password_reminder .for_pc {
      display: block !important;
      padding-right: 0;
      padding-bottom: 0.5rem; } }
  .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .member_password_reminder table {
    border-spacing: 0; }
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .member_password_reminder table input {
      width: 100%; }
  .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_new2 div.individual_section {
    padding: 0 0 2rem; }
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_new2 div.individual_section div.member_new_confirm_msg {
      margin: 0; }
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_new2 div.individual_section table .buyer_email, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_new2 div.individual_section table .buyer_email_disp, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_new2 div.individual_section table .member_info_email_disp, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_new2 div.individual_section table .member_new_email_disp, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_new2 div.individual_section table .reserve_order1_email, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_new2 div.individual_section table .reserve_order2_email, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_new2 div.individual_section table .lottery_order1_email, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_new2 div.individual_section table .lottery_order2_email {
      font-size: inherit;
      font-weight: inherit; }
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_new2 div.individual_section table .section_ttl {
      margin: 2rem 0;
      font-weight: bold;
      font-size: 1.15rem;
      border: none;
      display: table-cell;
      padding: 0.5rem 1rem;
      background: #f8f9fa;
      text-align: center; }
  .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_new3 table {
    text-align: center;
    border-spacing: 0; }
  .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .member_withdrawal_msg ul {
    display: inline-block;
    text-align: left; }
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .member_withdrawal_msg ul li::before {
      content: "\f071";
      padding-right: 0.5rem;
      color: #f06; }
  .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_contact table .grid_head {
    font-weight: bold; }
  @media (max-width: 700px) {
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_contact table table, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_contact table tbody, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_contact table tr, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_contact table td {
      display: block;
      text-align: left; }
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_contact table td {
      margin-bottom: 2rem; }
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_contact table td.grid_head {
      margin-bottom: 1rem; } }
  .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_contact .contact_anno_text div {
    margin: 0 0 4rem !important; }
  .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_contact_end ~ .parts_free div {
    margin-bottom: 4rem; }
  .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_mypage .member_mypage_name, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_mypage .notdisp_translate {
    display: none; }
  .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_mypage .member_mypage_text {
    font-size: 0; }
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_mypage .member_mypage_text::before {
      content: "MY PAGE";
      font-size: 1.25rem;
      font-weight: 400; }
  .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_mypage .member_top_menu, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_mypage .member_top_account {
    margin-bottom: 2rem; }
  .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_mypage table {
    margin: auto; }
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_mypage table ul li {
      margin-bottom: 0.5rem;
      border: solid 1px rgba(222, 226, 230, 0.8);
      text-align: center;
      transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
      .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_mypage table ul li:hover {
        border-color: #adb5bd; }
      .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_mypage table ul li a {
        display: block;
        padding: 1rem; }
    @media (min-width: 701px) {
      .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_mypage table ul {
        display: grid;
        column-gap: 1rem;
        row-gap: 1rem;
        grid-template-columns: repeat(2, minmax(0px, 1fr)); }
        .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_mypage table ul li {
          margin-bottom: 0; } }
  .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_history div.history_detail {
    width: 100%; }
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_history div.history_detail .order_search_div {
      margin-bottom: 1rem; }
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_history div.history_detail .history_select {
      margin-right: 1rem; }
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_history div.history_detail table, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_history div.history_detail tbody, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_history div.history_detail tr, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_history div.history_detail td {
      display: block; }
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_history div.history_detail thead {
      display: none; }
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_history div.history_detail tr {
      margin-top: 2rem;
      border: solid 1px rgba(222, 226, 230, 0.8); }
      .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_history div.history_detail tr .member_history_order_time::before {
        content: "ご注文日："; }
      .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_history div.history_detail tr .member_history_order_number::before {
        content: "注文番号："; }
      .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_history div.history_detail tr .order_trans_name::before {
        content: "配送業者："; }
      .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_history div.history_detail tr td.member_history_order_val {
        display: flex;
        background: #f8f9fa;
        padding: 1rem; }
      .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_history div.history_detail tr td.member_history_item_name_val {
        padding: 0 1rem; }
        .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_history div.history_detail tr td.member_history_item_name_val ul.order_item_list {
          padding: 0; }
          .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_history div.history_detail tr td.member_history_item_name_val ul.order_item_list li.ordermade {
            margin-top: 1rem; }
            .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_history div.history_detail tr td.member_history_item_name_val ul.order_item_list li.ordermade b {
              font-weight: initial;
              font-size: 0; }
              .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_history div.history_detail tr td.member_history_item_name_val ul.order_item_list li.ordermade b .member_history_item_num {
                font-size: 1rem;
                padding-left: 1rem; }
                .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_history div.history_detail tr td.member_history_item_name_val ul.order_item_list li.ordermade b .member_history_item_num::before {
                  content: "数量："; }
            .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_history div.history_detail tr td.member_history_item_name_val ul.order_item_list li.ordermade .ordermade_child b {
              display: none; }
            .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_history div.history_detail tr td.member_history_item_name_val ul.order_item_list li.ordermade .child_list {
              padding: 0; }
            .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_history div.history_detail tr td.member_history_item_name_val ul.order_item_list li.ordermade .member_history_price_val {
              padding-top: 1rem; }
      .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_history div.history_detail tr td.member_history_status_val {
        margin: 1rem;
        padding: 0.25rem 1rem;
        background: #495057;
        color: #ffffff; }
      .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_history div.history_detail tr td.member_history_delivery_number_val {
        text-align: center; }
      .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_history div.history_detail tr td.member_history_edit_val {
        padding: 1rem; }
        .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_history div.history_detail tr td.member_history_edit_val ul {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          column-gap: 1rem;
          row-gap: 1rem;
          padding: 0; }
          .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_history div.history_detail tr td.member_history_edit_val ul input {
            width: 100%; }
  .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_facorite_list .app_content_item_list {
    padding: 0;
    /*-- item_masonry_square --*/ }
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_facorite_list .app_content_item_list .item_masonry_square {
      display: grid;
      isolation: isolate; }
      @media (max-width: 700px) {
        .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_facorite_list .app_content_item_list .item_masonry_square {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          column-gap: 1rem;
          row-gap: 2rem; } }
      @media (min-width: 701px) {
        .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_facorite_list .app_content_item_list .item_masonry_square {
          grid-template-columns: repeat(4, minmax(0, 1fr));
          column-gap: 2rem;
          row-gap: 4rem; } }
  .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_sendlist .member_send_list, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_login_history .member_send_list {
    padding: 0; }
  .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_sendlist .history_detail, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_login_history .history_detail {
    width: 100%; }
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_sendlist .history_detail .history_change, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_login_history .history_detail .history_change {
      margin: 0 0 2rem; }
      .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_sendlist .history_detail .history_change .history_select, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_login_history .history_detail .history_change .history_select {
        margin-right: 1rem; }
    .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_sendlist .history_detail table, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_login_history .history_detail table {
      border-collapse: collapse;
      border: solid 1px rgba(222, 226, 230, 0.8); }
      .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_sendlist .history_detail table thead tr td, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_login_history .history_detail table thead tr td {
        background: #e9ecef;
        border: solid 1px rgba(222, 226, 230, 0.8);
        padding: 0.5rem 1rem; }
      .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_sendlist .history_detail table tbody tr td, .pane_body_mid_1_contents:has(.app_content:not(.app_content_item_detail, .app_content_item_list, .app_content_review_post)) .app_content_member_login_history .history_detail table tbody tr td {
        border: solid 1px rgba(222, 226, 230, 0.8);
        padding: 1rem; }

/*--　app_content　--*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	レジ（買い物かご）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.regi_title {
  text-align: center; }
  .regi_title .regi_title_area {
    padding: 0; }

/*-----------------------------------------
ショッピングカート共通
-----------------------------------------*/
.app_content_cart .cart_item_list table, .app_content_cart .cart_item_list thead, .app_content_cart .cart_item_list tbody, .app_content_cart .cart_item_list tfoot, .app_content_cart .cart_item_list tr, .app_content_cart .cart_item_list td,
.app_content_regi1 .item_list_regi table,
.app_content_regi1 .item_list_regi thead,
.app_content_regi1 .item_list_regi tbody,
.app_content_regi1 .item_list_regi tfoot,
.app_content_regi1 .item_list_regi tr,
.app_content_regi1 .item_list_regi td,
.app_content_regi2 .item_list_regi table,
.app_content_regi2 .item_list_regi thead,
.app_content_regi2 .item_list_regi tbody,
.app_content_regi2 .item_list_regi tfoot,
.app_content_regi2 .item_list_regi tr,
.app_content_regi2 .item_list_regi td,
.app_content_regi3 .item_list_regi table,
.app_content_regi3 .item_list_regi thead,
.app_content_regi3 .item_list_regi tbody,
.app_content_regi3 .item_list_regi tfoot,
.app_content_regi3 .item_list_regi tr,
.app_content_regi3 .item_list_regi td {
  display: block; }
.app_content_cart .cart_item_list table tbody td,
.app_content_regi1 .item_list_regi table tbody td,
.app_content_regi2 .item_list_regi table tbody td,
.app_content_regi3 .item_list_regi table tbody td {
  padding: 0.5rem; }
.app_content_cart .cart_item_list table tbody tr.regi_ordermade_parent,
.app_content_regi1 .item_list_regi table tbody tr.regi_ordermade_parent,
.app_content_regi2 .item_list_regi table tbody tr.regi_ordermade_parent,
.app_content_regi3 .item_list_regi table tbody tr.regi_ordermade_parent {
  border-bottom: solid 1px rgba(222, 226, 230, 0.8); }
  .app_content_cart .cart_item_list table tbody tr.regi_ordermade_parent:last-of-type,
  .app_content_regi1 .item_list_regi table tbody tr.regi_ordermade_parent:last-of-type,
  .app_content_regi2 .item_list_regi table tbody tr.regi_ordermade_parent:last-of-type,
  .app_content_regi3 .item_list_regi table tbody tr.regi_ordermade_parent:last-of-type {
    border: none; }
.app_content_cart .cart_item_list table tbody td.buy_item_name_val .list_item_name,
.app_content_regi1 .item_list_regi table tbody td.buy_item_name_val .list_item_name,
.app_content_regi2 .item_list_regi table tbody td.buy_item_name_val .list_item_name,
.app_content_regi3 .item_list_regi table tbody td.buy_item_name_val .list_item_name {
  font-weight: bold; }
.app_content_cart .cart_item_list table tbody td.buy_item_name_val .regular_edit_link,
.app_content_regi1 .item_list_regi table tbody td.buy_item_name_val .regular_edit_link,
.app_content_regi2 .item_list_regi table tbody td.buy_item_name_val .regular_edit_link,
.app_content_regi3 .item_list_regi table tbody td.buy_item_name_val .regular_edit_link {
  color: #0047ab;
  font-weight: bold; }
.app_content_cart .cart_item_list table tbody td.buy_item_count_val .item_count_multi,
.app_content_regi1 .item_list_regi table tbody td.buy_item_count_val .item_count_multi,
.app_content_regi2 .item_list_regi table tbody td.buy_item_count_val .item_count_multi,
.app_content_regi3 .item_list_regi table tbody td.buy_item_count_val .item_count_multi {
  font-weight: inherit;
  font-size: inherit;
  color: inherit; }
.app_content_cart .cart_item_list table tfoot,
.app_content_regi1 .item_list_regi table tfoot,
.app_content_regi2 .item_list_regi table tfoot,
.app_content_regi3 .item_list_regi table tfoot {
  border: solid 1px rgba(222, 226, 230, 0.8); }
  .app_content_cart .cart_item_list table tfoot td,
  .app_content_regi1 .item_list_regi table tfoot td,
  .app_content_regi2 .item_list_regi table tfoot td,
  .app_content_regi3 .item_list_regi table tfoot td {
    padding-right: 1rem;
    padding-left: 1rem; }
  .app_content_cart .cart_item_list table tfoot td.buy_item_totaltext_val, .app_content_cart .cart_item_list table tfoot td.buy_total_val, .app_content_cart .cart_item_list table tfoot td.buy_allclear_val,
  .app_content_regi1 .item_list_regi table tfoot td.buy_item_totaltext_val,
  .app_content_regi1 .item_list_regi table tfoot td.buy_total_val,
  .app_content_regi1 .item_list_regi table tfoot td.buy_allclear_val,
  .app_content_regi2 .item_list_regi table tfoot td.buy_item_totaltext_val,
  .app_content_regi2 .item_list_regi table tfoot td.buy_total_val,
  .app_content_regi2 .item_list_regi table tfoot td.buy_allclear_val,
  .app_content_regi3 .item_list_regi table tfoot td.buy_item_totaltext_val,
  .app_content_regi3 .item_list_regi table tfoot td.buy_total_val,
  .app_content_regi3 .item_list_regi table tfoot td.buy_allclear_val {
    display: none; }
  .app_content_cart .cart_item_list table tfoot tr.cart_info_total_tr td.regi_totaltext, .app_content_cart .cart_item_list table tfoot tr.cart_info_total_tr td.regi2_totaltext, .app_content_cart .cart_item_list table tfoot tr.cart_info_postage_tr td.regi_totaltext, .app_content_cart .cart_item_list table tfoot tr.cart_info_postage_tr td.regi2_totaltext,
  .app_content_regi1 .item_list_regi table tfoot tr.cart_info_total_tr td.regi_totaltext,
  .app_content_regi1 .item_list_regi table tfoot tr.cart_info_total_tr td.regi2_totaltext,
  .app_content_regi1 .item_list_regi table tfoot tr.cart_info_postage_tr td.regi_totaltext,
  .app_content_regi1 .item_list_regi table tfoot tr.cart_info_postage_tr td.regi2_totaltext,
  .app_content_regi2 .item_list_regi table tfoot tr.cart_info_total_tr td.regi_totaltext,
  .app_content_regi2 .item_list_regi table tfoot tr.cart_info_total_tr td.regi2_totaltext,
  .app_content_regi2 .item_list_regi table tfoot tr.cart_info_postage_tr td.regi_totaltext,
  .app_content_regi2 .item_list_regi table tfoot tr.cart_info_postage_tr td.regi2_totaltext,
  .app_content_regi3 .item_list_regi table tfoot tr.cart_info_total_tr td.regi_totaltext,
  .app_content_regi3 .item_list_regi table tfoot tr.cart_info_total_tr td.regi2_totaltext,
  .app_content_regi3 .item_list_regi table tfoot tr.cart_info_postage_tr td.regi_totaltext,
  .app_content_regi3 .item_list_regi table tfoot tr.cart_info_postage_tr td.regi2_totaltext {
    background: #e9ecef;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
  .app_content_cart .cart_item_list table tfoot tr.cart_info_postage_tr td.regi2_totalvalue,
  .app_content_regi1 .item_list_regi table tfoot tr.cart_info_postage_tr td.regi2_totalvalue,
  .app_content_regi2 .item_list_regi table tfoot tr.cart_info_postage_tr td.regi2_totalvalue,
  .app_content_regi3 .item_list_regi table tfoot tr.cart_info_postage_tr td.regi2_totalvalue {
    padding: 0.5rem 1rem; }
  .app_content_cart .cart_item_list table tfoot td.buy_full_total_val,
  .app_content_regi1 .item_list_regi table tfoot td.buy_full_total_val,
  .app_content_regi2 .item_list_regi table tfoot td.buy_full_total_val,
  .app_content_regi3 .item_list_regi table tfoot td.buy_full_total_val {
    font-size: 1.75rem;
    color: #f06;
    font-weight: 500;
    margin-top: 0.5rem; }
    .app_content_cart .cart_item_list table tfoot td.buy_full_total_val .price_unit_sub,
    .app_content_regi1 .item_list_regi table tfoot td.buy_full_total_val .price_unit_sub,
    .app_content_regi2 .item_list_regi table tfoot td.buy_full_total_val .price_unit_sub,
    .app_content_regi3 .item_list_regi table tfoot td.buy_full_total_val .price_unit_sub {
      font-size: 1rem; }
  .app_content_cart .cart_item_list table tfoot tr.tax_diff_tr .regi_totaltext,
  .app_content_regi1 .item_list_regi table tfoot tr.tax_diff_tr .regi_totaltext,
  .app_content_regi2 .item_list_regi table tfoot tr.tax_diff_tr .regi_totaltext,
  .app_content_regi3 .item_list_regi table tfoot tr.tax_diff_tr .regi_totaltext {
    display: none; }
  .app_content_cart .cart_item_list table tfoot tr.tax_diff_tr .tax_diff_info,
  .app_content_regi1 .item_list_regi table tfoot tr.tax_diff_tr .tax_diff_info,
  .app_content_regi2 .item_list_regi table tfoot tr.tax_diff_tr .tax_diff_info,
  .app_content_regi3 .item_list_regi table tfoot tr.tax_diff_tr .tax_diff_info {
    color: initial; }
  .app_content_cart .cart_item_list table tfoot tr.cart_info_point_tr,
  .app_content_regi1 .item_list_regi table tfoot tr.cart_info_point_tr,
  .app_content_regi2 .item_list_regi table tfoot tr.cart_info_point_tr,
  .app_content_regi3 .item_list_regi table tfoot tr.cart_info_point_tr {
    background: #f8f9fa;
    margin: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: right; }
    .app_content_cart .cart_item_list table tfoot tr.cart_info_point_tr::before,
    .app_content_regi1 .item_list_regi table tfoot tr.cart_info_point_tr::before,
    .app_content_regi2 .item_list_regi table tfoot tr.cart_info_point_tr::before,
    .app_content_regi3 .item_list_regi table tfoot tr.cart_info_point_tr::before {
      content: "獲得予定ポイント";
      padding: 0 1rem; }
    .app_content_cart .cart_item_list table tfoot tr.cart_info_point_tr td.buy_total_point_val,
    .app_content_regi1 .item_list_regi table tfoot tr.cart_info_point_tr td.buy_total_point_val,
    .app_content_regi2 .item_list_regi table tfoot tr.cart_info_point_tr td.buy_total_point_val,
    .app_content_regi3 .item_list_regi table tfoot tr.cart_info_point_tr td.buy_total_point_val {
      font-size: 1.25rem;
      color: #f06;
      font-weight: 500; }
  .app_content_cart .cart_item_list table tfoot tr.cart_info_getpoint_text_tr .point_memo,
  .app_content_regi1 .item_list_regi table tfoot tr.cart_info_getpoint_text_tr .point_memo,
  .app_content_regi2 .item_list_regi table tfoot tr.cart_info_getpoint_text_tr .point_memo,
  .app_content_regi3 .item_list_regi table tfoot tr.cart_info_getpoint_text_tr .point_memo {
    text-align: right;
    padding-bottom: 1rem;
    font-size: 0.9rem; }
@media (max-width: 700px) {
  .app_content_cart .cart_item_list table thead,
  .app_content_regi1 .item_list_regi table thead,
  .app_content_regi2 .item_list_regi table thead,
  .app_content_regi3 .item_list_regi table thead {
    display: none; }
  .app_content_cart .cart_item_list table tbody,
  .app_content_regi1 .item_list_regi table tbody,
  .app_content_regi2 .item_list_regi table tbody,
  .app_content_regi3 .item_list_regi table tbody {
    margin-top: -2rem; }
    .app_content_cart .cart_item_list table tbody tr, .app_content_cart .cart_item_list table tbody td,
    .app_content_regi1 .item_list_regi table tbody tr,
    .app_content_regi1 .item_list_regi table tbody td,
    .app_content_regi2 .item_list_regi table tbody tr,
    .app_content_regi2 .item_list_regi table tbody td,
    .app_content_regi3 .item_list_regi table tbody tr,
    .app_content_regi3 .item_list_regi table tbody td {
      text-align: left; }
    .app_content_cart .cart_item_list table tbody tr,
    .app_content_regi1 .item_list_regi table tbody tr,
    .app_content_regi2 .item_list_regi table tbody tr,
    .app_content_regi3 .item_list_regi table tbody tr {
      position: relative;
      padding: 2rem 0; }
    .app_content_cart .cart_item_list table tbody td,
    .app_content_regi1 .item_list_regi table tbody td,
    .app_content_regi2 .item_list_regi table tbody td,
    .app_content_regi3 .item_list_regi table tbody td {
      margin-left: calc(125px + 2rem);
      position: relative;
      margin-bottom: 0.5rem; }
    .app_content_cart .cart_item_list table tbody td.buy_item_number_val,
    .app_content_regi1 .item_list_regi table tbody td.buy_item_number_val,
    .app_content_regi2 .item_list_regi table tbody td.buy_item_number_val,
    .app_content_regi3 .item_list_regi table tbody td.buy_item_number_val {
      display: none; }
    .app_content_cart .cart_item_list table tbody td.buy_item_img_val,
    .app_content_regi1 .item_list_regi table tbody td.buy_item_img_val,
    .app_content_regi2 .item_list_regi table tbody td.buy_item_img_val,
    .app_content_regi3 .item_list_regi table tbody td.buy_item_img_val {
      position: absolute;
      margin: 0; }
      .app_content_cart .cart_item_list table tbody td.buy_item_img_val img,
      .app_content_regi1 .item_list_regi table tbody td.buy_item_img_val img,
      .app_content_regi2 .item_list_regi table tbody td.buy_item_img_val img,
      .app_content_regi3 .item_list_regi table tbody td.buy_item_img_val img {
        max-width: 125px;
        max-height: 125px; }
    .app_content_cart .cart_item_list table tbody td.buy_item_name_val .regular_edit_link,
    .app_content_regi1 .item_list_regi table tbody td.buy_item_name_val .regular_edit_link,
    .app_content_regi2 .item_list_regi table tbody td.buy_item_name_val .regular_edit_link,
    .app_content_regi3 .item_list_regi table tbody td.buy_item_name_val .regular_edit_link {
      position: absolute;
      right: 0;
      bottom: 0; }
    .app_content_cart .cart_item_list table tbody td.buy_item_point_val,
    .app_content_regi1 .item_list_regi table tbody td.buy_item_point_val,
    .app_content_regi2 .item_list_regi table tbody td.buy_item_point_val,
    .app_content_regi3 .item_list_regi table tbody td.buy_item_point_val {
      display: none; }
    .app_content_cart .cart_item_list table tbody td.buy_item_total_price_val,
    .app_content_regi1 .item_list_regi table tbody td.buy_item_total_price_val,
    .app_content_regi2 .item_list_regi table tbody td.buy_item_total_price_val,
    .app_content_regi3 .item_list_regi table tbody td.buy_item_total_price_val {
      font-size: 1.1rem;
      margin-bottom: 0; }
    .app_content_cart .cart_item_list table tbody td.buy_item_delete_val,
    .app_content_regi1 .item_list_regi table tbody td.buy_item_delete_val,
    .app_content_regi2 .item_list_regi table tbody td.buy_item_delete_val,
    .app_content_regi3 .item_list_regi table tbody td.buy_item_delete_val {
      position: absolute;
      margin: 0;
      right: 0;
      bottom: 2rem; } }
@media (min-width: 701px) {
  .app_content_cart .cart_item_list thead td,
  .app_content_regi1 .item_list_regi thead td,
  .app_content_regi2 .item_list_regi thead td,
  .app_content_regi3 .item_list_regi thead td {
    text-align: center; }
  .app_content_cart .cart_item_list thead tr, .app_content_cart .cart_item_list tbody tr,
  .app_content_regi1 .item_list_regi thead tr,
  .app_content_regi1 .item_list_regi tbody tr,
  .app_content_regi2 .item_list_regi thead tr,
  .app_content_regi2 .item_list_regi tbody tr,
  .app_content_regi3 .item_list_regi thead tr,
  .app_content_regi3 .item_list_regi tbody tr {
    border-bottom: solid 1px rgba(222, 226, 230, 0.8);
    display: flex;
    align-items: center; }
    .app_content_cart .cart_item_list thead tr td, .app_content_cart .cart_item_list tbody tr td,
    .app_content_regi1 .item_list_regi thead tr td,
    .app_content_regi1 .item_list_regi tbody tr td,
    .app_content_regi2 .item_list_regi thead tr td,
    .app_content_regi2 .item_list_regi tbody tr td,
    .app_content_regi3 .item_list_regi thead tr td,
    .app_content_regi3 .item_list_regi tbody tr td {
      padding-top: 1rem;
      padding-bottom: 1rem; }
  .app_content_cart .cart_item_list td.buy_item_number_ttl, .app_content_cart .cart_item_list td.buy_item_number_val,
  .app_content_regi1 .item_list_regi td.buy_item_number_ttl,
  .app_content_regi1 .item_list_regi td.buy_item_number_val,
  .app_content_regi2 .item_list_regi td.buy_item_number_ttl,
  .app_content_regi2 .item_list_regi td.buy_item_number_val,
  .app_content_regi3 .item_list_regi td.buy_item_number_ttl,
  .app_content_regi3 .item_list_regi td.buy_item_number_val {
    width: 2rem; }
  .app_content_cart .cart_item_list td.buy_item_img_ttl, .app_content_cart .cart_item_list td.buy_item_img_val,
  .app_content_regi1 .item_list_regi td.buy_item_img_ttl,
  .app_content_regi1 .item_list_regi td.buy_item_img_val,
  .app_content_regi2 .item_list_regi td.buy_item_img_ttl,
  .app_content_regi2 .item_list_regi td.buy_item_img_val,
  .app_content_regi3 .item_list_regi td.buy_item_img_ttl,
  .app_content_regi3 .item_list_regi td.buy_item_img_val {
    width: 8rem; }
    .app_content_cart .cart_item_list td.buy_item_img_ttl img, .app_content_cart .cart_item_list td.buy_item_img_val img,
    .app_content_regi1 .item_list_regi td.buy_item_img_ttl img,
    .app_content_regi1 .item_list_regi td.buy_item_img_val img,
    .app_content_regi2 .item_list_regi td.buy_item_img_ttl img,
    .app_content_regi2 .item_list_regi td.buy_item_img_val img,
    .app_content_regi3 .item_list_regi td.buy_item_img_ttl img,
    .app_content_regi3 .item_list_regi td.buy_item_img_val img {
      max-width: unset;
      max-height: unset;
      width: 100%; }
  .app_content_cart .cart_item_list td.buy_item_name_ttl, .app_content_cart .cart_item_list td.buy_item_name_val,
  .app_content_regi1 .item_list_regi td.buy_item_name_ttl,
  .app_content_regi1 .item_list_regi td.buy_item_name_val,
  .app_content_regi2 .item_list_regi td.buy_item_name_ttl,
  .app_content_regi2 .item_list_regi td.buy_item_name_val,
  .app_content_regi3 .item_list_regi td.buy_item_name_ttl,
  .app_content_regi3 .item_list_regi td.buy_item_name_val {
    width: calc(100% - 45rem); }
  .app_content_cart .cart_item_list td.buy_item_price_ttl, .app_content_cart .cart_item_list td.buy_item_price_val,
  .app_content_regi1 .item_list_regi td.buy_item_price_ttl,
  .app_content_regi1 .item_list_regi td.buy_item_price_val,
  .app_content_regi2 .item_list_regi td.buy_item_price_ttl,
  .app_content_regi2 .item_list_regi td.buy_item_price_val,
  .app_content_regi3 .item_list_regi td.buy_item_price_ttl,
  .app_content_regi3 .item_list_regi td.buy_item_price_val {
    width: 9rem; }
  .app_content_cart .cart_item_list td.buy_item_count_ttl, .app_content_cart .cart_item_list td.buy_item_count_val,
  .app_content_regi1 .item_list_regi td.buy_item_count_ttl,
  .app_content_regi1 .item_list_regi td.buy_item_count_val,
  .app_content_regi2 .item_list_regi td.buy_item_count_ttl,
  .app_content_regi2 .item_list_regi td.buy_item_count_val,
  .app_content_regi3 .item_list_regi td.buy_item_count_ttl,
  .app_content_regi3 .item_list_regi td.buy_item_count_val {
    width: 7rem; }
  .app_content_cart .cart_item_list td.buy_item_point_ttl, .app_content_cart .cart_item_list td.buy_item_point_val,
  .app_content_regi1 .item_list_regi td.buy_item_point_ttl,
  .app_content_regi1 .item_list_regi td.buy_item_point_val,
  .app_content_regi2 .item_list_regi td.buy_item_point_ttl,
  .app_content_regi2 .item_list_regi td.buy_item_point_val,
  .app_content_regi3 .item_list_regi td.buy_item_point_ttl,
  .app_content_regi3 .item_list_regi td.buy_item_point_val {
    width: 8rem; }
  .app_content_cart .cart_item_list td.buy_item_total_price_ttl, .app_content_cart .cart_item_list td.buy_item_total_price_val,
  .app_content_regi1 .item_list_regi td.buy_item_total_price_ttl,
  .app_content_regi1 .item_list_regi td.buy_item_total_price_val,
  .app_content_regi2 .item_list_regi td.buy_item_total_price_ttl,
  .app_content_regi2 .item_list_regi td.buy_item_total_price_val,
  .app_content_regi3 .item_list_regi td.buy_item_total_price_ttl,
  .app_content_regi3 .item_list_regi td.buy_item_total_price_val {
    width: 9rem; }
  .app_content_cart .cart_item_list td.buy_item_delete_ttl, .app_content_cart .cart_item_list td.buy_item_delete_val,
  .app_content_regi1 .item_list_regi td.buy_item_delete_ttl,
  .app_content_regi1 .item_list_regi td.buy_item_delete_val,
  .app_content_regi2 .item_list_regi td.buy_item_delete_ttl,
  .app_content_regi2 .item_list_regi td.buy_item_delete_val,
  .app_content_regi3 .item_list_regi td.buy_item_delete_ttl,
  .app_content_regi3 .item_list_regi td.buy_item_delete_val {
    width: 2rem; } }

/*-----------------------------------------
ショッピングカート確認画面
-----------------------------------------*/
body.regi_flow0 .login_select {
  /*--ログイン失敗回数--*/ }
  body.regi_flow0 .login_select .member_side_ttl, body.regi_flow0 .login_select .buy_none_member {
    display: block;
    padding: 0.5rem 1rem;
    background: #f8f9fa;
    margin: 2rem auto 0;
    font-weight: bold;
    font-size: 1.15rem;
    max-width: 800px; }
  body.regi_flow0 .login_select #notmember_regi_form .cart_button_regi {
    margin-top: 2rem; }
  body.regi_flow0 .login_select #notmember_regi_form .buy_member_insert {
    margin-top: 1rem; }
  body.regi_flow0 .login_select table input {
    width: 100%; }
  body.regi_flow0 .login_select .member_reminder_choices {
    margin: 0; }
    body.regi_flow0 .login_select .member_reminder_choices .member_reminder_choices_ul {
      display: flex;
      justify-content: center; }
      body.regi_flow0 .login_select .member_reminder_choices .member_reminder_choices_ul li:first-child::after {
        content: "|";
        padding: 0 1rem; }
      body.regi_flow0 .login_select .member_reminder_choices .member_reminder_choices_ul li a {
        color: #0047ab; }
  body.regi_flow0 .login_select .auto_login_area {
    display: flex;
    justify-content: center;
    margin-top: 0.5rem; }
    body.regi_flow0 .login_select .auto_login_area span.auto_login_detail a {
      font-size: 0; }
      body.regi_flow0 .login_select .auto_login_area span.auto_login_detail a::before {
        content: "\f05a";
        font-size: 1rem;
        padding-left: 0.5rem; }
  body.regi_flow0 .login_select .login_failure_count {
    font-size: 0.9rem;
    color: #f06;
    text-align: right; }

/*-----------------------------------------
お客様情報入力
-----------------------------------------*/
table.grid_regi {
  margin: auto; }
  table.grid_regi .memo {
    display: none; }
  table.grid_regi .section_ttl {
    text-align: center !important;
    background: #f8f9fa;
    padding: 0.5rem 0;
    font-size: 1.25rem !important; }

/*-----------------------------------------
お支払方法
-----------------------------------------*/
.app_content_regi2 .regi_payment_list {
  width: 100%; }
  .app_content_regi2 .regi_payment_list .credit_info {
    margin-bottom: 2rem;
    border-bottom-width: 0;
    margin-left: 0; }
.app_content_regi2 .payment_description {
  border: solid 1px rgba(222, 226, 230, 0.8);
  margin: 1rem 0;
  height: 400px;
  overflow-y: scroll; }
  .app_content_regi2 .payment_description section {
    padding: 2rem; }
    .app_content_regi2 .payment_description section h2 {
      text-align: center;
      font-size: 1.25rem; }
      .app_content_regi2 .payment_description section h2::after {
        content: "でのお支払いについて"; }
    .app_content_regi2 .payment_description section h3 {
      background: #f8f9fa;
      padding: 0.5rem;
      margin-top: 2rem; }
    .app_content_regi2 .payment_description section h4::before {
      content: "■ "; }
    .app_content_regi2 .payment_description section table, .app_content_regi2 .payment_description section p, .app_content_regi2 .payment_description section img, .app_content_regi2 .payment_description section h4 {
      margin-top: 1rem; }
    .app_content_regi2 .payment_description section table {
      border-spacing: 0 !important;
      border-collapse: collapse !important; }
      .app_content_regi2 .payment_description section table th, .app_content_regi2 .payment_description section table td {
        padding: 0.5rem !important;
        border: solid 1px rgba(222, 226, 230, 0.8); }
        .app_content_regi2 .payment_description section table th p, .app_content_regi2 .payment_description section table th img, .app_content_regi2 .payment_description section table td p, .app_content_regi2 .payment_description section table td img {
          margin-top: 0; }

/*-----------------------------------------
注文内容の確認
-----------------------------------------*/
@media (max-width: 700px) {
  .app_content_regi3 form table:not(.for_pc),
  .app_content_regi3 form tbody:not(.for_pc),
  .app_content_regi3 form td:not(.for_pc) {
    display: block !important;
    width: 100%; }
  .app_content_regi3 form tr:not(.for_pc) {
    display: flex !important;
    width: 100%; }
  .app_content_regi3 form td:not(.for_pc)[colspan="2"] {
    width: 100%; }
  .app_content_regi3 form td:not(.for_pc).grid_head:not(.section_ttl) {
    width: 35%; }
  .app_content_regi3 form .section_ttl_tr .grid_head {
    margin-bottom: 1rem; }
  .app_content_regi3 #ems_dlg_member_sign_up_and_confirm_dlg {
    margin: 2rem; } }
.app_content_regi3 .law_regi_fin {
  padding: 2rem;
  background: #f8f9fa;
  color: #6c757d; }
  .app_content_regi3 .law_regi_fin .mds {
    border-bottom: solid 1px rgba(222, 226, 230, 0.8);
    padding-bottom: 0.75rem;
    margin-bottom: 0.75rem;
    font-weight: bold; }
  .app_content_regi3 .law_regi_fin .law_regi_fin_return_policy {
    margin: 2rem 0 0 0; }

/*-----------------------------------------
注文完了
-----------------------------------------*/
.app_content_regi5 .order_complete_text {
  margin: 0; }
  .app_content_regi5 .order_complete_text .mail {
    color: #0047ab; }
  .app_content_regi5 .order_complete_text .order_no_text {
    padding: 2rem 0; }
  .app_content_regi5 .order_complete_text .regi_oprder_number {
    font-size: 1.25rem;
    white-space: nowrap;
    font-weight: bold; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	EASY ボタンデザイン

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------
ボタンカラー
-----------------------------------------*/
.cart_button.in,
.login_button,
.cart_button_regi,
.buy_member_insert > a,
.common_regi_next_button,
.common_ok_btn,
input.common_ok_btn,
.common_ok_btn,
input.common_ok_btn,
.common_opt_btn,
input.common_opt_btn {
  color: #ffffff;
  background: #212529;
  transition: all 1.2s cubic-bezier(0.4, 0, 0, 1);
  cursor: pointer;
  border: none;
  box-sizing: border-box;
  line-height: 1;
  text-align: center;
  text-shadow: none;
  vertical-align: middle;
  outline: none;
  font-weight: normal;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none; }
  .cart_button.in:hover, .cart_button.in:focus,
  .login_button:hover,
  .login_button:focus,
  .cart_button_regi:hover,
  .cart_button_regi:focus,
  .buy_member_insert > a:hover,
  .buy_member_insert > a:focus,
  .common_regi_next_button:hover,
  .common_regi_next_button:focus,
  .common_ok_btn:hover,
  .common_ok_btn:focus,
  input.common_ok_btn:hover,
  input.common_ok_btn:focus,
  .common_ok_btn:hover,
  .common_ok_btn:focus,
  input.common_ok_btn:hover,
  input.common_ok_btn:focus,
  .common_opt_btn:hover,
  .common_opt_btn:focus,
  input.common_opt_btn:hover,
  input.common_opt_btn:focus {
    background: #6c757d;
    box-shadow: none;
    opacity: inherit;
    filter: none;
    text-decoration: none; }

/*-----------------------------------------
ボタン（大）
-----------------------------------------*/
.cart_button.in,
.login_button,
.cart_button_regi,
.buy_member_insert > a,
.common_regi_next_button {
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 1.5rem 1rem;
  border-radius: 2.05rem;
  font-size: 1.1rem;
  width: 100%;
  max-width: 600px;
  overflow: hidden; }
  .cart_button.in:after,
  .login_button:after,
  .cart_button_regi:after,
  .buy_member_insert > a:after,
  .common_regi_next_button:after {
    content: "\f054";
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 1.5rem;
    width: 1rem;
    height: 1rem;
    font-size: 1.1rem;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    pointer-events: none; }
  .cart_button.in:before,
  .login_button:before,
  .cart_button_regi:before,
  .buy_member_insert > a:before,
  .common_regi_next_button:before {
    content: "";
    display: block; }

.cart_button.in {
  /* 商品詳細カゴボタン */
  width: calc(100% - 3.5rem);
  max-width: unset;
  margin: 2rem auto 0 0; }
  .cart_button.in::before {
    content: none; }
  .cart_button.in:after {
    content: ""; }

.login_btn_value:after,
.go_regi_btn_value:after,
.buy_member_insert_value:after,
.payment_select_btn_value:after,
.final_indorsement_btn_value:after,
.firm_order_btn_value:after,
.online_payment_btn_value:after {
  content: attr(title);
  display: inline-block;
  vertical-align: middle; }

.buy_member_insert_value:before {
  /* 新規登録してからレジへ進む アイコン */
  content: "\f044";
  margin-right: 1rem;
  font-size: inherit; }

.login_button:after {
  /* カート'ログイン'ボタン アイコン */
  content: "\f13e";
  transform: none !important; }

/*-----------------------------------------
ボタン（小）
-----------------------------------------*/
.bottom_buttons:has(.common_opt_btn) {
  display: flex;
  gap: 1rem;
  justify-content: center; }

.common_ok_btn,
input.common_ok_btn,
.common_opt_btn,
input.common_opt_btn {
  margin: 0;
  padding: 0 1.25rem;
  height: 2.5rem;
  line-height: 2.5rem;
  border-radius: 1.5rem;
  width: auto; }

.common_opt_btn,
input.common_opt_btn {
  color: inherit;
  background: #ffffff;
  border: solid 1px rgba(222, 226, 230, 0.8); }
  .common_opt_btn:hover, .common_opt_btn:focus,
  input.common_opt_btn:hover,
  input.common_opt_btn:focus {
    border-color: #343a40;
    background: inherit; }

.common_ok_btn:disabled,
.common_opt_btn:disabled,
.common_ok_btn:disabled:hover, .common_ok_btn:disabled:focus,
.common_opt_btn:disabled:hover, .common_opt_btn:disabled:focus {
  color: #6c757d;
  background: #e9ecef;
  cursor: default; }

/* マイページ 注文履歴 */
.member_history_edit_val .common_ok_btn,
.member_history_edit_val .common_opt_btn {
  margin: 0; }

/*-----------------------------------------
その他 ボタン
-----------------------------------------*/
/*-- CLOSE ボタン--*/
.close_btn_parent {
  display: none; }

/*--ポップアップメッセージ--*/
.ems_dlg_ele {
  font: inherit;
  color: inherit;
  line-height: inherit;
  margin: 0; }
  .ems_dlg_ele .ems_dlg_con {
    padding: 2rem; }
    .ems_dlg_ele .ems_dlg_con .bottom_buttons {
      margin: 2rem auto 0; }

/*--エラー画面--*/
.err_contents .err_table {
  display: table;
  text-align: center; }

.err_msg, .restore_msg {
  border: none;
  background-color: #f8f9fa;
  color: inherit; }
  .err_msg a, .restore_msg a {
    color: #0047ab !important; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	index.html

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#index {
  /*---------------------mds---------------------*/
  /*--------------------------slider------------------------------*/
  /*--#slider--*/
  /*--------------------------news------------------------------*/
  /*-- #news --*/
  /*--------------------------topics------------------------------*/
  /*--------------------------ranking------------------------------*/
  /*--------------------------recommend------------------------------*/
  /*-- recommend --*/
  /*--------------------------category-----------------------------*/ }
  #index .mds h1 {
    text-align: left;
    font-family: "Bodoni Moda", "Noto Serif JP", serif;
    font-weight: 400;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    line-height: 1; }
    @media (min-width: 701px) {
      #index .mds h1 {
        font-size: 4rem; } }
    @media (max-width: 700px) {
      #index .mds h1 {
        font-size: 8vw; } }
    #index .mds h1 span {
      position: relative;
      top: 1.1em;
      transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
  #index .mds.started h1 span {
    top: 0; }
  #index .mds.started h1 span:nth-of-type(1) {
    transition-delay: 0.0s; }
  #index .mds.started h1 span:nth-of-type(2) {
    transition-delay: 0.1s; }
  #index .mds.started h1 span:nth-of-type(3) {
    transition-delay: 0.2s; }
  #index .mds.started h1 span:nth-of-type(4) {
    transition-delay: 0.3s; }
  #index .mds.started h1 span:nth-of-type(5) {
    transition-delay: 0.4s; }
  #index .mds.started h1 span:nth-of-type(6) {
    transition-delay: 0.5s; }
  #index .mds.started h1 span:nth-of-type(7) {
    transition-delay: 0.6s; }
  #index .mds.started h1 span:nth-of-type(8) {
    transition-delay: 0.7s; }
  #index .mds.started h1 span:nth-of-type(9) {
    transition-delay: 0.8s; }
  #index .mds.started h1 span:nth-of-type(10) {
    transition-delay: 0.9s; }
  #index #slider {
    background: #f8f9fa;
    overflow: hidden;
    position: relative;
    /*------------------------pagination-----------------------------*/ }
    #index #slider .swiper1 {
      margin: auto; }
      #index #slider .swiper1 div.swiper-wrapper {
        font-size: 0; }
        @media (max-width: 700px) {
          #index #slider .swiper1 div.swiper-wrapper div.swiper-slide {
            width: calc(100% - 4rem);
            margin: auto; } }
        #index #slider .swiper1 div.swiper-wrapper div.swiper-slide .mds,
        #index #slider .swiper1 div.swiper-wrapper div.swiper-slide .txt,
        #index #slider .swiper1 div.swiper-wrapper div.swiper-slide .banner_s,
        #index #slider .swiper1 div.swiper-wrapper div.swiper-slide .banner_l,
        #index #slider .swiper1 div.swiper-wrapper div.swiper-slide .tag {
          display: none; }
        @media (max-width: 700px) {
          #index #slider .swiper1 div.swiper-wrapper div.swiper-slide .banner_m {
            display: none; } }
        @media (min-width: 701px) {
          #index #slider .swiper1 div.swiper-wrapper div.swiper-slide {
            width: 1000px;
            height: 100%; }
            #index #slider .swiper1 div.swiper-wrapper div.swiper-slide .banner_xl {
              display: none; } }
      #index #slider .swiper1 .swiper-button-next::before, #index #slider .swiper1 .swiper-button-prev::before {
        content: none; }
      #index #slider .swiper1 .swiper-button-next::after, #index #slider .swiper1 .swiper-button-prev::after {
        font-size: 2rem;
        color: initial; }
      @media (min-width: 701px) {
        #index #slider .swiper1 .swiper-button-next {
          right: calc(50% - 500px - 4rem); } }
      #index #slider .swiper1 .swiper-button-next::after {
        content: "\f152"; }
      @media (min-width: 701px) {
        #index #slider .swiper1 .swiper-button-prev {
          left: calc(50% - 500px - 4rem); } }
      #index #slider .swiper1 .swiper-button-prev::after {
        content: "\f191"; }
    #index #slider .swiper-pagination {
      margin: 2rem auto 0;
      text-align: center;
      position: relative;
      line-height: 0;
      bottom: 0; }
      #index #slider .swiper-pagination span.swiper-pagination-bullet {
        width: 2rem;
        height: 0.25rem;
        background: #dee2e6;
        cursor: pointer;
        border-radius: 0;
        opacity: 1;
        margin: 0 0.25rem;
        transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
        #index #slider .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
          background: #000000; }
  #index #news {
    background: #ffffff;
    /*-- ul --*/ }
    #index #news ul.include_news {
      overflow-y: scroll;
      height: 16rem;
      /*-- li --*/ }
      #index #news ul.include_news::-webkit-scrollbar {
        width: 2px; }
      #index #news ul.include_news::-webkit-scrollbar-track {
        border-radius: 1px;
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); }
      #index #news ul.include_news::-webkit-scrollbar-thumb {
        background-color: #cccccc;
        border-radius: 1px;
        box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3); }
      #index #news ul.include_news li {
        border-bottom: solid 1px rgba(222, 226, 230, 0.8);
        padding-bottom: 0.5rem;
        margin-bottom: 0.5rem;
        margin-right: 1rem; }
        #index #news ul.include_news li:last-child {
          border-bottom: none;
          padding-bottom: 0;
          margin-bottom: 0; }
        #index #news ul.include_news li a {
          display: inline; }
        #index #news ul.include_news li span {
          display: inline; }
          #index #news ul.include_news li span.news_day {
            display: block; }
          #index #news ul.include_news li span.news_day, #index #news ul.include_news li span.news_day span {
            color: #6c757d !important; }
          #index #news ul.include_news li span.s_day::before {
            content: "！"; }
          #index #news ul.include_news li span.s_week::before, #index #news ul.include_news li span #news div ul li .e_week::before {
            content: "("; }
          #index #news ul.include_news li span.s_week::after, #index #news ul.include_news li span #news div ul li .e_week::after {
            content: ")"; }
          #index #news ul.include_news li span.s_time::after {
            content: "～"; }
          #index #news ul.include_news li span.e_time::after {
            content: "まで（※一部商品を除く）"; }
  #index #topics {
    background: #ffffff; }
    #index #topics .bg_gray-100 {
      border-radius: 25vw 25vw 0 0;
      transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
    #index #topics.started .bg_gray-100 {
      border-radius: 0; }
    #index #topics div.swiper-slide {
      text-align: center; }
      #index #topics div.swiper-slide .mds_en, #index #topics div.swiper-slide .tag {
        display: none; }
      #index #topics div.swiper-slide .mds {
        margin-top: 1rem;
        font-weight: bold; }
      #index #topics div.swiper-slide .txt {
        margin-top: 1rem; }
      @media (max-width: 700px) {
        #index #topics div.swiper-slide img.pc {
          display: block !important; }
        #index #topics div.swiper-slide img.sp {
          display: none; } }
  #index #ranking {
    background: #ffffff; }
    @media (min-width: 701px) {
      #index #ranking ul.items {
        padding-bottom: 12rem; }
      #index #ranking .bg {
        width: 60vw;
        height: 60vw;
        transform: scale(0);
        transition: all 1.2s cubic-bezier(0.4, 0, 0, 1);
        position: fixed;
        right: 0;
        top: 0;
        z-index: -1; }
        #index #ranking .bg div {
          background-image: url(https://www.rapa-jewelry.com/images/index/ranking-bg.png);
          background-size: contain;
          background-position: center;
          animation: spin 12s linear infinite;
          width: 100%;
          height: 100%; }
      #index #ranking.started .bg {
        transform: scale(1); }
      #index #ranking.ended .bg {
        transform: scale(0); }
      @keyframes spin {
        0% {
          transform: rotate(0deg); }
        100% {
          transform: rotate(360deg); } } }
    #index #ranking ul.items {
      /*-- li.item --*/ }
      #index #ranking ul.items li.item {
        height: auto;
        position: relative;
        /*-- box --*/ }
        #index #ranking ul.items li.item .box {
          height: 100%; }
          #index #ranking ul.items li.item .box .area_img img {
            mix-blend-mode: multiply; }
        @media (max-width: 700px) {
          #index #ranking ul.items li.item {
            background: #f8f9fa; }
            #index #ranking ul.items li.item .area_txt {
              padding: 1rem; }
              #index #ranking ul.items li.item .area_txt .detail .name_ja,
              #index #ranking ul.items li.item .area_txt .detail .catch {
                display: none; }
              #index #ranking ul.items li.item .area_txt .detail .name_en {
                display: block;
                font-size: inherit; }
              #index #ranking ul.items li.item .area_txt .detail .price {
                text-align: right; }
              #index #ranking ul.items li.item .area_txt .color,
              #index #ranking ul.items li.item .area_txt .tag {
                display: none; } }
        @media (min-width: 701px) {
          #index #ranking ul.items li.item:nth-of-type(3n-1) {
            top: 6rem;
            transition-delay: 0.1s; }
          #index #ranking ul.items li.item:nth-of-type(3n-0) {
            top: 12rem;
            transition-delay: 0.2s; }
          #index #ranking ul.items li.item:nth-of-type(10) {
            display: none; }
          #index #ranking ul.items li.item .area_img .img_wh {
            position: relative;
            padding-bottom: 100%;
            transition: all 1.2s cubic-bezier(0.4, 0, 0, 1);
            background: #f8f9fa; }
            #index #ranking ul.items li.item .area_img .img_wh img {
              position: absolute;
              left: 0;
              right: 0;
              top: 0;
              bottom: 0;
              margin: auto; }
          #index #ranking ul.items li.item:hover .area_img .img_wh {
            padding-bottom: 60%; }
            #index #ranking ul.items li.item:hover .area_img .img_wh img {
              transform: scale(0.6); }
          #index #ranking ul.items li.item .area_txt {
            overflow: hidden;
            height: 0px;
            transform: translate3d(0px, 0px, 0px);
            transition: all 1.2s cubic-bezier(0.4, 0, 0, 1);
            position: absolute;
            top: 100%;
            width: 100%; }
            #index #ranking ul.items li.item .area_txt .color li {
              border-radius: 50%; }
            #index #ranking ul.items li.item .area_txt .name_en {
              display: block;
              font-size: 2rem;
              font-weight: 400;
              font-family: "Bodoni Moda", "Noto Serif JP", serif; }
            #index #ranking ul.items li.item .area_txt .name_ja {
              font-weight: normal; }
            #index #ranking ul.items li.item .area_txt .catch, #index #ranking ul.items li.item .area_txt .tag {
              display: none; }
            #index #ranking ul.items li.item .area_txt .color, #index #ranking ul.items li.item .area_txt .name_en, #index #ranking ul.items li.item .area_txt .name_ja, #index #ranking ul.items li.item .area_txt .price {
              position: relative;
              overflow: hidden;
              transition: all 1.2s cubic-bezier(0.4, 0, 0, 1);
              transform: translateY(100%);
              opacity: 0; }
          #index #ranking ul.items li.item:hover .area_txt {
            height: 100%;
            top: 60%; }
            #index #ranking ul.items li.item:hover .area_txt .color, #index #ranking ul.items li.item:hover .area_txt .name_en, #index #ranking ul.items li.item:hover .area_txt .name_ja, #index #ranking ul.items li.item:hover .area_txt .price {
              transform: translateY(0);
              opacity: 1; }
            #index #ranking ul.items li.item:hover .area_txt .color {
              transition-delay: 0.3s; }
            #index #ranking ul.items li.item:hover .area_txt .name_en {
              transition-delay: 0.4s; }
            #index #ranking ul.items li.item:hover .area_txt .name_ja {
              transition-delay: 0.5s; }
            #index #ranking ul.items li.item:hover .area_txt .price {
              transition-delay: 0.6s; } }
  #index #recommend {
    background: #ffffff;
    /*-- swiper2 --*/
    /*-- .swiper2-pagenation --*/ }
    #index #recommend .bg_gray-200 {
      border-radius: 25vw 25vw 0 0;
      transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
    #index #recommend.started .bg_gray-200 {
      border-radius: 0; }
    #index #recommend .swiper2 {
      overflow: hidden;
      /*-- ul.items --*/ }
      #index #recommend .swiper2 ul.items li.item {
        height: auto;
        background: #ffffff; }
        #index #recommend .swiper2 ul.items li.item .detail {
          padding: 0 1rem 1rem; }
        #index #recommend .swiper2 ul.items li.item .name_en {
          display: block;
          font-family: "Bodoni Moda", "Noto Serif JP", serif;
          font-size: 1.2rem; }
        #index #recommend .swiper2 ul.items li.item .name_ja {
          font-size: inherit;
          font-weight: inherit; }
        #index #recommend .swiper2 ul.items li.item .catch, #index #recommend .swiper2 ul.items li.item .tag, #index #recommend .swiper2 ul.items li.item .color {
          display: none; }
        @media (min-width: 701px) {
          #index #recommend .swiper2 ul.items li.item:nth-of-type(n+9) {
            display: none; }
          #index #recommend .swiper2 ul.items li.item:nth-of-type(4n-2) {
            transition-delay: 0.1s; }
          #index #recommend .swiper2 ul.items li.item:nth-of-type(4n-1) {
            transition-delay: 0.2s; }
          #index #recommend .swiper2 ul.items li.item:nth-of-type(4n-0) {
            transition-delay: 0.3s; } }
        @media (max-width: 700px) {
          #index #recommend .swiper2 ul.items li.item:nth-of-type(n+7) {
            display: none; } }
      #index #recommend .swiper2 ul.rec_key {
        margin-top: 0.5rem; }
        #index #recommend .swiper2 ul.rec_key li {
          display: inline-block;
          margin: 0.5rem 0.5rem 0 0; }
          #index #recommend .swiper2 ul.rec_key li a {
            background: #f8f9fa;
            outline: none;
            text-align: center;
            transition: all 1.2s cubic-bezier(0.4, 0, 0, 1);
            padding: 0.5rem 1rem;
            line-height: 1rem;
            display: block;
            border-radius: 1rem; }
            #index #recommend .swiper2 ul.rec_key li a p::before {
              content: "#"; }
            #index #recommend .swiper2 ul.rec_key li a:hover {
              background: #dee2e6; }
    #index #recommend .swiper2-pagination {
      max-width: 750px;
      margin: auto; }
      #index #recommend .swiper2-pagination span {
        border-radius: 0;
        height: auto;
        background-color: #dee2e6;
        position: relative;
        text-align: center;
        opacity: 1;
        margin: 0;
        width: 100%;
        letter-spacing: .12em;
        font-feature-settings: "palt";
        -webkit-text-size-adjust: 100%; }
        #index #recommend .swiper2-pagination span.swiper-pagination-bullet-active {
          background-color: #000000;
          color: #ffffff; }
        #index #recommend .swiper2-pagination span::before, #index #recommend .swiper2-pagination span::after {
          display: block;
          line-height: 1; }
        #index #recommend .swiper2-pagination span::before {
          display: block;
          padding-top: 0.75rem;
          padding-bottom: 0.5rem;
          font-family: "Bodoni Moda", "Noto Serif JP", serif;
          letter-spacing: 0; }
        #index #recommend .swiper2-pagination span::after {
          display: block;
          font-size: 10px;
          padding-bottom: 0.75rem; }
        #index #recommend .swiper2-pagination span:nth-of-type(1)::before {
          content: "RING"; }
        #index #recommend .swiper2-pagination span:nth-of-type(2)::before {
          content: "NECKLACE"; }
        #index #recommend .swiper2-pagination span:nth-of-type(3)::before {
          content: "PIERCED"; }
        #index #recommend .swiper2-pagination span:nth-of-type(4)::before {
          content: "BRACELET"; }
        #index #recommend .swiper2-pagination span:nth-of-type(1)::after {
          content: "リング"; }
        #index #recommend .swiper2-pagination span:nth-of-type(2)::after {
          content: "ネックレス"; }
        #index #recommend .swiper2-pagination span:nth-of-type(3)::after {
          content: "ピアス"; }
        #index #recommend .swiper2-pagination span:nth-of-type(4)::after {
          content: "ブレスレット"; }
  #index #category {
    background: #ffffff; }
    #index #category .mds {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      #index #category .mds .pc {
        display: flex; }
        #index #category .mds .pc .swiper4-prev, #index #category .mds .pc .swiper4-next {
          width: 4rem;
          height: 4rem;
          border-radius: 50%;
          border: solid 1px #dee2e6;
          display: flex;
          justify-content: center;
          align-items: center;
          color: #dee2e6;
          margin-left: 1rem; }
          #index #category .mds .pc .swiper4-prev:hover:not(.swiper-button-disabled), #index #category .mds .pc .swiper4-next:hover:not(.swiper-button-disabled) {
            color: #212529; }
    #index #category div.swiper-slide .mds_en {
      font-family: "Bodoni Moda", "Noto Serif JP", serif;
      font-weight: 500;
      font-size: 1.2rem;
      padding-top: 1rem; }
    #index #category div.swiper-slide .mds, #index #category div.swiper-slide .tag {
      display: none; }
    #index #category div.swiper-slide .txt, #index #category div.swiper-slide .mds {
      font-size: 0.9rem; }

/*-- #index --*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	メインビジュアル

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 701px) {
  #mainvisual, .scean1, .scean2, .scean3 {
    height: 800px; } }
@media (max-width: 700px) {
  #mainvisual, .scean1, .scean2, .scean3 {
    height: 100vh; } }
#mainvisual {
  position: relative;
  z-index: -1;
  /*-----------ファーストビュー文字組------------*/
  /*-- maintitle end --*/
  /*-- scean2 --*/
  /*-- scean3 --*/ }
  #mainvisual .maintitle {
    position: relative;
    z-index: 1; }
    @media (min-width: 701px) {
      #mainvisual .maintitle {
        height: 800px;
        width: 1000px;
        margin: auto; } }
    @media (max-width: 700px) {
      #mainvisual .maintitle {
        height: 100vh; } }
    #mainvisual .maintitle div {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: max-content;
      overflow: hidden; }
    #mainvisual .maintitle div.txt01 {
      font-size: 0; }
      @media (max-width: 700px) {
        #mainvisual .maintitle div.txt01 {
          width: 40vw;
          margin-top: -8.5vw;
          margin-left: 0; } }
      @media (min-width: 701px) {
        #mainvisual .maintitle div.txt01 {
          width: 32rem;
          margin-top: -6rem;
          margin-left: 0; } }
    #mainvisual .maintitle div.txt02 {
      font-size: 0; }
      @media (max-width: 700px) {
        #mainvisual .maintitle div.txt02 {
          width: 40vw;
          margin-top: 0vw;
          margin-left: 0; } }
      @media (min-width: 701px) {
        #mainvisual .maintitle div.txt02 {
          width: 32rem;
          margin-top: 0;
          margin-left: 0; } }
    @media (max-width: 700px) {
      #mainvisual .maintitle div.txt03 {
        font-size: 1.25vw;
        margin-top: 8vw;
        margin-left: 0vw; } }
    @media (min-width: 701px) {
      #mainvisual .maintitle div.txt03 {
        font-size: 0.75rem;
        margin-top: 5rem;
        margin-left: 0vw; } }
    #mainvisual .maintitle div.txt04 {
      text-align: right;
      transform: unset;
      left: auto;
      top: 80px; }
      @media (max-width: 700px) {
        #mainvisual .maintitle div.txt04 {
          font-size: 1.0vw;
          width: 20vw;
          right: 6vw; } }
      @media (min-width: 701px) {
        #mainvisual .maintitle div.txt04 {
          font-size: 0.75rem;
          width: 20rem;
          right: 6rem; } }
    #mainvisual .maintitle div.txt05 {
      transform: unset;
      bottom: 80px;
      top: auto; }
      @media (max-width: 700px) {
        #mainvisual .maintitle div.txt05 {
          font-size: 1.0vw;
          width: 20vw;
          left: 6vw; } }
      @media (min-width: 701px) {
        #mainvisual .maintitle div.txt05 {
          font-size: 0.75rem;
          width: 20rem;
          left: 6rem; } }
    #mainvisual .maintitle div.bar {
      width: 100%; }
      @media (max-width: 700px) {
        #mainvisual .maintitle div.bar {
          height: 15vh;
          margin-top: 25vh;
          margin-left: 0; } }
      @media (min-width: 701px) {
        #mainvisual .maintitle div.bar {
          height: 14rem;
          margin-top: 18.5rem;
          margin-left: 0; } }
      #mainvisual .maintitle div.bar span {
        background: #212529;
        position: absolute;
        width: 1px;
        left: 0;
        right: 0;
        margin: auto;
        animation: 2.5s ease infinite bar; }
@keyframes bar {
  0% {
    top: 0;
    bottom: auto;
    height: 0; }
  49.9% {
    top: 0;
    bottom: auto;
    height: 100%; }
  50.0% {
    top: auto;
    bottom: 0;
    height: 100%; }
  99.9% {
    top: auto;
    bottom: 0;
    height: 0; }
  100% {
    top: 0;
    bottom: auto;
    height: 0; } }
    #mainvisual .maintitle div p, #mainvisual .maintitle div img {
      transition: all 1.2s cubic-bezier(0.4, 0, 0, 1);
      position: relative;
      opacity: 0; }
    #mainvisual .maintitle div.txt01 img {
      top: 7vw; }
    #mainvisual .maintitle div.txt02 img {
      top: 7vw; }
    #mainvisual .maintitle div.txt03 p {
      width: 0;
      white-space: nowrap;
      overflow: hidden; }
    #mainvisual .maintitle div.txt04 p {
      left: 100%; }
    #mainvisual .maintitle div.txt05 p {
      left: -100%; }
    #mainvisual .maintitle div.bar {
      opacity: 0;
      transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
    #mainvisual .maintitle.loaded div p, #mainvisual .maintitle.loaded div img {
      opacity: 1; }
    #mainvisual .maintitle.loaded div.txt01 img {
      top: 0;
      transition-delay: 0.6s; }
    #mainvisual .maintitle.loaded div.txt02 img {
      top: 0;
      transition-delay: 0.8s; }
    #mainvisual .maintitle.loaded div.txt03 p {
      width: 100%; }
    #mainvisual .maintitle.loaded div.txt03 p:nth-of-type(1) {
      transition-delay: 1.6s; }
    #mainvisual .maintitle.loaded div.txt03 p:nth-of-type(2) {
      transition-delay: 2.0s; }
    #mainvisual .maintitle.loaded div.txt04 p {
      left: 0; }
    #mainvisual .maintitle.loaded div.txt05 p {
      left: 0; }
    #mainvisual .maintitle.loaded div.bar {
      opacity: 1;
      transition-delay: 2.4s; }
  #mainvisual .scean1, #mainvisual .scean2, #mainvisual .scean3 {
    overflow: hidden;
    position: absolute;
    z-index: 0;
    top: 0;
    width: 100%;
    pointer-events: none; }
    #mainvisual .scean1.active, #mainvisual .scean2.active, #mainvisual .scean3.active {
      animation: 5s linear scean-fade; }
  #mainvisual picture {
    background-position: center;
    background-size: cover;
    display: block;
    aspect-ratio: 3 / 4; }
  #mainvisual picture.photo1-1 {
    background-image: url(https://www.rapa-jewelry.com/images/index/1-1.jpg); }
  #mainvisual picture.photo2-1 {
    background-image: url(https://www.rapa-jewelry.com/images/index/2-1.jpg); }
  #mainvisual picture.photo2-2 {
    background-image: url(https://www.rapa-jewelry.com/images/index/2-2.jpg); }
  #mainvisual picture.photo2-3 {
    background-image: url(https://www.rapa-jewelry.com/images/index/2-3.jpg); }
  #mainvisual picture.photo2-4 {
    background-image: url(https://www.rapa-jewelry.com/images/index/2-4.jpg); }
  #mainvisual picture.photo2-5 {
    background-image: url(https://www.rapa-jewelry.com/images/index/2-5.jpg); }
  #mainvisual picture.photo2-6 {
    background-image: url(https://www.rapa-jewelry.com/images/index/2-6.jpg); }
  #mainvisual picture.photo2-7 {
    background-image: url(https://www.rapa-jewelry.com/images/index/2-7.jpg); }
  #mainvisual picture.photo2-8 {
    background-image: url(https://www.rapa-jewelry.com/images/index/2-8.jpg); }
  #mainvisual picture.photo2-9 {
    background-image: url(https://www.rapa-jewelry.com/images/index/2-9.jpg); }
  #mainvisual picture.photo2-10 {
    background-image: url(https://www.rapa-jewelry.com/images/index/2-10.jpg); }
  #mainvisual picture.photo2-11 {
    background-image: url(https://www.rapa-jewelry.com/images/index/2-11.jpg); }
  #mainvisual picture.photo2-12 {
    background-image: url(https://www.rapa-jewelry.com/images/index/2-12.jpg); }
  #mainvisual picture.photo2-13 {
    background-image: url(https://www.rapa-jewelry.com/images/index/2-13.jpg);
    background-blend-mode: multiply;
    background-color: #f8f9fa; }
  #mainvisual picture.photo2-14 {
    background-image: url(https://www.rapa-jewelry.com/images/index/2-14.jpg);
    background-blend-mode: multiply;
    background-color: #f8f9fa; }
  #mainvisual picture.photo2-15 {
    background-image: url(https://www.rapa-jewelry.com/images/index/2-15.jpg);
    background-blend-mode: multiply;
    background-color: #f8f9fa; }
  #mainvisual picture.photo2-16 {
    background-image: url(https://www.rapa-jewelry.com/images/index/2-16.jpg);
    background-blend-mode: multiply;
    background-color: #f8f9fa; }
  #mainvisual picture.photo2-17 {
    background-image: url(https://www.rapa-jewelry.com/images/index/2-17.jpg);
    background-blend-mode: multiply;
    background-color: #f8f9fa; }
  #mainvisual picture.photo2-18 {
    background-image: url(https://www.rapa-jewelry.com/images/index/2-18.jpg);
    background-blend-mode: multiply;
    background-color: #f8f9fa; }
  #mainvisual picture.photo2-19 {
    background-image: url(https://www.rapa-jewelry.com/images/index/2-19.jpg); }
  #mainvisual picture.photo2-20 {
    background-image: url(https://www.rapa-jewelry.com/images/index/2-20.jpg); }
  #mainvisual picture.photo2-21 {
    background-image: url(https://www.rapa-jewelry.com/images/index/2-21.jpg); }
  #mainvisual picture.photo2-22 {
    background-image: url(https://www.rapa-jewelry.com/images/index/2-22.jpg); }
  #mainvisual picture.photo2-23 {
    background-image: url(https://www.rapa-jewelry.com/images/index/2-23.jpg); }
  #mainvisual picture.photo2-24 {
    background-image: url(https://www.rapa-jewelry.com/images/index/2-24.jpg); }
  #mainvisual picture.photo3-1 {
    background-image: url(https://www.rapa-jewelry.com/images/index/3-1.jpg);
    background-blend-mode: multiply;
    background-color: #f8f9fa; }
  #mainvisual picture.photo3-2 {
    background-image: url(https://www.rapa-jewelry.com/images/index/3-2.jpg);
    background-blend-mode: multiply;
    background-color: #f8f9fa; }
  #mainvisual picture.photo3-3 {
    background-image: url(https://www.rapa-jewelry.com/images/index/3-3.jpg);
    background-blend-mode: multiply;
    background-color: #f8f9fa; }
  #mainvisual picture.photo3-4 {
    background-image: url(https://www.rapa-jewelry.com/images/index/3-4.jpg);
    background-blend-mode: multiply;
    background-color: #f8f9fa; }
  #mainvisual picture.photo3-5 {
    background-image: url(https://www.rapa-jewelry.com/images/index/3-5.jpg);
    background-blend-mode: multiply;
    background-color: #f8f9fa; }
  #mainvisual picture.photo3-6 {
    background-image: url(https://www.rapa-jewelry.com/images/index/3-6.jpg); }
  #mainvisual picture.photo3-7 {
    background-image: url(https://www.rapa-jewelry.com/images/index/3-7.jpg); }
  #mainvisual picture.photo3-8 {
    background-image: url(https://www.rapa-jewelry.com/images/index/3-8.jpg); }
  #mainvisual picture.photo3-9 {
    background-image: url(https://www.rapa-jewelry.com/images/index/3-9.jpg); }
  #mainvisual picture.photo3-10 {
    background-image: url(https://www.rapa-jewelry.com/images/index/3-10.jpg); }
  #mainvisual picture.photo3-11 {
    background-image: url(https://www.rapa-jewelry.com/images/index/3-11.jpg); }
  #mainvisual picture.photo3-12 {
    background-image: url(https://www.rapa-jewelry.com/images/index/3-12.jpg); }
  #mainvisual picture.photo3-13 {
    background-image: url(https://www.rapa-jewelry.com/images/index/3-13.jpg); }
  #mainvisual picture.photo3-14 {
    background-image: url(https://www.rapa-jewelry.com/images/index/3-14.jpg); }
  #mainvisual picture.photo3-15 {
    background-image: url(https://www.rapa-jewelry.com/images/index/3-15.jpg); }
  #mainvisual .scean1 div.block {
    position: fixed;
    width: 100%; }
    #mainvisual .scean1 div.block div.hidden {
      overflow: hidden; }
      #mainvisual .scean1 div.block div.hidden figure {
        transform: scale(1.2); }
        #mainvisual .scean1 div.block div.hidden figure picture {
          transform: rotateY(-90deg);
          opacity: 0; }
          @media (max-width: 700px) {
            #mainvisual .scean1 div.block div.hidden figure picture {
              width: 100%;
              height: 100vh; } }
          @media (min-width: 701px) {
            #mainvisual .scean1 div.block div.hidden figure picture {
              width: 100vw;
              height: 800px; } }
  #mainvisual .scean1.active {
    /*--　本番&.active テストは&:hover　--*/ }
    #mainvisual .scean1.active div.block div.hidden figure {
      transform: scale(1);
      transition: 10s; }
      #mainvisual .scean1.active div.block div.hidden figure picture {
        transition: all 1.2s cubic-bezier(0.4, 0, 0, 1);
        transform: rotateY(0);
        opacity: 1; }
  #mainvisual .scean2 {
    display: flex;
    align-items: center; }
    #mainvisual .scean2 div.flex {
      width: 100%; }
      #mainvisual .scean2 div.flex div.inner div.block {
        position: relative;
        display: flex;
        left: 0; }
        @media (min-width: 701px) {
          #mainvisual .scean2 div.flex div.inner div.block {
            column-gap: 2rem; } }
        @media (max-width: 700px) {
          #mainvisual .scean2 div.flex div.inner div.block {
            column-gap: 3vh; } }
        #mainvisual .scean2 div.flex div.inner div.block figure picture {
          transform: rotateY(-90deg);
          opacity: 0; }
          @media (max-width: 700px) {
            #mainvisual .scean2 div.flex div.inner div.block figure picture {
              height: 46vh; } }
          @media (min-width: 701px) {
            #mainvisual .scean2 div.flex div.inner div.block figure picture {
              height: 365px; } }
      #mainvisual .scean2 div.flex div.inner.rev div.block {
        flex-direction: row-reverse;
        /*--↑のblockと同じ値--*/
        /*--//↑のblockと同じ値--*/ }
        @media (min-width: 701px) {
          #mainvisual .scean2 div.flex div.inner.rev div.block {
            padding-top: 2rem; } }
        @media (max-width: 700px) {
          #mainvisual .scean2 div.flex div.inner.rev div.block {
            padding-top: 3vh; } }
    #mainvisual .scean2.active {
      /*--　本番&.active テストは&:hover　--*/ }
      #mainvisual .scean2.active div.flex div.inner div.block {
        animation: 5s linear slide-left; }
        #mainvisual .scean2.active div.flex div.inner div.block figure picture {
          transition: all 1.2s cubic-bezier(0.4, 0, 0, 1);
          transform: rotateY(0);
          opacity: 1; }
        #mainvisual .scean2.active div.flex div.inner div.block figure:nth-of-type(1) picture {
          transition-delay: 0; }
        #mainvisual .scean2.active div.flex div.inner div.block figure:nth-of-type(2) picture {
          transition-delay: 0.1s; }
        #mainvisual .scean2.active div.flex div.inner div.block figure:nth-of-type(3) picture {
          transition-delay: 0.2s; }
        #mainvisual .scean2.active div.flex div.inner div.block figure:nth-of-type(4) picture {
          transition-delay: 0.3s; }
        #mainvisual .scean2.active div.flex div.inner div.block figure:nth-of-type(5) picture {
          transition-delay: 0.4s; }
        #mainvisual .scean2.active div.flex div.inner div.block figure:nth-of-type(6) picture {
          transition-delay: 0.5s; }
      #mainvisual .scean2.active div.flex div.inner.rev div.block {
        animation: 5s linear slide-right; }
  #mainvisual .scean3 div.inner {
    position: relative;
    width: 100%;
    height: 100%; }
    #mainvisual .scean3 div.inner div.block {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%; }
      @media (min-width: 701px) {
        #mainvisual .scean3 div.inner div.block {
          margin-top: 150px; } }
      @media (max-width: 700px) {
        #mainvisual .scean3 div.inner div.block {
          margin-top: 15vh; } }
      #mainvisual .scean3 div.inner div.block figure {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
        #mainvisual .scean3 div.inner div.block figure picture {
          transform: rotateY(-90deg);
          opacity: 0; }
      #mainvisual .scean3 div.inner div.block.slow {
        transition: 15.0s; }
        @media (min-width: 701px) {
          #mainvisual .scean3 div.inner div.block.slow figure {
            width: 160px; } }
        @media (max-width: 700px) {
          #mainvisual .scean3 div.inner div.block.slow figure {
            width: 16vw; } }
      #mainvisual .scean3 div.inner div.block.mid {
        transition: 10.0s; }
        @media (min-width: 701px) {
          #mainvisual .scean3 div.inner div.block.mid figure {
            width: 200px; } }
        @media (max-width: 700px) {
          #mainvisual .scean3 div.inner div.block.mid figure {
            width: 20vw; } }
      #mainvisual .scean3 div.inner div.block.high {
        transition: 5.0s; }
        @media (min-width: 701px) {
          #mainvisual .scean3 div.inner div.block.high figure {
            width: 280px; } }
        @media (max-width: 700px) {
          #mainvisual .scean3 div.inner div.block.high figure {
            width: 28vw; } }
      @media (min-width: 701px) {
        #mainvisual .scean3 div.inner div.block.slow figure:nth-of-type(1) {
          margin-left: -800px;
          margin-top: -600px; } }
      @media (max-width: 700px) {
        #mainvisual .scean3 div.inner div.block.slow figure:nth-of-type(1) {
          margin-left: -35vw;
          margin-top: -60vw; } }
      @media (min-width: 701px) {
        #mainvisual .scean3 div.inner div.block.slow figure:nth-of-type(2) {
          margin-left: -600px;
          margin-top: 200px; } }
      @media (max-width: 700px) {
        #mainvisual .scean3 div.inner div.block.slow figure:nth-of-type(2) {
          margin-left: -15vw;
          margin-top: 80vw; } }
      @media (min-width: 701px) {
        #mainvisual .scean3 div.inner div.block.slow figure:nth-of-type(3) {
          margin-left: -250px;
          margin-top: 300px; } }
      @media (max-width: 700px) {
        #mainvisual .scean3 div.inner div.block.slow figure:nth-of-type(3) {
          margin-left: -25vw;
          margin-top: 30vw; } }
      @media (min-width: 701px) {
        #mainvisual .scean3 div.inner div.block.slow figure:nth-of-type(4) {
          margin-left: 450px;
          margin-top: -200px; } }
      @media (max-width: 700px) {
        #mainvisual .scean3 div.inner div.block.slow figure:nth-of-type(4) {
          margin-left: 45vw;
          margin-top: -20vw; } }
      @media (min-width: 701px) {
        #mainvisual .scean3 div.inner div.block.slow figure:nth-of-type(5) {
          margin-left: 600px;
          margin-top: 600px; } }
      @media (max-width: 700px) {
        #mainvisual .scean3 div.inner div.block.slow figure:nth-of-type(5) {
          margin-left: 35vw;
          margin-top: -80vw; } }
      @media (min-width: 701px) {
        #mainvisual .scean3 div.inner div.block.mid figure:nth-of-type(1) {
          margin-left: -700px;
          margin-top: 400px; } }
      @media (max-width: 700px) {
        #mainvisual .scean3 div.inner div.block.mid figure:nth-of-type(1) {
          margin-left: -50vw;
          margin-top: -95vw; } }
      @media (min-width: 701px) {
        #mainvisual .scean3 div.inner div.block.mid figure:nth-of-type(2) {
          margin-left: -350px;
          margin-top: 450px; } }
      @media (max-width: 700px) {
        #mainvisual .scean3 div.inner div.block.mid figure:nth-of-type(2) {
          margin-left: -35vw;
          margin-top: 45vw; } }
      @media (min-width: 701px) {
        #mainvisual .scean3 div.inner div.block.mid figure:nth-of-type(3) {
          margin-left: 200px;
          margin-top: -300px; } }
      @media (max-width: 700px) {
        #mainvisual .scean3 div.inner div.block.mid figure:nth-of-type(3) {
          margin-left: 20vw;
          margin-top: -30vw; } }
      @media (min-width: 701px) {
        #mainvisual .scean3 div.inner div.block.mid figure:nth-of-type(4) {
          margin-left: 550px;
          margin-top: 200px; } }
      @media (max-width: 700px) {
        #mainvisual .scean3 div.inner div.block.mid figure:nth-of-type(4) {
          margin-left: 55vw;
          margin-top: 20vw; } }
      @media (min-width: 701px) {
        #mainvisual .scean3 div.inner div.block.mid figure:nth-of-type(5) {
          margin-left: 750px;
          margin-top: 350px; } }
      @media (max-width: 700px) {
        #mainvisual .scean3 div.inner div.block.mid figure:nth-of-type(5) {
          margin-left: 45vw;
          margin-top: 70vw; } }
      @media (min-width: 701px) {
        #mainvisual .scean3 div.inner div.block.high figure:nth-of-type(1) {
          margin-left: -900px;
          margin-top: -50px; } }
      @media (max-width: 700px) {
        #mainvisual .scean3 div.inner div.block.high figure:nth-of-type(1) {
          margin-left: 15vw;
          margin-top: -80vw; } }
      @media (min-width: 701px) {
        #mainvisual .scean3 div.inner div.block.high figure:nth-of-type(2) {
          margin-left: -450px;
          margin-top: -150px; } }
      @media (max-width: 700px) {
        #mainvisual .scean3 div.inner div.block.high figure:nth-of-type(2) {
          margin-left: -45vw;
          margin-top: -15vw; } }
      @media (min-width: 701px) {
        #mainvisual .scean3 div.inner div.block.high figure:nth-of-type(3) {
          margin-left: 0;
          margin-top: 0; } }
      @media (max-width: 700px) {
        #mainvisual .scean3 div.inner div.block.high figure:nth-of-type(3) {
          margin-left: 0;
          margin-top: 0; } }
      @media (min-width: 701px) {
        #mainvisual .scean3 div.inner div.block.high figure:nth-of-type(4) {
          margin-left: 250px;
          margin-top: 550px; } }
      @media (max-width: 700px) {
        #mainvisual .scean3 div.inner div.block.high figure:nth-of-type(4) {
          margin-left: 25vw;
          margin-top: -55vw; } }
      @media (min-width: 701px) {
        #mainvisual .scean3 div.inner div.block.high figure:nth-of-type(5) {
          margin-left: 900px;
          margin-top: -75px; } }
      @media (max-width: 700px) {
        #mainvisual .scean3 div.inner div.block.high figure:nth-of-type(5) {
          margin-left: -90vw;
          margin-top: -8vw; } }
  #mainvisual .scean3.active {
    /*--　本番&.active テストは&:hover　--*/ }
    #mainvisual .scean3.active div.inner div.block {
      transition: 7.5s; }
      @media (min-width: 701px) {
        #mainvisual .scean3.active div.inner div.block {
          margin-top: -150px; } }
      @media (max-width: 700px) {
        #mainvisual .scean3.active div.inner div.block {
          margin-top: -15vh; } }
      #mainvisual .scean3.active div.inner div.block figure picture {
        transition: all 1.2s cubic-bezier(0.4, 0, 0, 1);
        transform: rotateY(0);
        opacity: 1; }
      #mainvisual .scean3.active div.inner div.block figure:nth-of-type(5n-4) picture {
        transition-delay: 0; }
      #mainvisual .scean3.active div.inner div.block figure:nth-of-type(5n-3) picture {
        transition-delay: 0.1s; }
      #mainvisual .scean3.active div.inner div.block figure:nth-of-type(5n-2) picture {
        transition-delay: 0.2s; }
      #mainvisual .scean3.active div.inner div.block figure:nth-of-type(5n-1) picture {
        transition-delay: 0.3s; }
      #mainvisual .scean3.active div.inner div.block figure:nth-of-type(5n) picture {
        transition-delay: 0.4s; }

@keyframes slide-left {
  /*-- scean1 --*/
  0% {
    left: 0; }
  100% {
    left: -20vw; } }
@keyframes slide-right {
  /*-- scean1 --*/
  0% {
    left: 0; }
  100% {
    left: 20vw; } }
@keyframes scean-fade {
  /*-- scean1,2,3 --*/
  0% {
    opacity: 0; }
  5% {
    opacity: 1; }
  95% {
    opacity: 1; }
  100% {
    opacity: 0; } }
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	モーダルバナー

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#campaign-banner {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000000;
  display: flex;
  justify-content: center;
  align-items: center; }

.banner-content {
  position: relative; }
  .banner-content img {
    width: 75vw;
    display: block; }
    @media (min-width: 701px) {
      .banner-content img {
        max-width: 400px; } }
  .banner-content label {
    color: #ffffff;
    text-align: center;
    display: flex;
    margin-top: 1rem;
    align-items: center;
    justify-content: center; }
    .banner-content label input {
      margin-right: 0.5rem; }

#close-banner {
  color: #ffffff;
  position: absolute;
  top: 0;
  line-height: 1; }
  @media (max-width: 700px) {
    #close-banner {
      right: -9vw;
      font-size: 7vw; } }
  @media (min-width: 701px) {
    #close-banner {
      right: -4.5rem;
      font-size: 3.5rem; } }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	コンセプト

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
body:has(#concept) header #head {
  background: #ffffff; }

#concept {
  background: #343a40;
  color: #ffffff;
  /*------------ブランドコンセプト-----------*/
  /*------------ブランドプロダクト-----------*/ }
  @media (max-width: 700px) {
    #concept {
      padding-bottom: 40vw;
      /*-- A --*/ } }
  @media (min-width: 701px) {
    #concept {
      padding-bottom: 20rem;
      /*-- B --*/ } }
  @media (max-width: 700px) {
    #concept p {
      font-size: 2.6vw; } }
  @media (min-width: 701px) {
    #concept p {
      font-size: 16px; } }
  #concept .wrap, #concept .pane_body > .contents, #concept body.item_detail_page .pankuzu_area, body.item_detail_page #concept .pankuzu_area,
  #concept body.item_list_page .pankuzu_area,
  body.item_list_page #concept .pankuzu_area, #concept #itempage_common_description .sec > div, #itempage_common_description #concept .sec > div {
    max-width: 800px !important; }
  #concept .sec {
    /*-- A --*/
    /*-- B --*/
    position: relative; }
    @media (max-width: 700px) {
      #concept .sec {
        margin-top: 40vw; } }
    @media (min-width: 701px) {
      #concept .sec {
        margin-top: 20rem; } }
    #concept .sec .num {
      position: absolute;
      overflow: hidden;
      z-index: 1; }
      #concept .sec .num div {
        background: #ffffff;
        color: #212529;
        position: relative;
        left: -100%; }
        @media (max-width: 700px) {
          #concept .sec .num div {
            padding: 1vw 2.5vw; }
            #concept .sec .num div p {
              font-size: 1.6vw; } }
        @media (min-width: 701px) {
          #concept .sec .num div {
            padding: 0.5rem 1.25rem; }
            #concept .sec .num div p {
              font-size: 0.8rem; } }
    @media (max-width: 700px) {
      #concept .sec#sec_03 .num {
        left: -5vw;
        top: 5vw; }
      #concept .sec#sec_04 .num {
        right: -5vw;
        top: 5vw; }
      #concept .sec#sec_05 .num {
        right: -5vw;
        top: 5vw; } }
    @media (min-width: 701px) {
      #concept .sec#sec_03 .num {
        left: -2.5rem;
        top: 2.5rem; }
      #concept .sec#sec_04 .num {
        right: -2.5rem;
        top: 2.5rem; }
      #concept .sec#sec_05 .num {
        right: -2.5rem;
        top: 2.5rem; } }
    #concept .sec.started .num div {
      transition: all 1.2s cubic-bezier(0.4, 0, 0, 1);
      left: 0; }
  #concept .head {
    text-align: center;
    font-family: "Bodoni Moda", "Noto Serif JP", serif;
    font-weight: 500;
    letter-spacing: 0; }
  #concept .mds .upper {
    overflow: hidden;
    position: relative; }
    #concept .mds .upper > * {
      position: relative;
      transform: translateY(100%); }
  #concept .mds.started .upper > * {
    transition: all 1.2s cubic-bezier(0.4, 0, 0, 1);
    transform: translateY(0); }
  #concept h1 {
    line-height: 1.25; }
    @media (max-width: 700px) {
      #concept h1 {
        font-size: 7.5vw; } }
    @media (min-width: 701px) {
      #concept h1 {
        font-size: 4.8rem; } }
    #concept h1 span {
      display: block; }
  #concept h2 {
    line-height: 1.5; }
    @media (max-width: 700px) {
      #concept h2 {
        font-size: 4.8vw; } }
    @media (min-width: 701px) {
      #concept h2 {
        font-size: 2.4rem; } }
  #concept .delay1 {
    transition-delay: 0s !important; }
  #concept .delay2 {
    transition-delay: 0.2s !important; }
  #concept .delay3 {
    transition-delay: 0.4s !important; }
  #concept .delay4 {
    transition-delay: 0.6s !important; }
  #concept .typing span {
    display: inline-block;
    opacity: 0;
    transform: translateX(0.4em);
    transition: 0.3s;
    line-height: 2.5; }
  #concept .typing.started span {
    opacity: 1;
    transform: translateY(0);
    transition-delay: var(--delay); }
  #concept #sec_01 {
    background: url(https://www.rapa-jewelry.com/images/concept/bg.jpg);
    background-size: cover;
    background-position: center center; }
    #concept #sec_01 .head.mainvisual {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative; }
      @media (max-width: 700px) {
        #concept #sec_01 .head.mainvisual {
          height: 100vh; } }
      @media (min-width: 701px) {
        #concept #sec_01 .head.mainvisual {
          height: 800px; } }
      #concept #sec_01 .head.mainvisual .anime_up {
        position: relative;
        overflow: hidden; }
        #concept #sec_01 .head.mainvisual .anime_up h1 {
          position: relative;
          top: 1.5em; }
        #concept #sec_01 .head.mainvisual .anime_up:nth-of-type(1) h1 {
          transition-delay: 0s; }
        #concept #sec_01 .head.mainvisual .anime_up:nth-of-type(2) h1 {
          transition-delay: 0.6s; }
      #concept #sec_01 .head.mainvisual .anime_left h2 {
        opacity: 0;
        letter-spacing: 0.5em; }
      #concept #sec_01 .head.mainvisual .anime_left:nth-of-type(1) h2 {
        transition-delay: 1.2s; }
      #concept #sec_01 .head.mainvisual .anime_left:nth-of-type(2) h2 {
        transition-delay: 1.2s; }
      #concept #sec_01 .head.mainvisual.loaded h1 {
        top: 0;
        transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
      #concept #sec_01 .head.mainvisual.loaded h2 {
        opacity: 1;
        letter-spacing: .06em;
        transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
  #concept #sec_02 {
    position: relative;
    z-index: 1; }
    #concept #sec_02 .flex_center {
      display: flex;
      justify-content: center;
      align-items: center; }
    #concept #sec_02 .circle {
      opacity: 0; }
      @media (max-width: 700px) {
        #concept #sec_02 .circle {
          margin: 0 2.5vw; } }
      @media (min-width: 701px) {
        #concept #sec_02 .circle {
          margin: 0 1.25rem; } }
      #concept #sec_02 .circle .flex_center {
        border-radius: 50%;
        background: #ffffff;
        color: #212529; }
        #concept #sec_02 .circle .flex_center .en {
          line-height: 1.25; }
        @media (max-width: 700px) {
          #concept #sec_02 .circle .flex_center {
            width: 32vw;
            height: 32vw; }
            #concept #sec_02 .circle .flex_center i, #concept #sec_02 .circle .flex_center .en, #concept #sec_02 .circle .flex_center .ja {
              margin-bottom: 1.2vw; }
            #concept #sec_02 .circle .flex_center i {
              font-size: 6vw; }
            #concept #sec_02 .circle .flex_center .en {
              font-size: 3.2vw; }
            #concept #sec_02 .circle .flex_center .ja {
              font-size: 1.6vw; } }
        @media (min-width: 701px) {
          #concept #sec_02 .circle .flex_center {
            width: 16rem;
            height: 16rem; }
            #concept #sec_02 .circle .flex_center i, #concept #sec_02 .circle .flex_center .en, #concept #sec_02 .circle .flex_center .ja {
              margin-bottom: 0.6rem; }
            #concept #sec_02 .circle .flex_center i {
              font-size: 3rem; }
            #concept #sec_02 .circle .flex_center .en {
              font-size: 1.6rem; }
            #concept #sec_02 .circle .flex_center .ja {
              font-size: 0.8rem; } }
    #concept #sec_02 .body.started .circle {
      opacity: 1;
      transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
    #concept #sec_02 .glaph {
      position: relative; }
    #concept #sec_02 .glaph::before {
      content: "";
      position: absolute;
      z-index: -1;
      border: dashed 1px #dee2e6;
      display: block;
      border-radius: 50%;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      margin: auto; }
      @media (min-width: 701px) {
        #concept #sec_02 .glaph::before {
          width: 25rem;
          height: 25rem; } }
      @media (max-width: 700px) {
        #concept #sec_02 .glaph::before {
          width: 50vw;
          height: 50vw; } }
  #concept #sec_03 .head {
    position: relative;
    overflow: hidden; }
    #concept #sec_03 .head .title {
      position: absolute;
      z-index: 1;
      display: flex;
      align-items: center;
      height: 100%;
      text-align: left; }
  #concept #sec_03 .scroll-wrapper {
    overflow: hidden;
    margin-left: 25vw; }
    @media (min-width: 701px) {
      #concept #sec_03 .scroll-wrapper {
        width: 37.5rem; } }
    @media (max-width: 700px) {
      #concept #sec_03 .scroll-wrapper {
        width: 75vw; } }
  #concept #sec_03 .scroll-track {
    display: flex;
    animation: scrollLeft 120s linear infinite;
    width: max-content; }
  #concept #sec_03 .scroll-item {
    flex: 0 0 auto;
    margin-right: 2rem;
    white-space: nowrap;
    aspect-ratio: 3 / 4;
    /* 横4:縦3の比率 */
    overflow: hidden;
    /* はみ出しを隠す */
    position: relative; }
    @media (min-width: 701px) {
      #concept #sec_03 .scroll-item {
        width: 25rem; } }
    @media (max-width: 700px) {
      #concept #sec_03 .scroll-item {
        width: 50vw; } }
    #concept #sec_03 .scroll-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      /* 中央を拡大・切り抜き */ }
@keyframes scrollLeft {
  0% {
    transform: translateX(0%); }
  100% {
    transform: translateX(-50%); } }
  #concept #sec_04 .head {
    position: relative; }
    #concept #sec_04 .head .img_area {
      z-index: 0;
      position: relative; }
      @media (min-width: 701px) {
        #concept #sec_04 .head .img_area {
          margin-bottom: -7.5rem; } }
      @media (max-width: 700px) {
        #concept #sec_04 .head .img_area {
          margin-bottom: -15vw; } }
      #concept #sec_04 .head .img_area div {
        overflow: hidden; }
        #concept #sec_04 .head .img_area div img {
          transform: scale(1.2);
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: all 1.2s cubic-bezier(0.4, 0, 0, 1);
          opacity: 0; }
        #concept #sec_04 .head .img_area div:nth-of-type(1) {
          aspect-ratio: 4 / 3; }
          @media (max-width: 700px) {
            #concept #sec_04 .head .img_area div:nth-of-type(1) {
              width: 75vw; } }
          @media (min-width: 701px) {
            #concept #sec_04 .head .img_area div:nth-of-type(1) {
              width: 90%; } }
        #concept #sec_04 .head .img_area div:nth-of-type(2) {
          aspect-ratio: 4 / 3;
          width: 50%;
          margin-left: 50%;
          margin-top: 5%; }
        #concept #sec_04 .head .img_area div:nth-of-type(3) {
          aspect-ratio: 3 / 4;
          width: 45%;
          margin-top: -25%; }
    #concept #sec_04 .head.started .img_area div img {
      transform: scale(1);
      opacity: 1; }
    #concept #sec_04 .head.started .img_area div:nth-of-type(2) img {
      transition-delay: 0.2s; }
    #concept #sec_04 .head.started .img_area div:nth-of-type(3) img {
      transition-delay: 0.4s; }
  #concept #sec_05 .head {
    position: relative; }
    #concept #sec_05 .head .title {
      position: absolute;
      z-index: 1;
      display: flex;
      align-items: center;
      height: 100%;
      text-align: right;
      right: 0; }
  #concept #sec_05 .scroll-wrapper {
    overflow: hidden; }
    @media (min-width: 701px) {
      #concept #sec_05 .scroll-wrapper {
        height: 37.5rem; } }
    @media (max-width: 700px) {
      #concept #sec_05 .scroll-wrapper {
        height: 75vw; } }
  #concept #sec_05 .scroll-track {
    display: flex;
    flex-direction: column;
    animation: scrollUp 120s linear infinite;
    width: max-content; }
  #concept #sec_05 .scroll-item {
    flex: 0 0 auto;
    margin-bottom: 2rem;
    white-space: nowrap;
    aspect-ratio: 4 / 3;
    /* 横4:縦3の比率 */
    overflow: hidden;
    /* はみ出しを隠す */
    position: relative; }
    @media (min-width: 701px) {
      #concept #sec_05 .scroll-item {
        width: 100%; } }
    @media (max-width: 700px) {
      #concept #sec_05 .scroll-item {
        width: 50vw; } }
    #concept #sec_05 .scroll-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      /* 中央を拡大・切り抜き */ }
@keyframes scrollUp {
  0% {
    transform: translateY(0%); }
  100% {
    transform: translateY(-50%); } }
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	kaitei

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#content_kaitei #title {
  background: #f8f9fa; }
#content_kaitei .wrap, #content_kaitei .pane_body > .contents, #content_kaitei body.item_detail_page .pankuzu_area, body.item_detail_page #content_kaitei .pankuzu_area,
#content_kaitei body.item_list_page .pankuzu_area,
body.item_list_page #content_kaitei .pankuzu_area, #content_kaitei #itempage_common_description .sec > div, #itempage_common_description #content_kaitei .sec > div {
  /*--#outline--*/ }
  #content_kaitei .wrap .mds, #content_kaitei .pane_body > .contents .mds, #content_kaitei body.item_detail_page .pankuzu_area .mds, body.item_detail_page #content_kaitei .pankuzu_area .mds,
  #content_kaitei body.item_list_page .pankuzu_area .mds,
  body.item_list_page #content_kaitei .pankuzu_area .mds, #content_kaitei #itempage_common_description .sec > div .mds, #itempage_common_description #content_kaitei .sec > div .mds {
    text-align: center; }
    #content_kaitei .wrap .mds h1, #content_kaitei .pane_body > .contents .mds h1, #content_kaitei body.item_detail_page .pankuzu_area .mds h1, body.item_detail_page #content_kaitei .pankuzu_area .mds h1,
    #content_kaitei body.item_list_page .pankuzu_area .mds h1,
    body.item_list_page #content_kaitei .pankuzu_area .mds h1, #content_kaitei #itempage_common_description .sec > div .mds h1, #itempage_common_description #content_kaitei .sec > div .mds h1 {
      font-size: 2rem;
      line-height: 1;
      padding-bottom: 1rem; }
    #content_kaitei .wrap .mds p, #content_kaitei .pane_body > .contents .mds p, #content_kaitei body.item_detail_page .pankuzu_area .mds p, body.item_detail_page #content_kaitei .pankuzu_area .mds p,
    #content_kaitei body.item_list_page .pankuzu_area .mds p,
    body.item_list_page #content_kaitei .pankuzu_area .mds p, #content_kaitei #itempage_common_description .sec > div .mds p, #itempage_common_description #content_kaitei .sec > div .mds p {
      line-height: 1;
      padding-bottom: 2rem; }
  #content_kaitei .wrap #outline, #content_kaitei .pane_body > .contents #outline, #content_kaitei body.item_detail_page .pankuzu_area #outline, body.item_detail_page #content_kaitei .pankuzu_area #outline,
  #content_kaitei body.item_list_page .pankuzu_area #outline,
  body.item_list_page #content_kaitei .pankuzu_area #outline, #content_kaitei #itempage_common_description .sec > div #outline, #itempage_common_description #content_kaitei .sec > div #outline {
    background-color: #f6f6f6; }
    #content_kaitei .wrap #outline .main, #content_kaitei .pane_body > .contents #outline .main, #content_kaitei body.item_detail_page .pankuzu_area #outline .main, body.item_detail_page #content_kaitei .pankuzu_area #outline .main,
    #content_kaitei body.item_list_page .pankuzu_area #outline .main,
    body.item_list_page #content_kaitei .pankuzu_area #outline .main, #content_kaitei #itempage_common_description .sec > div #outline .main, #itempage_common_description #content_kaitei .sec > div #outline .main {
      padding: 1rem;
      border: solid 1px #f8f9fa;
      border-radius: 0.5rem;
      background-color: #ffffff; }
      #content_kaitei .wrap #outline .main h2, #content_kaitei .pane_body > .contents #outline .main h2, #content_kaitei body.item_detail_page .pankuzu_area #outline .main h2, body.item_detail_page #content_kaitei .pankuzu_area #outline .main h2,
      #content_kaitei body.item_list_page .pankuzu_area #outline .main h2,
      body.item_list_page #content_kaitei .pankuzu_area #outline .main h2, #content_kaitei #itempage_common_description .sec > div #outline .main h2, #itempage_common_description #content_kaitei .sec > div #outline .main h2 {
        margin-bottom: 1rem;
        font-size: 1rem; }
      #content_kaitei .wrap #outline .main ul li, #content_kaitei .pane_body > .contents #outline .main ul li, #content_kaitei body.item_detail_page .pankuzu_area #outline .main ul li, body.item_detail_page #content_kaitei .pankuzu_area #outline .main ul li,
      #content_kaitei body.item_list_page .pankuzu_area #outline .main ul li,
      body.item_list_page #content_kaitei .pankuzu_area #outline .main ul li, #content_kaitei #itempage_common_description .sec > div #outline .main ul li, #itempage_common_description #content_kaitei .sec > div #outline .main ul li {
        padding: 1rem 0;
        border-top: solid 1px #ccc; }
        #content_kaitei .wrap #outline .main ul li .term, #content_kaitei .pane_body > .contents #outline .main ul li .term, #content_kaitei body.item_detail_page .pankuzu_area #outline .main ul li .term, body.item_detail_page #content_kaitei .pankuzu_area #outline .main ul li .term,
        #content_kaitei body.item_list_page .pankuzu_area #outline .main ul li .term,
        body.item_list_page #content_kaitei .pankuzu_area #outline .main ul li .term, #content_kaitei #itempage_common_description .sec > div #outline .main ul li .term, #itempage_common_description #content_kaitei .sec > div #outline .main ul li .term {
          font-size: 1rem;
          font-weight: 600;
          color: #f06; }
        #content_kaitei .wrap #outline .main ul li .name, #content_kaitei .pane_body > .contents #outline .main ul li .name, #content_kaitei body.item_detail_page .pankuzu_area #outline .main ul li .name, body.item_detail_page #content_kaitei .pankuzu_area #outline .main ul li .name,
        #content_kaitei body.item_list_page .pankuzu_area #outline .main ul li .name,
        body.item_list_page #content_kaitei .pankuzu_area #outline .main ul li .name, #content_kaitei #itempage_common_description .sec > div #outline .main ul li .name, #itempage_common_description #content_kaitei .sec > div #outline .main ul li .name {
          font-weight: 600; }
          @media (min-width: 701px) {
            #content_kaitei .wrap #outline .main ul li .name, #content_kaitei .pane_body > .contents #outline .main ul li .name, #content_kaitei body.item_detail_page .pankuzu_area #outline .main ul li .name, body.item_detail_page #content_kaitei .pankuzu_area #outline .main ul li .name,
            #content_kaitei body.item_list_page .pankuzu_area #outline .main ul li .name,
            body.item_list_page #content_kaitei .pankuzu_area #outline .main ul li .name, #content_kaitei #itempage_common_description .sec > div #outline .main ul li .name, #itempage_common_description #content_kaitei .sec > div #outline .main ul li .name {
              width: 25%; } }
          @media (max-width: 700px) {
            #content_kaitei .wrap #outline .main ul li .name, #content_kaitei .pane_body > .contents #outline .main ul li .name, #content_kaitei body.item_detail_page .pankuzu_area #outline .main ul li .name, body.item_detail_page #content_kaitei .pankuzu_area #outline .main ul li .name,
            #content_kaitei body.item_list_page .pankuzu_area #outline .main ul li .name,
            body.item_list_page #content_kaitei .pankuzu_area #outline .main ul li .name, #content_kaitei #itempage_common_description .sec > div #outline .main ul li .name, #itempage_common_description #content_kaitei .sec > div #outline .main ul li .name {
              width: 100%; } }
        @media (min-width: 701px) {
          #content_kaitei .wrap #outline .main ul li .txt, #content_kaitei .pane_body > .contents #outline .main ul li .txt, #content_kaitei body.item_detail_page .pankuzu_area #outline .main ul li .txt, body.item_detail_page #content_kaitei .pankuzu_area #outline .main ul li .txt,
          #content_kaitei body.item_list_page .pankuzu_area #outline .main ul li .txt,
          body.item_list_page #content_kaitei .pankuzu_area #outline .main ul li .txt, #content_kaitei #itempage_common_description .sec > div #outline .main ul li .txt, #itempage_common_description #content_kaitei .sec > div #outline .main ul li .txt {
            width: 75%;
            padding-left: 1rem; } }
        @media (max-width: 700px) {
          #content_kaitei .wrap #outline .main ul li .txt, #content_kaitei .pane_body > .contents #outline .main ul li .txt, #content_kaitei body.item_detail_page .pankuzu_area #outline .main ul li .txt, body.item_detail_page #content_kaitei .pankuzu_area #outline .main ul li .txt,
          #content_kaitei body.item_list_page .pankuzu_area #outline .main ul li .txt,
          body.item_list_page #content_kaitei .pankuzu_area #outline .main ul li .txt, #content_kaitei #itempage_common_description .sec > div #outline .main ul li .txt, #itempage_common_description #content_kaitei .sec > div #outline .main ul li .txt {
            width: 100%;
            margin-top: 1em; } }
  #content_kaitei .wrap #kakakuhyou table, #content_kaitei .pane_body > .contents #kakakuhyou table, #content_kaitei body.item_detail_page .pankuzu_area #kakakuhyou table, body.item_detail_page #content_kaitei .pankuzu_area #kakakuhyou table,
  #content_kaitei body.item_list_page .pankuzu_area #kakakuhyou table,
  body.item_list_page #content_kaitei .pankuzu_area #kakakuhyou table, #content_kaitei #itempage_common_description .sec > div #kakakuhyou table, #itempage_common_description #content_kaitei .sec > div #kakakuhyou table {
    width: 100%;
    border-collapse: collapse; }
    #content_kaitei .wrap #kakakuhyou table th, #content_kaitei .pane_body > .contents #kakakuhyou table th, #content_kaitei body.item_detail_page .pankuzu_area #kakakuhyou table th, body.item_detail_page #content_kaitei .pankuzu_area #kakakuhyou table th,
    #content_kaitei body.item_list_page .pankuzu_area #kakakuhyou table th,
    body.item_list_page #content_kaitei .pankuzu_area #kakakuhyou table th, #content_kaitei #itempage_common_description .sec > div #kakakuhyou table th, #itempage_common_description #content_kaitei .sec > div #kakakuhyou table th, #content_kaitei .wrap #kakakuhyou table td, #content_kaitei .pane_body > .contents #kakakuhyou table td, #content_kaitei body.item_detail_page .pankuzu_area #kakakuhyou table td, body.item_detail_page #content_kaitei .pankuzu_area #kakakuhyou table td,
    #content_kaitei body.item_list_page .pankuzu_area #kakakuhyou table td,
    body.item_list_page #content_kaitei .pankuzu_area #kakakuhyou table td, #content_kaitei #itempage_common_description .sec > div #kakakuhyou table td, #itempage_common_description #content_kaitei .sec > div #kakakuhyou table td {
      border: solid 1px #f8f9fa;
      padding: 1em; }
    #content_kaitei .wrap #kakakuhyou table th, #content_kaitei .pane_body > .contents #kakakuhyou table th, #content_kaitei body.item_detail_page .pankuzu_area #kakakuhyou table th, body.item_detail_page #content_kaitei .pankuzu_area #kakakuhyou table th,
    #content_kaitei body.item_list_page .pankuzu_area #kakakuhyou table th,
    body.item_list_page #content_kaitei .pankuzu_area #kakakuhyou table th, #content_kaitei #itempage_common_description .sec > div #kakakuhyou table th, #itempage_common_description #content_kaitei .sec > div #kakakuhyou table th {
      background: #2b6aa3; }
      #content_kaitei .wrap #kakakuhyou table th p, #content_kaitei .pane_body > .contents #kakakuhyou table th p, #content_kaitei body.item_detail_page .pankuzu_area #kakakuhyou table th p, body.item_detail_page #content_kaitei .pankuzu_area #kakakuhyou table th p,
      #content_kaitei body.item_list_page .pankuzu_area #kakakuhyou table th p,
      body.item_list_page #content_kaitei .pankuzu_area #kakakuhyou table th p, #content_kaitei #itempage_common_description .sec > div #kakakuhyou table th p, #itempage_common_description #content_kaitei .sec > div #kakakuhyou table th p {
        color: #ffffff; }
    #content_kaitei .wrap #kakakuhyou table td, #content_kaitei .pane_body > .contents #kakakuhyou table td, #content_kaitei body.item_detail_page .pankuzu_area #kakakuhyou table td, body.item_detail_page #content_kaitei .pankuzu_area #kakakuhyou table td,
    #content_kaitei body.item_list_page .pankuzu_area #kakakuhyou table td,
    body.item_list_page #content_kaitei .pankuzu_area #kakakuhyou table td, #content_kaitei #itempage_common_description .sec > div #kakakuhyou table td, #itempage_common_description #content_kaitei .sec > div #kakakuhyou table td {
      background: #ffffff; }
      #content_kaitei .wrap #kakakuhyou table td span, #content_kaitei .pane_body > .contents #kakakuhyou table td span, #content_kaitei body.item_detail_page .pankuzu_area #kakakuhyou table td span, body.item_detail_page #content_kaitei .pankuzu_area #kakakuhyou table td span,
      #content_kaitei body.item_list_page .pankuzu_area #kakakuhyou table td span,
      body.item_list_page #content_kaitei .pankuzu_area #kakakuhyou table td span, #content_kaitei #itempage_common_description .sec > div #kakakuhyou table td span, #itempage_common_description #content_kaitei .sec > div #kakakuhyou table td span {
        background: #f06;
        color: white;
        font-size: 10px;
        border-radius: 4px;
        padding: 2px 4px;
        line-height: 1;
        margin-left: 0.5rem;
        font-weight: 700;
        letter-spacing: 0.1px; }
  #content_kaitei .wrap #kakakuhyou .now, #content_kaitei .pane_body > .contents #kakakuhyou .now, #content_kaitei body.item_detail_page .pankuzu_area #kakakuhyou .now, body.item_detail_page #content_kaitei .pankuzu_area #kakakuhyou .now,
  #content_kaitei body.item_list_page .pankuzu_area #kakakuhyou .now,
  body.item_list_page #content_kaitei .pankuzu_area #kakakuhyou .now, #content_kaitei #itempage_common_description .sec > div #kakakuhyou .now, #itempage_common_description #content_kaitei .sec > div #kakakuhyou .now {
    color: #f06;
    font-weight: bold;
    font-size: 2rem; }
    #content_kaitei .wrap #kakakuhyou .now span.normal, #content_kaitei .pane_body > .contents #kakakuhyou .now span.normal, #content_kaitei body.item_detail_page .pankuzu_area #kakakuhyou .now span.normal, body.item_detail_page #content_kaitei .pankuzu_area #kakakuhyou .now span.normal,
    #content_kaitei body.item_list_page .pankuzu_area #kakakuhyou .now span.normal,
    body.item_list_page #content_kaitei .pankuzu_area #kakakuhyou .now span.normal, #content_kaitei #itempage_common_description .sec > div #kakakuhyou .now span.normal, #itempage_common_description #content_kaitei .sec > div #kakakuhyou .now span.normal {
      font-size: initial; }
  #content_kaitei .wrap #coupon, #content_kaitei .pane_body > .contents #coupon, #content_kaitei body.item_detail_page .pankuzu_area #coupon, body.item_detail_page #content_kaitei .pankuzu_area #coupon,
  #content_kaitei body.item_list_page .pankuzu_area #coupon,
  body.item_list_page #content_kaitei .pankuzu_area #coupon, #content_kaitei #itempage_common_description .sec > div #coupon, #itempage_common_description #content_kaitei .sec > div #coupon {
    background-image: url(../images/kaitei/bg.png);
    background-size: cover; }
    #content_kaitei .wrap #coupon .main .coupon, #content_kaitei .pane_body > .contents #coupon .main .coupon, #content_kaitei body.item_detail_page .pankuzu_area #coupon .main .coupon, body.item_detail_page #content_kaitei .pankuzu_area #coupon .main .coupon,
    #content_kaitei body.item_list_page .pankuzu_area #coupon .main .coupon,
    body.item_list_page #content_kaitei .pankuzu_area #coupon .main .coupon, #content_kaitei #itempage_common_description .sec > div #coupon .main .coupon, #itempage_common_description #content_kaitei .sec > div #coupon .main .coupon {
      max-width: 500px;
      width: 72%;
      margin: auto; }
      #content_kaitei .wrap #coupon .main .coupon a, #content_kaitei .pane_body > .contents #coupon .main .coupon a, #content_kaitei body.item_detail_page .pankuzu_area #coupon .main .coupon a, body.item_detail_page #content_kaitei .pankuzu_area #coupon .main .coupon a,
      #content_kaitei body.item_list_page .pankuzu_area #coupon .main .coupon a,
      body.item_list_page #content_kaitei .pankuzu_area #coupon .main .coupon a, #content_kaitei #itempage_common_description .sec > div #coupon .main .coupon a, #itempage_common_description #content_kaitei .sec > div #coupon .main .coupon a {
        display: block;
        width: 100%;
        text-align: center;
        border: solid 2px #2b6aa3;
        border-radius: 0.5rem;
        background: #ffffff;
        box-shadow: 0px 4px 4px 2px rgba(0, 0, 0, 0.25);
        transition: all 1.2s cubic-bezier(0.4, 0, 0, 1); }
        @media (min-width: 701px) {
          #content_kaitei .wrap #coupon .main .coupon a:hover, #content_kaitei .pane_body > .contents #coupon .main .coupon a:hover, #content_kaitei body.item_detail_page .pankuzu_area #coupon .main .coupon a:hover, body.item_detail_page #content_kaitei .pankuzu_area #coupon .main .coupon a:hover,
          #content_kaitei body.item_list_page .pankuzu_area #coupon .main .coupon a:hover,
          body.item_list_page #content_kaitei .pankuzu_area #coupon .main .coupon a:hover, #content_kaitei #itempage_common_description .sec > div #coupon .main .coupon a:hover, #itempage_common_description #content_kaitei .sec > div #coupon .main .coupon a:hover {
            box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
            margin-top: 4px;
            margin-bottom: -4px; } }
        #content_kaitei .wrap #coupon .main .coupon a .p1, #content_kaitei .pane_body > .contents #coupon .main .coupon a .p1, #content_kaitei body.item_detail_page .pankuzu_area #coupon .main .coupon a .p1, body.item_detail_page #content_kaitei .pankuzu_area #coupon .main .coupon a .p1,
        #content_kaitei body.item_list_page .pankuzu_area #coupon .main .coupon a .p1,
        body.item_list_page #content_kaitei .pankuzu_area #coupon .main .coupon a .p1, #content_kaitei #itempage_common_description .sec > div #coupon .main .coupon a .p1, #itempage_common_description #content_kaitei .sec > div #coupon .main .coupon a .p1 {
          border: solid 1px #2b6aa3;
          padding: 0.25rem 1rem;
          margin-top: 1rem;
          margin-bottom: 1rem;
          display: inline-block;
          color: #2b6aa3; }
        #content_kaitei .wrap #coupon .main .coupon a .p2, #content_kaitei .pane_body > .contents #coupon .main .coupon a .p2, #content_kaitei body.item_detail_page .pankuzu_area #coupon .main .coupon a .p2, body.item_detail_page #content_kaitei .pankuzu_area #coupon .main .coupon a .p2,
        #content_kaitei body.item_list_page .pankuzu_area #coupon .main .coupon a .p2,
        body.item_list_page #content_kaitei .pankuzu_area #coupon .main .coupon a .p2, #content_kaitei #itempage_common_description .sec > div #coupon .main .coupon a .p2, #itempage_common_description #content_kaitei .sec > div #coupon .main .coupon a .p2 {
          margin-bottom: 1rem;
          font-size: 2rem;
          color: #2b6aa3;
          font-weight: 600;
          line-height: 1; }
        #content_kaitei .wrap #coupon .main .coupon a .p3, #content_kaitei .pane_body > .contents #coupon .main .coupon a .p3, #content_kaitei body.item_detail_page .pankuzu_area #coupon .main .coupon a .p3, body.item_detail_page #content_kaitei .pankuzu_area #coupon .main .coupon a .p3,
        #content_kaitei body.item_list_page .pankuzu_area #coupon .main .coupon a .p3,
        body.item_list_page #content_kaitei .pankuzu_area #coupon .main .coupon a .p3, #content_kaitei #itempage_common_description .sec > div #coupon .main .coupon a .p3, #itempage_common_description #content_kaitei .sec > div #coupon .main .coupon a .p3 {
          margin-bottom: 1rem; }
        #content_kaitei .wrap #coupon .main .coupon a .p4, #content_kaitei .pane_body > .contents #coupon .main .coupon a .p4, #content_kaitei body.item_detail_page .pankuzu_area #coupon .main .coupon a .p4, body.item_detail_page #content_kaitei .pankuzu_area #coupon .main .coupon a .p4,
        #content_kaitei body.item_list_page .pankuzu_area #coupon .main .coupon a .p4,
        body.item_list_page #content_kaitei .pankuzu_area #coupon .main .coupon a .p4, #content_kaitei #itempage_common_description .sec > div #coupon .main .coupon a .p4, #itempage_common_description #content_kaitei .sec > div #coupon .main .coupon a .p4 {
          background: #2b6aa3;
          color: #ffffff;
          padding: 1rem;
          font-weight: 600; }
    #content_kaitei .wrap #coupon table.timetable, #content_kaitei .pane_body > .contents #coupon table.timetable, #content_kaitei body.item_detail_page .pankuzu_area #coupon table.timetable, body.item_detail_page #content_kaitei .pankuzu_area #coupon table.timetable,
    #content_kaitei body.item_list_page .pankuzu_area #coupon table.timetable,
    body.item_list_page #content_kaitei .pankuzu_area #coupon table.timetable, #content_kaitei #itempage_common_description .sec > div #coupon table.timetable, #itempage_common_description #content_kaitei .sec > div #coupon table.timetable {
      border-collapse: collapse; }
      #content_kaitei .wrap #coupon table.timetable th, #content_kaitei .pane_body > .contents #coupon table.timetable th, #content_kaitei body.item_detail_page .pankuzu_area #coupon table.timetable th, body.item_detail_page #content_kaitei .pankuzu_area #coupon table.timetable th,
      #content_kaitei body.item_list_page .pankuzu_area #coupon table.timetable th,
      body.item_list_page #content_kaitei .pankuzu_area #coupon table.timetable th, #content_kaitei #itempage_common_description .sec > div #coupon table.timetable th, #itempage_common_description #content_kaitei .sec > div #coupon table.timetable th, #content_kaitei .wrap #coupon table.timetable td, #content_kaitei .pane_body > .contents #coupon table.timetable td, #content_kaitei body.item_detail_page .pankuzu_area #coupon table.timetable td, body.item_detail_page #content_kaitei .pankuzu_area #coupon table.timetable td,
      #content_kaitei body.item_list_page .pankuzu_area #coupon table.timetable td,
      body.item_list_page #content_kaitei .pankuzu_area #coupon table.timetable td, #content_kaitei #itempage_common_description .sec > div #coupon table.timetable td, #itempage_common_description #content_kaitei .sec > div #coupon table.timetable td {
        border: solid 1px #f8f9fa;
        padding: 1em; }
      #content_kaitei .wrap #coupon table.timetable th, #content_kaitei .pane_body > .contents #coupon table.timetable th, #content_kaitei body.item_detail_page .pankuzu_area #coupon table.timetable th, body.item_detail_page #content_kaitei .pankuzu_area #coupon table.timetable th,
      #content_kaitei body.item_list_page .pankuzu_area #coupon table.timetable th,
      body.item_list_page #content_kaitei .pankuzu_area #coupon table.timetable th, #content_kaitei #itempage_common_description .sec > div #coupon table.timetable th, #itempage_common_description #content_kaitei .sec > div #coupon table.timetable th {
        background: #2b6aa3; }
        #content_kaitei .wrap #coupon table.timetable th p, #content_kaitei .pane_body > .contents #coupon table.timetable th p, #content_kaitei body.item_detail_page .pankuzu_area #coupon table.timetable th p, body.item_detail_page #content_kaitei .pankuzu_area #coupon table.timetable th p,
        #content_kaitei body.item_list_page .pankuzu_area #coupon table.timetable th p,
        body.item_list_page #content_kaitei .pankuzu_area #coupon table.timetable th p, #content_kaitei #itempage_common_description .sec > div #coupon table.timetable th p, #itempage_common_description #content_kaitei .sec > div #coupon table.timetable th p {
          color: #ffffff; }
      #content_kaitei .wrap #coupon table.timetable td, #content_kaitei .pane_body > .contents #coupon table.timetable td, #content_kaitei body.item_detail_page .pankuzu_area #coupon table.timetable td, body.item_detail_page #content_kaitei .pankuzu_area #coupon table.timetable td,
      #content_kaitei body.item_list_page .pankuzu_area #coupon table.timetable td,
      body.item_list_page #content_kaitei .pankuzu_area #coupon table.timetable td, #content_kaitei #itempage_common_description .sec > div #coupon table.timetable td, #itempage_common_description #content_kaitei .sec > div #coupon table.timetable td {
        background: #ffffff; }
        #content_kaitei .wrap #coupon table.timetable td span, #content_kaitei .pane_body > .contents #coupon table.timetable td span, #content_kaitei body.item_detail_page .pankuzu_area #coupon table.timetable td span, body.item_detail_page #content_kaitei .pankuzu_area #coupon table.timetable td span,
        #content_kaitei body.item_list_page .pankuzu_area #coupon table.timetable td span,
        body.item_list_page #content_kaitei .pankuzu_area #coupon table.timetable td span, #content_kaitei #itempage_common_description .sec > div #coupon table.timetable td span, #itempage_common_description #content_kaitei .sec > div #coupon table.timetable td span {
          background: #f06;
          color: white;
          font-size: 10px;
          border-radius: 4px;
          padding: 2px 4px;
          line-height: 1;
          margin-right: 0.5rem;
          font-weight: 700;
          letter-spacing: 0.1px; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	content_xoz.html

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.pane_body:has(main#content_xoz) ~ .pane_foot {
  position: relative;
  z-index: 10; }

main#content_xoz {
  font-family: "Jost","Noto Sans JP Medium",sans-serif;
  /*--下部ボタン--*/
  /*--メインヴィジュアル--*/
  /*--コンテンツ--*/ }
  main#content_xoz p {
    font-size: 14px;
    line-height: 2;
    letter-spacing: .02em; }
  main#content_xoz h1 {
    letter-spacing: 0;
    font-weight: 500;
    line-height: 1; }
    @media (min-width: 701px) {
      main#content_xoz h1 {
        font-size: 64px; } }
    @media (max-width: 700px) {
      main#content_xoz h1 {
        font-size: 10vw; } }
  main#content_xoz .container {
    max-width: 1200px; }
  main#content_xoz .btn_nav {
    position: fixed;
    bottom: 2rem;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2; }
    main#content_xoz .btn_nav ul {
      display: flex;
      justify-content: center;
      column-gap: 1rem; }
      main#content_xoz .btn_nav ul a {
        font-size: 16px;
        font-weight: 500; }
  main#content_xoz .main_visual {
    overflow: hidden;
    max-width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center; }
    main#content_xoz .main_visual .bgimg img {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      overflow: hidden;
      z-index: 0;
      object-fit: cover; }
    main#content_xoz .main_visual .title {
      display: block;
      max-width: 512px;
      width: 50%;
      position: relative; }
  main#content_xoz #wrap {
    position: relative;
    z-index: 1;
    -webkit-mask-image: linear-gradient(to top, black 95%, transparent 100%);
    mask-image: linear-gradient(to top, black 95%, transparent 100%);
    padding-top: 600px; }
    @media (min-width: 701px) {
      main#content_xoz #wrap {
        background-image: url(../images/content_xoz/bg_pc.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed; } }
    main#content_xoz #wrap .bgimg {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      z-index: -1;
      display: block !important;
      padding-top: 0; }
      main#content_xoz #wrap .bgimg img {
        width: 100%;
        height: 100vh; }
    main#content_xoz #wrap .fade {
      overflow: hidden; }
      main#content_xoz #wrap .fade * {
        position: relative;
        top: 40px;
        opacity: 0; }
    main#content_xoz #wrap .started .fade * {
      top: 0;
      transition: 0.8s;
      opacity: 1; }
    main#content_xoz #wrap .started .fade.fade1 * {
      transition-delay: 0.4s; }
    main#content_xoz #wrap .started .fade.fade2 * {
      transition-delay: 0.8s; }
    @media (min-width: 701px) {
      main#content_xoz #wrap #xoz_concept .block {
        display: flex;
        column-gap: 4rem;
        align-items: center; }
        main#content_xoz #wrap #xoz_concept .block:nth-of-type(2n-1) {
          flex-direction: row-reverse; } }
    @media (max-width: 700px) {
      main#content_xoz #wrap #xoz_concept .block img {
        margin: 32px 0;
        width: 60%; } }
    main#content_xoz #wrap #xoz_subtitle {
      height: 600px;
      width: 100%;
      background-size: cover;
      display: flex;
      align-items: center;
      color: white;
      background-repeat: no-repeat; }
      @media (min-width: 701px) {
        main#content_xoz #wrap #xoz_subtitle {
          background-image: url(../images/content_xoz/sub_pc.jpg); } }
      @media (max-width: 700px) {
        main#content_xoz #wrap #xoz_subtitle {
          background-image: url(../images/content_xoz/sub_mb.jpg); } }
    main#content_xoz #wrap #xoz_collection .head {
      display: flex; }
      @media (max-width: 700px) {
        main#content_xoz #wrap #xoz_collection .head {
          text-align: center;
          flex-direction: column-reverse; }
          main#content_xoz #wrap #xoz_collection .head img {
            margin-bottom: 32px;
            width: 40%;
            max-width: 200px; } }
      @media (min-width: 701px) {
        main#content_xoz #wrap #xoz_collection .head {
          justify-content: space-between; }
          main#content_xoz #wrap #xoz_collection .head div:has(img) {
            text-align: right; }
          main#content_xoz #wrap #xoz_collection .head img {
            width: 250px; } }
    main#content_xoz #wrap #xoz_collection .body ul.items li.item .img_wh,
    main#content_xoz #wrap #xoz_collection .body ul.items li.item .name_en {
      display: block; }
    main#content_xoz #wrap #xoz_collection .body ul.items li.item .name_ja,
    main#content_xoz #wrap #xoz_collection .body ul.items li.item .catch,
    main#content_xoz #wrap #xoz_collection .body ul.items li.item .tag,
    main#content_xoz #wrap #xoz_collection .body ul.items li.item .img_sum {
      display: none; }
    main#content_xoz #wrap #xoz_collection .body ul.items li.item .price::after {
      content: "（tax in）"; }