@charset 'UTF-8';

html { font-family : Avenir, Verdana, 'segoe UI', Helvetica, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, '游ゴシック', YuGothic, 'ＭＳ Ｐゴシック', Arial, sans-serif; background:#f6f7f7; min-width:840px; font-size: 16px; color: #333333;}

body { line-height : 1.5;}
body.noscroll{ overflow-y:hidden;}
img { max-width : 100%;}
.clearfix { *zoom: 1;}
.clearfix:after { content: " "; display: table; clear: both;}

/* link style */
a { color: #333333; text-decoration: none;}
a:hover{}

/* AGE CHEK */
#age-check{ position: fixed; top: 0px; bottom: 0px; right: 0px; left: 0px; background: rgba( 0, 0, 0, 0.8 ); z-index: 9999; }
#age-check .check-area{ position: absolute; top: 50%; left: 50%; background: #ffffff; width: 720px; height: 360px; margin-top: -180px; margin-left: -360px; padding: 28px 60px 0; }
#age-check h2{ text-align: center; color: #e23a31; font-weight: bold; font-size: 250%; }
#age-check .check-p{ text-align: center; font-size: 187.5%; font-weight: bold; margin-top: 9px; }
#age-check ul{ margin-top: 50px; }
#age-check ul li{ width: 280px; float: left; text-align: center; }
#age-check ul li:nth-child(even){float:right;}
#age-check ul li span,#age-check ul li a{ display: block; background: #f4f4f4; cursor: pointer; line-height:100px; font-size: 250%; font-weight: bold; letter-spacing: +4px; background: #e23a31; color: #ffffff; position: relative; vertical-align:middle; margin-bottom: 10px; }
#age-check ul li a.check-n{ background: #a0a0a0; }
#age-check ul li a.check-y:before,#age-check ul li a:before{ content: ''; display: inline-block; position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; border: 2px solid #ffffff; }
#age-check ul li a.check-y:hover,#age-check ul li a:hover{ color: #e23a31; border: 10px solid #e23a31; background: #ffffff; line-height:80px; }
#age-check ul li a:hover{ color: #a0a0a0; border: 10px solid #a0a0a0;}
#age-check ul li span:hover:before,#age-check ul li a:hover:before{ display: none; }

/* HEADER */
#l-header { background: #ffffff; text-align:center; padding: 30px 0;}
#l-header h1 img{ width: 142px; height: 40px; }

/* CONTENT */
.main-img{ background: #1e1e1e; text-align: center; box-shadow: 0 8px 12px -8px #000000 inset; }

.search-area{ background: url(../img/bg_search.gif) top center no-repeat #343638; text-align: center; padding: 30px 0 60px; }
.search-area h2{ color: #ffffff; padding-top: 88px; position: relative; line-height: 1; page-break-after: always; }
.search-area h2:before{ content: ''; display: inline-block; position: absolute; top: 0px; left: 50%; margin-left: -62px; width: 124px; height: 76px; background: url(../img/icon_search.svg) no-repeat; background-size: 124px 76px; }
.search-area h2 span{ display: block; }
.search-area h2 .ttl-main{ font-size: 343.75%; font-weight: bold; letter-spacing: +5px; }
.search-area h2 .ttl-sub{ font-size: 181%; opacity: 0.5; margin-top: 13px; }
.search-area .map-area{ background: url(../img/bg_map.gif) 10px center no-repeat #ffffff; padding: 10px; width: 800px; height: 638px; margin: 87px auto 0; }
.search-area .map-area svg{ width: 780px; height: 618px; }

.map-link{ cursor: pointer; }
#okazaki .map-okazaki{ fill:#1DA897; } 	 #okazaki .name-okazaki{ fill:#ffffff; }
#okazaki:hover .map-okazaki,#okazaki.active .map-okazaki{ fill:#f4f4f4; } 	 #okazaki:hover .name-okazaki,#okazaki.active .name-okazaki{ fill:#00b19f; }
#toyota .map-toyota{ fill:#E7863A; } 	 #toyota .name-toyota{ fill:#ffffff; }
#toyota:hover .map-toyota,#toyota.active .map-toyota{ fill:#f4f4f4; } 	 #toyota:hover .name-toyota,#toyota.active .name-toyota{ fill:#f18a38; }
#nagoya .map-nagoya{ fill:#E6737F; } 	 #nagoya .name-nagoya{ fill:#ffffff; }
#nagoya:hover .map-nagoya,#nagoya.active .map-nagoya{ fill:#f4f4f4; } 	 #nagoya:hover .name-nagoya,#nagoya.active .name-nagoya{ fill:#f37684; }
#owari .map-owari{ fill:#43ADDC; } 	 #owari .name-owari{ fill:#ffffff; }
#owari:hover .map-owari,#owari.active .map-owari{ fill:#f4f4f4; } 	 #owari:hover .name-owari,#owari.active .name-owari{ fill:#3bb7ea; }
#gifu .map-gifu{ fill:#89BB2A; } 	 	 #gifu .name-gifu{ fill:#ffffff; }
#gifu:hover .map-gifu,#gifu.active .map-gifu{ fill:#f4f4f4; } 	 #gifu:hover .name-gifu,#gifu.active .name-gifu{ fill:#8dc420; }
#all .map-all{ fill:#D53C31; } 	 	 #all .name-all{ fill:#ffffff; }
#all:hover .map-all,#all.active .map-all{ fill:#ffffff; } 	 #all:hover .name-all,#all.active .name-all{ fill:#D53C31; }

.search-area .search-txt{ color: #ffffff; text-align: center; margin: 50px 0 0; }

.shop-area{ background: url(../img/bg_shops.gif) top center no-repeat; padding: 60px 0 80px; }
.shop-area .shop-list{ width: 840px; margin: 0 auto; }
.shop-area .shop-list li{ width: 420px; float: left; margin: 40px 0 0; padding: 0 20px; }
.shop-area .shop-list li a{ display: block; border: 1px solid #dadada; background: #ffffff; color: #333333; }
.shop-area .shop-list li dl{ margin: 20px 30px; }
.shop-area .shop-list li dl dt{ font-size: 187.5%; font-weight: bold; }
.shop-area .shop-list li dl dd{ margin-top: 10px; }
.shop-area .shop-list li .shop-machine{ display: block; border-top: 1px solid #dadada; padding: 20px 30px 25px; font-size: 125%; font-weight: bold; }
.shop-area .shop-list li .shop-machine strong{ font-size: 125%; }
.shop-area .shop-list li .shop-info{ display: block; position: relative; padding: 20px 30px; color: #ffffff; font-weight: bold; font-size: 187.5%; letter-spacing: +4px; }
.shop-area .shop-list li .shop-info:after{ content: ''; display: inline-block; width: 34px; height: 34px; background: url(../img/icon_arrow.svg) no-repeat; background-size: 34px 34px; position: absolute; right: 18px; top: 50%; margin-top: -17px; }

.shop-area .shop-list li.shop-nagoya dl dt{ color: #f17685; }
.shop-area .shop-list li.shop-okazaki dl dt{ color: #00b1a0; }
.shop-area .shop-list li.shop-owari dl dt{ color: #3bb7e9; }
.shop-area .shop-list li.shop-gifu dl dt{ color: #8dc41f; }
.shop-area .shop-list li.shop-toyota dl dt{ color: #f18a38; }
.shop-area .shop-list li.shop-nagoya .shop-info{ background: #f17685; }
.shop-area .shop-list li.shop-okazaki .shop-info{ background: #00b1a0; }
.shop-area .shop-list li.shop-owari .shop-info{ background: #3bb7e9; }
.shop-area .shop-list li.shop-gifu .shop-info{ background: #8dc41f; }
.shop-area .shop-list li.shop-toyota .shop-info{ background: #f18a38; }
.shop-area .shop-list li.shop-nagoya a:hover{ border: 1px solid #f17685;}
.shop-area .shop-list li.shop-okazaki a:hover{ border: 1px solid #00b1a0;}
.shop-area .shop-list li.shop-owari a:hover{ border: 1px solid #3bb7e9;}
.shop-area .shop-list li.shop-gifu a:hover{ border: 1px solid #8dc41f;}
.shop-area .shop-list li.shop-toyota a:hover{ border: 1px solid #f18a38;}

/* FOOTER */
#l-footer { position: relative; }
#l-footer .footer-copy{ background: #343638; color: #ffffff; text-align: center; padding: 25px 0 120px; }
#l-footer .footer-copy p{ width: 800px; margin: 0 auto; font-size: 87.5%; }
#l-footer .footer-ptop{ background: rgba( 0, 0, 0, 0.5 ); text-align: center; padding: 0; position: fixed; bottom: -2px; left: 0px; right: 0px; display: none;}
#l-footer .footer-ptop .ptop-btn{ display: block; width:100%; height: 86px; overflow: hidden; text-indent: -9999px; background: url(../img/icon_pagetop.svg) center center no-repeat; background-size: 60px 56px; }
#l-footer .footer-ptop:hover{ background-color: rgba( 0, 0, 0, 0.9 ); }

@media print {
	#l-footer .footer-ptop{ position: absolute; }
}