@charset "UTF-8";

/*!
 * Bootstrap  v5.3.0 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
 :root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}h1,h2,h4{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){h2{font-size:2rem}}h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){h4{font-size:1.5rem}}ul{padding-left:2rem}ul{margin-top:0;margin-bottom:1rem}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}img{vertical-align:middle}button:focus:not(:focus-visible){outline:0}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}iframe{border:0}.container{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col-6{flex:0 0 auto;width:50%}.col-12{flex:0 0 auto;width:100%}@media (min-width:768px){.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-6{flex:0 0 auto;width:50%}.col-md-8{flex:0 0 auto;width:66.66666667%}}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:var(--bs-secondary-bg)}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:not(:-moz-placeholder-shown)~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:not(:-moz-placeholder-shown)~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}.form-floating>:disabled~label{color:#6c757d}.form-floating>:disabled~label::after{background-color:var(--bs-secondary-bg)}.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid{z-index:3}.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid{z-index:4}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn-link:focus-visible{color:var(--bs-btn-color)}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.icon-link-hover:focus-visible>.bi{transform:var(--bs-icon-link-transform,translate3d(.25em,0,0))}.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption){position:absolute!important}.d-block{display:block!important}.p-2{padding:.5rem!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.text-center{text-align:center!important}@media (min-width:768px){.d-md-none{display:none!important}}@media (min-width:1200px){.fs-4{font-size:1.5rem!important}}
/*# sourceMappingURL=bootstrap.min.css.map */

/*****************************************
	共通レイアウトスタイル定義
*****************************************/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/* Reset ------------------------------ */
html {font-size: 10px;overflow-y: scroll;}h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd {margin: 0;padding: 0;border: 0;outline: 0;font-size: 1em;}address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}a,a:hover,a:active,a:visited {margin: 0;padding: 0;overflow: hidden;outline: none;}img {vertical-align: bottom;-webkit-user-select: none;-moz-user-select: none;-khtml-user-select: none;-webkit-user-drag: none;-khtml-user-drag: none;}
/* normalize.css --END-- */

/* --------------------------------------
  Base
--------------------------------------- */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased;
}

:root {
  --max-width: 1920px;
  --letter-spacing-en: 1.2px;
  /*余白*/
  --c-spacing-0: 0rem; /* 0px */
  --c-spacing-half-1: 0.4rem; /* 4px */
  --c-spacing-1: 0.8rem; /* 8px */
  --c-spacing-2: 1.6rem; /* 16px */
  --c-spacing-half-2: 1.2rem; /*12px*/
  --c-spacing-3: 2.4rem; /* 24px */
  --c-spacing-4: 3.2rem; /* 32px */
  --c-spacing-half-3: 4rem; /*40px*/
  --c-spacing-5: 4.8rem; /* 48px */
  --c-spacing-6: 6.4rem; /* 64px */
  --c-spacing-7: 9.6rem; /* 96px */
  --c-spacing-8: 12.8rem; /* 128px */
  --c-spacing-9: 19.2rem; /* 192px */
  --c-spacing-10: 25.6rem; /* 256px */
  --easing: ease;
  --transition: 0.3s var(--easing);
  --hover-transition: 0.1s var(--easing);
  --c-dark-gray-color: #404040;
  --c-middle-gray-border-color: #808080;
  --c-middle-gray-color: #6b6b6b;
  --c-middle-gray-bg-link-color: #adadad;
  --c-light-gray-color: #f3f3f3;
  --c-light-gray-color-2: #e8e8e8;
  --c-red-color: #cc0000;
  --c-yellow-color: #ffdb3f;
  --c-green-color:#006130;
  --c-middle-blue-color: #0169d0;
  --c-starge-regular: #292b2c;
  --c-starge-bronze: #ac6b25;
  --c-starge-silver: #c9caca;
  --c-starge-gold: #b8860b;
  --c-starge-platinum: #778899;
  --c-starge-diamond: #000000;
}
body {
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  font-size: 1.4rem;
  letter-spacing: 1px;
  line-height: 1.5;
  color: var(--c-dark-gray-color);
  background-color: #364e65;
}
body.is-active {  overflow: hidden
}
ul,dl,ol {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}
h1,h2,h3,h4,h5,h6 {
  font-weight: 600;
  margin: 0;
  line-height: 1.5;
}
p {
  line-height: 2;
  margin-bottom: 0.8rem;
}
strong {
  font-size: 1.8rem;
  font-weight: 600;
}
img {
  max-width: 100%;
  height: auto;
}
small {font-size: 12px;}

@media only screen and (max-width: 768px) {
	body {
		font-size: 16px;
		line-height: 1.7;
	}
	small {	font-size: 10px;}
}

/* --------------------------------------
  Link
--------------------------------------- */
a {
  text-decoration: none;
  color: var(--c-dark-gray-color);
  display: inline-block;
  -webkit-transition: all var(--hover-transition);
  -o-transition: all var(--hover-transition);
  transition: all var(--hover-transition);
  transition: all .3s ease in out;
}
a:hover {
  color: var(--c-dark-gray-color);
  text-decoration: none;
}
a:hover img {
  opacity: 0.85;
  filter: alpha(opacity=85);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

/* --------------------------------------
  Common
--------------------------------------- */

/*----- Title -----*/
/*左にラインのある見出し*/
.p-left-line-heading {
  margin-bottom: var(--c-spacing-5);
  /*右にボタンがつく2カラムの場合*/
}
@media screen and (max-width: 991px) {
  .p-left-line-heading {
    margin-bottom: var(--c-spacing-4);
  }
}
.p-left-line-heading--2col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 320px) {
  .p-left-line-heading--2col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: var(--c-spacing-1);
  }
}

.fs-c-featuredProduct__header,
.fs-c-wishlistProduct__header {
  margin-bottom: var(--c-spacing-3);
}
@media screen and (max-width: 991px) {
  .fs-c-featuredProduct__header,
  .fs-c-wishlistProduct__header {
    margin-bottom: var(--c-spacing-2);
  }
}

.p-left-line-heading--half {
  margin-bottom: var(--c-spacing-3);
}
@media screen and (max-width: 991px) {
  .p-left-line-heading--half {
    margin-bottom: var(--c-spacing-2);
  }
}

.c-left-line-heading,
.fs-c-featuredProduct__title,
.fs-c-wishlistProduct__title {
  color: var(--c-middle-gray-color);
  letter-spacing: var(--letter-spacing-en);
  text-transform: uppercase;
  font-size: 1.6rem;
  font-weight: 600;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 991px) {
  .c-left-line-heading,
  .fs-c-featuredProduct__title,
  .fs-c-wishlistProduct__title {
    font-size: 1.4rem;
  }
}
.c-left-line-heading::before,
.fs-c-featuredProduct__title::before,
.fs-c-wishlistProduct__title::before {
  content: "";
  width: 32px;
  height: 1px;
  background-color: var(--c-middle-gray-color);
  margin-right: 1.6rem;
  display: inline-block;
}
@media screen and (max-width: 991px) {
  .c-left-line-heading::before,
  .fs-c-featuredProduct__title::before,
  .fs-c-wishlistProduct__title::before {
    width: 24px;
  }
}
.c-left-line-heading__label,
.fs-c-featuredProduct__title__label,
.fs-c-wishlistProduct__title__label {
  color: var(--c-red-color);
  margin-left: 1.6rem;
  font-style: italic;
  font-weight: 600;
}

/*イベントの見出し*/
.c-event-heading {
  font-size: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: var(--c-middle-gray-color);
  letter-spacing: var(--letter-spacing-en);
  line-height: 1;
  /*矢印*/
}
@media screen and (max-width: 991px) {
  .c-event-heading {
    font-size: 1.8rem;
    line-height: 1.5;
  }
}
.c-event-heading::before {
  width: 12px;
  height: 15px;
  margin-right: 0.8rem;
  display: inline-block;
  content: "";
  background-color: var(--c-red-color);
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
          clip-path: polygon(0 0, 0 100%, 100% 50%);
}
.c-event-heading__sub {
  margin-left: 0.8rem;
  font-size: 1.4rem;
}
@media screen and (max-width: 991px) {
  .c-event-heading__sub {
    margin-left: 2.4rem;
    font-size: 1.2rem;
  }
}

/*下にラインのある見出し*/
.p-bottom-line-heading {
  margin-bottom: var(--c-spacing-5);
}
@media screen and (max-width: 991px) {
  .p-bottom-line-heading {
    margin-bottom: var(--c-spacing-4);
  }
}
.p-bottom-line-heading--category {
  margin-bottom: var(--c-spacing-4);
}
@media screen and (max-width: 991px) {
  .p-bottom-line-heading--category {
    margin-bottom: var(--c-spacing-1);
  }
}
.p-bottom-line-heading--category .c-bottom-line-heading {
  text-transform: none;
}

.c-bottom-line-heading {
  font-size: 2.2rem;
  border-bottom: 1px solid var(--c-middle-gray-color);
  letter-spacing: var(--letter-spacing-en);
  text-transform: uppercase;
  padding-bottom: 0.8rem;
}
@media screen and (max-width: 991px) {
  .c-bottom-line-heading {
    font-size: 1.8rem;
  }
}

/*汎用見出し*/
.c-normal-display-heading-1 {
  font-size: 2.2rem;
  letter-spacing: var(--letter-spacing-en);
  font-weight: 600;
}
@media screen and (max-width: 991px) {
  .c-normal-display-heading-1 {
    font-size: 2rem;
  }
}
.c-normal-display-heading-1.--b-underline {
  border-bottom: 1px solid var(--c-middle-gray-color);
  padding-bottom: 0.8rem;
}

.c-normal-display-heading-2 {
  font-size: 2rem;
  letter-spacing: var(--letter-spacing-en);
  font-weight: 600;
}
@media screen and (max-width: 991px) {
  .c-normal-display-heading-2 {
    font-size: 1.8rem;
  }
}
.c-normal-display-heading-2.--b-underline {
  border-bottom: 1px solid var(--c-middle-gray-color);
  padding-bottom: 0.8rem;
}

.c-normal-display-heading-3 {
  font-size: 1.8rem;
  letter-spacing: var(--letter-spacing-en);
  font-weight: 600;
}
@media screen and (max-width: 991px) {
  .c-normal-display-heading-3 {
    font-size: 1.6rem;
  }
}
.c-normal-display-heading-3.--b-underline {
  border-bottom: 1px solid var(--c-middle-gray-color);
  padding-bottom: 0.8rem;
}

.c-normal-display-heading-4 {
  font-size: 1.6rem;
  letter-spacing: var(--letter-spacing-en);
  font-weight: 600;
}
@media screen and (max-width: 991px) {
  .c-normal-display-heading-4 {
    font-size: 1.4rem;
  }
}
.c-normal-display-heading-4.--b-underline {
  border-bottom: 1px solid var(--c-middle-gray-color);
  padding-bottom: 0.8rem;
}

.c-normal-display-heading-5 {
  font-size: 1.4rem;
  letter-spacing: var(--letter-spacing-en);
  font-weight: 600;
}
@media screen and (max-width: 991px) {
  .c-normal-display-heading-5 {
    font-size: 1.2rem;
  }
}
.c-normal-display-heading-5.--b-underline {
  border-bottom: 1px solid var(--c-middle-gray-color);
  padding-bottom: 0.8rem;
}

.c-normal-display-heading-6 {
  font-size: 1.2rem;
  letter-spacing: var(--letter-spacing-en);
  font-weight: 600;
}
@media screen and (max-width: 991px) {
  .c-normal-display-heading-6 {
    font-size: 1rem;
  }
}
.c-normal-display-heading-6.--b-underline {
  border-bottom: 1px solid var(--c-middle-gray-color);
  padding-bottom: 0.4rem;
}

/*FSの共通の見出し*/
.fs-c-heading--page {
  font-size: 2rem;
  border-bottom: 1px solid var(--c-middle-gray-color);
  text-transform: uppercase;
  padding-bottom: var(--c-spacing-1);
  margin-bottom: var(--c-spacing-5);
}
@media screen and (max-width: 991px) {
  .fs-c-heading--page {
    font-size: 1.8rem;
  }
}

/*----- Text -----*/

/*----- Button -----*/
.c-primary-link {
  width: 100%;
  max-width: 144px;
  height: 35px;
  color: var(--c-middle-gray-color);
  border: 1px solid var(--c-middle-gray-color);
  text-transform: uppercase;
  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;
  -webkit-transition: all var(--hover-transition);
  -o-transition: all var(--hover-transition);
  transition: all var(--hover-transition);
}
@media screen and (max-width: 991px) {
  .c-primary-link {
    font-size: 1.2rem;
    max-width: 112px;
    height: 35px;
  }
}
.c-primary-link::after {
  margin-left: 0.4rem;
  content: ">";
}
.c-primary-link:hover {
  color: #fff !important;
  background-color: var(--c-middle-gray-color);
}

.c-secondary-link {
  color: var(--c-middle-gray-color);
  text-transform: uppercase;
  -webkit-transition: all var(--hover-transition);
  -o-transition: all var(--hover-transition);
  transition: all var(--hover-transition);
}
.c-secondary-link.--s {
  font-size: 1.2rem;
}
@media screen and (max-width: 991px) {
  .c-secondary-link {
    font-size: 1.2rem;
  }
}
.c-secondary-link::after {
  margin-left: 0.4rem;
  content: ">";
}
.c-secondary-link:hover {
  color: #fff;
}

.c-normal-btn {
  min-width: 120px;
  display: inline-block;
  font-size: 1.4rem;
  padding: 10px 12px;
  line-height: 1.5;
  letter-spacing: var(--letter-spacing-en);
  text-transform: uppercase;
  font-weight: 400;
  text-align: center;
  -webkit-transition: all var(--hover-transition);
  -o-transition: all var(--hover-transition);
  transition: all var(--hover-transition);
  color: #fff !important;
  background-color: var(--c-dark-gray-color);
}
.c-normal-btn:hover {
  opacity: 0.7;
}
@media screen and (max-width: 991px) {
  .c-normal-btn {
    min-width: 180px;
    padding: 14px 12px;
  }
}
.c-normal-btn.--bg-red {
  background-color: var(--c-red-color);
}
.c-normal-btn.--l {
  min-width: auto;
  max-width: 240px;
  width: 100%;
  padding: 14px 12px;
}
.c-normal-btn.--xl {
  min-width: auto;
  max-width: 560px;
  width: 100%;
  padding: 14px 12px;
}

/*----- Label -----*/
.mp_50 {
  margin-top: -70px;
  padding-top: 70px;
}

@media (max-width: 768px) {
  .mp_50 {
    margin-top: 0;
    padding-top: 0;
  }
}

/*----- Line -----*/
/*----- accordion -----*/

@media screen and (min-width: 769px) and (max-width: 1080px){}

@media (max-width: 768px) {}



/* --------------------------------------
  Layout
--------------------------------------- */
.section_inn {
  border-radius: 10px;
	padding: 100px 0;
}

@media only screen and (max-width: 768px) {
	.section_inn {
		padding: 30px 15px;
	}
}

/* --------------------------------------
  header
--------------------------------------- */
#header {
  position: fixed;
  top: -100px;
  background: #333;
  z-index: 9999;
  width: 100%;
  height: auto;
  transition: .5s;
  opacity: 0.9;
}
.header_inner {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
    justify-content: space-between
}
#header.hide {  top: 0;}

/*----- logo-btn -----*/
#header h1 {
  width: 15%;
  text-align-last: left;
  padding-left: 5%;
  margin-bottom: 0;
}
#brand_logo {
  width: 90%;
}

/*----- gnav-btn -----*/
#header_nav {
	display: flex;
  align-items: center;
  justify-content: center;
	margin: 0;
	font-family: 'Noto Serif JP', serif;
	font-size: 1.5rem;
	font-weight: 600;
}
#header_nav li {
  /* border-left: 1px solid #fff; */
}
#header_nav li a {
	display: block;
	padding: 15px 30px;
	color: #fff;
  font-size: 1.4rem;
  line-height: 1.3;
}
/* #header_nav li:last-child {border-right: 1px solid #fff;} */
/* #header_nav li a:hover{color: #a49995;} */

@media screen and (min-width: 769px) and (max-width: 1080px){
  #brand_logo {
    width: 80%;
  }

  /*----- gnav-btn tb -----*/
  #header_nav {
    align-items: center;
    justify-content: space-between;
    font-size: 1.4rem;
    margin-top: 2px;
    margin-bottom: 2px;
  }
  #header_nav li,
  #header_nav li:last-child {
    border: none;
  }
  #header_nav li a {
    line-height: 1.5;
    text-align: center;
  }
}

@media (max-width: 768px) {
  #header {
    top: auto;/* 解除用 */
    bottom: -100px;
  }
  #header.hide {
    top: auto;/* 解除用 */
    bottom: 0;
  }

  /*----- gnav-btn sp -----*/
  #header_nav {
    width: 100%;
    align-items: center;
    justify-content: space-between;
    font-size: 1.2rem;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #header_nav li {
    border: none;
  }
  #header_nav li a {
    padding-right: 0;
    padding-left: 0;
    font-size: 1.2rem;
    line-height: 1.5;
    text-align: center;
  }
  #header_nav li:first-child {
    padding-left: 15px;
  }
  #header_nav li:last-child {
    padding-right: 15px;
  }

}

/* --------------------------------------
  footer
--------------------------------------- */
/*----- morelink -----*/
.more_link_area {
  overflow:hidden;
  position:relative
}
.more_link_area::after {
  content:"";
  background-image:url(../image/23AWcollection_bgimg.jpg);
  background-position:center center;
  background-size:cover;
  position:absolute;
  top:0;
  right:0;
  left:0;
  bottom:0;
  z-index:-1;
}
.footer_info p {
  color: #fff;
  font-size: 2.1rem;
  text-align: center;
  padding-top: 150px;
  letter-spacing: 2px;
}
.more_link_box {
  max-width:250px;
  padding-bottom: 15%;
  margin: 0 auto;
}
.more_link_box a {
  font-family: 'Noto Serif JP', serif;
  background-color: #485858;
  display: block;
  position: relative;
  overflow: hidden;
  text-align: center;
  font-size: 1.8rem;
  letter-spacing: 2px;
  padding: 15px;
  transition: ease .2s;
}
.more_link_box span {
  position: relative;
  z-index: 3;
  color:#D7D8D8;
}
.more_link_box a:hover span {
  color:#485858;
}
/* 背景が流れる（下から上） */
.bg-bottom:before {
  content: '';
  position: absolute;
  bottom:0;
  left: 0;
  z-index: 2;
  background-color: #485858;
  width: 100%;
  height: 0;
  transition:.4s cubic-bezier(0.8, 0, 0.2, 1) 0s;
}
.bg-bottom:hover:before{
  height: 100%;  
  background-color: #D7D8D8;
}


/*----- copyright -----*/
.footer_copy {
  font-family: 'Noto Serif JP', serif;
  /* background: #212A2F; */
  /* padding-top: 20px; */
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
  letter-spacing: 1px;
}
.footer_copy a {
	color: #fff;
  line-height: 1;
}

@media screen and (min-width: 769px) and (max-width: 1080px){}


@media (max-width: 768px) {

  .more_link_area::after {
    background-image:url(../image/23AWcollection_bgimg_sp.jpg);
  }
  .footer_info p {
    /* font-size: 2.1rem; */
    padding-top: 100px;
  }
  .more_link_box {
    padding-bottom: 35%;
  }
  .footer_copy {
    padding-top: 0x;
    padding-bottom: 90px;
    font-size: 1.3rem;
  }

}

/*アニメーション*/
/* .fadeitem {
  opacity: 0;
}
.fadeitem.active {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp20 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp20 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes kenburnsDownLeft {
	0% {
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	100% {
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
		transform: scale(1);
	}
} */

/*--------  page top button --------*/
/*リンクを右下に固定*/
#page-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  /*はじめは非表示*/
  opacity: 0;
  z-index: 999;
  /* transform: translateY(100px); */
}
#page-top a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  background: #f7c725;
  border-radius: 50%;
  transition: all 0.3s;
}
#page-top a:hover {  opacity: .8;}

.pagetop__arrow {
    width: 10px;
    height: 10px;
    border-top: 2px solid #364e65;
    border-right: 2px solid #364e65;
    transform: translateY(20%) rotate(-45deg);
}

/*　上に上がる動き　*/
#page-top.UpMove {
  animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/*　下に下がる動き　*/
#page-top.DownMove {
  animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 1;
    transform: translateY(100px);
  }
}

@media (max-width: 768px) {
  #page-top {
    display: none;
    right: 20px;
    bottom: 80px;
  }
  #page-top a {
    width: 40px;
    height: 40px;
  }
}

/*----- FSレコメンド -----*/
/*古いFSレコメンドのCSS*/
.top_item_list_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.top_item {
  width: 18%;
  margin: 15px 1%;
  position: relative;
}
@media screen and (max-width: 991px) {
  .top_item {
    width: 46%;
    margin: 15px 2%;
  }
}

.top_item img {
  width: 100%;
}

/**/
.top_item_price {
  margin-top: 5px;
}

.top_item_price_tax_ex {
  margin-right: 1px;
}

.top_item_price_tax_ex .en_mark {
  font-size: 13px !important;
  margin-right: 1px;
}

.top_item_price_tax_ex .tax_ex_price {
  font-weight: 600;
  font-size: 13px;
}

.top_item_price_tax_in::before {
  content: "(";
  font-size: 12px;
}

.top_item_price_tax_in::after {
  content: ")";
  font-size: 12px;
}

.top_item_price_tax_in .tax_in_label {
  font-size: 10px;
}

.top_item_price_tax_in .en_mark::before {
  content: ":";
  font-size: 13px;
  margin-right: 2px;
}

.top_item_price_tax_in .en_mark {
  font-size: 13px;
}

.top_item_price_tax_in .tax_in_price {
  font-size: 12px !important;
}

/*税抜き表示のみのフューチャーレコメンドCSS*/
.top_item_price .b-price {
  height: 32px;
  line-height: 32px;
  font-weight: 600;
  top: 0;
  color: #252222;
  display: block;
  font-size: 15px;
  text-align: left;
  position: relative;
}

.top_item_price .en_mark {
  font-size: 10px;
}

.top_item_price .tax_in_price {
  font-size: 12px;
}



/* --------------------------------------
  Generic class
--------------------------------------- */
.section:after,
.container:after,
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.section,
.container,
.clearfix {zoom:1;}

.only_pc {display: block;}
.only_pc_tb {display: block;}
.only_tb {display: none;}
.only_tb_sp {display: none;}
.only_sp {display: none;}
@media screen and (min-width: 769px) and (max-width: 1080px){
	.only_pc {display: none;}
	.only_pc_tb {display: block;}
	.only_tb {display: block;}
	.only_tb_sp {display: block;}
	.only_sp {display: none;}
}
@media only screen and (max-width: 768px) {
	.only_pc {display: none;}
	.only_pc_tb {display: none;}
	.only_tb {display: none;}
	.only_tb_sp {display: block;}
	.only_sp {display: block;}
}

/* margin -----------------------------*/
/*ユーティリティクラス-----------------------------*/
/*color*/
.u-text-red {
  color: var(--c-red-color);
}

/*weight*/
.u-text-bold {
  font-weight: 600;
}

/*下線リンク*/
.u-underline-link {
  text-decoration: underline;
}
.u-underline-link:hover {
  text-decoration: none;
}

.u-underline-blue-link {
  text-decoration: underline;
  color: var(--c-middle-blue-color);
}
.u-underline-blue-link:hover {
  text-decoration: none;
}

/*背景色*/
.u-bg-light-gray {
  background-color: var(--c-light-gray-color);
}

.u-bg-dark-gray {
  background-color: var(--c-dark-gray-color);
}

/*margin-bottom*/
.u-mb-0 {
  margin-bottom: var(--c-spacing-0); /* 0px */
}

.u-mb-half-1 {
  margin-bottom: var(--c-spacing-half-1); /* 4px */
}

.u-mb-1 {
  margin-bottom: var(--c-spacing-1); /* 8px */
}

.u-mb-2 {
  margin-bottom: var(--c-spacing-2); /* 16px */
}
@media screen and (max-width: 991px) {
  .u-mb-2 {
    margin-bottom: var(--c-spacing-1); /* Decrease to 8px */
  }
}

.u-mb-3 {
  margin-bottom: var(--c-spacing-3); /* 24px */
}
@media screen and (max-width: 991px) {
  .u-mb-3 {
    margin-bottom: var(--c-spacing-2); /* Decrease to 16px */
  }
}

.u-mb-4 {
  margin-bottom: var(--c-spacing-4); /* 32px */
}
@media screen and (max-width: 991px) {
  .u-mb-4 {
    margin-bottom: var(--c-spacing-3); /* Decrease to 24px */
  }
}

.u-mb-5 {
  margin-bottom: var(--c-spacing-5); /* 48px */
}
@media screen and (max-width: 991px) {
  .u-mb-5 {
    margin-bottom: var(--c-spacing-4); /* Decrease to 32px */
  }
}

.u-mb-6 {
  margin-bottom: var(--c-spacing-6); /* 64px */
}
@media screen and (max-width: 991px) {
  .u-mb-6 {
    margin-bottom: var(--c-spacing-5); /* Decrease to 48px */
  }
}

.u-mb-7 {
  margin-bottom: var(--c-spacing-7); /* 96px */
}
@media screen and (max-width: 991px) {
  .u-mb-7 {
    margin-bottom: var(--c-spacing-6); /* Decrease to 64px */
  }
}

.u-mb-8 {
  margin-bottom: var(--c-spacing-8); /* 128px */
}
@media screen and (max-width: 991px) {
  .u-mb-8 {
    margin-bottom: var(--c-spacing-7); /* Decrease to 96px */
  }
}

.u-mb-9 {
  margin-bottom: var(--c-spacing-9); /* 192px */
}
@media screen and (max-width: 991px) {
  .u-mb-9 {
    margin-bottom: var(--c-spacing-8); /* Decrease to 128px */
  }
}
.u-mb-10 {
  margin-bottom: var(--c-spacing-10); /* 256px */
}
@media screen and (max-width: 991px) {
  .u-mb-10 {
    margin-bottom: var(--c-spacing-9); /* Decrease to 192px */
  }
}

/* padding ----------------------------- */
.pd00 {padding: 0!important;}
/* padding-top */
.pdt00 {padding-top: 0!important;}
.pdt10 {padding-top: 10px!important;}
.pdt50 {padding-top: 50px!important;}
.pdt150 {padding-top: 150px!important;}
/* padding-right */
.pdr00 {padding-right: 0!important;}
/* padding-bottom */
.pdb00 {padding-bottom: 0!important;}
.pdb10 {padding-bottom: 10!important;}
.pdb50 {padding-bottom: 50!important;}
/* padding-left */
.pdl00 {padding-left: 0!important;}

.flr {float: right;}
.fll {float: left;}
.clb {clear: both;}
.cll {clear:left;}
.clr {clear:right;}

.tac {text-align: center!important;}
.tar {text-align: right!important;}
.tal {text-align: left!important;}

.fwb {font-weight: 700!important;}
.fwm {font-weight: 500!important;}
.fwn {font-weight: 400!important;}

.wsn {white-space: nowrap!important;}

/* font ------------------------------- */

/* font-size */
.f_size14 { font-size: 1.4rem; }
.f_size15 { font-size: 1.5rem; }
.f_size16 { font-size: 1.6rem; }
.f_size18 { font-size: 1.8rem; }
.f_size23 { font-size: 2.3rem; }
.f_size26 { font-size: 2.6rem; }
.f_size30 { font-size: 3rem; }

/* color-list ----------------------------- */
.color01 {color: #a30000;}/*red*/
.color02 {color: #46474b;}/*gray01*/
.color03 {color: #747476;}/*gray02*/
.color04 {color: #35386b;}/*navy*/

.f_weight700 {
  font-weight: 700;
}

/* Generic class --END-- */