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

.wrapper { width: 100%; max-width: 1920px; margin: 0 auto; }

.mplus { font-family: 'M PLUS 1p', 'Noto Sans JP', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif; }

/**************************************
						コ ン テ ン ツ
**************************************/
.header { position: fixed; top: 0; left: 0; width: 100%; min-height: 5.0rem; background-color: #000; z-index: +2; }
.header .infoArea { width: 100%; display: flex; justify-content: space-between; align-items: center; border-bottom: solid 2px #E62D18; }
.header .infoArea h1 { font-size: 1.0rem; font-weight: 700; line-height: 5.0rem; padding: 0 2.0rem; position: relative; }
.header .infoArea h1 span { color: #E62D18; }
.header .infoArea h1 a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; text-indent: -9999px; }
.header .infoArea .navBtn { color: #CCC; font-size: 0.8rem; font-weight: 300; line-height: 5.0rem; padding: 0 2.0rem; }
.header .infoArea .navBtn:hover { cursor: pointer; color: #FEFEFE; }
.header .navArea { background-color: #E62D18; display: none; max-height: calc(100vh - 5rem); overflow: auto; }
.header .navArea div { display: flex; flex-wrap: wrap; justify-content: space-around; }
.header .navArea div div { width: 50%; padding: 1.0rem; }
.header .navArea div div img { width: 100%; height: auto; }
.header .navArea div div p { font-size: 1.0rem; font-weight: 400; text-align: center; }
.header .navArea div div a, .header .navArea div div a:visited { color: #FEFEFE; }
.header .navArea div div a:hover { text-decoration: underline; }
@media (min-width: 768px) { .header .navArea div div { width: 33.33333%; } }
@media (min-width: 992px) { .header .navArea div div { width: 25%; } }

.itemBox { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; margin-top: -5.0rem; padding-top: 5.0rem; }
.itemBox .itemName { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 5.0rem; }
.itemBox .itemName h2 { position: relative; width: 100%; text-align: center; }
.itemBox .itemName h2::before { position: absolute; content: ""; width: 90%; height: 14px; top: 50%; left: 50%; transform: translate(-50%, -50%); border-bottom: double 10px #E62D18; }
.itemBox .itemName h2 span { position: absolute; top: 50%; left: 50%; z-index: +1; background-color: #000; transform: translate(-50%, -50%); display: block; padding: 0.5rem 1.0rem; font-size: 1.2rem; line-height: 1.2rem; font-weight: 500; width: 15.5rem; }
@media (min-width: 992px) { .itemBox .itemName h2 { transform: rotate(90deg); } }
@media (min-width: 576px) { .itemBox .itemName h2::before { width: 80%; }
  .itemBox .itemName h2 span { width: auto; } }
@media (min-width: 992px) { .itemBox .itemName { width: 10%; }
  .itemBox .itemName h2::before { width: 380%; }
  .itemBox .itemName h2 span { width: 15.5rem; } }
.itemBox .itemImg { width: 100%; display: flex; flex-wrap: wrap; }
.itemBox .itemImg .mainImg { width: 100%; font-size: 0; }
.itemBox .itemImg .mainImg img { width: 100%; height: auto; }
.itemBox .itemImg .tbnImg ul li { display: inline-block; width: 25%; }
.itemBox .itemImg .tbnImg ul li img { width: 100%; height: auto; }
@media (min-width: 992px) { .itemBox .itemImg { width: 90%; }
  .itemBox .itemImg .mainImg { width: 75%; }
  .itemBox .itemImg .tbnImg { width: 25%; }
  .itemBox .itemImg .tbnImg ul li { width: 50%; } }
.itemBox .cartBtn { position: relative; width: 100%; background-color: #E62D18; font-size: 1.2rem; line-height: 5.0rem; text-align: center; font-weight: 400; transition: .4s; }
.itemBox .cartBtn:hover { background-color: #B32312; }
.itemBox .cartBtn a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px; }

/**************************************
							店 舗 情 報
**************************************/
#shop { background: url("../img/bg.jpg") repeat; background-attachment: fixed; color: #FEFEFE; background-color: #333; }

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

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

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

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

.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; }