@import url('https://fonts.googleapis.com/css2?family=Bellefair&family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url('https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/css/yakuhanjp-noto.min.css');
/* Reset */
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset {
    border: none;
}
img {
    max-width: initial;
    border: none;
    vertical-align: top;
    pointer-events: none !important;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul, li, nav ul, nav ul li, nav ol, nav ol li {
    list-style: none;
}
caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
abbr, acronym {
    border: none;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, mark, audio, video, main {
    margin: 0;
    padding: 0;
    border: 0;
    outline: inherit;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
body { line-height: 1;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, span { 
    display: block;
}
blockquote::before, blockquote::after {
    content: '';
    content: none;
    quotes: none;
}
/* q {quotes: "「" "」" "『" "』"; } set to double style*/
q.quotes_typ_1 {quotes: "< " " />"; } /*set to single style*/
q.quotes_typ_2 {quotes: "「" "」"; } /*set to single style*/
q.quotes_typ_3 {quotes: "(" ")"; } /*set to single style*/
q.quotes_typ_4 {quotes: "【" "】"; } /*set to single style*/
q.quotes_typ_5 {quotes: "[" "]"; } /*set to single style*/
q.quotes_typ_5_1 {quotes: "[ " " ]"; } /*set to single style*/
q.quotes_typ_5_2 {quotes: "[" "]."; } /*set to single style*/
q.quotes_typ_common {quotes: "“" "”"; } /*set to single style*/
q:before {content: open-quote; }
q:after {content: close-quote; }
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
a,
a:hover,
a:visited,
a:focus,
a:active {
  color: var(--text-default-color);
  text-decoration: none;
  outline: none;
}
a.ponits_none {
  pointer-events: none !important;
}
ins {
  background-color: transparent;
  color: var(--white-tone);
  text-decoration: none;
}
mark {
    background-color: transparent;
    color: var(--white-tone);
    font-style: normal;
    font-weight: normal;
}
del { text-decoration: line-through;}
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
}
hr {
    display: none;
}
input,
input[type=text],
input[type=tel],
input[type=email],
input[type=checkbox],
input[type=radio],
input[type=submit],
input[type=search],
input[type=password],
input[type=number],
textarea,
select {
  -webkit-appearance: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-image: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0;
  resize: none;
  vertical-align: middle;
  font-size: 100%;
}
input,
input[type=text],
input[type=tel],
input[type=email],
input[type=checkbox],
input[type=radio],
input[type=submit],
input[type=search],
input[type=password],
input[type=number],
textarea,
select,
input[type=text]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus,
input[type=submit]:focus,
input[type=search]:focus,
input[type=password]:focus,
input[type=number]:focus,
textarea:focus,
select:focus {
  outline: none;
  border: 0 none;
  color: var(--text-default-color);
}
input[type=text],
input[type=tel],
input[type=email],
input[type=submit],
input[type=search],
input[type=password],
input[type=number],
select {
  height: auto;
}
input::-ms-clear {
    visibility:hidden;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
/* Selector */
::selection {
	background-color:rgba(0,0,0,.05);
  color: var(--black-tone);
}
::-webkit-selection {
	background-color:rgba(0,0,0,.05);
  color: var(--black-tone);
}
::-moz-selection {
	background-color:rgba(0,0,0,.05);
  color: var(--black-tone);
}
/* hide Scroll bar */
.scroll_bar_hide_vertical,
.scroll_bar_hide_horizontal {
  -ms-overflow-style: none; /* Scroll bar hidden - IE, Edge 対応 */
      scrollbar-width: none; /* Scroll bar hidden - Firefox 対応 */
  -webkit-overflow-scrolling: touch;/*smooth scroll when ios*/
}
.scroll_bar_hide_vertical {
  overflow-x: hidden;
  overflow-y: auto;
}
.scroll_bar_hide_horizontal {
  overflow-x: auto;
  overflow-y: hidden;
}
.scroll_bar_hide_vertical::-webkit-scrollbar,
.scroll_bar_hide_horizontal::-webkit-scrollbar { /* Scroll bar hidden - Chrome, Safari 対応 */
  display: none;
}
/* Default */
:root {
  --text-default-color: #222222;
  --white-tone: #ffffff;
  --black-tone: #000000;
  --line-tone-darker: #afafaf;
  --line-tone-dark: #bfbfbf;
  --line-tone: #cfcfcf;
  --line-tone-light: #dfdfdf;
  --line-tone-lighten: #eaeaea;
  --line-tone-bright: #f1f1f1;
  --line-tone-shine: #f5f5f5;
  --gray-tone-darker: #111111;
  --gray-tone-dark: #222222;
  --gray-tone-regular: #333333;
  --gray-tone-light: #666666;
  --gray-tone-lighten: #999999;
  --gray-tone-bright: #a0a0a0;
  --dolce-web-main-tone: #38a4eb;
  --yns-web-main-tone: #b8d1ea;
  --sdf-web-main-tone: #ffd8cc;
  --sdf-web-sub-tone: #f6a9a7;
  --sdf-vi-main-tone: #eb6c75;
  --sdf-vi-sub-tone: #5b5556;
  --img-trasition-func: cubic-bezier(.6,0,0,1);
  --performance-trasition: cubic-bezier(.1,.7,.25,.9);
  --pad-380: 19.65vw;
  --pad-320: 16.55vw;
  --pad-280: 14.45vw;
  --pad-200: 10.35vw;
  --pad-180: 9.3vw;
  --pad-160: 8.25vw;
  --pad-120: 6.2vw;
  --pad-100: 5.21vw;
  --pad-80: 4.15vw;
  --pad-60: 3.125vw;
  --wmax-1760: 91.666666666667%;
  --wmax-1680: 87.5%;
  --wmax-1366: 71.14583333333333%;
  --wmax-1024: 53.333333333333336%;
  --wmax-960: 50%;
  --layer-index-extreme: 90001;
  --layer-index-extreme_half: 90000;
  --layer-index-8: 80001;
  --layer-index-8-half: 80000;
  --layer-index-7: 70001;
  --layer-index-7_half: 70000;
  --layer-index-6: 60001;
  --layer-index-6_half: 60000;
  --layer-index-5: 50001;
  --layer-index-5_half: 50000;
  --layer-index-4: 40001;
  --layer-index-4_half: 40000;
  --layer-index-3: 30001;
  --layer-index-3_half: 30000;
  --layer-index-2: 20001;
  --layer-index-2_half: 20000;
  --layer-index-1: 10001;
  --layer-index-1_half: 10000;
  --layer-index-9999: 9999;
  --layer-index-999: 999;
  --layer-index-99: 99;
  --layer-index-9: 9;
  --layer-index-regular: 1;
  --layer-index-minus: -1;
  /*wofa only*/
  --cmn-ad-words-base-height: 60px;
  --cmn-add-cart-base-size: 34px;
  --cmn-head-element-base-mar: 40px;
  --cmn-nav-switch-base-size: 80px;
  --cmn-border-radius-for-button: 50px;
  --cmn-radius-button-with-color-gray: 1px solid var(--line-tone);
  --cmn-radius-button-base-pad-vertical: 20px;
  --cmn-radius-button-base-pad-horizontal: 40px;
  --cmn-item-list-base-margin: 15px;
  --cmn-item-list-new-tag-base-width: 38px;
  --cmn-item-list-gift-tag-base-width: 47px;
  --cmn-itemdetail-content-base-pad-in-960: 1.8229166666667vw;
}
html {
	overflow-x: hidden;
	overflow-y: auto;
}
html.nav__is__open,
html.voice__is__open {
  overflow-y: hidden;
}
body {
  font-size: .875rem;
  font-family: "YuGothic", "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "游ゴシック", "Yu Gothic UI", YakuHanJP_Noto, "Noto Sans JP", sans-serif;
  font-weight: 400;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	color: var(--color-text);
  -webkit-font-feature-settings: 'palt';
          font-feature-settings: 'palt';
  position: relative;
  color: var(--text-default-color);
}
.ie11 body {
	font-size: 14px;
}
.ie11 body,
.ie11 a,
.ie11 a:hover,
.ie11 a:visited,
.ie11 a:focus,
.ie11 a:active {
  color: #222222;
}
.ie11 ins,
.ie11 mark {
  color: #ffffff;
}
/* Svg */
svg,
svg path,
svg rect,
svg polygon,
svg polyline,
svg line,
svg ellipse,
svg circle {
  fill: currentColor;
  pointer-events: none;
}
.wysiwyg_format h1,
.wysiwyg_format h2,
.wysiwyg_format h3,
.wysiwyg_format h4,
.wysiwyg_format h5,
.wysiwyg_format h6,
.wysiwyg_format br,
.wysiwyg_format ul,
.wysiwyg_format ol,
.wysiwyg_format li,
.wysiwyg_format code,
.wysiwyg_format ins,
.wysiwyg_format q,
.wysiwyg_format cite,
.wysiwyg_format button,
.wysiwyg_format canvas,
.wysiwyg_format data,
.wysiwyg_format input,
.wysiwyg_format label,
.wysiwyg_format picture,
.wysiwyg_format select,
.wysiwyg_format small,
.wysiwyg_format svg,
.wysiwyg_format textarea,
.wysiwyg_format time,
.wysiwyg_format pre,
.wysiwyg_format i {
  display: none !important;
  overflow: hidden;
  width: 0;
  height: 0;
  font-size: .01rem;
  white-space: nowrap;
  text-indent: 100%;
  color: var(--white-tone);
}
/*----------------------------------------{ common setting }---*/
/* ::before & ::after */
.pg_m_cpt_in_en::before,
.pg_m_cpt_in_en::after,
.n_switch_btn::before,
.n_switch_btn::after,
.top_brand_slide_list::after,
.t_b_slide_info_group::after,
.t_b_slide_brand_the_bnr::after,
.top_brand_slider_nav::before,
.top_brand_slider_nav::after,
.top_note_wrap::before,
.top_follow_list::before, /*202302NEW*/
.top_mv_content::after, /*202302NEW*/
.top_mv_concept_text::before, /*202302NEW*/
.top_mv_cencept::after, /*202302NEW*/
.top_mv_cencept_caption::after, /*202302NEW*/
.top_news_title_text::before, /*202302NEW*/
.top_news_title_text::after, /*202302NEW*/
.cmn_link_tp_new_elmt::after, /*202302NEW*/
.top_cate_name_icon::before, /*202302NEW*/
.top_cate_name_icon::after, /*202302NEW*/
.top_brands_list_bnr::after, /*202302NEW*/
.top_note_more::after, /*202302NEW*/
.top_topic_link::before, /*202302NEW*/
.top_follow::after, /*202302NEW*/
.cmn_item_list_is_gift::before,
.cmn_price_tp1::before,
.cmn_price_tp1::after,
.cmn_sec_with_border::before,
.cmn_sec_with_border::after,
.top_tps_cnpt_img::after,
.itemlists_mv_content::before,
.itmlsts_total_num::before,
.itmlsts_total_num::after,
.itemlists_main_concept::before,
.itemlists_ovrw_now::before,
.itemlists_ovrw_now::after,
.itemlists_ovrw_total::before,
.itemlists_ovrw_total::after,
.itemdetail_msld_container::before,
.itemdetail_item_the_name::after,
.wysiwyg_format blockquote::before,
.wysiwyg_format blockquote::after,
.here__is__editor::before,
.here__is__editor::after,
.here__is__outline::before,
.here__is__outline::after,
.itemdetail_voice::before,
.itemdetail_voice::after,
.itemdetail_voice_container::after,
.itemdetail_vc_caption::after,
.cmn_fagelmtlst_question:after, 
.cmn_fagelmtlst_answer:after,
.cmn_fagelmtlst_the_q:before,
.cmn_fagelmtlst_the_a:before {
  display: block;
  content: '';
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-indent: 100%;
  white-space: nowrap;
  position: absolute;
  pointer-events: none;
}
/* fonts */
.f_writing_rl {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  -webkit-font-feature-settings: initial;
          font-feature-settings: initial;
}
.f_clamp_3 {
  display: -webkit-box;
  /* display: -ms-flexbox;
  display: flex; */
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-align: justify;
}
.f_clamp_1 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.font_noto_sans {
  font-family: YakuHanJP_Noto, "Noto Sans JP", sans-serif; /*1,3,4,5,7,900*/
}
.font_belfr {
  font-family: 'Bellefair', serif; /*400 only*/
}
.f__italic { font-style: italic;}
.f__wt__1 {font-weight: 100;}
.f__wt__2 {font-weight: 200;}
.f__wt__3 {font-weight: 300;}
.f__wt__5 {font-weight: 500;}
.f__wt__6 {font-weight: 600;}
.f__wt__7 {font-weight: 700;}
.f__wt__8 {font-weight: 800;}
.f__wt__9 {font-weight: 900;}
.f__16 {/*1rem - 16px*/
  font-size: calc(.875rem + 3.25 * ((100vw - 640px) / 2080));
}
.f__18 {/*1.125rem - 18px*/
  /* font-size: calc(1rem + 3.25 * ((100vw - 640px) / 2080)); */
  font-size: calc(.938rem + 4.85 * ((100vw - 640px) / 2080));
}
.f__20 {/*1.25rem - 20px*/
  /* font-size: calc(1.125rem + 3.25 * ((100vw - 640px) / 2080)); */
  font-size: calc(1rem + 6.5 * ((100vw - 640px) / 2080));
}
.f__22 {/*1.375rem - 22px*/
  /* font-size: calc(1.25rem + 3.25 * ((100vw - 640px) / 2080)); */
  font-size: calc(1rem + 9.75 * ((100vw - 640px) / 2080));
}
.f__24 {/*1.5rem - 24px*/
  /* font-size: calc(1.375rem + 3.25 * ((100vw - 640px) / 2080)); */
  font-size: calc(1rem + 13 * ((100vw - 640px) / 2080));
}
.f__26 {/*1.625rem - 26px*/
  /* font-size: calc(1.5rem + 3.25 * ((100vw - 640px) / 2080)); */
  font-size: calc(1.063rem + 14.65 * ((100vw - 640px) / 2080));
}
.f__28 {/*1.75rem - 28px*/
  /* font-size: calc(1.625rem + 3.25 * ((100vw - 640px) / 2080)); */
  font-size: calc(1.125rem + 16.25 * ((100vw - 640px) / 2080));
}
.f__30 {/*1.875rem - 30px*/
  /* font-size: calc(1.75rem + 3.25 * ((100vw - 640px) / 2080)); */
  font-size: calc(1.25rem + 16.25 * ((100vw - 640px) / 2080));
}
.f__32 {/*2rem - 32px*/
  /* font-size: calc(1.875rem + 3.25 * ((100vw - 640px) / 2080)); */
  font-size: calc(1.375rem + 16.25 * ((100vw - 640px) / 2080));
}
.f__34 {/*2.125rem - 34px*/
  /* font-size: calc(2rem + 3.25 * ((100vw - 640px) / 2080)); */
  font-size: calc(1.5rem + 16.25 * ((100vw - 640px) / 2080));
}
.f__36 {/*2.25rem - 36px*/
  /* font-size: calc(2.125rem + 3.25 * ((100vw - 640px) / 2080)); */
  font-size: calc(1.6rem + 16.9 * ((100vw - 640px) / 2080));
}
.f__38 {/*2.375rem - 38px*/
  font-size: 2.375rem;
  /* font-size: calc(2rem + 9.75 * ((100vw - 640px) / 2080)); biggest
  font-size: calc(1.875rem + 13 * ((100vw - 640px) / 2080)); more big*/
  font-size: calc(1.75rem + 16.25 * ((100vw - 640px) / 2080));
}
.f__40 {/*2.5rem - 40px*/
  font-size: 2.5rem;
  font-size: calc(1.875rem + 16.25 * ((100vw - 640px) / 2080));
}
.f__42 {/*2.625rem - 42px*/
  font-size: 2.625rem;
  font-size: calc(2rem + 16.25 * ((100vw - 640px) / 2080));
}
.f__44 {/*2.75rem - 44px*/
  font-size: 2.75rem;
  font-size: calc(2.125rem + 16.25 * ((100vw - 640px) / 2080));
}
.f__46 {/*2.75rem - 46px*/
  font-size: 2.875rem;
  font-size: calc(2.25rem + 16.25 * ((100vw - 640px) / 2080));
}
.f__48 {/*3.0625rem - 48px*/
  font-size: 3.0625rem;
  font-size: calc(2.375rem + 17.9 * ((100vw - 640px) / 2080));
}
.f__50 {/*3.125rem - 50px*/
  font-size: 3.125rem;
  font-size: calc(2.5rem + 16.25 * ((100vw - 640px) / 2080));
}
.f__ln__26 {/*1.625rem - 26px*/
  /* line-height: calc(1.438rem + 5 * ((100vw - 640px) / 2080)); */
  line-height: calc(1rem + 17 * ((100vw - 640px) / 2080));
}
.f__ln__28 {/*1.75rem - 28px*/
  /* line-height: calc(1.5625rem + 5 * ((100vw - 640px) / 2080)); */
  line-height: calc(1rem + 20 * ((100vw - 640px) / 2080));
}
.f__ln__30 {/*1.875rem - 30px*/
  /* line-height: calc(1.75rem + 4 * ((100vw - 640px) / 2080)); */
  line-height: calc(1rem + 24 * ((100vw - 640px) / 2080));
}
.f__ln__32 {/*2rem - 32px*/
  /* line-height: calc(1.875rem + 4 * ((100vw - 640px) / 2080)); */
  line-height: calc(1.125rem + 24 * ((100vw - 640px) / 2080));
}
.f__ln__34 {/*2.125rem - 34px*/
  /* line-height: calc(2rem + 4 * ((100vw - 640px) / 2080)); */
  line-height: calc(1.25rem + 24 * ((100vw - 640px) / 2080));
}
.f__ln__36 {/*2.25rem - 36px*/
  /* line-height: calc(2.125rem + 4 * ((100vw - 640px) / 2080)); */
  line-height: calc(1.375rem + 24 * ((100vw - 640px) / 2080));
}
.f__ln__38 {/*2.375rem - 38px*/
  /* line-height: calc(2.25rem + 4 * ((100vw - 640px) / 2080)); */
  line-height: calc(1.438rem + 25 * ((100vw - 640px) / 2080));
}
.f__ln__40 {/*2.5rem - 40px*/
  /* line-height: calc(2.375rem + 4 * ((100vw - 640px) / 2080)); */
  line-height: calc(1.5625rem + 25 * ((100vw - 640px) / 2080));
}
.f__ln__42 {/*2.625rem - 42px*/
  /* line-height: calc(2.5rem + 4 * ((100vw - 640px) / 2080)); */
  line-height: calc(1.625rem + 26 * ((100vw - 640px) / 2080));
}
.f__ln__44 {/*2.75rem - 44px*/
  /* line-height: calc(2.625rem + 4 * ((100vw - 640px) / 2080)); */
  line-height: calc(1.75rem + 26 * ((100vw - 640px) / 2080));
}
.f__ln__46 {/*2.875rem - 46px*/
  /* line-height: calc(2.75rem + 4 * ((100vw - 640px) / 2080)); */
  line-height: calc(1.875rem + 26 * ((100vw - 640px) / 2080));
}
.f__ln__48 {/*3.025rem - 48px*/
  /* line-height: calc(2.8125rem + 5 * ((100vw - 640px) / 2080)); */
  line-height: calc(2rem + 26 * ((100vw - 640px) / 2080));
}
.f__ln__50 {/*3.125rem - 50px*/
  /* line-height: calc(3rem + 4 * ((100vw - 640px) / 2080)); */
  line-height: calc(2.125rem + 26 * ((100vw - 640px) / 2080));
}
.f__ln__52 {/*3.25rem - 52px*/
  line-height: calc(2.25rem + 26 * ((100vw - 640px) / 2080));
}
.f__ln__54 {/*3.375rem - 54px*/
  line-height: calc(2.375rem + 26 * ((100vw - 640px) / 2080));
}
.f__ln__56 {/*3.5rem - 56px*/
  line-height: calc(2.5rem + 26 * ((100vw - 640px) / 2080));
}
.f__ln__58 {/*3.625rem - 58px*/
  line-height: calc(2.625rem + 26 * ((100vw - 640px) / 2080));
}
.f__ln__60 {/*3.75rem - 60px*/
  line-height: calc(2.75rem + 26 * ((100vw - 640px) / 2080));
}
.f__ltr__min {
  letter-spacing: .025rem;
}
.f__ltr__min__center {
  text-indent: .025rem;
}
.f__ltr__1 {/*.0625rem - 1px*/
  letter-spacing: .0625rem;
}
.f__ltr__1__center {
  text-indent: .0625rem;
}
.f__ltr__2 {/*.125rem - 2px*/
  letter-spacing: calc(.0625rem + 1.625 * ((100vw - 640px) / 2080));
}
.f__ltr__2__center {
  text-indent: calc(.0625rem + 1.625 * ((100vw - 640px) / 2080));
}
.f__ltr__3 {/*.1875rem - 3px*/
  letter-spacing: calc(.0625rem + 3.25 * ((100vw - 640px) / 2080));
}
.f__ltr__3__center {
  text-indent: calc(.0625rem + 3.25 * ((100vw - 640px) / 2080));
}
.f__ltr__4 {/*.25rem - 4px*/
  letter-spacing: calc(.125rem + 3.25 * ((100vw - 640px) / 2080));
}
.f__ltr__4__center {
  text-indent: calc(.125rem + 3.25 * ((100vw - 640px) / 2080));
}
.f__ltr__5 {/*.3125rem - 5px*/
  letter-spacing: calc(.1875rem + 3.25 * ((100vw - 640px) / 2080));
}
.f__ltr__5__center {
  text-indent: calc(.1875rem + 3.25 * ((100vw - 640px) / 2080));
}
.f__ltr__6 {/*.375rem - 6px*/
  letter-spacing: calc(.1875rem + 4.9 * ((100vw - 640px) / 2080));
}
.f__ltr__6__center {
  text-indent: calc(.1875rem + 4.9 * ((100vw - 640px) / 2080));
}
.f__ltr__7 {/*.4375rem - 7px*/
  letter-spacing: calc(.1875rem + 6.5 * ((100vw - 640px) / 2080));
}
.f__ltr__7__center {
  text-indent: calc(.1875rem + 6.5 * ((100vw - 640px) / 2080));
}
.f__ltr__8 {/*.5rem - 8px*/
  letter-spacing: calc(.1875rem + 8.125 * ((100vw - 640px) / 2080));
}
.f__ltr__8__center {
  text-indent: calc(.1875rem + 8.125 * ((100vw - 640px) / 2080));
}
.f__ltr__9 {/*.563rem - 9px*/
  letter-spacing: calc(.1875rem + 9.75 * ((100vw - 640px) / 2080));
}
.f__ltr__9__center {
  text-indent: calc(.1875rem + 9.75 * ((100vw - 640px) / 2080));
}
.f__ltr__10 {/*.625rem - 10px*/
  letter-spacing: calc(.1875rem + 11.385 * ((100vw - 640px) / 2080));
}
.f__ltr__10__center {
  text-indent: calc(.1875rem + 11.385 * ((100vw - 640px) / 2080));
}
.decort_text {
  position: relative;
}
.decort_text .d_text {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: var(--layer_index_minus);
  text-indent: 100%;
  white-space: nowrap;
}
.decort_text .d_img {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  z-index: var(--layer_index_9);
}
.w_max1760,
.w_max1680,
.w_max1366,
.w_max1024,
.w_max960,
.w1366_to_1024,
.w1366_to_960,
.w1024_to_960 {
  margin-left: auto;
  margin-right: auto;
}
.w_max1760 {
  /* width: 91.666666666667%; */
  width: var(--wmax-1760);
  max-width: 1920px;
}
.w_max1680 {
  /* width: 87.5%; */
  width: var(--wmax-1680);
  max-width: 1820px;
}
.w_max1366 {
  /* width: 71.14583333333333%; */
  width: var(--wmax-1366);
  max-width: 1366px;
}
.w_max1024 {
  /* width: 53.333333333333336%; */
  width: var(--wmax-1024);
  max-width: 1024px;
}
.w_max960 {
  /* width: 50%; */
  width: var(--wmax-960);
  max-width: 960px;
}
.w1366_to_1024 {
  width: 74.96339677891655%;
  /* padding-left: 12.518301610541727%;
  padding-right: 12.518301610541727%; */
}
.w1366_to_960 {
  width: 70.27818448023426%;
  /* padding-left: 14.860907759882869%;
  padding-right: 14.860907759882869%; */
}
.w1024_to_960 {
  width: 93.75%;
  /* padding-left: 3.125%;
  padding-right: 3.125%; */
}
.w_min960 {
  min-width: 960px;
}
.w_min780 {
  min-width: 780px;
}
.h_min_768 {
  min-height: 768px;
}
.wrapper,
#main-content {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.wrapper {
  background-color: var(--white-tone);
  z-index: var(--layer-index-regular);
}
#main-content {
  z-index: var(--layer-index-9);
}
/* .is____top #main-content { 202302NEW
  margin-top: -90px;
  z-index: var(--layer-index-minus);
} */
.cmn_ad_words_wrap {
  width: 100%;
  height: var(--cmn-ad-words-base-height);
  border-bottom: 1px solid var(--line-tone-lighten);
}
.cmn_ad_words {
  display: block;
  font-size: .813rem;
  line-height: var(--cmn-ad-words-base-height);
}
.cmn_head {
  width: 100%;
  /* pointer-events: none; */
}
.cmn_h_wrap {
  overflow: hidden;
  position: relative;
}
.cmn_store_name {
  display: block;
  width: 28%;
  max-width: 130px;
  margin-top: var(--cmn-head-element-base-mar);
  z-index: var(--layer-index-regular);
}
.cmn_back_home {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: var(--layer-index-9);
  cursor: pointer;
  /* pointer-events: all; */
}
.cmn_add_to_cart {
  width: var(--cmn-add-cart-base-size);
  height: var(--cmn-add-cart-base-size);
  background-color: var(--gray-tone-dark);
  text-align: center;
  border-radius: 100%;
  line-height: var(--cmn-add-cart-base-size);
  color: var(--white-tone);
}
.pg_cmn_caption {
  width: 100%;
  pointer-events: none;
}
.pg_cmn_the_cpt {
  display: block;
  width: 100%;
  text-align: center;
  /* pointer-events: all; */
}
.pg_m_cpt_in_jp {
  line-height: 100%;
}
.pg_m_cpt_in_en {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 15px;
  padding-left: 10px;
  padding-right: 10px;
  color: var(--gray-tone-bright);
  line-height: 100%;
  font-size: .75rem;
  letter-spacing: .125rem;
  text-indent: .125rem;
  text-transform: uppercase;
  position: relative;
}
.pg_m_cpt_in_en::before,
.pg_m_cpt_in_en::after {
  width: 4px;
  height: 1px;
  background-color: var(--line-tone-dark);
  top: 50%;
  margin-top: -.5px;
}
.pg_m_cpt_in_en::before {
  left: 0;
}
.pg_m_cpt_in_en::after {
  right: 0;
}
.is____top .pg_first_the_caption {
  text-align: left;
}
.pg_cmn_sub_caption {
  display: block;
  margin-bottom: 40px;
}
.pg_cmn_sub_cpt_text {
  padding-left: 2.56%;
  padding-right: 2.56%;
  line-height: 100%;
}
.cmn_price_tp1 {
  color: var(--gray-tone-light);
  position: relative;
  pointer-events: none;
}
.cmn_price_tp1::before,
.cmn_price_tp1::after {
  display: inline;
  text-indent: initial;
  white-space: initial;
  position: relative;
}
.cmn_price_tp1::before {
  content: '￥' !important;
}
.cmn_price_tp1::after {
  content: '(税込)' !important;
}
.cmn_price_tpsold {
  text-transform: uppercase;
  color: var(--sdf-web-sub-tone);
}
.cmn_price_tpsold::before,
.cmn_price_tpsold::after {
  display: none;
  content: '';
  white-space: nowrap;
  text-indent: 100%;
}
.cmn_item_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cmn_item_list {
  display: block;
  width: calc(100% / 3);
  padding-left: var(--cmn-item-list-base-margin);
  padding-right: var(--cmn-item-list-base-margin);
  margin-top: 80px;
  position: relative;
}
.cmn_item_list_is_gift::before {
  width: var(--cmn-item-list-gift-tag-base-width);
  height: var(--cmn-item-list-gift-tag-base-width);
  left: calc(var(--cmn-item-list-base-margin) + 10px);
  top: calc(-1 * (.74468085106383 * var(--cmn-item-list-gift-tag-base-width)));
  z-index: var(--layer-index-9);
  background-image: url(https://file003.shop-pro.jp/PA01476/031/common/images/common/item-tag-gift-1.svg);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.cmn_item_list_link {
  display: block;
  overflow: hidden;
}
.cmn_item_list_img {
  width: 100%;
  overflow: hidden;
  margin-bottom: 13px;
}
.cmn_item_list_the_img {
  width: 100%;
}
.cmn_item_list_info_sec {
  width: calc(100% - (2 * var(--cmn-item-list-base-margin)));
  margin-left: auto;
  margin-right: auto;
  padding-top: 45px;
  position: relative;
}
.cmn_item_list_info_name {
  display: block;
}
.cmn_item_list_info_name b {
  display: block;
  padding-bottom: 7px;
  font-weight: 700;
}
.cmn_item_list_info_name i {
  display: block;
  font-size: .75rem;
  line-height: 1rem;
  font-style: normal;
  color: var(--gray-tone-light);
}
.new__new__tag {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  position: absolute;
  right: 0;
  top: 0;
  z-index: var(--layer-index-minus);
}
.tag__is__new {
  width: var(--cmn-item-list-new-tag-base-width);
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url(https://file003.shop-pro.jp/PA01476/031/common/images/common/item-tag-new-1.svg);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  top: 0;
  z-index: var(--layer-index-regular);
}
/* .name_has_tag .tag__is__new { 202302NEW
  display: none;
} */
/* .name_has_tag .tag__is__new:nth-child(3) { 202302NEW
  display: block;
} */
.cmn_rcntvw_item_name img,
.itemdetail_item_the_name img,
.itemdetail_catol_the_name img {
  display: none !important;
}
.cmn_item_list_info_price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  position: absolute;
  right: 0;
  top: 2.5%;
}
.cmn_button_tp1 {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.cmn_button_tp1_link {
  display: block;
  padding-top: calc(1.25 * var(--cmn-radius-button-base-pad-vertical));
  padding-bottom: calc(1.25 * var(--cmn-radius-button-base-pad-vertical));
  /* padding-left: calc(2.5 * var(--cmn-radius-button-base-pad-horizontal));
  padding-right: calc(2.5 * var(--cmn-radius-button-base-pad-horizontal)); */
  border-radius: var(--cmn-border-radius-for-button);
  border: var(--cmn-radius-button-with-color-gray);
  position: relative;
}
.cmn_button_tp1_text {
  text-align: center;
  line-height: 100%;
}
.cmn_button_tp1_icon {
  width: auto;
  height: 40%;
  max-height: 15px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: clamp(9.5%, 28px, 28px);
  margin: auto;
  pointer-events: none;
}
.cmn_button_tp1_the_icon {
  width: auto;
  height: 100%;
}
.cmn_sec_with_border {
  position: relative;
}
.cmn_sec_with_border::before,
.cmn_sec_with_border::after {
  height: 1px;
  left: 0;
  right: 0;
  margin: auto;
  background-color: var(--line-tone-light);
}
.cmn_sec_with_border::before {
  width: clamp(780px, 54%, 1024px);
  top: 0;
}
.cmn_sec_with_border::after {
  display: none;
  width: clamp(780px, 72%, 1366px);
  bottom: 0;
}
.cmn_topics {
  padding-top: var(--pad-120);
  padding-bottom: var(--pad-120);
  background-color: var(--line-tone-shine);
}
.cmn_tps_main {
  padding-top: 60px;
}
.cmn_info_list_content {
  padding-top: 35px;
  margin-bottom: var(--pad-80);
}
.cmn_info_list_group {
  display: block;
  width: 100%;
}
.cmn_info_the_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
  padding-top: 35px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--line-tone-light);
}
.cmn_inflst_th {
  width: 33.675%;
  padding-left: 2.5%;
  padding-right: 2.5%;
}
.cmn_inflst_td {
  width: 66.325%;
  padding-right: 2.5%;
}
.cmn_inflst_th_text {
  display: block;
  width: 100%;
}
.cmn_inflst_td_text {
  display: block;
  width: 100%;
  white-space: pre-line;
}
.cmn_inflst_td_text br {
  display: none;
}
.cmn_infpg_the_link,
.cmn_infpg_the_link:hover {
  text-decoration: underline;
}
.cmn_infpg_backbtns {
  padding-bottom: var(--pad-160);
}
.cmn_infpg_backbtn_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cmn_infpg_backbtn_list {
  display: block;
  width: 45%;
}
.cmn_infpg_back_the_btn {
  width: 100%;
}
.cmn_infpg_back_the_btn .cmn_button_tp1_link {
  padding-top: calc(1.5 * var(--cmn-radius-button-base-pad-vertical));
  padding-bottom: calc(1.5 * var(--cmn-radius-button-base-pad-vertical));
}
/*---- common element style ---*/
/*----------------------------------------{ campaign banner }---*/ /*202302NEW*/
.campaign_area {
  display: none;
  width: 100%;
  position: relative;
  z-index: var(--layer-index-999);
}
.campaign_block {
  display: block;
  background-repeat: repeat-x;
  background-position: center;
  background-size: auto 100%;
}
.campaign_bnr {
  display: block;
  max-height: 60px;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
}
/*----------------------------------------{ header }---*/
#the-header {
  width: 100%;
  margin-bottom: var(--pad-60);
}
.header_t_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
/* .header_t_ad_words {
} */
.header_t_links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hd_t_link_list {
  margin-left: 30px;
  /* margin-left: 1.5625vw; */
}
.hd_t_link_list:first-child {
  margin-left: 0;
}
.hd_t_the_link {
  display: block;
}
.hd_t_link_text {
  line-height: var(--header-top-base-height);
  /* font-family: YakuHanJP_Noto, "Noto Sans JP", sans-serif; */
}
.hd_t_link_cart .hd_t_the_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hd_t_the_cart {
  margin-left: 5px;
}
.pg_first_caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  /* padding-top: calc(.5 * var(--cmn-head-element-base-mar)); */
  padding-top: var(--cmn-head-element-base-mar);
  position: absolute;
  left: 0;
  top: 0;
}
/*----------------------------------------{ nav }---*/
.cmn_nav_switch_wrap {
  width: 100%;
  max-width: 1820px;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
}
.nav_switch_in_header.act__on {
  width: var(--wmax-1680);
  position: fixed;
  z-index: var(--layer-index-99);
}
.cmn_nav_the_switch {
  width: var(--cmn-nav-switch-base-size);
  position: absolute;
  right: 0;
  top: calc(1.35 * var(--cmn-head-element-base-mar));
  z-index: var(--layer-index-9);
  pointer-events: all;
  cursor: pointer;
}
.n_switch_btn {
  width: 100%;
  height: var(--cmn-nav-switch-base-size);
  overflow: hidden;
  margin-bottom: 13px;
  border-radius: 100%;
  border: 2px solid var(--gray-tone-dark);
  background-color: transparent;
  position: relative;
}
.n_switch_btn::before,
.n_switch_btn::after {
  width: 70%;
  max-width: 30px;
  height: 2px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: var(--gray-tone-dark);
}
.n_switch_name {
  display: block;
  width: 100%;
  line-height: 100%;
  text-align: center;
}
#the-nav {
  width: 100%;
  height: 0;
  overflow: hidden;
  background-color: var(--white-tone);
  position: fixed;
  left: 0;
  top: 0;
  z-index: var(--layer-index-extreme_half);
}
.m_nav_wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.main_navigation .m_nav_ad_the_words {
  text-align: center;
}
.main_navigation .cmn_store_name {
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  pointer-events: all;
}
.m_nav_logo {
  margin-bottom: var(--pad-80);
}
.m_nav_content {
  margin-bottom: var(--pad-60);
}
.cmn_m_nav_has_border {
  padding-bottom: var(--pad-60);
  border-bottom: 1px solid var(--line-tone-lighten);
}
.cmn_caption_in_nav {
  display: block;
  margin-bottom: 15px;
  text-align: center;
  line-height: 100%;
}
.cmn_cpt_in_nav_text {
  padding-left: 10px;
  padding-right: 10px;
}
.cmn_cate_in_mnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cate_brand_lists {
  margin-bottom: var(--pad-60);
}
.cate_brand_the_list {
  display: block;
  width: calc(100% / 3);
  margin-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
}
.cate_brand_link {
  display: block;
  width: 100%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.cate_type_name {
  line-height: 100%;
}
.cate_brand_bnr {
  width: 100%;
  margin-bottom: 15px;
}
.cate_brand_the_bnr {
  width: 100%;
}
.cate_brand_name {
  display: block;
  width: 100%;
  text-align: center;
}
.nav_cate_of_type {
  margin-bottom: var(--pad-60);
}
.cate_type_the_list {
  display: block;
  margin-top: 20px;
  padding-left: 6.5px;
  padding-right: 6.5px;
}
.cate_type_link {
  display: block;
  padding-top: var(--cmn-radius-button-base-pad-vertical);
  padding-bottom: var(--cmn-radius-button-base-pad-vertical);
  padding-left: 25px;
  padding-right: 25px;
  border-radius: var(--cmn-border-radius-for-button);
  border: var(--cmn-radius-button-with-color-gray);
}
.nav_site_links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: var(--pad-60);
}
.nav_site_link_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.nav_site_link_list {
  display: block;
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
}
.nav_site_the_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav_site_link_cart {
  margin-bottom: 0;
}
.nav_site_link_cart_num {
  margin-left: 5px;
}
.nav_other_links {
  margin-bottom: var(--pad-120);
}
.nav_other_link_list {
  display: block;
}
.nav_other_the_link { /*202302NEW*/
  display: block;
  padding-top: var(--cmn-radius-button-base-pad-vertical);
  padding-bottom: var(--cmn-radius-button-base-pad-vertical);
  padding-left: var(--cmn-radius-button-base-pad-horizontal);
  padding-right: var(--cmn-radius-button-base-pad-horizontal);
  border-radius: var(--cmn-border-radius-for-button);
  border: var(--cmn-radius-button-with-color-gray);
}
/*---- nav - transition ---*/
.n_switch_btn_open::before,
.n_switch_btn_open::after,
.n_switch_btn_close::before,
.n_switch_btn_close::after {
  -webkit-transition: .425s var(--performance-trasition);
  -o-transition: .425s var(--performance-trasition);
  transition: .425s var(--performance-trasition);
}
.n_switch_btn_open::before {
  -webkit-transform: translateY(-5px) scaleX(1);
      -ms-transform: translateY(-5px) scaleX(1);
          transform: translateY(-5px) scaleX(1);
}
.n_switch_btn_open::after {
  -webkit-transform: translateY(5px) scaleX(1);
      -ms-transform: translateY(5px) scaleX(1);
          transform: translateY(5px) scaleX(1);
}
.n_switch_btn_open.hover__on::before {
  -webkit-transform: translateY(-5px) scaleX(.7);
      -ms-transform: translateY(-5px) scaleX(.7);
          transform: translateY(-5px) scaleX(.7);
}
.n_switch_btn_open.hover__on::after {
  -webkit-transform: translateY(5px) scaleX(.7);
      -ms-transform: translateY(5px) scaleX(.7);
          transform: translateY(5px) scaleX(.7);
}
.n_switch_btn_close::before {
  -webkit-transform: rotate(-30deg) scaleX(1);
      -ms-transform: rotate(-30deg) scaleX(1);
          transform: rotate(-30deg) scaleX(1);
}
.n_switch_btn_close::after {
  -webkit-transform: rotate(30deg) scaleX(1);
      -ms-transform: rotate(30deg) scaleX(1);
          transform: rotate(30deg) scaleX(1);
}
.n_switch_btn_close.hover__on::before {
  -webkit-transform: rotate(-30deg) scaleX(.7);
      -ms-transform: rotate(-30deg) scaleX(.7);
          transform: rotate(-30deg) scaleX(.7);
}
.n_switch_btn_close.hover__on::after {
  -webkit-transform: rotate(30deg) scaleX(.7);
      -ms-transform: rotate(30deg) scaleX(.7);
          transform: rotate(30deg) scaleX(.7);
}
#the-nav {
  -webkit-transition: .25s var(--img-trasition-func);
  -o-transition: .25s var(--img-trasition-func);
  transition: .25s var(--img-trasition-func);
}
.nav__is__open #the-nav {
  height: 100vh;
}
.cmn_nav_switch_wrap {
  z-index: var(--layer-index-regular);
}
.voice__is__open .cmn_nav_switch_wrap {
  z-index: var(--layer-index-minus) !important;
}
/*----------------------------------------{ common for all page }---*/
.common_for_all {
  width: 100%;
}
.common_for_all br {
  display: none;
}
.cmn_all_content {
  border-bottom: 1px solid var(--line-tone-light);
}
/*---- top - follow ---*/ /*202302NEW*/
.top_follow {
  padding-top: var(--pad-80);
  padding-bottom: var(--pad-80);
  background-color: var(--line-tone-shine);
  position: relative;
}
.top_follow::after {
  width: 300vw;
  height: 100%;
  background-color: var(--line-tone-shine);
  left: -100vw;
  top: 0;
  z-index: var(--layer-index-minus);
}
.top_follow_caption {
  margin-bottom: var(--pad-60);
}
.top_follow_desc {
  display: block;
  width: 100%;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: var(--pad-60);
}
.top_follow_desc_text {
  white-space: pre-line;
  text-align: center;
}
.top_follow_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.top_follow_list {
  width: 50%;
  padding-top: var(--pad-60);
  padding-bottom: var(--pad-100);
  position: relative;
}
.top_follow_list_line {}
.top_follow_list_line::before {
  width: 1px;
  height: 100%;
  right: 0;
  top: 0;
  background-color: var(--line-tone-light);
}
.top_follow_list_mailmaga {}
.top_follow_list_name {
  display: block;
  margin-bottom: 30px;
}
.top_follow_list_name_text {
  text-align: center;
  text-transform: uppercase;
  line-height: 100%;
}
.top_follow_list_content {
  width: 66%;
  margin-left: auto;
  margin-right: auto;
}
.top_follow_list_mailmaga .top_follow_list_content {
  /*margin-top: -30px;*/
}
.top_follow_line {
  display: block;
  width: 100px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
.top_follow_line_icon {
  width: 100%;
  height: auto;
}
.top_follow_line_name {
  width: 100%;
  text-align: center;
  line-height: 100%;
}
.top_follow .cmn_mailmaga fieldset {
  padding: 0 !important;
  /* margin-bottom: 25px; */
  text-align: center !important;
}
.top_follow .cmn_mailmaga fieldset div {
  margin: 0 !important;
}
.top_follow .cmn_mailmaga fieldset p {
  display: none !important;
}
.top_follow .cmn_mailmaga fieldset input[type=text] {
  margin: 0 0 22px 0 !important;
  padding: 20px 15px !important;
}
/* .top_follow_group .cmn_mailmaga {
  width: 100%;
  max-width: initial;
  padding-top: 35px;
  padding-left: 10%;
  padding-right: 10%;
  background-color: var(--line-tone-shine);
} */
/*---- top - //follow ---*/ /*202302NEW*/
/*---- common for all page - recently ---*/
.cmn_recently_viewed {
  width: 100%;
  padding-top: var(--pad-60);
  padding-bottom: var(--pad-200);
  border-top: 1px solid var(--line-tone-light);
}
.cmn_recently_viewed img {
  width: 100%;
}
.cmn_rcntvw_item_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 5px;
  padding-right: 5px;
}
.cmn_rcntvw_item_list {
  display: none;
  width: 0;
}
.cmn_rcntvw_item_list:first-child,
.cmn_rcntvw_item_list:nth-child(2),
.cmn_rcntvw_item_list:nth-child(3),
.cmn_rcntvw_item_list:nth-child(4),
.cmn_rcntvw_item_list:nth-child(5),
.cmn_rcntvw_item_list:nth-child(6),
.cmn_rcntvw_item_list:nth-child(7),
.cmn_rcntvw_item_list:nth-child(8),
.cmn_rcntvw_item_list:nth-child(9),
.cmn_rcntvw_item_list:nth-child(10),
.cmn_rcntvw_item_list:nth-child(11),
.cmn_rcntvw_item_list:nth-child(12),
.cmn_rcntvw_item_list:nth-child(13),
.cmn_rcntvw_item_list:nth-child(14) {
  display: block;
  width: calc(100% / 7);
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 20px;
}
.cmn_rcntvw_item_link {
  display: block;
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}
.cmn_rcntvw_item_img {
  width: 100%;
}
.cmn_rcntvw_item_info {
  font-size: .75rem;
  line-height: 100%;
}
.cmn_rcntvw_item_name {
  margin-bottom: 8px;
}
.cmn_rcntvw_item_name b {
  display: -webkit-box;
  /* display: -ms-flexbox;
  display: flex; */
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.cmn_rcntvw_item_name i {
  display: none !important;
}
/*---- common for all page - //recently ---*/
/*---- common for all page - store terms ---*/
.cmn_store_terms {
  width: 100%;
  padding-bottom: var(--pad-160);
  border-top: 1px solid var(--line-tone-light);
}
.cmn_strtrm_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-bottom: var(--pad-80);
}
.cmn_strtrm_list {
  display: block;
  width: calc(100% / 3 - 20px);
}
.cmn_str_term_caption {
  display: block;
  /* margin-bottom: 30px; */
  border-bottom: 1px solid var(--line-tone-light);
}
.cmn_str_term_cpt_text {
  padding-top: 35px;
  padding-bottom: 35px;
  line-height: 100%;
  text-align: center;
}
.cmn_strtrm_description {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 30px;
  position: relative;
  z-index: var(--layer-index-regular);
}
.cmn_strtrm_desc_th {
  display: block;
  margin-bottom: 5px;
  line-height: 1.5rem;
}
.cmn_strtrm_desc_th q::before {
  padding-right: 5px;
}
.cmn_strtrm_desc_th q::after {
  padding-left: 5px;
}
.cmn_strtrm_desc_td {
  display: block;
}
.cmn_strtrm_desc_td_list {
  white-space: pre-line;
  line-height: 1.5rem;
}
.cmn_strtrm_desc_td_img {
  max-width: 100%;
}
/*---- common for all page - //store terms ---*/
/*---- common for all page - e-magazine ---*/
.cmn_mailmaga .email-marketing-by-b {
  display: none !important;
}
.cmn_mailmaga fieldset {
  font-family: YakuHanJP_Noto, "Noto Sans JP", sans-serif !important;
  color: var(--text-default-color) !important;
}
.cmn_mailmaga fieldset strong {
  display: block !important;
  font-weight: 700 !important;
  font-size: 1.063rem !important;
}
.cmn_mailmaga fieldset strong span {
  color: var(--text-default-color) !important;
  letter-spacing: .0825rem !important;
}
.cmn_mailmaga fieldset p {
  font-size: .813rem !important;
  letter-spacing: .0825rem !important;
  text-indent: .0825rem !important;
  line-height: 1.25rem !important;
  color: var(--text-default-color) !important;
}
.cmn_mailmaga fieldset input[type=text],
.cmn_mailmaga fieldset input[type=text]:focus {
  height: auto !important;
  line-height: 100% !important;
  border: 1px solid var(--line-tone-light) !important;
}
/*---- common for all page - //e-magazine ---*/
/*----------------------------------------{ footer }---*/
#the-footer {
  --f-link-arrow-blk-base-size: 18px;
  --f-sns-link-base-size: 25px;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 100px;
  margin-top: -1px;
  font-size: .813rem;
  border-top: 1px solid var(--line-tone-light);
}
.footer_content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-left: 15px;
  padding-right: 15px;
}
.footer_content_top {
  width: 40%;
}
.f_company_info { /*202302NEW*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  /* max-width: 360px; */
  margin-bottom: 35px;
}
.f_company_logo {
  width: 30%;
  max-width: 75px;
  margin-right: 5%;
}
.f_company_data { /*202302NEW*/
  display: block;
  width: 70%;
  line-height: 100%;
}
.f_company_name {
  display: block;
  padding-bottom: 10px;
}
.f_company_address {
  display: block;
}
.f_company_links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.f_company_link_list {
  display: inline-block;
  overflow: visible;
  margin-right: 25px;
  padding-left: calc(var(--f-link-arrow-blk-base-size) + 7px);
  background-image: url(https://file003.shop-pro.jp/PA01476/031/common/images/common/shape-arrow-2.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: var(--f-link-arrow-blk-base-size) auto;
}
.f_company_link_list:last-child {
  margin-right: 0;
}
.f_company_the_link {
  display: block;
  padding-top: 8px;
  padding-bottom: 8px;
}
.f_company_sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.f_company_sns_list {
  display: block;
  width: var(--f-sns-link-base-size);
  height: var(--f-sns-link-base-size);
  margin-right: 25px;
}
.f_company_sns_list:last-child {
  margin-right: 0;
}
.f_company_sns_the_link {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 64%;
}
.f_company_sns_link_to_f {
  background-image: url(https://file003.shop-pro.jp/PA01476/031/common/images/common/icon-sns-facebook.svg);
}
.f_company_sns_link_to_i {
  background-image: url(https://file003.shop-pro.jp/PA01476/031/common/images/common/icon-sns-instagram.svg);
}
.f_company_sns_link_to_l {
  background-image: url(https://file003.shop-pro.jp/PA01476/031/common/images/common/icon-sns-line.svg);
}
.f_company_sns_link_to_t {
  background-image: url(https://file003.shop-pro.jp/PA01476/031/common/images/common/icon-sns-twitter.svg);
}
.f_company_sns_link_to_n {
  background-image: url(https://file003.shop-pro.jp/PA01476/031/common/images/common/icon-sns-note.svg);
}
.footer_content_bot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 60%;
  padding-left: 8%;
  margin-top: 35px;
}
.f_sitemap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.f_sitemap_list {
  display: block;
  margin-bottom: 12px;
  margin-right: 30px;
}
.f_sitemap_link {
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
}
.f_sitemap_link,
.f_sitemap_link:hover {
  text-decoration: underline;
}
.f_copyrights {
  display: block;
}
/*---- inner common ---*/
/*---- inner common - brand topics ---*/
.itemlists_topics_group {
  display: block;
  width: 100%;
  margin-bottom: 60px;
}
.itemlists_topics_group img {
  width: 100%;
}
.itemlists_topics_list {
  display: none;
  width: 100%;
  background-color: var(--white-tone);
  border-bottom: 1px solid var(--line-tone-light);
}
.itemlists_topics_list:first-child,
.itemlists_topics_list:nth-child(2),
.itemlists_topics_list:nth-child(3) {
  display: block;
}
.itemlists_topics_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
}
.itemlists_topics_thumb {
  width: 20%;
  max-width: 180px;
}
.itemlists_topics_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 80%;
  padding-left: 2.25%;
  padding-right: 3%;
  padding-top: 1.5%;
  padding-bottom: 1.65%;
}
.itemlists_topics_title {
  display: -webkit-box;
  /* display: -ms-flexbox;
  display: flex; */
  width: 80%;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.itemlists_topics_date {
  display: block;
  width: 100%;
  padding-top: 3px;
  padding-bottom: 3px;
  background-image: url(https://file003.shop-pro.jp/PA01476/031/common/images/common/shape-arrow-2.svg);
  background-position: calc(100% - 1px) center;
  background-repeat: no-repeat;
  background-size: 17px auto;
  color: var(--gray-tone-lighten);
}
.itemlists_topics_the_date {
  width: 130px;
  height: 15px;
  overflow: hidden;
  line-height: 100%;
}
/*---- inner common - //brand topics ---*/
/*---- inner common - brand points ---*/
@-webkit-keyframes itmlstsCarousel {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes itmlstsCarousel {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@-webkit-keyframes itmlstsCarousel2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}
@keyframes itmlstsCarousel2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}
.itemlists_point_section {
  --itemlists-point-caption-base-size: 240px;
  --itemlists-point-pscript-base-height: 63px;
  --itemlists-point-carousel-base-height: 220px;
  --itemlists-point-carousel-move-timing: 60s;
  --itemlists-point-list-base-margin: 2.2%;
  padding-top: var(--pad-120);
  /* padding-bottom: calc(.88 * var(--pad-200)); */
  padding-bottom: var(--pad-120);
  background-color: var(--line-tone-shine);
}
.itemlists_pntsec_is_carousel {
  padding-top: 80px;
}
.itemlists_pnt_caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  z-index: var(--layer-index-regular);
}
.itemlists_pnt_cpt_text {
  width: var(--itemlists-point-caption-base-size);
  height: var(--itemlists-point-caption-base-size);
  overflow: hidden;
  margin-right: 8.4187408491947%;
  border-radius: 100%;
  border: 2px solid var(--gray-tone-dark);
  text-align: center;
  line-height: var(--itemlists-point-caption-base-size);
  white-space: pre-line;
}
.items_list_pnt_is_sdf .itemlists_pnt_cpt_text {
  padding-top: calc(.285 * var(--itemlists-point-caption-base-size));
  line-height: calc(1.5625rem + 25 * ((100vw - 640px) / 2080));
}
.itemlists_pnt_carousel {
  margin-top: calc(-1 * (.25 * var(--itemlists-point-caption-base-size)));
  margin-bottom: 60px;
  position: relative;
}
.itemlists_pnt_carousel img {
  display: block;
  width: auto;
  height: 100%;
}
.itemlists_pnt_postscript {
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(-1 * (.7935 * var(--itemlists-point-pscript-base-height)));
  margin: auto;
  z-index: var(--layer-index-regular);
  text-indent: 100%;
  white-space: nowrap;
  background-image: url(https://file003.shop-pro.jp/PA01476/031/common/images/common/shape-point-1.svg);
  background-repeat: no-repeat;
  background-position: 10.248901903367% 0px;
  background-size: auto var(--itemlists-point-pscript-base-height);
  pointer-events: none;
}
.itemlists_pnt_crsl_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: var(--itemlists-point-carousel-base-height);
}
.itemlists_pnt_crsl_elmt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.itemlists_pnt_crsl_1 {
  -webkit-animation: itmlstsCarousel var(--itemlists-point-carousel-move-timing) calc(-1 * (.5 * var(--itemlists-point-carousel-move-timing))) linear infinite;
          animation: itmlstsCarousel var(--itemlists-point-carousel-move-timing) calc(-1 * (.5 * var(--itemlists-point-carousel-move-timing))) linear infinite;
  will-change: transform;
}
.itemlists_pnt_crsl_2 {
  -webkit-animation: itmlstsCarousel2 var(--itemlists-point-carousel-move-timing) linear infinite;
          animation: itmlstsCarousel2 var(--itemlists-point-carousel-move-timing) linear infinite;
}
.itemlists_pnt_crsl_img {
  display: block;
  height: 100%;
}
.itemlists_pnt_lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.itemlists_pnt_the_list {
  display: block;
  width: calc(100% / 3);
  padding-left: var(--itemlists-point-list-base-margin);
  padding-right: var(--itemlists-point-list-base-margin);
}
.itemlists_pnt_th {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-top: 1px solid var(--line-tone-light);
  border-bottom: 1px solid var(--line-tone-light);
  text-align: center;
  white-space: pre-line;
}
.itemlists_pnt_td {
  display: block;
}
.itemlists_customer_voice {
  margin-top: var(--pad-100);
  margin-bottom: 30px;
}
.itemlists_ctmrvo_link {
  display: block;
  overflow: hidden;
  border-radius: 30px;
  border: 7px solid #ffcaba;
}
.itemlists_ctmrvo_bnr {
  width: 100%;
}
.itemlists_pnt_cnpt_img,
.itemlists_pnt_cnpt_desc {
  width: 80%;
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
}
.itemlists_pnt_cnpt_img {
  margin-bottom: 35px;
  position: relative;
}
.itemlists_pnt_cnpt_the_img {
  width: 100%;
}
.itemlists_pnt_cnpt_caption {
  width: 100%;
  text-align: center;
  color: var(--white-tone);
  text-transform: uppercase;
  position: absolute;
  left: 0;
  top: 20%;
  z-index: var(--layer-index-regular);
}
.itemlists_pnt_cnpt_desc {
  display: block;
  padding-left: 5.2083333333333%;
  padding-right: 5.2083333333333%;
  text-align: center;
  white-space: pre-line;
}
.itemlists_brand_btn {
  margin-top: 40px;
}
/*---- inner common - //brand points ---*/
/*---- inner common - info links list two ---*/
.cmn_itemdetail_itminflnk_group {
  display: block;
  padding-top: 25px;
}
.cmn_itemdetail_itminf_the_list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 10px;
  margin-left: 2.0833333333333vw;
  padding-left: 22px;
  background-image: url(https://file003.shop-pro.jp/PA01476/031/common/images/common/shape-arrow-2.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 17px auto;
  background-color: var(--white-tone);
}
.cmn_itemdetail_itminf_the_link {
  padding-top: 3px;
  padding-bottom: 3px;
  line-height: 100%;
}
/*---- inner common - //info links list two ---*/
/*---- //inner common ---*/
/*----------------------------------------{ inner - freepage }---*/ /*202302NEW (COLORME ONLY)*/
.is___free {
  width: calc(100% - 40px) !important;
  max-width: 960px;
  margin: 0 auto;
  padding-top: var(--pad-60);
  padding-bottom: var(--pad-120);
  font-size: 1rem;
  letter-spacing: .0825rem;
  line-height: 1.5rem;
  white-space: pre-line;
}
.is___free br {
  display: none !important;
}
.is___free img {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
}
.is___free .free_ttl {
  display: block;
  font-family: YakuHanJP_Noto, "Noto Sans JP", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.75rem;
}


/*---- common - transition ---*/
.the_page_mover {
  -webkit-transition: .425s var(--performance-trasition);
  -o-transition: .425s var(--performance-trasition);
  transition: .425s var(--performance-trasition);
  opacity: 0;
}
.the_page_mover.loaded {
  opacity: 1;
}
.cmn_link_unit {
  -webkit-transition: .25s linear;
  -o-transition: .25s linear;
  transition: .25s linear;
  opacity: 1;
}
.cmn_link_unit:hover {
  opacity: .55;
}
.cmn_item_scale_img {
  -webkit-transition: .825s var(--performance-trasition);
  -o-transition: .825s var(--performance-trasition);
  transition: .825s var(--performance-trasition);
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
.cmn_item_scale_link:hover .cmn_item_scale_img {
  -webkit-transform: scale(1.025);
      -ms-transform: scale(1.025);
          transform: scale(1.025);
  opacity: .9;
}
.cmn_link_tp_new_elmt { /*202302NEW*/
  opacity: 1;
  -webkit-transition: .25s linear;
  -o-transition: .25s linear;
  transition: .25s linear;
}
.cmn_link_tp_new_elmt:hover { /*202302NEW*/
  opacity: .55;
}
.cmn_link_tp_new_elmt::after { /*202302NEW*/
  width: 100%;
  left: 0;
  right: initial;
  -webkit-transition: .325s var(--performance-trasition);
  -o-transition: .325s var(--performance-trasition);
  transition: .325s var(--performance-trasition);
}
.cmn_link_tp_new_elmt:hover::after { /*202302NEW*/
  width: 0;
  left: initial;
  right: 0;
}