@charset 'UTF-8';

html { min-width:10px; font-size: 14px;}

/* AGE CHEK */
#age-check .check-area{ top: 23%; left: 20px; right: 20px; width: auto; margin-top: 0px; margin-left: 0px; padding: 35px 20px 40px; height: auto; }
#age-check h2{ font-size: 143%; }
#age-check .check-p{ font-size: 128.5%; }
#age-check ul{ margin-top: 35px; }
#age-check ul li{ float: none; width: 100%; margin-top: 20px; }
#age-check ul li:nth-child(even){float:none;}
#age-check ul li span,#age-check ul li a{ height: auto; padding: 15px 15px; font-size: 143%; line-height:1.5; margin-bottom: 5px; border: none; }
#age-check ul li span:before,#age-check ul li a:before{ top: 5px; right: 5px; bottom: 5px; left: 5px; border: 1px solid #ffffff; }
#age-check ul li span:hover{ border: 5px solid #e23a31; background: #ffffff; line-height:1.5; padding: 10px; }
#age-check ul li a:hover{ border: 5px solid #a0a0a0; background: #ffffff; line-height:1.5; padding: 10px; }
#age-check .check-info{ margin-top: 20px; font-size: 85.7%; }

/* HEADER */
#l-header { padding: 15px 0 15px;}
#l-header h1 img{ width: 71px; height: 20px; }

/* CONTENT */
.main-img img{ width: 100%; }

.search-area{ background-size: 1300px auto; padding: 20px 0 20px; }
.search-area h2{ padding-top: 45px; }
.search-area h2:before{ left: 50%; margin-left: -36px; width: 62px; height: 38px; background-size: 62px 38px; }
.search-area h2 .ttl-main{ font-size: 183.3%; font-weight: bold; letter-spacing: +3px; }
.search-area h2 .ttl-sub{ font-size: 100%; margin-top: 5px; }

.search-area .map-area{ width: auto; height: auto; padding: 0px; border: 5px solid #ffffff; background-position: top center; background-size: contain; margin: 40px 10px 0; }
.search-area .map-area svg{ width: 100%; height: auto; }

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

.shop-area{ background-size: 60px 30px; padding: 30px 0 40px; }
.shop-area .shop-list{ width: auto; margin: 0 5px; }
.shop-area .shop-list li{ width: 50%; margin: 20px 0 0; padding: 0 5px; }
.shop-area .shop-list li dl{ margin: 10px 10px 7px; }
.shop-area .shop-list li dl dt{ font-size: 115%; }
.shop-area .shop-list li dl dd{ margin-top: 5px; }
.shop-area .shop-list li .shop-machine{ padding: 10px; font-size: 100%; }
.shop-area .shop-list li .shop-info{ padding: 10px 30px 10px 10px; font-size: 115%; letter-spacing: +2px; }
.shop-area .shop-list li .shop-info:after{ width: 17px; height: 17px; background-size: 17px 17px; right: 10px; margin-top: -8px; }

/* FOOTER */
#l-footer {}
#l-footer .footer-copy{ padding: 15px 0 67px; }
#l-footer .footer-copy p{ width: auto; }
#l-footer .footer-ptop:hover{ background-color: rgba( 0, 0, 0, 0.5 ); }
#l-footer .footer-ptop .ptop-btn{ height: 48px; background-size: 30px 28px; }