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

/***共通項目***/
body { color:#444; background:url(../img/bg.jpg) repeat; }


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

.w100 { width:100%; }

a, a:visited { color: #444;  }
/*a:hover  text-decoration:underline; */
a:hover img { opacity: 0.4;}

img { backface-visibility: hidden;}

h2 { text-align: center; font-weight: 700; font-size: 2.0rem; }
h2 span {border-bottom: solid 0.2rem #E62C17;}

.btn { width: 100%; margin-top: 2.0rem; color:#333;  padding: 0.25rem; text-align: center; font-size: 1.2rem; font-weight: 500; border: solid 2px #333; position: relative; transition: 0.8s;}
.btn a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px;}
.btn:hover { background-color: #333; color: #FFF;}


div[class^="col-"] { padding: 0; }

/***メインコンテンツ***/
 .title > img { width: 100%; }
 
/***店舗情報***/
#shop {width: 100%; padding: 2.0rem 0; background-color: #EEE; margin-top: 2.0rem; }
#shop ul li { width: 100%; margin: 0; padding: 0; display: inline-block; vertical-align: middle;}
    @media(min-width:768px){
        #shop ul li { width: 50%;}
    }
#shop ul li img { width: 100%; padding: 2.0rem;}

#shop h3 {  width: 100%; color: #FFF; font-size: 1.6rem; text-align: center; font-weight: 700; }
#shop h3 span {  font-size: 1.0rem; }
#shop ul li .info li { width: 100%; margin: 0; display: inline-block; padding: 0; border-bottom: dashed 1px #333; margin-bottom: 1.5rem; padding-bottom: 0.25rem; font-weight: 500;}
#shop ul li .info li p { font-size: 1.2rem;}
#shop ul li .info li span { font-size: 0.8rem;}
#shop ul li .info li p span[class^="icon-"]  { font-size: 2.0rem; display: inline-block; vertical-align: middle; margin-right: 0.5rem;} 

#shop  a { transition: 0.8s; }
#shop  a:hover { text-decoration: none; color: #089048;}

/***埋め込み系***/
.embed { position: relative; width: 100%; padding-top: 56.25%; margin-top: 2.0rem; box-sizing: border-box;}
    @media(min-width:768px){
        .embed { padding-top: 35%;}
    }
.embed iframe, .embed #map { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

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

/***rss***/
.rss { margin-top: 1.0rem; font-size: 0;}
.rss li img { width: 100%;}
.rss li p { display: none;}