@charset "utf-8";

/* CSS Document */

/***共通項目***/
body { color:#333; text-shadow:1px 1px 1px rgba(0,0,0,0.1); }

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

.w100 { width:100%; }
.h100% { height:100%; }

a, a:visited { color:#333; }
a:hover { text-decoration:underline; }
a img { transition:0.6s; }

h2 { font-size:1.0rem; font-weight:bold; line-height:1.4rem; text-indent:0.5rem; border-left:solid 0.7rem #000; margin-bottom:1.0rem; }
h2 span { padding-bottom:0.2rem; font-size:1.4rem; padding-left:0.5rem; }
	@media (min-width: 768px) {
		h2 { padding-left:0.5rem; }
}
	@media (min-width: 992px) { 
		h2 { padding-left:0.5rem; }
}
	@media (min-width: 1200px) {
   		h2 { padding-left:0rem; }
}

h3 { font-size:1.0rem; font-weight:bold; text-align:center; padding:1.0rem; }
h3.name { font-size:2.8rem; padding:0; }

.container { padding:0; }
.row { padding:1.0rem 0; }

hr { border:none; border-bottom: dashed 1px #333; }

/***ヘッダー***/
.title { background-color:#000; padding:1.0rem; margin-top: 1.5rem; }


/***コンテンツ***/
.intro { font-size:1.0rem; font-weight:400; }
.tbn li { width:50%; display:inline-block; padding:0.5rem; }
	

.text { font-size:1.0rem; text-align:center; }
.shop { font-size:0.8rem; }
.shop span { font-weight:bold; font-size:1.0rem; }

.btn { text-align:center; margin:1.0rem 0; position:relative; }
@media (min-width: 768px) {
		.text, .btn, h3.name { text-align:left; }
}
.btn span { border:solid 2px #333; padding:0 0.5rem; transition:0.6s; }
.btn a { position:absolute; top:0; left:0; width:100%; height:100%; z-index:999; text-indent:-9999px; display:block; }
.btn:hover span { border:solid 2px #F90; color:#F90; }


/***埋め込み系***/
.embed { position:relative; width:100%; padding-top:100%; }
.embed iframe { position:absolute; top:0; right:0; width:100% !important; height:100% !important; }


/***フッター***/
.footer { width:100%; background-color:#000; color:#FFF; text-align:center; font-size:0.7rem; line-height:1.2rem; margin-top:1.0rem; }