@charset "utf-8";
/* CSS Document */

.app_rec .main-col {
    width:100% !important;
    font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.app_main {
    position:relative;
    margin:19px 15px 100px;
}
.app_main h1 {
    margin-bottom:30px;
    padding:0 200px 10px 102px;
    font-size:40px;
    font-weight: bold;
    line-height:83px;
    color:#333;
    background:url(../images/about/app/icn_appicon.png) 4px top no-repeat;
}
.snsWrapper {
    position: absolute;
    top: 20px;
    right: 24px;
    }

/* ぱんくず */
.breadcrumb ol {
    overflow: hidden;
}

/* 導入部分 */
.app_main_header {position:relative; width:680px; margin-bottom:78px; padding:0 5px 0 265px; text-align:center; background:url(/car/common/images/about/app/img_sp01_new.jpg) 21px bottom no-repeat; border-bottom:10px solid #eeeeee;}
.img_car { margin-bottom:16px;}
.app_main_header h2 { margin:0 0 30px 39px; font-weight:normal; font-size:24px; text-align:left;}
.app_main_header h3 { margin-bottom:15px;}
.app_main_header .icn_free { position:absolute; left:807px; top:84px;}

.app_main_header .store { display:table; padding-bottom:26px;}
.app_main_header .store dl { display:table-cell;}
.app_main_header .store dt,
.app_main_header .store dd { display:table-cell; vertical-align:bottom;}
.app_main_header .store dd .appqr { display:table-cell; vertical-align:bottom;}

.app_main_header .store .iph { padding:0 24px 0 14px;}
.app_main_header .store .iph dd { padding-left:20px;}
.app_main_header .store .adr dt { padding:0 29px 0 28px; border-left:4px solid #cccccc;}
.app_main_header .store .adr dd { text-align:right;}
.app_main_header .store dd img, .app_main_footer .store dd .appqr{ width:100px; border:solid 1px #ccc; }
.app_main_header .store dt h4 { margin-bottom:25px; font-size:18px; font-weight:normal; color:#333333;}


/*
.store {
    display: table;
    padding-bottom: 26px;
}

.iph {
    padding: 0 50px 0 59px;
    border-right: 4px solid #cccccc;
}

.adr {
    padding: 0 50px 0 50px;
}

.app_main_footer .store dt {
    padding: 8px 0 30px;
    font-size: 16px;
}
*/



/* ヨコスライド部分 */
.app_main_slider { padding-bottom:60px;}
.app_main_slider h2 { margin-bottom:45px; padding-bottom:48px; font-size:36px; font-weight: bold; text-align:center; color:#003894; background:url(/car/common/images/about/app/bg_nami_01.png) center bottom no-repeat;}
.app_main_slider .slider { width:100%; margin-bottom:30px; overflow-x:scroll;}
.app_main_slider .slideshow { width:1600px; height:500px; vertical-align:bottom;}
.app_main_slider .slideshow img { float:left; width:300px; height:auto; margin-left:25px;}
.app_main_slider .slideshow img:first-child { margin-left:0;}
.pager { display:none;}
.app_main_slider p { padding:0 30px; font-size:18px; line-height:1.6;}

/* app_main_footer */
.app_main_footer { text-align:center;}
.app_main_footer .ttl { margin-bottom:30px;}
.app_main_footer .txt01 { margin-bottom:38px; padding-left:124px; font-size:14px; line-height:1.5; text-align:left;}

.app_main_footer .store { display:table; padding-bottom:26px;}
.app_main_footer .store dl { display:table-cell; height:168px;}
.app_main_footer .store dt { padding:8px 0 30px; font-size:16px;}
.app_main_footer .store dt a { text-decoration:underline; color:#003894;}
.app_main_footer .store dd { display:table-cell; height:106px; vertical-align:bottom;}
.app_main_footer .store dd a { margin-right:40px;}

.app_main_footer .store .iph { padding:0 50px 0 59px; border-right:4px solid #cccccc;}
.app_main_footer .store .adr { padding:0 50px 0 50px;}
