@charset "UTF-8";
/**************************************
							共 通 項 目
**************************************/
@media (max-width: 992px) { body.is-nav-open { overflow: hidden; } }
.bg-red { background-color: #D52B1E; }

.bg-blk { background-color: #000; }

.button { background-color: #00CB69; transition: .4s; }
.button:hover { background-color: #00B15C; }

.main-swiper .swiper-slide { background-color: #FFF; }

.tbn-swiper .swiper-slide { width: 35px; height: 35px; box-sizing: border-box; border: 2px solid transparent; }
.tbn-swiper .swiper-slide:hover { cursor: pointer; }
.tbn-swiper .swiper-slide-thumb-active { border-color: #CCC; }
.tbn-swiper .swiper-slide img { width: 100%; height: 100%; object-fit: contain; }

/**************************************
						      大 枠
**************************************/
.wrapper { width: 100%; margin: 0; padding: 0; font-size: 0; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; }
.wrapper .naviArea { width: 100%; position: fixed; top: 0; left: 0; z-index: 9999; background-color: #FFF; }
.wrapper .naviArea .header { width: 100%; display: flex; align-items: center; justify-content: space-between; }
.wrapper .naviArea .header .logo { height: 80px; width: calc(100% - 80px); position: relative; }
.wrapper .naviArea .header .logo a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px; }
.wrapper .naviArea .header .logo img { height: 100%; width: auto; max-width: 230px; }
.wrapper .naviArea .globalNavi { display: none; position: absolute; top: 80px; }
.wrapper .mainContent { width: 100%; margin-top: 80px; }
.wrapper .anchor-point { padding-top: 80px; margin-top: -80px; }
@media (min-width: 992px) { .wrapper .naviArea { width: 24%; height: 100vh; overflow-y: auto; justify-content: flex-start; flex-direction: column; border-bottom: none; scrollbar-color: #AAA #FFF; scrollbar-width: thin; background-color: #D52B1E; }
  .wrapper .naviArea::-webkit-scrollbar { width: 7px; background-color: #FFF; }
  .wrapper .naviArea::-webkit-scrollbar-thumb { background-color: #AAA; border-radius: 7px; }
  .wrapper .naviArea .header .logo { width: 100%; height: auto; display: flex; align-items: center; justify-content: center; background-color: #FFFFFF; }
  .wrapper .naviArea .header .gnav_btn { display: none; }
  .wrapper .naviArea .globalNavi { display: block; position: relative; top: 0; }
  .wrapper .mainContent { width: 76%; max-width: 1920px; position: absolute; top: 0; left: 24%; margin-top: 0; }
  .wrapper .anchor-point { margin-top: 0; padding-top: 0; } }

/************************************* ナ ビ ゲ ー シ ョ ン エ リ ア
**************************************/
/***SP用ナビ開閉ボタン***/
.gnav_btn { font-size: 0px; display: flex; justify-content: space-between; align-items: center; padding: 0; }

#panel-btn { display: inline-block; position: relative; width: 80px; height: 80px; background-color: #D52B1E; transition: 0.6s; }
#panel-btn:hover { background: #D52B1E; }

#panel-btn-icon { display: block; position: absolute; top: 50%; left: 50%; width: 15px; height: 2px; margin: -1px 0 0 -7.5px; background: #FEFEFE; transition: .2s; }
#panel-btn-icon:before, #panel-btn-icon:after { display: block; content: ""; position: absolute; top: 50%; left: 0; width: 15px; height: 2px; background: #FEFEFE; transition: .3s; }
#panel-btn-icon:before { margin-top: -7.5px; }
#panel-btn-icon:after { margin-top: 5px; }

#panel-btn #panel-btn-icon.close { background-color: transparent; }

#panel-btn.close #panel-btn-icon:before, #panel-btn.close #panel-btn-icon:after { background: #FEFEFE; }

#panel-btn .close:before, #panel-btn .close:after { margin-top: 0; }

#panel-btn .close:before { transform: rotate(-45deg); }

#panel-btn .close:after { transform: rotate(-135deg); }

/***グローバルナビ***/
.globalNavi { width: 100%; display: flex; flex-wrap: wrap; background-color: #D52B1E; z-index: 9999; height: calc(100vh - 80px); overflow-y: auto; color: #FBFACE; }
.globalNavi li { font-size: initial; font-weight: 400; line-height: 1.1; border-top: dashed 1px #E16A79; position: relative; }
.globalNavi li:first-child { border-top: none; }
.globalNavi li span { font-size: 0.8em; color: #FEFEFE; }
.globalNavi li img { width: 100%; height: auto; }
.globalNavi li a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px; }
.globalNavi li:hover { background-color: #911D14; }
@media (min-width: 992px) { .globalNavi { height: auto; } }

/**************************************
				メ イ ン コ ン テ ン ツ
**************************************/
.model-name { position: relative; font-family: "Manrope", "Robot", sans-serif; }
.model-name::before { content: ""; position: absolute; top: 50%; left: 0; width: 0.35em; height: 95%; transform: translateY(-50%); background-color: #D52B1E; display: block; }

/**************************************
							店 舗 情 報
**************************************/
.footer { background: #000; color: #FEFEFE; }
.footer .shop > p { font-size: 1.8rem; font-weight: 700; border-bottom: solid 1px #F5931E; line-height: 1.2; }
.footer .shop ul li { font-size: 1.6rem; border-bottom: dashed 1px #666; line-height: 1.3; }
.footer .shop ul li span { font-weight: 700; }
.footer .shop a, .footer .shop a:visited { color: #FEFEFE; }
.footer .shop a:hover { color: #F5931E; }

.copy { width: 100%; text-align: center; background-color: #000; color: #666; font-size: 1.4rem; }