@charset "utf-8";

/* reset */
*{font-size:100%; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
body,h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,pre,form,blockquote,fieldset,input,address,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,caption,address,em{ font-style:normal; font-weight:500;}
ul,ol,li,dl,dt,dd{list-style-type:none;list-style-position:outside;}
table{border-spacing:0;border-collapse:collapse;}
fieldset{border:none;}
img{border:0;vertical-align:bottom;}
br{letter-spacing:0;}
button,fieldset,form,input,label,legend,select,textarea,optgroup{font-family:inherit;font-style:inherit;font-weight:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;}
optgroup{font-style:normal;}

/* clearfix */
.clearfix{ zoom:1;}
.clearfix:after{ content:""; display:block; clear:both;}

/* basic */
html,body{ width:100%;}
body{ font-family: "Roboto", "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3","游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif; font-size:13px; font-weight:400; color:#000; line-height:1.8; background-color:#FFF;}

a{ color:#000; text-decoration:none;}
a:hover{ text-decoration:underline;}

#splash{ background:#FFF; position:fixed; top:0; right:0; bottom:0; left:0; z-index:9999; display:none;}
#splash .splash-logo{ position:absolute; top:55%; left:50%; z-index:999; margin:-160px 0 0 -160px; opacity:0;  transition:1s;}
#splash .splash-logo.action{ top:50%; opacity:1;}

#navigation{ background:#000; width:176px; padding:40px 0; position:fixed; top:50%; left:0; z-index:999; margin-top:-124px;}
#navigation li{ font-size:20px; font-weight:900; line-height:1; margin-bottom:8px;}
#navigation li a{ color:#FFF; border-left:3px solid #000; transition:0.2s; padding-left:20px;}
#navigation li a:hover{ text-decoration:none; color:#d80303; border-left:3px solid #d80303;}
#navigation li.active a{ text-decoration:none; color:#d80303; border-left:3px solid #d80303;}

.top{}
.top-logo{ position:absolute; top:50%; left:50%; z-index:999; margin:-160px 0 0 -160px;}
.top-scroll{ position:absolute; bottom:30px; left:50%; z-index:999; margin-left:-26px;}
.main-slider{}
.main-slider li{ background-position:center; background-size:cover; background-repeat:no-repeat; height:100%;}

.concept{ margin:40px 0;}
.concept-inner{ width:91.42857%; margin:0 auto; background:url(../img/bg_concept.jpg) no-repeat center bottom; background-size:cover;}
.concept-inner h2{ padding:72px 0 123px 132px; position:absolute; top:0; left:0;}
.concept-txt{ width:720px; margin:0 auto; background:#FFF; text-align:center; padding:80px 0; position:relative; top:260px; left:0;}
.concept-txt h3{ padding-bottom:30px;}

.news{}
.news h2{ padding:72px 0 123px 132px; position:absolute; left:0; top:0; z-index:998;}
.news .slide{ background-position:center center; background-size:cover;}
.news .fp-controlArrow.fp-prev{ background:url(../img/btn_news_prev.png) no-repeat 0 0; border:none; width:62px; height:64px; right:104px; left:auto;}
.news .fp-controlArrow.fp-prev:hover{ background:url(../img/btn_news_prev_on.png) no-repeat 0 0;}
.news .fp-controlArrow.fp-next{ background:url(../img/btn_news_next.png) no-repeat 0 0; border:none; width:64px; height:64px; right:40px;}
.news .fp-controlArrow.fp-next:hover{ background:url(../img/btn_news_next_on.png) no-repeat 0 0;}
.news .news-body{ color:#FFF; width:719px; margin:0 auto;}
.news .news-body .date{ font-weight:700; line-height:21px; display:inline-block; padding-right:10px;}
.news .news-body .new-icon{ display:inline-block;}
.news .news-body h3{ font-size:28px; font-weight:bold; border-bottom:3px solid #FFF; margin-bottom:25px;}
.news .news-body a{ color: #FFF; text-decoration: underline;}

.items{}
.items h2{ padding:72px 0 123px 132px; position:absolute; left:0; top:0; z-index:999;}
.items .fp-controlArrow.fp-prev{ background:url(../img/btn_items_prev.png) no-repeat 0 0; border:none; width:62px; height:64px; right:104px; left:auto;}
.items .fp-controlArrow.fp-prev:hover{ background:url(../img/btn_items_prev_on.png) no-repeat 0 0;}
.items .fp-controlArrow.fp-next{ background:url(../img/btn_items_next.png) no-repeat 0 0; border:none; width:64px; height:64px; right:40px;}
.items .fp-controlArrow.fp-next:hover{background:url(../img/btn_items_next_on.png) no-repeat 0 0;}
.items .items-body{ width:719px; margin:0 auto;}
.items ul.item-list{ margin-left:-16px;}
.items ul.item-list li{ float:left; width:229px; height:229px; overflow:hidden; margin:0 0 16px 16px; position:relative;}
.items ul.item-list li .more{ position:absolute; left:0; top:0; width:229px; height:229px; background:url(../img/item_cover.png) no-repeat center center; background-size:cover; opacity:0; transition:0.3s;}
.items ul.item-list li .more:hover{ opacity:1;}

.item-modal-inner{ width:1024px; margin:0 auto;}
.item-moda-left{ float:left; width:550px; position:relative;}
.item-modal-pic{ width:440px;}
.item-modal-pic img{ width:100%; height:auto;}
.thumb-list{ margin-top:1px; width:440px;}
.thumb-list li{ float:left; width:109px; margin:0 1px 1px 0; cursor:pointer;}
.thumb-list li img{ width:100%; height:auto;}
.item-moda-right{ float:right; width:417px; text-align:left; color:#FFF;}
.item-moda-right h3{ font-size:20px; border-bottom:3px solid #FFF; padding-bottom:20px; margin-bottom:25px;}
.item-moda-right p{ margin-bottom:25px;}

.dealer-list{ background:url(../img/bg_dealer_list.jpg) no-repeat center center; background-size:cover;}
.dealer-list h2{ padding:72px 0 123px 132px; position:absolute; left:0; top:0;}
.dealer-list-inner{ width:719px; margin:0 auto; position:absolute; top:224px; left:50%; margin-left:-360px;}
ul.dealer-menu{ margin-bottom:38px;}
ul.dealer-menu li{ float:left; color:#FFF; border-right:1px solid #FFF; padding-right:15px; margin-right:15px; line-height:1;}
ul.dealer-menu li:last-child{ border:none;}
ul.dealer-menu li span{ cursor:pointer; padding-bottom:4px;}
ul.dealer-menu li span:hover{ border-bottom:2px solid #FFF;}
ul.dealer-menu li span.active{ border-bottom:2px solid #FFF;}

.dealer-body{ background:#FFF; padding:10px;}

.dealer-area{ height:480px; overflow: hidden; position:relative;}
.dealer-area ul{ width:630px; margin:0 auto;}
.dealer-area li{ border-bottom:1px solid #ccc; padding:30px 0;}
.dealer-area li:last-child{ border:none;}
.dealer-area li table{ width:100%;}
.dealer-area li table th{ font-size:16px; margin-bottom:10px;}
.dealer-area li table td:first-child{ width:370px;}
.dealer-area li table td:last-child{ text-align:right; padding-left:20px; vertical-align:bottom;}

.contact{ background:#000;}
.contact h2{ padding:72px 0 123px 132px; position:absolute; left:0; top:0;}
.contact .contact-inner{ width:719px;  margin:0 auto; position: relative; top:0; left:50%; margin-left:-360px; padding-top:296px;}
.contact .contact-inner table{ color:#FFF;}
.contact .contact-inner table th{ width:142px; text-align:right; padding-right:30px; vertical-align:top; padding-top:14px;}
.contact .contact-inner table td{ padding-bottom:47px;}
.contact .contact-inner table td input,.contact-inner table td select{ height:48px; border:none; padding:10px; box-sizing:border-box; font-size:14px;}
.contact .contact-inner table td div{ margin-bottom:25px;}
.contact .required{ color:#FFF; margin-bottom:25px;}
.contact input.name{ width:320px;}
.contact input.tel{ width:320px;}
.contact input.mail{ width:480px;}
.contact input.zip01{ width:90px; margin:0 15px 0 10px;}
.contact input.zip02{ width:112px; margin:0 25px 0 15px;}
.contact input.address{ width:480px;}
.contact textarea.inquiry{ width:480px; height:200px; padding:10px; box-sizing:border-box;}
.contact .submit-btn{ text-align:center;}
.contact .submit-btn input{ background:url(../img/btn_confirm.png) no-repeat 0 0; width:200px; height:64px; border:none; cursor:pointer; margin-bottom:200px;}
.contact .submit-btn input:hover{ background:url(../img/btn_confirm_on.png) no-repeat 0 0;}

#footer{ background:#FFF; color:#000; height:74px; line-height:74px;}
.footer-link{ padding-left:20px;}
.footer-link li{ float:left; font-size:20px; font-weight:900; padding-right:40px; transition:0.2s;}
.footer-link li a:hover{ opacity:0.8; text-decoration:none;}
.copyright{ float:right; padding-right:30px;}