@charset "UTF-8";
/**************************************
							共 通 項 目
**************************************/
body { background-color: #000; color: #FEFEFE; }

/**************************************
						      大 枠
**************************************/
.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%; border-bottom: solid 2px #D52B1E; position: fixed; top: 0; left: 0; z-index: 9999; background-color: #000; }
.wrapper .naviArea .header { width: 100%; display: flex; align-items: center; justify-content: space-between; }
.wrapper .naviArea .header .logo { height: 80px; width: 153px; }
.wrapper .naviArea .header .logo img { height: 100%; width: auto; }
.wrapper .naviArea .globalNavi { display: none; position: absolute; top: 80px; }
.wrapper .mainContent { width: 100%; margin-top: 80px; }
.wrapper #st1957-349kg, .wrapper #st1957-329kg, .wrapper #st1955, .wrapper #st1960, .wrapper #st1964-refin, .wrapper #st1971, .wrapper #tl1968, .wrapper #tl1969, .wrapper #jm1961, .wrapper #jm1964, .wrapper #jm1965, .wrapper #jm1966, .wrapper #mg1974, .wrapper #jg1966-67, .wrapper #st1956, .wrapper #st1970, .wrapper #st1961, .wrapper #jg1965, .wrapper #st1958, .wrapper #jm1965_2, .wrapper #jg1964, .wrapper #jg1965lpb, .wrapper #jm1965car, .wrapper #st1961bld, .wrapper #jg1967, .wrapper #tl1975, .wrapper #st1955-2, .wrapper #st1959, .wrapper #st1961-refin, .wrapper #mg1965, .wrapper #shop { 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: #222 transparent; scrollbar-width: thin; }
  .wrapper .naviArea::-webkit-scrollbar { width: 7px; background-color: transparent; }
  .wrapper .naviArea::-webkit-scrollbar-thumb { background-color: #222; border-radius: 7px; }
  .wrapper .naviArea .header .logo { width: 100%; height: auto; border-bottom: solid 2px #D52B1E; display: flex; align-items: center; justify-content: center; }
  .wrapper .naviArea .header .logo img { width: 70%; height: auto; min-height: 1px; }
  .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 #st1957-349kg, .wrapper #st1957-329kg, .wrapper #st1955, .wrapper #st1960, .wrapper #st1964-refin, .wrapper #st1971, .wrapper #tl1968, .wrapper #tl1969, .wrapper #jm1961, .wrapper #jm1964, .wrapper #jm1965, .wrapper #jm1966, .wrapper #mg1974, .wrapper #jg1966-67, .wrapper #st1956, .wrapper #st1970, .wrapper #st1961, .wrapper #jg1965, .wrapper #st1958, .wrapper #jm1965_2, .wrapper #jg1964, .wrapper #jg1965lpb, .wrapper #jm1965car, .wrapper #st1961bld, .wrapper #jg1967, .wrapper #tl1975, .wrapper #st1955-2, .wrapper #st1959, .wrapper #st1961-refin, .wrapper #mg1965, .wrapper #shop { margin-top: 0; padding-top: 0; }
  .wrapper #st1957-349kg a:hover img, .wrapper #st1957-329kg a:hover img, .wrapper #st1955 a:hover img, .wrapper #st1960 a:hover img, .wrapper #st1964-refin a:hover img, .wrapper #st1971 a:hover img, .wrapper #tl1968 a:hover img, .wrapper #tl1969 a:hover img, .wrapper #jm1961 a:hover img, .wrapper #jm1964 a:hover img, .wrapper #jm1965 a:hover img, .wrapper #jm1966 a:hover img, .wrapper #mg1974 a:hover img, .wrapper #jg1966-67 a:hover img, .wrapper #st1956 a:hover img, .wrapper #st1970 a:hover img, .wrapper #st1961 a:hover img, .wrapper #jg1965 a:hover img, .wrapper #st1958 a:hover img, .wrapper #jm1965_2 a:hover img, .wrapper #jg1964 a:hover img, .wrapper #jg1965lpb a:hover img, .wrapper #jm1965car a:hover img, .wrapper #st1961bld a:hover img, .wrapper #jg1967 a:hover img, .wrapper #tl1975 a:hover img, .wrapper #st1955-2 a:hover img, .wrapper #st1959 a:hover img, .wrapper #st1961-refin a:hover img, .wrapper #mg1965 a:hover img { cursor: zoom-in; } }

/************************************* ナ ビ ゲ ー シ ョ ン エ リ ア
**************************************/
/***SP用ナビ開閉ボタン***/
.gnav_btn { font-size: 0px; display: flex; justify-content: space-between; align-items: center; padding: 0; }
.gnav_btn p { font-size: 1.2rem; color: #FEFEFE; background-color: #333; line-height: 2.0rem; position: relative; font-weight: 700; }
.gnav_btn p span { font-size: 0.8rem; font-weight: 500; }
.gnav_btn p::after { content: ""; display: block; position: absolute; top: 0; right: -2.0rem; width: 0; height: 0; border-style: solid; border-width: 2.0rem 0 2.0rem 2.0rem; border-color: transparent transparent transparent #333; }

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

#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; padding: 1.0rem; }
.globalNavi li { font-size: 1.6rem; font-weight: 400; font-family: 'Lato','Noto Sans JP', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif; }
.globalNavi li img { width: 100%; height: auto; }
.globalNavi li span.new { font-size: 1.4rem; font-weight: 700; color: #FFF000; }
.globalNavi li a, .globalNavi li a:visited { color: #FEFEFE; }
.globalNavi li a:hover { text-decoration: underline; }
.globalNavi li[class$="trigger"]:hover { cursor: pointer; }
.globalNavi li[class$="trigger"] span { position: relative; font-weight: 700 !important; font-size: 2.2rem !important; color: #FEFEFE !important; }
.globalNavi li[class$="trigger"] span::after { position: absolute; top: 50%; right: -2.3rem; transform: translateY(-50%); content: "▼"; font-size: 1.8rem; color: #FEFEFE; }
.globalNavi li[class$="trigger"] span.close::after { position: absolute; top: 50%; right: -2.3rem; transform: translateY(-50%); content: "▲"; font-size: 1.8rem; color: #FEFEFE; }
.globalNavi li[class$="trigger"] > span.new::before { position: absolute; top: 50%; right: -7.3rem; transform: translateY(-50%); content: "Update"; font-size: 1.4rem; font-weight: 700; color: #28BD68; }
.globalNavi div[class$="groupe"] { display: none; }
@media (min-width: 992px) { .globalNavi { background-color: transparent; height: auto; }
  .globalNavi li { font-size: 1.3vw; }
  .globalNavi li[class$="trigger"] span { font-size: 1.9vw !important; }
  .globalNavi li[class$="trigger"] span::after { right: -1.5vw; font-size: 1.0vw; }
  .globalNavi li[class$="trigger"] span.close::after { right: -1.5vw; font-size: 1.0vw; }
  .globalNavi li[class$="trigger"] > span.new::before { right: -6.3vw; font-size: 1.3vw; color: #D52B1E; }
  .globalNavi li span.new { font-size: 1.3vw; font-weight: 700; color: #FFF000; } }

/**************************************
				メ イ ン コ ン テ ン ツ
**************************************/
.mainImg { position: relative; }
.mainImg img { width: 100%; height: auto; }
.mainImg p { font-size: 6.0vw; line-height: 6.2vw; font-family: 'Lato','Noto Sans JP', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif; font-weight: 700; position: absolute; bottom: 1.0rem; left: 1.0rem; text-shadow: 3px 3px 7px #111; }
.mainImg p > span { font-size: 4.0vw; font-weight: 400; line-height: 5.0vw; display: block; }
@media (min-width: 1920px) { .mainImg p { font-size: 8.0rem; line-height: 8.4rem; }
  .mainImg p > span { font-size: 6.0rem; line-height: 7.0rem; } }

.tbnImg { display: flex; flex-wrap: wrap; }
.tbnImg li { width: 25%; margin: 0; padding: 0; }
.tbnImg li img { width: 100%; height: auto; }

.cartBtn { width: 100%; margin: 0; padding: 0; text-align: center; position: relative; font-size: 1.4rem; font-weight: 400; line-height: 4.0rem; border: solid 2px #D52B1E; border-radius: 2.0rem; transition: .4s; }
.cartBtn:hover { background-color: #D52B1E; }
.cartBtn a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px; }

/**************************************
							店 舗 情 報
**************************************/
#shop > div { background-color: #D52B1E; color: #FEFEFE; }

#shop .row { align-items: center; }

.shopinfo { text-align: center; }
.shopinfo .shopinfo-txt1 { font-family: 'Open Sans', sans-serif; font-size: 2.4rem; font-weight: 800; letter-spacing: -0.1rem; line-height: 1.0; }
.shopinfo .shopinfo-txt2 { font-size: 1.2rem; font-weight: 700; line-height: 2.0rem; }
.shopinfo p.shopelement { padding-top: 0.5rem; margin: 1.0rem auto 0 auto; border-top: 0.1rem solid #FEFEFE; font-size: 0.9rem; text-align: left; width: 100%; }
.shopinfo p.shopelement span { display: block; margin-bottom: 0.3rem; font-family: 'Open Sans', sans-serif; font-size: 1.2rem; font-weight: 800; letter-spacing: -0.1rem; }
@media (min-width: 576px) { .shopinfo p.shopelement { width: 40%; display: inline-block; }
  .shopinfo p.shopelement:nth-child(odd) { margin-right: 2.0rem; } }
@media (min-width: 992px) { .shopinfo { text-align: left; }
  .shopinfo p.shopelement { width: 100%; }
  .shopinfo p.shopelement:nth-child(odd) { margin-right: 0; } }
@media (min-width: 1200px) { .shopinfo .shopinfo-txt1 { font-size: 3.0rem; }
  .shopinfo .shopinfo-txt2 { font-size: 1.6rem; line-height: 2.4rem; } }

.shopinfo a, .shopelement a { color: #FEFEFE; transition: color .3s ease-out; }

.shopinfo a:hover, .shopelement a:hover { color: #000; }

.mapimg { text-align: center; }

.mapimg img { width: 100%; height: auto; }

.copyright { color: #CCC; width: 100%; font-size: 1.0rem; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; }