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

/*-----------------
共通パーツ
-----------------*/
*{margin:0;padding:0;border:0;box-sizing:border-box;}
html{font-size:62.5%;}
body{font-size:14px;font-size:1.4rem;font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
a{color: #0062b0;text-decoration: none;transition: all .1s ease-out;}
a:hover{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";-moz-opacity:0.7;-khtml-opacity:0.7;}
img{vertical-align:middle;max-width:100%;height:auto;}
ul,li{list-style:none;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix { display: inline-table;}
* html .clearfix { height: 1%; }
.clearfix { display: block; }
#container {overflow: hidden;}

/*-----------------
header
-----------------*/
#header_summary {
    max-width: calc(980px + 4em);
    margin: 0 auto;
    padding: 5px 2em;
}
.title {
    padding: 6px 2em;
    color: #fff;
    background: #0062b0;
}
.title h1 {
    max-width: 980px;
    margin: 0 auto;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: normal;
}
header h1 a {
    color: #fff;
}
#pnkz {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 6px 2em;
}
#pnkz p {
    max-width: 980px;
    margin: 0 auto;
}
#header_imaeg {
    text-align: center;
}


.contents {
    max-width: 980px;
    margin: 0 auto;
    text-align: left;
}
.contents img {
    display: block;
}
.caution {
    font-size: 10px;
    font-size: 1.0rem;
    display: block;
    margin: 5px 10px 0;
    text-align: left;
}
#newcar img {margin: 1em 0;}

.shop {
    font-size: 14px;
    font-size: 1.4rem;
    width: 47%;
    text-align: left;
    display: inline-block;
    padding: 1%;
    margin: 10px 0 0;
    border-left: 3px solid #ccc;
}
.shop h4 {font-size: 18px;font-size: 1.8rem;}

#sub_shop ul {
    display: flex;
    display:-webkit-flex;
    display:-ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#sub_shop li {
    display: flex;
    display:-webkit-flex;
    display:-ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#sub_shop li:nth-child(3n+2):last-child {
    margin-left: auto;
    margin-right: 34%;
}
#sub_shop .shop {
    width: 32%;
}
#sub_shop .shop h4 {
    font-size: 16px;
    font-size: 1.6rem;
}

/*-----------------
footer_menu
-----------------*/
.footer_menu a {
    background: #e50012;
    padding: 10px 30px;
    margin: 3em auto 10px;
    display: block;
    text-align: center;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    width: 12em;
}
.footer_menu p {
    margin: 0 auto;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 0 14px;
    text-align: center;
}

/*-----------------
footer
-----------------*/
#pagetop {
    position: fixed;
    bottom: 30px;
    right: 20px;
    z-index: 999;
}
footer {
    margin: 30px 0 0;
    background: #ededed;
    text-align: center;
    padding: 14px;
    color: #000;
    font-size: 10px;
    font-size: 1.0rem;
}

@media screen and (max-width: 640px) {
    article {margin: 0 1em 2em}
    nav ul li {display: none;}
    .shop {width: auto;}
    #sub_shop .shop h4 {font-size: 14px;font-size: 1.4rem;}
    #sub_shop .shop {width: 49%;font-size: 12px;font-size: 1.2rem;}
    article h2 {font-size: 14px;font-size: 1.4rem;}
    .footer_menu  ul {padding: 15px 0;}
    .footer_menu  ul li {display: block;margin: 1em;}
    .footer_menu  ul li a {width: auto;}
    .footer_menu  p {text-align: left;}
    footer {text-align: left;}
    #sub_shop li:nth-child(3n+2):last-child {
        margin: 10px 0 0;
    }
}