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

/*
.fnav li, .fnav_menu { font-size: 14px; width: 100%; line-height:1.8em; background-color:#4768BD; text-indent:0.3em; position:relative; color: #FEFEFE; margin-bottom: 0.25rem;}
.fnav li:hover, .fnav_menu:hover {background-color:#0362B8; cursor: pointer;}
.fnav li a { width: 100%; height: 100%; margin: 0; padding: 0; position: absolute; top: 0; left: 0; text-indent: -9999px; display: block; }

#shoplist { display: none; margin-bottom: 1.0rem;}
    @media(min-width:992px){
        #shoplist { display: flex;}
    }

.shops { color: #FEFEFE; padding:0 0.5rem}
.shops li { font-size: 12px; line-height: 1.0rem;}
.shops li span { font-size: 18px; vertical-align: middle;}
.shops li:first-child { font-weight: 700; margin-bottom: 5px;}
.shops li a { color: #2EA7E0;}

.fnav2 { width: 100%;}
.fnav2 ul li { width: 100%; background-color: #333; font-size: 14px; color: #FEFEFE; display: inline-block; position: relative; text-align: center; padding: 0.25rem 0.5rem; margin-bottom: 0.25rem;}
.fnav2 ul li a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px; }
.fnav2 ul li:hover { background-color: #222;}
    @media(min-width:992px){
        .fnav2 {background-color: #333; padding: 0.25rem 0;}
        .fnav2 ul li { width: 25%; margin-bottom: 0; font-size: 12px;}
    }
.copy { font-size: 0.6rem; text-align: center; padding: 0.5rem; color: #FEFEFE;}*/