@charset "UTF-8";
.product-header { background: #162744; position: fixed; z-index: 50; height: 50px; top: 85px; width: 100%; }

.product-header .product-header-in { width: 1000px; margin: 0 auto; }

.product-header .product-header-in ul { display: -webkit-box; display: -ms-flexbox; display: flex; }

.product-header .product-header-in ul li { display: inline-block; height: 50px; width: 150px; text-align: center; }

.product-header .product-header-in ul li a { color: #eee; position: relative; height: 50px; display: block; line-height: 50px; }

.product-header .product-header-in ul li a:hover { color: #fff; background: #173766; }

@media screen and (max-width: 760px) { .product-header { top: 55px; }
  .product-header .product-header-in { width: 100%; }
  .product-header .product-header-in ul li { width: 50%; }
  .product-logo { width: 100px; margin: 0 auto; }
  .product-bottom-in { width: 100%; padding: 20px; }
  .product-img { margin: 15px auto 0; }
  .product-link-list { text-align: center; margin-top: 20px; } }

.product-bottom { width: 100%; background: #eee; }

.product-bottom-in { width: 1000px; margin: 0 auto; padding: 30px 0; }

.product-logo { width: 140px; margin-top: 65px; }

.product-img { width: 200px; }

.product-link-list { margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.product-link-list li { padding-top: 15px; width: 50%; }

.product-link-list li::after { content: ""; display: inline-block; width: 15px; height: 15px; margin-left: 8px; background: url(../../jetfon/img/download-arrow.svg) no-repeat; background-size: 15px 15px; }

#accessory-contents h3 { font-size: 25px; line-height: 1.2; margin-bottom: 30px; }

#accessory-contents .image { text-align: center; }

#accessory-contents .image img { width: 100%; height: auto; }

#accessory-contents .text { padding-top: 30px; padding-bottom: 60px; line-height: 1.75; }

#accessory-contents .text h4 { font-size: 1.1em; margin-bottom: 10px; font-weight: bold; }

#accessory-contents .text p { margin-bottom: 30px; }

#accessory-contents .text .price { font-size: .8em; line-height: 1.2; }

#accessory-contents .text .price b { font-size: 3em; font-weight: normal; }

#accessory-contents .text .spec { margin-bottom: 30px; }

#accessory-contents .text .spec th { padding: 5px 0; font-size: .9em; line-height: 1.2; vertical-align: top; padding-right: 20px; font-weight: normal; }

#accessory-contents .text .spec td { padding: 5px 0; font-size: .9em; line-height: 1.2; vertical-align: top; }

#accessory-contents .text .spec td:before { content: '：'; position: absolute; margin-left: -1em; }

#accessory-contents .text .button { margin-top: 30px; }

#accessory-contents .text .comments { padding-top: 0; }

@media screen and (max-width: 760px) { #accessory-contents .image img { max-width: 60vh; }
  #accessory-contents .text .button { margin-top: 40px; }
  #accessories-contents .acc { text-align: center; margin-bottom: 60px; }
  #accessories-contents .acc img { max-width: 30vh; display: block; } }

.l01 .product-header .product-header-in .tab01 a { background: #173766; color: #fff; }

.l02 .product-header .product-header-in .tab02 a { background: #173766; color: #fff; }

.l03 .product-header .product-header-in .tab03 a { background: #173766; color: #fff; }

.l04 .product-header .product-header-in .tab04 a { background: #173766; color: #fff; }

#accessories-contents .acc { margin-bottom: 15px; margin-bottom: 30px; }

#accessories-contents .acc img { width: 100%; height: auto; margin: 0 auto 20px; }

#accessories-contents .acc a { color: #333; }

#accessories-contents .acc h4 { font-size: 18px; margin-bottom: 5px; }

#accessories-contents .acc .price { font-size: 11px; }

#accessories-contents .acc .price b { font-size: 14px; }

/* --------------------------------- * COMMON --------------------------------- */
#product-content section { /* --------------------------------- * footer --------------------------------- */ }

#product-content section.product-footer { background: #f2f4f7; padding: 70px 0 80px; color: #002766; }

#product-content section.product-footer .cols { max-width: 1000px; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; }

#product-content section.product-footer .cols .col.img { -ms-flex-item-align: end; align-self: flex-end; }

#product-content section.product-footer .cols .col.img p { font-size: 16px; margin-top: 15px; }

#product-content section.product-footer .cols .col.body { -webkit-box-flex: 0; -ms-flex: 0 0 460px; flex: 0 0 460px; padding-left: 65px; text-align: left; }

#product-content section.product-footer .cols .col.body .logo { height: 55px; margin-bottom: 15px; }

#product-content section.product-footer .cols .col.body .lead { font-size: 20px; line-height: 1.6; margin-bottom: 10px; }

#product-content section.product-footer .cols .col.body .price { font-size: 18px; margin-bottom: 15px; }

#product-content section.product-footer .cols .col.body .price .f-num { font-size: 34px; margin-left: .2em; }

#product-content section.product-footer .cols .col.body .btn { font-size: 18px; }

@media screen and (max-width: 760px) { #product-content section.product-footer { padding: 49.8px 0 41.02px; }
  #product-content section.product-footer .cols { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #product-content section.product-footer .cols .col.img { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin: 0 0 41.02px 0; }
  #product-content section.product-footer .cols .col.img img { width: 37.5%; }
  #product-content section.product-footer .cols .col.body { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; text-align: center; padding-left: 0; }
  #product-content section.product-footer .cols .col.body .logo { width: 42%; margin-bottom: 14.65px; }
  #product-content section.product-footer .cols .col.body .lead { font-size: 15.23px; margin-bottom: 0; } }

/* --------------------------------- * LINEUP --------------------------------- */
#product-lineup { padding: 75px 0 100px; }
#product-lineup section.lineup .title  {
  color: #002766; border: 2px solid #002766; font-size: 20px; font-weight: bold; padding: .5em 1.3em; margin-bottom: 1em; display: inline-block;
}
#product-lineup section.lineup .title-rev  {
  color: #ffffff; background: #002766;
}
@media screen and (max-width: 760px) {
  #product-lineup section.lineup .title  {
    font-size: 5vw;
  }
}
#product-lineup section.lineup .models { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#product-lineup section.lineup .models .model { -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; margin-bottom: 65px; }

#product-lineup section.lineup .models .model a.box { display: block; padding: 30px; border: 2px solid #e5e5e5; color: #002766; text-align: center; -webkit-transition: border .3s; -o-transition: border .3s; transition: border .3s; }

#product-lineup section.lineup .models .model a.box:hover { text-decoration: none; border-color: #002766; }

#product-lineup section.lineup .models .model a.box:hover .photo { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

#product-lineup section.lineup .models .model a.box h3 { font-size: 24px; line-height: 1.5; }

#product-lineup section.lineup .models .model a.box .photo { width: 70%; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; display: block; margin: auto; }

#product-lineup section.lineup .models .model a.box .logo { height: 40px; display: block; margin: 0 auto 10px; }

#product-lineup section.lineup .models .model a.box .price { font-size: 16px; margin-bottom: 20px; }

#product-lineup section.lineup .models .model a.box .price .f-num { font-size: 1.8em; margin-left: .2em; }

#product-lineup section.lineup .models .model a.box .keywords { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#product-lineup section.lineup .models .model a.box .keywords .keyword { -webkit-box-flex: 0; -ms-flex: 0 0 48.5%; flex: 0 0 48.5%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #002766; margin-top: 3%; font-size: 14px; font-weight: bold; padding: .5em; line-height: 1; }

#product-lineup section.lineup .tax {
  font-size: 12px;
  margin:-50px 0 50px;
  text-align: center;
}
@media screen and (max-width: 760px) {
  #product-lineup section.lineup .tax {
    text-align: left;
  }
}
#product-lineup section.lineup .links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#product-lineup section.lineup .links a { -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 3px solid #002766; color: #002766; text-align: center; padding: 1.5em; font-weight: bold; }

@media screen and (max-width: 760px) { #product-lineup { padding: 25px 0 50px; }
  #product-lineup section.lineup .models { margin-bottom: 30px; }
  #product-lineup section.lineup .models .model { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 30px; }
  #product-lineup section.lineup .models .model a.box h3 { font-size: 5vw; }
  #product-lineup section.lineup .models .model a.box .keywords .keyword { font-size: 12px; }
  #product-lineup section.lineup .links a { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 30px; } }

/*# sourceMappingURL=product.css.map */