@charset "utf-8";
/* CSS Document */

/***************************************************
                                    店 舗 情 報
***************************************************/ 
.shopinfo { background-color: #333; color: #FEFEFE; font-size: 1.4rem; font-size: clamp(1.4rem, calc(1.4rem + ((1vw - 0.234375rem) * 0.3122)), 1.6rem); line-height: 1.4; }
.shopinfo h2 {border-bottom: solid 0.15rem #555; color: #888;} 
.shopinfo h2 span {color: #FEFEFE;}

.shopinfo .btn { width: 100%; color: #FEFEFE; background-color: #FF6363; font-size: 1.4rem; height: 2.8rem; display: flex; align-items: center; justify-content: center; border-radius: 1.4rem; position: relative; transition: .4s; text-align: center;}
.shopinfo .btn:hover { background-color: #00A99D;}
.shopinfo .btn a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px;}

.shopinfo .row { align-items: center;}
.shopinfo h3 { font-family: 'Oswald', 'Raleway', sns-serif; background-color: #1f1f1f; padding:0 0.5em;  font-weight: 700;  }
.shopinfo p { font-size: 1em; padding: 0.25em 0.5em; margin-bottom: 0.5em; }
.shopinfo p span { font-size: 0.8em; font-weight: 300;}
.shopinfo p a { color: #FEFEFE;}

.bnrarea_square { overflow-x: hidden;}
.bnrarea_square .slick3 { margin-left: -0.25rem; margin-right: -0.25rem;}
.bnrarea_square a { display: block; padding: 0.25rem;}
.bnrarea_square a img { width: 100%; /*border-radius: 10%;*/}


/***************************************************
                                フ ッ タ ー
***************************************************/
.footer { background-color: #000; width: 100%; margin: 0 ; padding: 0; text-align: center;}
.footer img { width: 60%; max-width: 300px; }

.fnav { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; margin: auto; color: #FEFEFE;}
.fnav li {font-size: 1.2rem; line-height: 2.0rem; width: 100%; position: relative; padding: 0 0.5rem; box-sizing: border-box; text-align: left; border-bottom: solid 1px #333; transition: .4s;}
.fnav li:last-child { border-bottom: none;}
.fnav li:hover { background-color: #333;}
.fnav li a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -9999px;}
	@media(min-width:992px){
		.fnav { justify-content: space-around; max-width: 1000px;}
		.fnav li { width: auto; text-align: center; border-bottom: none; border-bottom: solid 1px #000;}
		.fnav li:hover { background-color: #000; border-bottom: solid 1px #FEFEFE;}
	}
.copy { font-size: 1rem; text-align: center; padding: 0; line-height: 2.6rem; color: #FEFEFE;}