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

/******************************************
							共 通 項 目
******************************************/
body { color:#FEFEFE; background-color: #000; }

@media (min-width: 769px) {
	a[href^="tel:"] { pointer-events: none; }
}

.w100 { width:100%; }

a, a:visited { color: #FEFEFE; transition: 0.4s; }
/*a:hover { text-decoration:underline; }*/

img { backface-visibility: hidden;}

/*****************************************
							コ ン テ ン ツ
*****************************************/
.content { margin-top: 58.0vw; }

.content h1 { font-size: 1.6rem; font-weight: 700; margin:0 auto ; padding: 0; text-align: center; text-shadow: 2px 2px 5px #000; margin-bottom: 1.0rem;}
.intro { font-size: 1.2rem; margin-bottom: 1.0rem; font-weight: 500; text-shadow: 1px 1px 3px #000;}
    @media(min-width:576px){
        .intro { text-align: center; margin-bottom: 0;}
    }
	@media(min-width:768px){
        .content h1 { font-size: 2.0rem;}
		.intro { font-size: 1.4rem; }
    }
	@media(min-width:1200px){
        .content h1 { font-size: 3.0rem;}
    }

.extention { font-size: 1.0rem; font-weight: 300; text-shadow: 1px 1px 2px #000; text-align: center;}

.content h2 { font-size: 1.4rem; font-weight: 700; text-align: center; text-shadow: 2px 2px 5px #000; }
	@media(min-width:768px){
        .content h2 { font-size: 2.0rem;}
    }
	@media(min-width:1200px){
        .content h2 { font-size: 3.0rem;}
    }

.reserv_mail, .reserv_tel { margin: 0.5rem auto; background-color:#ED1C24; border: 0.1rem solid #FEFEFE; font-size: 1.6rem; font-weight: 500; line-height: 2.5em; text-align: center; transition: 0.6s; position: relative; }
.reserv_mail > img{ width: 1.5em; height: auto; vertical-align: -0.15rem; margin-right: 0.5rem; }
.reserv_tel > img{ width: 1.2em; height: auto; vertical-align: -0.4rem; margin-right: 0.75rem; }
.reserv_mail:hover, .reserv_tel:hover{ background-color: transparent; border: 0.1rem #FEFEFE solid; }
.reserv_mail a, .reserv_tel a{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; text-align:left; text-indent:-999px; }
.reserv_tel a{ color: #FEFEFE; }

.caution { background: #000; padding: 3.0rem 0 0 0;}
.caution h3 { position: relative;}
.caution h3::before { position: absolute; content: ""; width: 100%; height: 2px; background-color: #FEFEFE; border-radius: 1px; top: 50%; left: 0; transform: translateY(-50%);}
.caution h3 span { font-size: 1.4rem; line-height: 1.4rem; font-weight: 500; display: block; margin: 0; padding:0.5rem 1.0rem; background-color: #000; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
	@media(min-width:992px){
		.caution h3 span {font-size: 1.4rem;}
	}

.caution ul { border-bottom: solid 2px #FEFEFE; padding-bottom: 2.5rem;}
.caution ul li { font-size: 1.2rem; font-weight: 500; padding-left: 1.0rem; text-indent: -1.0rem; line-height: 1.8rem; margin-bottom: 0.75rem;}
.caution ul li:last-child {margin-bottom: 0;}

.sample { padding-top: 3.0rem; padding-bottom: 3.0rem; border-bottom: dashed 1px #666;}
.sample h3 { font-size: 1.4rem; font-weight: 500; text-align: center; margin-bottom: 1.0rem;}

.btn { margin-top: 1.0rem;}
.btn a { display: block; width: 100%; height: 100%; font-size: 1.0rem; font-weight: 500; line-height: 2.0rem; color: #FEFEFE; text-align: center; border: solid 0.075rem #FEFEFE; transition: 0.6s;}
.btn a:hover { background-color:#ED1C24; }


/***店舗情報***/
.shop { padding-top: 3.0rem; }
.shop .venue { text-align: center; font-size: 1.6rem; font-weight: 500; }


.shop .info div[class^="col-"] { } 
.shop .info p { width: 100%; margin: 0; margin-bottom: 1.5rem; font-size: 1.2rem; padding:0.5rem 0; border-bottom: dashed 1px #666;}
.shop .info p:last-child { margin-bottom: 0;}
.shop .info p span { font-size: 0.8rem; margin-right: 0.5rem; vertical-align: middle;}
.shop .info p span[class^="icon-"] { font-size: 1.6rem; }
.shop .info p a:hover{ color:#ED1C24; }
    @media(min-width:768px){
        .shop .info p { text-align: left; font-size: 1.0rem; vertical-align: middle; padding:0.25rem 0; }
        .shop .info p span { font-size: 0.8rem;}
        .shop .info p span[class^="icon-"] { font-size: 1.7rem; }
        .shop .info .col-s-5 img { padding-right: 1.0rem;}
    }

/***フッター***/
.footer { background-color: #000; color: #555; width: 100%; margin: 0; margin-top: 1.0rem; padding:1.0rem 0; text-align: center; font-size: 0; }
.footer span { font-size: 4.5rem;}
.footer .copy { font-size: 0.6rem; margin-top: 0.25rem;}