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

.wrapper { width: 100%; max-width: 1920px; margin: 0 auto; background: url("../img/bg.jpg") center/cover no-repeat; background-attachment: fixed; color: #FEFEFE; }

h2, .mainImg h3, .shopping h3 { font-weight: 700; text-align: center; font-size: 1.2rem; }
h2 span, .mainImg h3 span, .shopping h3 span { font-weight: 300; font-size: 0.8rem; }

/**************************************
						コ ン テ ン ツ
**************************************/
.heroArea { padding: 0; }
.heroArea h1 { font-size: 0; text-align: center; }
.heroArea img { width: 100%; max-width: 80%; }
@media (min-width: 1200px) { .heroArea img { /*height: 630px; object-fit: cover;*/ max-width: 600px; } }
.heroArea .text { font-size: 1.0rem; font-weight: 300; line-height: 1.6rem; color: #EEE; }

.item { background-color: #000; display: flex; flex-wrap: wrap; }

.mainImg { width: 100%; position: relative; font-size: 0; }
.mainImg img { width: 100%; opacity: 0.5; transition: .8s; }
.mainImg img:hover { opacity: 0.8; }
.mainImg h3 { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; text-align: center; font-family: 'Manrope' , 'Noto Sans JP', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif; font-size: 3.0rem; text-shadow: 3px 3px 5px #333; }
.mainImg h3 span { font-size: 2.0rem; font-weight: 500; display: block; }
@media (min-width: 992px) { .mainImg { width: 79%; } }

.tbn { display: flex; flex-wrap: wrap; }
.tbn li { width: 20%; }
.tbn li img { width: 100%; opacity: 0.5; }
.tbn li a img:hover { opacity: 0.8; }
@media (min-width: 992px) { .tbn { width: 21%; }
  .tbn li { width: 50%; } }

.specArea { font-family: 'Manrope' , 'Noto Sans JP', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif; width: 100%; }
.specArea .container { display: none; }
.specArea h2:hover, .specArea .mainImg h3:hover, .mainImg .specArea h3:hover, .specArea .shopping h3:hover, .shopping .specArea h3:hover { cursor: pointer; }
.specArea .specification { display: flex; flex-wrap: wrap; align-items: stretch; }
.specArea .specification li { display: flex; align-items: center; font-size: 1.0rem; width: 60%; border-bottom: dashed 1px #666; padding: 0.5rem; }
.specArea .specification li:nth-child(odd) { font-weight: 700; color: #666; width: 40%; }

.shopping h3 { font-family: 'Manrope' , 'Noto Sans JP', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif; font-size: 1.6rem; }
.shopping h3 span { font-size: 0.9rem; display: block; margin-top: -1.3rem; }
.shopping ul { display: flex; flex-wrap: wrap; justify-content: center; }
.shopping ul li { width: 50%; padding: 1.0rem; font-size: 1.0rem; text-align: center; }
@media (min-width: 992px) { .shopping ul li { width: 20%; } }
.shopping ul li a, .shopping ul li a:visited { color: #FEFEFE; }
.shopping ul li a:hover { text-decoration: underline; }
.shopping ul li img { width: 100%; }

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

#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%; }

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