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

/**************************
                 共 通 項 目
**************************/
body { color:#333; background-color: #fff }


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

.w100 { width:100%; }

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

img { backface-visibility: hidden;}

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

/**************************
                コ ン テ ン ツ
**************************/
.title {margin-top: 1.5rem; background-color: rgba(0,113,186,0.90); font-size: 0px; padding:1.0rem 0;}

.box { padding: 2.0rem 0; border-bottom: dotted 1px #AAA;}
.box:last-child { border-bottom: none;}
.text { font-size: 1.0rem; line-height: 1.8rem; font-weight: 400;}
.text span { color: #FF0004; font-weight: 700; font-size: 1.2rem;}

.box h4 { font-weight: 700; font-size: 1.2rem;}
.caution { font-size: 0.8rem; color: #AAA; font-weight: 300; line-height: 1.2rem;}

.tbn { width: 100%; margin: 0; padding: 0;}
.tbn li { width: 50%; margin: 0; padding: 0; box-sizing: border-box; display: inline-block;}
.tbn li:first-child { width: 100%;}
    @media (min-width:768px){
        .tbn li:nth-child(n+2){width: 25%;}
    }
.tbn li img { width: 100%;}

.spec { width: 100%; margin: 0; padding: 2.0rem; border: solid 1px #AAA; }
.table { width: 100%; margin: 0; padding: 0.5rem; box-sizing: border-box; display: inline-block; vertical-align: top;}
    @media(min-width:992px){
        .table { width: 49%; }
    }
.table .info { padding:1.5rem 1.0rem; }
.table .info h4 { font-size: 1.2rem; border-bottom: solid 1px #AAA; margin-bottom: 0.5rem; }
.table .info p.text { font-size: 1.0rem; display: inline-block; border-bottom: dashed 1px #666;}
.table .info p.text:nth-child(even)  { width: 40%;}
.table .info p.text:nth-child(odd)  { width: 60%;}

/**************************
            お 問 い 合 わ せ
**************************/
.contact { background-color:#333; color: #EEE;}
.shopinfo { width: 100%; margin: 0; padding: 0; font-size: 0;}
.shopinfo li { border-bottom: dashed 1px #CCC; padding: 0.25rem 0; }
.shopinfo li p { display: inline-block; margin: 0; padding: 0; }
.shopinfo li p.name { width: 100%; font-size: 0.9rem; font-weight: 500;}
.shopinfo li p.info { width: 100%; font-size: 0.9rem; font-weight: 400;}
    @media(min-width:768px){
        .shopinfo li p.name { width: 20%;}
        .shopinfo li p.info { width: 80%; }
    }

.shopinfo li p.name a, .shopinfo li p.name a:visited { color: #EEE;}
.shopinfo li p.info a, .shopinfo li p.info a:visited { color: #EEE;}
.shopinfo li p a:hover { text-decoration: underline;}

/**************************
                 フ ッ タ ー
**************************/
.footer { width: 100%; margin: 0; padding: 0.25rem; background-color: #000; font-size: 0.8rem; text-align: center; color: #EEE; }