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

/**************************
                 共 通 項 目
**************************/
body { color:#202529; 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; text-align: center; font-size: 1.2rem; line-height: 2.8rem; font-weight: 500;position: relative; transition: 0.4s; background-color: #697e9c; color: #FFF; border-radius: 0.5rem;}
.btn a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px;}
.btn:hover { background-color: #202529; border-radius: 1.4rem;}

h1 { font-size: 0;}

/**************************
                コ ン テ ン ツ
**************************/
.header { display: flex; align-items: center; font-size: 0;}
.header img { width: 100%; max-width: 15.0rem;}

.title {background-color: #202529; font-size: 0px; }

.box { padding: 2.0rem 0; border-bottom: dotted 1px #697e9c;}
.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; border: solid 1px #697e9c; }
.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.4rem; border-bottom: solid 1px #697e9c; margin-bottom: 0.5rem; font-family: 'Oswald', 'Noto Sans JP', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif; color: #697e9c;  }
.table .info p.text { font-size: 1.0rem; display: inline-block; border-bottom: dashed 1px #697e9c; font-family: 'Manrope', 'Noto Sans JP', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif; font-weight: 400; }
.table .info p.text:nth-child(even)  { width: 40%; font-weight: 800; }
.table .info p.text:nth-child(odd)  { width: 60%;}

/**************************
            お 問 い 合 わ せ
**************************/
.contact { background-color:#202529; 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; background-color: #202529; font-size: 0.7rem; text-align: center; color: #EEE; line-height: 2.6rem; }