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

.bgbk { background-color: #000; }

.bggray { background-color: #333; }

.box .row { align-items: center; }
.box .row div[class^="col-"] { display: flex; align-items: center; justify-content: center; color: #FEFEFE; }
.box .row div[class^="col-"] p { font-size: 1.0rem; font-weight: 500; line-height: 1.6rem; }

h1 { font-size: 0; }

h2, h3 { font-weight: 900; font-size: 2.0rem; line-height: 2.4rem; }

h3 { font-size: 1.6rem; line-height: 2.0rem; position: relative; padding-left: 20px; }
h3::before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); height: 90%; width: 7px; background-color: #D52B1E; content: ""; border-radius: 3.5px; }
@media (min-width: 992px) { h3 { font-size: 2.0rem; line-height: 2.4rem; } }

/**************************************
						コ ン テ ン ツ
**************************************/
.color { text-align: right; z-index: 999; }
.color p { font-size: 1.0rem; font-weight: 700; }
@media (min-width: 992px) { .color p { font-size: 1.6rem; } }
.color li { display: inline-block; width: 20px; margin-left: 0.5rem; }
.color li img { width: 100%; border: solid 1px #999; border-radius: 10px; }
@media (min-width: 992px) { .color li img { border-radius: 17.5px; } }
@media (min-width: 992px) { .color li { width: 35px; } }

.btn { background-color: #D52B1E; z-index: 9999; }
.btn .container p { text-align: center; border: solid 2px #FEFEFE; color: #FEFEFE; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 1.4rem; font-weight: 500; transition: 0.4s; position: relative; }
.btn .container p:hover { background-color: #FEFEFE; color: #D52B1E; }
.btn .container p a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px; }

/**************************************
							店 舗 情 報
**************************************/
.shopinfo { background-color: #EEE; }
.shopinfo h4 { font-size: 2.0rem; font-weight: 700; text-align: center; }
.shopinfo img { width: 100%; }
.shopinfo p { width: 100%; margin: 0; margin-bottom: 1.5rem; font-size: 1.2rem; padding: 0.5rem 0; padding-left: 2.0rem; text-indent: -2.0rem; position: relative; line-height: 1.4rem; }
.shopinfo p::after { content: ""; position: absolute; bottom: -1px; left: 0; display: block; width: 100%; height: 1px; border-bottom: dashed 1px #333; }
.shopinfo p:last-child { margin-bottom: 0; }
.shopinfo p span { font-size: 0.8rem; margin-right: 0.5rem; vertical-align: middle; }
.shopinfo p span[class^="icon-"] { font-size: 1.6rem; }
.shopinfo p a, .shopinfo p a:visited { color: #333; transition: 0.4s; }
.shopinfo p a:hover, .shopinfo p a:visited:hover { color: #F7E380; }
@media (min-width: 992px) { .shopinfo p { text-align: left; font-size: 1.0rem; vertical-align: middle; padding: 0.25rem 0; }
  .shopinfo p::after { left: -2.0rem; }
  .shopinfo p span[class^="icon-"] { font-size: 1.7rem; }
  .shopinfo img { padding-right: 1.0rem; } }

/**************************************
							フ ッ タ ー
**************************************/
.footer { width: 100%; text-align: center; line-height: 2.4rem; font-size: 0.6rem; font-weight: 500; background: #333; color: #FEFEFE; }