@charset "UTF-8";
/*
       multi-class
========================================================================== */
html {  font-size: 14px;}
body {
  width: 100%;
  font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", YuGothic, Osaka, "ＭＳ Ｐゴシック", "メイリオ", Meiryo, "MS PGothic", sans-serif;
  line-height: 1.6;
  box-sizing: border-box;
  font-weight: 300;
  color: #494955;
  letter-spacing: 0.08em;
}
.page_wrapper {
  overflow: hidden;
}
a {
  text-decoration: none;
  color: #494955;
}
.cf:after {
  display: block;
  content: "";
  clear: both;
}
img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.pagetop {
  overflow: hidden;
  position: fixed;
  bottom: 6.4vw;
  right: 0;
  width: 8vw;
}
.pagetop:hover {
  opacity: .6;
}
.d_pc {
  display: none!important;
}
#content {
  margin-top: 16vw;
}
section .inner {
  padding-left: 6vw;
  padding-right: 6vw;
}

/* .sidr */
.sidr {
  background: #958c7a !important;
  box-shadow: none !important;
}
.sidr ul {
  border-bottom: none !important;
  border-top: none !important;
}
.sidr ul li {
  border-bottom: none !important;
  border-top-color: #7a7261 !important;
}
#sidr ul li {
  line-height: 1.2;
}
#sidr ul li a {
  display: block;
  padding: 18px 10px;
}
/* スクロールCSS */
.fade-in {
  opacity: 0;
  transition-duration: 800ms;
  transition-property: opacity, transform;
}
.fade-in-up {  transform: translate(0, 50px);}
.fade-in-down {  transform: translate(0, -50px);}
.fade-in-left {  transform: translate(-50px, 0);}
.fade-in-right {  transform: translate(50px, 0);}
.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}

/*
     フォント
========================================================================== */
.gothic {    font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", YuGothic, Osaka, "ＭＳ Ｐゴシック", "メイリオ", Meiryo, "MS PGothic", sans-serif!important;}
.serif {  font-family: 'Noto Serif JP', serif!important;}
.figtree {  font-family: 'Figtree', sans-serif!important;}
.cormo {	font-family: 'Cormorant Infant', serif!important; line-height: 1.4;}
.castoro {	font-family: 'Castoro', serif!important;}

/*
     画像
========================================================================== */
.fade {
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.img_right {
  float: right;
  margin: 0 0 10px 15px;
}
.img_left {
  float: left;
  margin: 0 15px 10px 0;
}
.alignC {  text-align: center;}
.alignR {  text-align: right !important;}
.alignL {  text-align: left !important;}
.img_1col_A {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.img_2col_A,
.img_4col_A {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.img_2col_A > * {
  width: 50%;
}
.img_4col_A > * {
  width: 25%;
}
.img_2col_B {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.img_2col_B > * {
  width: 49%;
}
.video_cont_wrap {
  max-width: 100%;
}
.video_cont_wrap video {
  width: 100%;
}

/*
     見出し
========================================================================== */
.ttl_A {
  margin-bottom: 8vw;
	text-align: center;
  font-size: 6.2vw;
  line-height: 1.2;
  letter-spacing: 0.08em;
}
.ttl_B {
  margin-bottom: 8vw;
	text-align: center;
  font-size: 5.4vw;
  line-height: 1.2;
  font-weight: 300;
  letter-spacing: 0.1em;
}
.ttl_C {
  margin-bottom: 3.8vw;
  padding-bottom: 0.6em;
	text-align: center;
  font-size: 4.2vw;
  line-height: 1.2;
  font-weight: 300;
  letter-spacing: 0.1em;
  border-bottom: 1px solid #494955;
}
.ttl_D {
  margin-bottom: 4vw;
	text-align: center;
  font-size: 4.2vw;
  line-height: 1.2;
  font-weight: 300;
  letter-spacing: 0.1em;
}
.ttl_E {
  margin-bottom: 4vw;
	text-align: center;
  font-size: 4vw;
  line-height: 1.2;
  font-weight: 300;
  letter-spacing: 0.1em;
}
.ttl_F {
  margin-bottom: 3vw;
  font-size: 3.8vw;
  line-height: 1.6;
  font-weight: 300;
  letter-spacing: 0.1em;
  padding-left: 1em;
  text-indent: -1em;
}
.ttl_F::before {
  display: inline;
  content: '◆';
}
.ttl_G {
  margin-bottom: 3vw;
  font-size: 5.5vw;
  line-height: 1.3;
  font-weight: 500;
  letter-spacing: 0.1em;
}
.ttl_H {
  margin-bottom: 4vw;
  padding-bottom: 0.3em;
  font-size: 4.6vw;
  line-height: 1.3;
  letter-spacing: 0.1em;
  border-bottom: 1px solid #b3b3b3;
}
.ttl_I { /* SALE, SPECIAL PRICE */
  margin: 0 auto 6.6667vw;
  width: 70vw;
  padding-bottom: 0.2em;
  font-size: 7vw;
  text-align: center;
  line-height: 1.3;
  letter-spacing: 0.1em;
  border-bottom: 1px solid #b3b3b3;
}
.ttl_J { /* BELT & GOODS */
  margin-bottom: 6.6667vw;
  text-align: center;
  position: relative;
  width: 100%;
}
.ttl_J::before {
  content: '';
  display: block;
  width: 100vw;
  position: absolute;
  top: 50%;
  left: -6%;
  border-bottom: 1px solid #b3b3b3;
}
.ttl_J span {
  display: inline-block;
  padding: 0 3vw;
  font-size: 6vw;
  background: #fff;
  position: relative;
  z-index: 1;
  letter-spacing: 0.08em;
}
.ttl_K {
  display: block;
  margin-bottom: 6vw;
  padding-left: 12px;
  font-size: 5vw;
  letter-spacing: 0.1em;
  line-height: 1.3;
  border-left: 5px solid #494955;
}

.ttl_sub_A {
  margin-bottom: 8vw;
	text-align: center;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #a4a4aa;
}
.ttl_A + .ttl_sub_A {  margin-top: -5vw;}
.ttl_B + .ttl_sub_A {  margin-top: -5vw;}
.ttl_D + .ttl_sub_A {  margin-top: -5vw;}

/*
     ナビゲーション
========================================================================== */
.low_nav {
  margin-bottom: 10vw;
}
.low_nav ul {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  font-size: 3vw;
}
.low_nav ul::after {
  display: inline-block;
  content: '｜';
  margin-left: 0.5em;
  margin-right: -0.6em;
  color: #999;
}
.low_nav ul li {
  margin-bottom: 0.7em;
}
.low_nav ul li a {
  position: relative;
  color: #999;
  font-size: 3vw;
  transition: all .5s;
}
.low_nav ul li a::before {
  display: block;
  content: '';
  position: absolute;
  bottom: -0.4em;
  left: 0;
  width: 100%;
  height: 1.5px;
  background: #494955;
  opacity: 0;
  transition: all .5s;
}
.low_nav ul li a:hover {
  color: #494955;
  opacity: 1;
}
.low_nav ul li.active a {
  color: #494955;
}
.low_nav ul li.active a::before,
.low_nav ul li a:hover::before {
  opacity: 1;
}
.low_nav ul li::before {
  display: inline-block;
  content: '｜';
  margin: 0 0.6em;
  color: #999;
}
.low_nav ul li:first-child::before {
  margin-left: -0.5em;
}

/*
     ボタン
========================================================================== */
.btn_arrow_A_black > *,
.btn_arrow_A_gray > * {
  display: block;
  font-size: 1.123rem;
  font-weight: 700;
}
.btn_arrow_A_black > *::before,
.btn_arrow_A_gray > *::before {
  display: inline-block;
  content: '';
  margin-right: 0.2em;
  width: 13.0667vw;
  height: 2.6667vw;
  background: url("../images/common/arrow01.svg") no-repeat 0 50% / contain;
}
.btn_arrow_A_gray > *::before {
  background: url("../images/common/arrow02.svg") no-repeat 0 50% / contain;
}
.btn_right > * {
  text-align: right;
}
.btn_wide_A a {
  margin-bottom: 4vw;
}
.btn_A_navy {
  text-align: center;
}
.btn_A_navy > * {
  display: block;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
  padding: 4vw;
  font-size: 3.4vw;
  text-align: center;
  color: #fff;
  letter-spacing: 0.1em;
  background: #0e0e3a;
  line-height: 1.3;
  border-radius: 2vw;
}
.btn_B_black {
  text-align: center;
}
.btn_B_black > * {
  display: inline-block;
  margin: 0 auto;
  padding: 1.2em;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  letter-spacing: 0.2em;
  background: #333;
  line-height: 1.3;
}
.btn_C_black {
  text-align: center;
}
.btn_C_black > * {
  display: inline-block;
  margin: 0 auto;
  padding: 0.5em 1em;
  min-width: 43vw;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  font-weight: bold;
  background: #333;
  line-height: 1.3;
  border-radius: 30px;
}

/*
     テーブル
========================================================================== */
.table_A,
.table_B {
  width: 100%;
  font-size: 0.9rem;
}
.table_A th {
  text-align: center;
  background: #ededee;
  padding: 3vw 2vw;
  font-weight: 600;
}
.table_A td {
  padding: 3vw 2vw;
  border-bottom: 1px solid #b3b3b3;
}
.table_B {
  border-top: 1px solid #b3b3b3;
}
.table_B th,
.table_B td {
  padding: 3vw 1vw;
  border-bottom: 1px solid #b3b3b3;
}
.table_dl_A dt {
  margin-bottom: 3vw;
  padding: 2.5vw 4vw;
  background: #ededee;
  border-top: 1px solid #b3b3b3;
}
.table_dl_A dd {
  padding-left: 4vw;
  margin-bottom: 6vw;
}
table tr.line_dot th,
table tr.line_dot td {
  border-bottom: 1px dotted#b3b3b3;
}
.table_wrap_A,
.table_wrap_B,
.table_wrap_C,
.table_wrap_D {
  width: 100%;
  overflow-x: scroll;
}
.table_wrap_A table {
  width: 150vw;
}
.table_wrap_B table {
  width: 220vw;
}
.table_wrap_C table {
  width: 120vw;
}
.table_wrap_D table {
  width: 100vw;
}

.tAlignL {  text-align: left !important;}
.tAlignC {  text-align: center !important;}
.tAlignR {  text-align: right !important;}
.tVAlignT {  vertical-align: top !important;}
.tVAlignM {  vertical-align: middle !important;}
.tVAlignB {  vertical-align: bottom !important;}

/*
     リスト
========================================================================== */
.list_num li {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 1.5em;
}
.list_dot li {
  list-style: disc;
  margin-left: 1.5em;
}
.list_arrow li {
  list-style: none;
  padding-left: 1em;
  text-indent: -1em;
}
.list_arrow li::before {
  display: inline;
  content: '▶';
}
.list_note li,
.list_circle li {
  list-style: none;
  padding-left: 1em;
  text-indent: -1em;
}
.list_note li::before {
  display: inline;
  content: '※';
}
.list_circle li::before {
  display: inline;
  content: '●';
}
.list_hyphen li {
  list-style: none;
  padding-left: 0.6em;
  text-indent: -0.6em;
}
.list_hyphen li::before {
  display: inline;
  content: '–';
}
.list_flow dt {
  margin-bottom: 1.5vw;
  font-size: 3.8vw;
}
.list_flow dd {
  margin-bottom: 5vw;
  padding-left: 1.3em;
  line-height: 1.9;
  font-size: 0.857rem;
}

/*
     img+textbox
========================================================================== */
.img_column2,
.img_column3 {
  display: flex;
  justify-content: center;
  align-content: center;
}
.img_column2 img {
  width: calc(100% / 2);
}
.img_column3 img {
  width: calc(100% / 3);
}
.width_wide {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}

/*
     box
========================================================================== */
.box_A_gray {
  margin: 0 auto;
  padding: 6vw 4vw;
  width: 100%;
  box-sizing: border-box;
  background: #f0f0f0;
}
.box_B_gray {
  margin: 0 auto;
  padding: 6vw 4vw;
  width: 100%;
  box-sizing: border-box;
  background: #f3f3f5;
  border-radius: 2vw;
}
.box_B_red {
  margin: 0 auto;
  padding: 6vw 4vw;
  width: 100%;
  box-sizing: border-box;
  background: #f9f2f5;
  border-radius: 2vw;
}

/*
     テキスト
========================================================================== */
.p-link {
  color: #003e22;
  text-decoration: underline;
  margin: 0 1px;
}
.bold {  font-weight: bold;}
.txt11pt {  font-size: 0.785rem;}
.txt12pt {  font-size: 0.857rem;}
.txt13pt {  font-size: 0.928rem;}
.txt15pt {  font-size: 1.0278rem;}
.txt16pt {  font-size: 1.0278rem;}
.txt18pt {  font-size: 1.1565rem;}
.txt20pt {  font-size: 1.2852rem;}
.txt21pt {  font-size: 1.3rem;}
.txt22pt {  font-size: 1.4139rem;}
.txt23pt {  font-size: 1.4778rem;}
.txt24pt {  font-size: 1.5426rem;}
.txt30pt {  font-size: 1.6rem;}
.txt31pt {  font-size: 1.65rem;}
.txt32pt {  font-size: 1.7rem;}
.txt36pt {  font-size: 1.7rem;}

/* line height */
.lh10 {  line-height: 1;}
.lh12 {  line-height: 1.2;}
.lh13 {  line-height: 1.3;}
.lh15 {  line-height: 1.5;}
.lh16 {  line-height: 1.6;}
.lh18 {  line-height: 1.8;}
.lh20 {  line-height: 2;}

/* color */
.gray {  color: #808080!important;}
.gray_medium {  color: #666!important;}
.gray_light {  color: #a4a4aa!important;}
.red {  color: #B02500!important;}
.winered {  color: #890032!important;}
.gold {  color: #C4B36E!important;}
.brown {  color: #483e3f!important;}
.green {  color: #394d4e!important;}
.olive {  color: #676441!important;}
.white {  color: #fff!important;}

/*
     余白
========================================================================== */
.pt10 {  padding-top: 10px!important;}
.pr10 {  padding-right: 10px!important;}
.pl10 {  padding-left: 10px!important;}
.pb10 {  padding-bottom: 10px!important;}
.mb0 {  margin-bottom: 0!important;}
.mb5 {  margin-bottom: 5px!important;}
.mb10 {  margin-bottom: 10px!important;}
.mb15 {  margin-bottom: 15px!important;}
.mb20 {  margin-bottom: 5vw!important;}
.mb30 {  margin-bottom: 6vw!important;}
.mb40 {  margin-bottom: 6.5vw!important;}
.mb50 {  margin-bottom: 7vw!important;}
.mb60 {  margin-bottom: 8.5vw!important;}
.mb70 {  margin-bottom: 8.5vw!important;}
.mb80 {  margin-bottom: 9vw!important;}
.mb90 {  margin-bottom: 9.5vw!important;}
.mb100 {  margin-bottom: 11vw!important;}
.mt5 {  margin-top: 5px!important;}
.mt10 {  margin-top: 10px!important;}
.mt15 {  margin-top: 10px!important;}
.mt20 {  margin-top: 5vw!important;}
.mt30 {  margin-top: 6vw!important;}
.mr5 {  margin-right: 5px!important;}
.mr10 {  margin-right: 10px!important;}
.mr15 {  margin-right: 15px!important;}
.mr20 {  margin-right: 5vw!important;}
.mr30 {  margin-right: 6vw!important;}
.ml5 {  margin-left: 5px!important;}
.ml10 {  margin-left: 10px!important;}
.ml15 {  margin-left: 15px!important;}
.ml20 {  margin-left: 5vw!important;}
.ml30 {  margin-left: 6vw!important;}

/*
     pagenavi
========================================================================== */
.pagenavi {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 4.2vw;
}
.pagenavi .pagenavi_list {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0.5em;
}
.pagenavi .pagenavi_list li {
  margin: 0 0.5em;
  padding: 0 0.2em;
}
.pagenavi .pagenavi_list li.active {
  border-bottom: 1px solid #494955;
}
.pagenavi .prev,
.pagenavi .next {
  margin: 0 0.5em;
  width: 0;
  height: 0;
  overflow: hidden;
  border-style: solid;
}
.pagenavi .prev {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 11px solid #494955;
  border-left: 0;
}
.pagenavi .next {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 11px solid #494955;
  border-right: 0;
}

/*
     slick
========================================================================== */
/* slick-dot */
#content .slick-dotted.slick-slider {
	margin-bottom: 0;
}
#content .slick-dots {
	bottom: 1.9vw;
	z-index: 10;
}
#content .slick-dots li {
  width: 1.9vw;
	height: 1.9vw;
	margin: 0 3px;
}
#content .slick-dots li button {
  width: 1.9vw;
	height: 1.9vw;
	padding: 0;
}
#content .slick-dots li button:before {
	width: 1.9vw;
	height: 1.9vw;
	content: '';
	border-radius: 1.9vw;
	background: #B3B3B3;
	opacity: 1;
}
#content .slick-dots li.slick-active button:before {
	background: #494955;
}
/* cont_slider */
#content .cont_slider .slick-arrow {
  display: block;
  position: absolute;
  top: 30vw;
  margin: auto;
  padding: 0;
  width: 6vw;
  height: 6vw;
  color: transparent;
  z-index: 1;
  transition: opacity 0.5s;
}
#content .cont_slider .slick-arrow:hover {
  opacity: 0.8;
}
#content .cont_slider .slick-next::before,
#content .cont_slider .slick-next::after,
#content .cont_slider .slick-prev::before,
#content .cont_slider .slick-prev::after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
#content .cont_slider .slick-next::after,
#content .cont_slider .slick-prev::after {
  width: 4vw;
  height: 4vw;
  border-top: 1.5px solid #b3b3b3;
  border-right: 1.5px solid #b3b3b3;
}
#content .cont_slider .slick-next {
  right: 1.5vw;
}
#content .cont_slider .slick-next::after {
  right: 4px;
  transform: rotate(45deg);
}
#content .cont_slider .slick-prev {
  left: 1.5vw;
}
#content .cont_slider .slick-prev::after {
  left: 4px;
  transform: rotate(-135deg);
}
#content .cont_slider p {
  margin: 10px 0 20px;
  font-size: 0.857rem;
  line-height: 1.2;
  font-family: 'Noto Sans JP', serif;
}
#content .cont_slider_wrap {
  margin-left: auto;
  margin-right: auto;
  width: 640px;
  max-width: 100%;
}
#content .cont_slider_thumnail .slick-track {
  transform: unset !important;
  width: 100% !important;
  display: flex;
  justify-content: flex-start;
  flex-flow: row wrap;
}
#content .cont_slider_thumnail .slick-slide {
  display: block!important;
  float: none !important;
  margin-right: 1.5625%;
  flex: 0 0 17.1875%;
  cursor: pointer;
  opacity: 0.3;
  transition: all .5s;
}
#content .cont_slider_thumnail .slick-slide.slick-current {
  opacity: 1;
}
#content .cont_slider_thumnail .slick-track:before,
#content .cont_slider_thumnail .slick-track:after {
  display: none;
}
#content .cont_slider_B .slick-arrow {
  display: block;
  position: absolute;
  top: 50%;
  margin: auto;
  padding: 0;
  width: 6vw;
  height: 6vw;
  color: transparent;
  z-index: 1;
  transition: opacity 0.5s;
}
#content .cont_slider_B .slick-arrow:hover {
  opacity: 0.8;
}
#content .cont_slider_B .slick-next::before,
#content .cont_slider_B .slick-next::after,
#content .cont_slider_B .slick-prev::before,
#content .cont_slider_B .slick-prev::after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
#content .cont_slider_B .slick-next::after,
#content .cont_slider_B .slick-prev::after {
  width: 4vw;
  height: 4vw;
  border-top: 1.5px solid #b3b3b3;
  border-right: 1.5px solid #b3b3b3;
}
#content .cont_slider_B .slick-next {
  right: 1.5vw;
}
#content .cont_slider_B .slick-next::after {
  right: 4px;
  transform: rotate(45deg);
}
#content .cont_slider_B .slick-prev {
  left: 1.5vw;
}
#content .cont_slider_B .slick-prev::after {
  left: 4px;
  transform: rotate(-135deg);
}
#content .cont_slider_B .slick-dots {
  bottom: -5vw;
}

/*
     iOS ボタン
========================================================================== */
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/*
       01. header
========================================================================== */
header {
  width: 100%;
  padding: 6vw;
  box-sizing: border-box;
  transition: all .5s;
  background: rgba(255,255,255,0.9);
	position: fixed;
	top: 0;
	left: 0;
  z-index: 999;
}
header .logo a {
  display: block;
  overflow: hidden;
  width: 34.6667vw;
  height: 0;
  padding-top: 4vw;
  background: url("../images/common/logo.svg") no-repeat 0 0 / contain;
}
/* header_nav */
header .header_nav {
  position: absolute;
  top: 6.2vw;
  right: 16.5333vw;
  transition: all .5s;
}
header .header_nav > ul {
	display: flex;
  justify-content: flex-end;
	align-items: center;
}
header .header_nav > ul > li {
	display: flex;
  justify-content: center;
	align-items: center;
}
header .header_nav > ul > li > a {
  display: block;
  overflow: hidden;
  height: 0;
}
header .header_nav #header_nav_contact > a {
  margin-right: 4.6vw;
  width: 4.8vw;
  padding-top: 3.2vw;
  background: url("../images/common/ic_contact.svg") no-repeat 50% 50% / contain;
}
header .header_nav #header_nav_search .searchform .searchform_button {
  display: block;
  width: 3.6vw;
  padding-top: 3.6vw;
  background: url("../images/common/ic_search.svg") no-repeat 50% 50% / contain;
}
header .header_nav #header_nav_ig {
  display: none;
}
/* headerColorScroll */
header.headerColorScroll {
  padding-top: 4vw;
  padding-bottom: 4vw;
}
header.headerColorScroll .logo a {
  width: 27.73336vw;
  padding-top: 3.2vw;
}
header.headerColorScroll .header_nav,
header.headerColorScroll .navToggle {
  top: 3.8vw;
}
/* search form */
header .searchform {
  display: table;
  position: relative;
}
header .searchform_button:hover {
  cursor: pointer;
}
header .searchform_check {
  display: none;
}
header .searchform_popup {
  position: absolute;
  bottom: 40px;
  right: -11vw;
  width: 15em;
  visibility: hidden;
  pointer-events: none;
  padding: 3vw 4vw;
  background: rgba(51,51,51,0.9);
  transition: bottom 0.5s, opacity 0.5s;
  z-index: 100;
  border-radius: 2px;
  opacity: 0;
}
header .searchform_check:checked + .searchform_popup {
  bottom: -460%;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: bottom 0.5s, opacity 0.5s;
}
header .searchform_popup form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
header .searchform_popup input {
  box-sizing: border-box;
}
header .searchform_popup input[type="text"] {
  padding: 0.4em 0.8em;
  width: calc(100% - 28px);
  border: none;
  background: #fff;
}
header .searchform_popup input[type="submit"] {
  display: block;
  overflow: hidden;
  width: 18px;
  height: 0;
  padding-top: 19px;
  background: url("../images/common/ic_search_w.svg") no-repeat 50% 50% / contain;
  border: none;
  cursor: pointer;
}

/*
       02. gnav
========================================================================== */
.globalMenuSp {
  position: fixed;
  z-index: 1001;
  top: 0;
  right: 0;
  background: #0e0e3a;
  transform: translateY(-100%);
  transition: all 0.6s;
  width: 100%;
  height: 100vh;
  letter-spacing: 0.2em;
  box-sizing: border-box;
  overflow-y: scroll;
}
/* このクラスを、jQueryで付与・削除する */
.globalMenuSp.active {
  transform: translateY(0%);
	top: 0;
}
/* ハンバーガー用 */
.navToggle {
  display: block;
  position: fixed;
  right: 6vw;
  top: 6vw;
  width: 5.3333vw;
  height: 5.3333vw;
  text-align: center;
	border-radius: 2px;
  transition: all .5s;
  z-index: 9999;
}
header.headerColorScroll .navToggle {
  top: 4vw;
}
.navToggle span {
  display: block;
  position: absolute; /* .navToggleに対して */
  width: 5.3333vw;
  border-bottom: solid 0.5333vw #494955;
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
  left: 0;
  border-radius: 2px;
}
.navToggle span:nth-child(1) {
  top: 0;
}
.navToggle span:nth-child(2) {
  top: 1.6vw;
}
.navToggle span:nth-child(3) {
  top: 3.2vw;
}
.navToggle span:nth-child(4) {
  border: none;
  color: #eee;
  font-size: 9px;
  font-weight: bold;
  top: 34px;
}
/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
  top: 2vw;
  left: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-color: #fff;
}
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2), .navToggle.active span:nth-child(3) {
  top: 2vw;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  border-color: #fff;
}

/* gnav content */
.gnav {
  padding: 6vw 0;
}
header.headerColorScroll .gnav {
  padding-top: 4vw;
}
.gnav .gnav_logo {
  display: block;
  overflow: hidden;
  margin: 0 0 5.6vw 6vw;
  width: 34.6667vw;
  height: 0;
  padding-top: 4vw;
  background: url("../images/common/logo_w.svg") no-repeat 0 0 / contain;
}
header.headerColorScroll .gnav .gnav_logo {
  margin-bottom: 4.6vw;
}
.gnav nav {
  padding: 6.4vw 0 0;
  margin: 0 auto;
  width: 78.6667vw;
  border-top: 1px solid #616177;
}
.toggle {
  display: none;
}
.option {
  position: relative;
  margin-bottom: 1em;
}
.option > a {
  color: #fff;
}
.accordion_ttl,
.accordion_content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
}
.accordion_ttl {
  display: block;
  margin-bottom: 0.6em;
  color: #fff;
}
.accordion_ttl::after,
.accordion_ttl::before {
  content: "";
  position: absolute;
  right: 0.5em;
  top: 0.5em;
  width: 1px;
  height: 0.5em;
  background-color: #fff;
  transition: all 0.3s;
}
.accordion_ttl::after {
  transform: rotate(90deg);
}
.accordion_content {
  max-height: 0;
  overflow: hidden;
}
.toggle:checked + .accordion_ttl + .accordion_content {
  padding-bottom: 0.5em;
  max-height: 800px;
  transition: all 1s;
}
.toggle:checked + .accordion_ttl::before {
transform: rotate(90deg) !important;
}
.gnav ul li {
  margin-left: 1.4em;
  position: relative;
}
.gnav ul li a {
  display: block;
  font-size: 0.9rem;
  margin-bottom: 0.4em;
}
.gnav .accordion_content ul li a {
  color: #b3b3b3;
}
.gnav ul .gnav_sp a {
  margin-top: 1.5em;
  color: #cc0000!important;
}
.gnav ul .gnav_sp + .gnav_sp a {
  margin-top: 0;
}
.gnav li.all::before {
  content: '→';
  display: inline-block;
  margin-right: 0.2em;
  transform: scale(0.8, 1.2);
  color: #b3b3b3;
  position: absolute;
  top: 0;
  left: -1.4em;
}
.gnav .category {
  margin: 0 0 0.6em 1.4em;
  color: #b3b3b3;
  padding-bottom: 0.4em;
  border-bottom: 1px dotted #b3b3b3;
}
.gnav ul + .category {
  margin-top: 1.5em;
}
.gnav .gnav_sec {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #616177;
}
.gnav .gnav_sec a {
  color: #fff;
}

.gnav #gnav_shop > a {
  display: block;
  margin-bottom: 0.5em;
}
.gnav #gnav_shop ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.gnav #gnav_shop ul li:nth-child(odd) {
  margin-right: 4vw;
}
.gnav #gnav_shop ul li:nth-child(3) {
  margin-right: 18vw;
}
.gnav #gnav_other li {
  margin-left: 0;
}
.gnav #gnav_ig {
  margin-bottom: 0;
  padding-left: 9vw;
  position: relative;
  line-height: 6.4vw;
  border-bottom: none;
}
.gnav #gnav_ig::before {
  content: '';
  display: block;
  width: 6.4vw;
  height: 6.4vw;
  background: url("../images/common/ic_ig_w.svg") no-repeat 0 0 / 6.4vw;
  position: absolute;
  top: 0;
  left: 0;
}
.gnav #gnav_ig a {
  padding-left: 0.2em;
  line-height: 1;
}
.gnav #gnav_ig a::before {
  content: '│';
  display: inline;
  width: 1px;
  margin-right: 0.3em;
}
.gnav #gnav_ig a:first-child::before {
  display: none;
}

/*
       03. footer
========================================================================== */
footer .footer_nav {
  display: none;
}
footer .copy {
  padding: 6.6667vw 4vw;
  font-size: 2.5vw;
  background: #fff;
  letter-spacing: 0.1em;
  text-align: center;
}

/*
     04. top
 ========================================================================== */
#top .cont_ttl {
  margin-bottom: 6.2vw;
  text-align: center;
  font-size: 2rem;
  letter-spacing: 0.1em;
  line-height: 1;
  font-weight: 500;
}

/* mv ============================ */
#top .mv {
	position: relative;
  overflow: hidden;
}
#top .mv .mv_slider {
	height: 120vw;
}
.add-animation.slider_zoomIn {
  animation: zoomIn 10s linear 0s normal both;
}
  @keyframes zoomIn {
    0% {	transform: scale(1.15);}
    100% {	transform: scale(1);}
  }
.add-animation.slider_zoomOut {
  animation: zoomOut 10s linear 0s normal both;
}
  @keyframes zoomOut {
    0% {	transform: scale(1);}
    100% {	transform: scale(1.15);}
  }
.add-animation.slider_toLeft {
  animation: toLeft 10s linear 0s normal both;
}
  @keyframes toLeft {
    0% {	transform: translateX(5%) scale(1.2);}
    100% {	transform: translateX(-5%) scale(1.2);}
  }
.add-animation.slider_toRight {
  animation: toRight 10s linear 0s normal both;
}
  @keyframes toRight {
    0% {	transform: translateX(-5%) scale(1.2);}
    100% {	transform: translateX(5%) scale(1.2);}
  }
.add-animation.slider_toUp {
  animation: toUp 10s linear 0s normal both;
}
  @keyframes toUp {
    0% {	transform: translateY(5%) scale(1.2);}
    100% {	transform: translateY(-5%) scale(1.2);}
  }
.add-animation.slider_toDown {
  animation: toDown 10s linear 0s normal both;
}
  @keyframes toDown {
    0% {	transform: translateY(-5%) scale(1.2);}
    100% {	transform: translateY(5%) scale(1.2);}
  }

/* news ============================ */
#c_news {
	padding: 9vw 0;
	background: #F9F8F2;
}
#c_news .news_ttl {
  margin-bottom: 4vw;
	font-size: 1.7rem;
	line-height: 1;
	letter-spacing: 0.15em;
  text-align: center;
}
#c_news ul li a {
  display: block;
	margin-bottom: 1.5em;
}
#c_news ul li a .date {
  display: block;
  margin-bottom: 0.2em;
  color: #a4a4aa;
  font-weight: 700;
}

/* c_new ============================ */
#c_new {
	padding: 10.6667vw 0;
	background: #f3f3f5;
}
#c_new .new_cont_ttl {
	font-size: 4.5vw;
  text-align: center;
  letter-spacing: 0.2em;
  line-height: 11vw;
}
/* tab */
.new_tab {
  width: 100%;
}
.tab_menu {
  width: 44vw;
  height: 11vw;
  box-sizing: border-box;
  text-align: center;
  display: block;
  float: left;
  font-weight: bold;
  transition: all 0.3s ease;
  border-bottom: 1px solid #d3d3d4;
  position: relative;
}
.tab_menu_mens {
  margin-left: 6vw;
}
.tab_menu_mens::before,
.tab_menu_ladies::before {
  display: block;
  content: '';
  width: 6vw;
  height: 11vw;
  box-sizing: border-box;
  border-bottom: 1px solid #d3d3d4;
  position: absolute;
  top: 0;
  left: -6vw;
}
.tab_menu_ladies {
  margin-right: 6vw;
}
.tab_menu_ladies::before {
  left: auto;
  right: -6vw;
}
input[name="tab_menu"] {
  display: none;
}
#new_mens:checked ~ #new_mens,
#new_ladies:checked ~ #new_ladies {
  display: block;
  animation: appear 1.5s ease;
}
@keyframes appear {
    0%{
      opacity: 0;
    }
    100%{
      opacity: 1;
    }
  }
.new_tab input:checked + .tab_menu {
  border-left: 1px solid #d3d3d4;
  border-top: 1px solid #d3d3d4;
  border-right: 1px solid #d3d3d4;
  border-bottom: none;
}
.tab_contents {
  display: none;
  padding: 10vw 6vw 0;
  clear: both;
  overflow: hidden;
}
#c_new .new_item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 4vw;
}
#c_new .new_item li {
  margin-bottom: 5.6vw;
  width: 48.4848%;
  text-align: center;
}
#c_new .new_item li a {
  display: block;
}
#c_new .new_item li .thumb {
  margin-bottom: 2.9vw;
}
#c_new .new_item li .ttl {
  margin-bottom: 1.6vw;
  font-size: 3.1vw;
  line-height: 1.1;
  letter-spacing: 0.02em;
  color: #000;
}
#c_new .new_item li .shop {
  font-size: 0.78rem;
  line-height: 1.2;
  font-weight: 500;
  color: #666666;
}

/* c_feature ============================ */
#c_feature {
	padding: 10.6667vw 0;
	background: #edece3;
  overflow: hidden;
}
#c_feature .inner {
	padding-left: 16vw;
	padding-right: 16vw;
}
#c_feature .feature_list li {
	margin: 0 5vw;
}
#c_feature .feature_list li a {
	display: block;
}
#c_feature .feature_list li .thumb {
	margin-bottom: 3.2vw;
  position: relative;
  overflow: hidden;
  padding-top: 75%;
}
#c_feature .feature_list li .thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#c_feature .feature_list li .ttl {
  margin-bottom: 8px;
  font-size: 3.6vw;
  line-height: 1.4;
  letter-spacing: 0.1em;
  font-weight: 700;
}
#c_feature .feature_list li .date {
  margin-bottom: 2.4vw;
  font-size: 0.81rem;
}
#c_feature .feature_list li .txt {
  margin-bottom: 5vw;
  font-size: 0.857rem;
  line-height: 1.6;
  letter-spacing: 0.1em;
}
/* slick */
#c_feature .slick-arrow {
  display: block;
  position: absolute;
  top: 17.5vw;
  margin: auto;
  padding: 0;
  width: 2.9333vw;
  height: 6.9333vw;
  color: transparent;
  transform: scaleX(0.8);
  transition: opacity 0.5s;
  z-index: 1;
}
#c_feature .slick-arrow:hover {
  opacity: 0.8;
}
#c_feature .slick-next::before,
#c_feature .slick-next::after,
#c_feature .slick-prev::before,
#c_feature .slick-prev::after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
#c_feature .slick-next::after,
#c_feature .slick-prev::after {
  width: 5vw;
  height: 5vw;
  border-top: 1.5px solid #b3b3b3;
  border-right: 1.5px solid #b3b3b3;
}
#c_feature .slick-next {
  right: -10px;
}
#c_feature .slick-next::after {
  right: 4px;
  transform: rotate(45deg);
}
#c_feature .slick-prev {
  left: -10px;
}
#c_feature .slick-prev::after {
  left: 4px;
  transform: rotate(-135deg);
}
#c_feature .slick-list {
  overflow: visible;
}

/* c_other03 ============================ */
#c_other03 {
  padding: 8.6667vw 0 12vw;
}
#c_other03 .inner {
  padding: 0 11vw;
}
#c_other03 .other_cont {
  display: block;
  margin-bottom: 4vw;
}
#c_other03 .other_cont .txt .other_ttl {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 17.3333vw;
  background: #fff;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.714rem;
  line-height: 1;
}
#c_other03 .repair .txt .other_ttl {
  border: 0.2667vw solid #483e3f;
}
#c_other03 .archives .txt .other_ttl {
  border: 0.2667vw solid #676441;
}
#c_other03 .about .txt .other_ttl {
  border: 0.2667vw solid #394d4e;
}
#c_other03 .other_cont .txt .txt_cont {
  padding: 3.5vw 5vw;
  text-align: center;
  position: relative;
  font-size: 2.8vw;
}
#c_other03 .repair .txt .txt_cont {
  background: #483e3f;
}
#c_other03 .archives .txt .txt_cont {
  background: #676441;
  letter-spacing: 0.04em;
}
#c_other03 .about .txt .txt_cont {
  background: #394d4e;
}
#c_other03 .about .txt .txt_cont a {
  color: #fff;
}
#c_other03 .about .txt .txt_cont {
  background: #394d4e;
  padding: 4vw;
}
#c_other03 .about .txt .txt_cont a {
  color: #fff;
}
#c_other03 .about .txt .txt_cont li {
  text-align: center;
  font-size: 2.8vw;
  margin-bottom: 0.5em;
  letter-spacing: 0;
}
#c_other03 .about .txt .txt_cont li:last-child {
  margin-bottom: 0;
}
#c_other03 .repair .img {
  overflow: hidden;
  width: 100%;
}
#c_other03 .repair .img.video_wrap video {
  object-fit: cover;
  width: 100%;
  height: auto;
}

/* c_shop ============================ */
#c_shop {
  padding: 10.6667vw 0;
  background: #b7baac;
}
#c_shop .shop_list li {
  margin-bottom: 13.5vw;
  color: #000;
}
#c_shop .shop_list li:last-child {
  margin-bottom: 0;
}
#c_shop .shop_list li a {
  color: #000;
}
#c_shop .shop_list li .thumb {
  margin-bottom: 4vw;
  padding: 0 6vw;
}
#c_shop .shop_list li .category {
  font-size: 0.9rem;
}
#c_shop .shop_list li .ttl {
  padding-bottom: 5px;
  font-size: 1.714rem;
  letter-spacing: 0.1em;
}
#c_shop .shop_list li .overview {
  display: block;
  padding-bottom: 15px;
  margin-bottom: 10px;
  line-height: 1.4;
  border-bottom: 0.2667vw solid #000;
}
#c_shop .shop_list li .tel {
  font-size: 1.428rem;
}
#c_shop .shop_list li .add {
  margin-bottom: 3.5vw;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
#c_shop .shop_list li .shop_link {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#c_shop .shop_list li .ggmp {
  display: block;
  font-weight: 700;
  font-size: 1.21rem;
  letter-spacing: 0.04em;
}
#c_shop .shop_list li .ggmp::before {
  display: inline-block;
  content: '';
  margin-right: 0.4em;
  width: 16px;
  height: 22px;
  vertical-align: bottom;
  background: url("../images/common/ic_pin.svg") no-repeat 0 50% / contain;
}
#c_shop .shop_list li .more {
  display: block;
  font-size: 1.123rem;
  font-weight: 700;
}