@charset "UTF-8";

@media screen and (max-device-width: 768px) {
/*****************************************************
FileName : /common/css/header.css
*****************************************************/

/*  header
-------------------------------------------------------------------*/
#sc-common-header .l-header {
height: 60px;
padding: 0;
border-bottom: none;
background: #fff;
}

#sc-common-header .l-header a {
color: #545454;
}

#sc-common-header .l-header img {
max-width: 100%;
}

#sc-common-header .l-header__logo {
width: 58px;
}

#sc-common-header .l-header__toggle-box {
display: flex;
align-items: center;
width: 100%;
}

#sc-common-header .l-header__lf {
display: flex;
align-items: center;
width: 60px;
flex-shrink: 0;
}

#sc-common-header .l-header__block {
padding: 0 5px 0 10px;
height: 60px;
display: flex;
align-items: center;
justify-content: space-between;
}

#sc-common-header .l-header__search {
width: 18px;
}

#sc-common-header .l-header__search img {
width: 100%;
}

#sc-common-header .l-header__search.none {
display: none;
}

#sc-common-header .l-header .menu-toggle {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-left: 15px;
width: 45px;
height: 45px;
position: relative;
z-index: 99999;
transition: .3s;
-webkit-transition: .3s;
}

#sc-common-header .l-header .menu-toggle:after {
content: "";
width: 3px;
height: 36px;
background-color: #00205b;
position: absolute;
left: -10px;
top: 50%;
margin-top: -18px;
}

#sc-common-header .l-header .menu-toggle .menu-line {
width: 28px;
height: 2px;
background-color: #111;
-webkit-transition: -webkit-transform .5s;
transition: transform .5s;
}

#sc-common-header .l-header .menu-toggle .menu-text {
font-size: 10px;
line-height: 0;
margin-top: 8px;
color: #111;
}

#sc-common-header .l-header .menu-toggle .menu-line:nth-child(2) {
-webkit-transition: opacity .2s;
transition: opacity .2s;
}

#sc-common-header .l-header .menu-toggle .menu-line + .menu-line {
margin-top: 5px;
}

#sc-common-header .l-header .menu-toggle.is-fixed {
position: fixed;
right: 5px;
top: 7px;
background: #111;
}

#sc-common-header .l-header .menu-toggle.is-fixed .menu-line {
background-color: #fff;
}

#sc-common-header .l-header .menu-toggle.is-fixed .menu-text {
color: #fff;
}

#sc-common-header .l-header .menu-toggle.is-fixed:after {
opacity: 0;
}

#sc-common-header .l-header .menu-toggle.is-open:after {
content: none;
}

#sc-common-header .l-header .menu-toggle.is-open .menu-line {
margin-top: -2px;
}

#sc-common-header .l-header .menu-toggle.is-open .menu-line:nth-child(1) {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}

#sc-common-header .l-header .menu-toggle.is-open .menu-line:nth-child(2) {
opacity: 0;
}

#sc-common-header .l-header .menu-toggle.is-open .menu-line:nth-child(3) {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}

#sc-common-header .l-header .menu-toggle.is-open .menu-text {
display: none;
}

#sc-common-header .l-header .gnav {
overflow-y: scroll;
}

#sc-common-header .l-header .sub-gnav {
display: flex;
position: absolute;
top: -60px;
left: 0;
opacity: 0;
transform: translateX(100%);
transition: .35s ease-in;
width: 100%;
height: 100%;
padding-top: 60px;
}

#sc-common-header .l-header .sub-gnav.is-show {
opacity: 1;
transform: translateX(0);
transition: .35s ease-out;
}

#sc-common-header .l-header .sub-gnav__head-name {
position: absolute;
top: 0;
left: 0;
background: #fff;
color: #545454;
height: 60px;
width: 100%;
display: flex;
align-items: center;
padding: 10px;
box-sizing: border-box;
justify-content: center;
}

#sc-common-header .l-header .sub-gnav__head-name .close-btn {
width: 15px;
position: absolute;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
transform: rotate(45deg);
height: 15px;
left: 15px;
top: 23px;
z-index: 999;
}

#sc-common-header .l-header .sub-gnav__head-name .head-title {
font-size: 16px;
font-weight: bold;
}

#sc-common-header .l-header__nav {
background-color: #f7f7f7;
height: 100%;
}

#sc-common-header .l-header__nav.main-block {
position: fixed;
top: 60px;
left: 0;
z-index: 3000;
background: #fff;
width: 100%;
box-sizing: border-box;
display: none;
padding-top: 0;
}

#sc-common-header .l-header__nav.main-block.is-fixed {
top: 0;
padding-top: 60px;
}

#sc-common-header .l-header__nav.main-block.is-fixed .sub-gnav {
top: 0;
padding-top: 60px;
}

#sc-common-header .l-header__nav .ather-link-list {
background-color: #2e2e2e;
}

#sc-common-header .l-header__nav .ather-link-list .child {
color: #a2a2a2;
border-color: #434343;
}

#sc-common-header .l-header__nav .ather-link-list .child:last-child:after {
content: none;
}

#sc-common-header .l-header__nav .ather-link-list .detail:after {
border-color: #aaa;
}

#sc-common-header .l-header__nav .ather-link-list .another-tab:after,
#sc-common-header .l-header__nav .ather-link-list .another-tab:before {
border-color: #aaa;
}

#sc-common-header .l-header__nav .child {
display: flex;
align-items: center;
height: 55px;
max-height: 55px;
font-size: 13px;
font-weight: bold;
margin: 0 20px;
border-bottom: 1px solid #ddd;
text-decoration: none;
position: relative;
letter-spacing: 2px;
color: #545454;
background-color: transparent;
}

#sc-common-header .l-header__nav > .detail {
position: relative;
padding-left: 40px;
}

#sc-common-header .l-header__nav > .detail:before {
position: absolute;
content: "";
width: 25px;
height: 25px;
top: 0;
bottom: 0;
left: 0;
margin: auto 0;
background-size: cover;
}

#sc-common-header .l-header__nav > .detail:nth-child(1):before {
background-image: url(https://www.subaru.jp/sc-common/Img/common/icon_menu01.png);
}

#sc-common-header .l-header__nav > .detail:nth-child(2):before {
background-image: url(https://www.subaru.jp/sc-common/Img/common/icon_menu02.png);
}

#sc-common-header .l-header__nav > .detail:nth-child(3):before {
background-image: url(https://www.subaru.jp/sc-common/Img/common/icon_menu03.png);
}

#sc-common-header .l-header__nav > .detail:nth-child(4):before {
background-image: url(https://www.subaru.jp/sc-common/Img/common/icon_menu04.png);
}

#sc-common-header .l-header__nav > .detail:nth-child(5):before {
background-image: url(https://www.subaru.jp/sc-common/Img/common/icon_menu05.png);
}

#sc-common-header .l-header__nav .pc-site {
font-size: 10px;
color: #777;
margin-left: 10px;
}

#sc-common-header .l-header__nav .detail:after {
content: "";
width: 8px;
height: 8px;
border-top: 1px solid #000;
border-right: 1px solid #000;
transform: rotate(45deg);
position: absolute;
right: 10px;
top: 50%;
margin-top: -3px;
}

#sc-common-header .l-header__nav .detail.is-open {
border-bottom: transparent;
}

#sc-common-header .l-header__nav .detail.is-open:after {
transform: rotate(225deg);
margin-top: 0;
}

#sc-common-header .l-header__nav .arrow-none:after {
content: none;
}

#sc-common-header .l-header__nav .another-tab:before,
#sc-common-header .l-header__nav .another-tab:after {
content: "";
width: 12px;
height: 8px;
right: 6px;
top: 50%;
margin-top: -4px;
position: absolute;
box-sizing: border-box;
}

#sc-common-header .l-header__nav .another-tab:after {
border: 1px solid #fff;
}

#sc-common-header .l-header__nav .another-tab:before {
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
right: 8px;
margin-top: -2px;
}

#sc-common-header .l-header__nav .gnav-parents {
position: relative;
z-index: 99;
}

#sc-common-header .l-header__nav .gnav-parents__item {
flex-shrink: 0;
width: 60px;
height: 55px;
display: block;
background-color: #fff;
position: relative;
}

#sc-common-header .l-header__nav .gnav-parents__item.is-active {
background-color: #efefef;
}

#sc-common-header .l-header__nav .gnav-parents__item.is-active .detail:after {
border-color: #00a0dc;
transform: rotate(-135deg);
right: 5px;
}

#sc-common-header .l-header__nav .gnav-parents__item:before {
content: "";
width: 40px;
height: 1px;
background-color: #ddd;
position: absolute;
bottom: 0;
}

#sc-common-header .l-header__nav .gnav-parents__item:last-child:before {
content: none;
}

#sc-common-header .l-header__nav .gnav-parents__item .another-tab {
display: block;
width: 14px;
height: 14px;
position: absolute;
top: 50%;
left: 50%;
margin: -7px 0 0 -7px;
}

#sc-common-header .l-header__nav .gnav-parents__item .detail {
display: block;
width: 12px;
height: 12px;
position: absolute;
top: 50%;
left: 50%;
margin: -6px 0 0 -6px;
}

#sc-common-header .l-header__nav .gnav-parents__item.other {
background-color: #2e2e2e;
}

#sc-common-header .l-header__nav .gnav-parents__item.other .detail:after {
border-color: #fff;
}

#sc-common-header .l-header__nav .gnav-children {
width: 100%;
height: 100vh;
overflow-x: scroll;
background-color: #efefef;
padding-bottom: 300px;
box-sizing: border-box;
}

#sc-common-header .l-header__nav .gnav-children .page-child .child:last-child {
border-bottom: 1px solid #ddd;
}

#sc-common-header .l-header__nav .gnav-children .page-child .gray-link {
color: #7f7f7f;
}

#sc-common-header .l-header__nav .gnav-children .page-child .gray-link:after {
border-color: #7f7f7f;
}

#sc-common-header .l-header__nav .gnav-children .page-child .another-tab:before,
#sc-common-header .l-header__nav .gnav-children .page-child .another-tab:after {
border-color: #111;
}

#sc-common-header .l-header__nav .gnav-children .page-child .accordion-toggle {
border-bottom: 1px solid #ddd;
position: relative;
}

#sc-common-header .l-header__nav .gnav-children .page-child .accordion-toggle:after,
#sc-common-header .l-header__nav .gnav-children .page-child .accordion-toggle:before {
content: "";
width: 12px;
height: 1px;
background-color: #000;
position: absolute;
right: 7px;
top: 50%;
margin-top: -1px;
}

#sc-common-header .l-header__nav .gnav-children .page-child .accordion-toggle:after {
transform: rotate(90deg);
transition: transform .3s;
}

#sc-common-header .l-header__nav .gnav-children .page-child .accordion-toggle.is-open {
border-bottom-color: transparent;
}

#sc-common-header .l-header__nav .gnav-children .page-child .accordion-toggle.is-open:after {
transform: rotate(0deg);
}

#sc-common-header .l-header__nav .gnav-children .page-child .accordion-child {
margin: 0 20px;
display: none;
border-bottom: 1px solid #ddd;
}

#sc-common-header .l-header__nav .gnav-children .page-child .accordion-child .sub-child {
display: flex;
text-decoration: none;
height: 40px;
align-items: center;
font-size: 13px;
font-weight: bold;
position: relative;
padding-left: 1em;
}

#sc-common-header .l-header__nav .gnav-children .page-child .accordion-child .sub-child:after {
content: "";
width: 5px;
height: 1px;
background-color: #000;
position: absolute;
top: 50%;
margin-top: -1px;
left: 2px;
}
}

@media screen and (min-device-width: 769px) {
/*pc*/
@charset "UTF-8";

#sc-common-header html {
overflow-x: hidden;
}

#sc-common-header #gnav_header {
position: relative;
top: 0;
left: 0;
width: 100%;
min-width: 1254px;
height: 110px;
background-color: #FFF;
border-bottom: #dde2e6 1px solid;
margin: 0 auto;
z-index: 500;
font-family: "メイリオ", meiryo !important;
}

#sc-common-header #top #gnav_header {
position: fixed;
position: absolute;
}

#sc-common-header .headLogoWrap {
position: absolute;
width: auto;
height: auto;
margin: 0 auto -100px;
}

#sc-common-header #headLogo {
position: absolute;
width: 125px;
height: 90px;
top: 5px;
left: 15px;
z-index: 1002;
}

#sc-common-header #headLogo a {
position: relative;
}

#sc-common-header #headLogo:before {
content: "";
display: block;
width: 100vw;
height: 114px;
position: absolute;
left: -15px;
top: -10px;
}

/*#container #gnav_header {
width: 1014px;
left: -7px;
}*/
#sc-common-header #gnav_header #gnav_header_inner {
width: 100%;
height: auto;
margin: 0 auto;
position: fixed;
}

#sc-common-header #gnav_header #gnav_header_inner .noscript {
float: left;
font-weight: bold;
padding: 7px 10px;
margin: 5px 0 0 20px;
font-size: 12px;
color: #FFF;
background: #CC0000;
}

#sc-common-header #gnav_header #headShoulder {
float: left;
}

/**
* ヘッダーナビ
**/
#sc-common-header #gnav_header #headMenu {
float: right;
_width: 250px;
position: relative;
z-index: 9995;
margin-top: 22px;
}

#sc-common-header #gnav_header nav.login-show {
margin-right: 234px;
}

#sc-common-header #gnav_header .searchBox {
width: 120px;
}

#sc-common-header #gnav_header #headMenu li {
float: left;
margin: 0 50px 0 0;
font-size: 11px !important;
}

#sc-common-header #gnav_header #headMenu li a {
color: #999;
text-decoration: none;
font-family: "メイリオ", meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif !important;
}

#sc-common-header #gnav_header #headMenu li a:hover {
color: #003a6a;
}

#sc-common-header #gnav_header #headMenu li a.iconBlankBlack {
background: url('https://www.subaru.jp/common/img/header_outlink_icon.png?date=20180918') no-repeat right 4px;
padding-right: 15px;
}

/* マイ スバル*/
#sc-common-header #gnav_header #headMenu li.mysubaru {
background: #FF8800;
font-size: 12px !important;
padding: 1px 8px;
margin-top: -2px;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
-o-border-radius: 1em;
-ms-border-radius: 1em;
}

#sc-common-header #gnav_header #headMenu li.mysubaru a {
color: #FFF;
text-decoration: none;
font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif !important;
}

#sc-common-header #gnav_header #headMenu li.mysubaru a:hover {
color: #FFF;
}

#sc-common-header #gnav_header #headMenu li.mysubaru a.iconBlank:after {
background: url(https://www.subaru.jp/common/img/icon_blank_white_s.png?date=20180619) no-repeat right center;
margin-left: 0px;
}

/**
* 検索
**/
#sc-common-header #gnav_header #form1 {
display: block;
float: right;
/*_width: 190px;*/
_font-size: 12px;
margin: 0;
padding-right: 52px;
}

/*#gnav_header #form1 .search_txtarea {
vertical-align:top;
border:solid 1px #aaa;
padding:1px 4px;
margin-right:2px;
}*/

#sc-common-header #gnav_header .searchFormWrap {
float: right;
padding: 0 20px 0 0;
margin: 16px 60px 6px 0;
position: relative;
overflow: hidden;
z-index: 9995;
}

#sc-common-header #gnav_header .showSearchFormBtn {
position: absolute;
top: 50%;
right: 0;
margin-top: -7px;
display: block;
width: 14px;
height: 14px;
background-image: url('https://www.subaru.jp/common/img/icon_search.png?date=20180619');
-webkit-background-size: 14px;
-o-background-size: 14px;
background-size: 14px;
background-repeat: no-repeat;
background-position: center center;
cursor: pointer;
}

#sc-common-header #gnav_header .closeSearchFormBtn {
position: absolute;
top: 50%;
right: 0;
margin-top: -7px;
display: none;
width: 14px;
height: 14px;
background-image: url('https://www.subaru.jp/common/img/btn_close.png?date=20180619');
-webkit-background-size: 11px;
-o-background-size: 11px;
background-size: 11px;
background-repeat: no-repeat;
background-position: center center;
cursor: pointer;
}

#sc-common-header #gnav_header #form1.searchForm {
margin-right: -370px;
}

#sc-common-header #gnav_header .searchForm {
background-color: #FFF;
background-image: url('https://www.subaru.jp/common/img/icon_search.png?date=20180619');
-webkit-background-size: 14px;
-o-background-size: 14px;
background-size: 14px;
background-repeat: no-repeat;
background-position: 7px center;
height: 24px;
padding-left: 26px;
border: #888 1px solid;
-webkit-border-radius: 12px;
border-radius: 12px;
overflow: hidden;
position: static;
}

#sc-common-header #gnav_header .searchForm .searchBox {
width: 254px;
height: 100%;
padding: 0 .5em;
border: none;
}

#sc-common-header #gnav_header .searchForm .searchBox:focus {
outline: 0;
}

#sc-common-header #gnav_header .searchForm .searchBox::-webkit-input-placeholder {
color: #ccc;
}

#sc-common-header #gnav_header .searchForm .searchBox::-moz-placeholder {
color: #ccc;
}

#sc-common-header #gnav_header .searchForm .searchBox:-ms-input-placeholder {
color: #ccc;
}

#sc-common-header #gnav_header .searchForm input[type=submit] {
position: absolute;
top: 0;
right: 0;
left: 294px;
width: 52px;
height: 100%;
color: #FFF;
background-color: #489FD7;
border-radius: 0 12px 12px 0;
border: #888 1px solid;
border-left: none;
cursor: pointer;
}

/**
* グローバルナビ
**/
#sc-common-header #gnav_header #gnavi {
width: 100%;
margin: 0;
position: relative;
z-index: 9990
}

#sc-common-header #gnav_header #global {
float: right;
margin-top: 6px;
}

#sc-common-header #gnav_header #global .btn_close {
position: absolute;
top: 0px;
right: calc(50% - 560px);
cursor: pointer;
}

#sc-common-header #gnav_header #global li#gnav_brand,
#sc-common-header #gnav_header #global li#gnav_brand,
#sc-common-header #gnav_header #global li#gnav_lineup,
#sc-common-header #gnav_header #global li#gnav_support,
#sc-common-header #gnav_header #global li#gnav_enjoy,
#sc-common-header #gnav_header #global li#gnav_owner {
float: left;
margin: 0;
padding: 0 0px 17px 0px;
cursor: pointer;
}

#sc-common-header #gnav_header #global li a.gnav {
display: block;
padding: 0 23px;
}

#sc-common-header #gnav_header #global li:first-child a.gnav:before {
display: none;
}

#sc-common-header #gnav_header #global li a.gnav:before {
content: '';
display: block;
width: 1px;
height: 20px;
background: #EEE;
position: absolute;
left: 0px;
top: 13px;
}

#sc-common-header #gnav_header #global a.gnav.active:after,
#sc-common-header #gnav_header #global li:hover a.gnav:after {
content: "";
display: block;
width: 100%;
height: 3px;
background: #019fdc;
position: absolute;
left: 0px;
bottom: -10px;
}

#sc-common-header #gnav_header #global li#gnav_owner a.gnav.active:after,
#sc-common-header #gnav_header #global li#gnav_owner:hover a.gnav:after {
bottom: -25px;
}

#sc-common-header #gnav_header #global li a.gnav,
#sc-common-header #gnav_header #global li a.gnav span {
display: block;
height: 35px;
font-size: 107.61%;
font-weight: normal;
}

#sc-common-header #gnav_header #global li#gnav_owner a.gnav span {
height: 55px;
}

#sc-common-header #gnav_header #global li#gnav_lifeactive a.gnav,
#sc-common-header #gnav_header #global li#gnav_owner a.gnav {
cursor: pointer !important;
}

#sc-common-header #gnav_header #global li a.active span img,
#sc-common-header #gnav_header #global li a:hover span img {
display: none !important;
}

#sc-common-header #gnav_header #global a.gnav span {
position: absolute;
top: 16px;
}

#sc-common-header #gnav_header #global a.gnav span img {
vertical-align: top;
}

#sc-common-header #gnav_header #global li#gnav_brand a.gnav,
#sc-common-header #gnav_header #global li#gnav_lineup a.gnav,
#sc-common-header #gnav_header #global li#gnav_support a.gnav,
#sc-common-header #gnav_header #global li#gnav_enjoy a.gnav,
#sc-common-header #gnav_header #global li#gnav_owner a.gnav {
height: 40px;
position: relative;
}

#sc-common-header #gnav_header #global li#gnav_brand a.gnav {
background: url(https://www.subaru.jp/common/img/gnavi01_on.jpg?date=20180820) no-repeat center 16px;
width: 52px;
}

#sc-common-header #gnav_header #global li#gnav_lineup a.gnav {
background: url(https://www.subaru.jp/common/img/gnavi02_on.jpg?date=20180820) no-repeat center 16px;
width: 80px;
}

#sc-common-header #gnav_header #global li#gnav_support a.gnav {
background: url(https://www.subaru.jp/common/img/gnavi03_on.jpg?date=20180820) no-repeat 23px 16px;
width: 96px;
}

#sc-common-header #gnav_header #global li#gnav_enjoy {
margin-right: 25px;
}

#sc-common-header #gnav_header #global li#gnav_enjoy a.gnav {
background: url(https://www.subaru.jp/common/img/gnavi04_on.jpg?date=20180820) no-repeat center 16px;
width: 124px;
}

#sc-common-header #gnav_header #global li#gnav_owner a.gnav {
background: url(https://www.subaru.jp/common/img/gnavi05_on.jpg?date=20180820) no-repeat 10px 16px;
width: 135px;
box-sizing: border-box;
position: relative;
margin: 0 auto;
}

#sc-common-header #gnav_header #global li a .indentL {
margin-left: -13px;
}

#sc-common-header #gnav_header #global li#gnav_brand a.gnav span {
width: 52px;
}

#sc-common-header #gnav_header #global li#gnav_lineup a.gnav span {
width: 80px;
}

#sc-common-header #gnav_header #global li#gnav_support a.gnav span {
width: 96px;
}

#sc-common-header #gnav_header #global li#gnav_enjoy a.gnav span {
width: 124px;
}

#sc-common-header #gnav_header #global li#gnav_owner a.gnav span {
width: 115px;
}

#sc-common-header #gnav_header #global li#gnav_owner a.gnav span {
top: 16px;
left: 10px;
}

#sc-common-header #gnav_header #global li#gnav_owner {
margin-right: 26px;
margin-left: 26px;
margin-top: -22px;
padding-bottom: 32px;
}

#sc-common-header #gnav_header #global li#gnav_owner a.gnav:before {
display: none;
}

#sc-common-header #gnav_header #global:before {
content: '';
display: block;
position: absolute;
right: 183px;
top: -30px;
width: 4px;
height: 68px;
background: #00205B;
}

#sc-common-header #gnav_header #global li#gnav_owner a.gnav {
height: 47px;
}

#sc-common-header #gnav_header #global li#gnav_brand a.gnav:hover,
#sc-common-header #gnav_header #global li#gnav_lineup a.gnav:hover,
#sc-common-header #gnav_header #global li#gnav_support a.gnav:hover,
#sc-common-header #gnav_header #global li#gnav_enjoy a.gnav:hover,
#sc-common-header #gnav_header #global li#gnav_owner a.gnav:hover {
color: #0066cc;
}

/*#gnav_header #global li a.gnav + .megaDrop{transition: height 0.4s;}*/
#sc-common-header #gnav_header #global li a.gnav + .megaDrop .inner {
opacity: 0;
transition: 0.5s;
top: -20px;
position: relative;
transition-delay: .2s;
}

#sc-common-header #gnav_header #global li a.gnav.active + .megaDrop .inner {
/*opacity: 1;
top: 0px;*/
}

/*.ie6 #global { padding-left:20px; width:700px; overflow:hidden; }
#sc-common-header .ie6 #global li { margin:0 44px 0 0; }
#sc-common-header .ie6 #global li.last { margin:0; }*/
#sc-common-header #gnav_header #global {
_padding-left: 20px;
_width: 700px;
_overflow: hidden;
}

#sc-common-header #gnav_header #global li {
_margin: 0 44px 0 0;
}

#sc-common-header #gnav_header #global li.last {
_margin: 0;
}

#sc-common-header #gnav_header #function {
width: 135px;
float: right;
padding-right: 8px;
margin-top: 10px;
}

#sc-common-header #gnav_header #function li {
float: left;
margin-right: 10px;
}

#sc-common-header #gnav_header #function li.last {
margin-right: 0;
}

#sc-common-header #gnav_header .snavi_img {
position: absolute;
left: 0;
top: 0;
}

#sc-common-header #gnav_header .snavi {
z-index: 110000;
display: none;
overflow: hidden;
position: absolute;
top: 104px;
background-color: #FFF;
border: solid 1px #898989;
border-top: none;
height: 0;
min-width: 160px;
width: auto !important;
width: 160px;
color: #000;
line-height: 120%;
font-size: 11px;
}

/*.ie6 .snavi, .ie7 .snavi { top:105px; }
#sc-common-header #gnav_header .snavi { /top:104px; }*/
#sc-common-header #gnav_header #global .snavi li {
float: none;
margin: 0;
}

#sc-common-header #gnav_header .snavi li a {
display: block;
padding: 7px 10px 7px 10px;
border-top: solid 1px #898989;
color: #000;
text-decoration: none;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif !important;
}

#sc-common-header *:first-child + html #gnav_header .snavi li a {
/width: 140px;
}

#sc-common-header #gnav_header .snavi li a:hover,
#sc-common-header #gnav_header .snavi li .active {
color: #0874d8;
}

#sc-common-header #gnav_header #snavi_lineup {
left: 135px;
}

#sc-common-header #gnav_header #snavi_information {
left: 260px;
}

#sc-common-header #gnav_header #snavi_support {
left: 420px;
}

#sc-common-header #gnav_header #snavi_accessory {
left: 555px;
}

#sc-common-header #gnav_header #snavi_affter {
left: 680px;
}

#sc-common-header #gnav_header .subnavi_tab {
border-top: solid 1px #898989;
width: 100%;
}

#sc-common-header #gnav_header .subnavi_tab li {
width: 49%;
display: inline-block;
/display: inline;
/zoom: 1;
}

#sc-common-header #gnav_header .subnavi_tab li.last {
border-right: none;
}

#sc-common-header #gnav_header .snavi .subnavi_tab li a {
display: block;
padding: 6px 0 7px 0;
border-top: none;
text-align: center;
}

#sc-common-header #gnav_header #carlineup_tab1 {
border-right: solid 1px #898989;
}

#sc-common-header #gnav_header #carlineup_content2 {
display: none;
}

/*.ie7 #carlineup_tab1 { width:79px; }
#sc-common-header .ie7 #carlineup_tab2 { width:80px; }*/
#sc-common-header *:first-child + html #gnav_header li a#carlineup_tab1 {
width: 79px !important;
display: block !important;
}

#sc-common-header *:first-child + html #gnav_header li a#carlineup_tab2 {
width: 80px !important;
display: block !important;
}

#sc-common-header #gnav_header #snavi_lineup_img {
position: absolute;
top: 159px;
}

#sc-common-header #gnav_header #snavi_lineup_img li {
display: none;
border: solid 1px #898989;
overflow: hidden;
width: 0;
height: 363px;
background-color: #fff;
}

#sc-common-header #gnav_header #snavi_lineup_img a {
padding: 0;
border: none;
}

/**
* ローカルナビ
**/
#sc-common-header #gnav_header #lnavi {
/*background: url("/common/img/bg_lnavi.png?date=20180619") left top no-repeat;*/
}

#sc-common-header #gnav_header .lnaviset {
position: absolute;
right: 0;
top: 115px;
width: 850px;
height: 70px;
padding-right: 25px;
text-align: center;
background: url("/common/img/bg_lnavi.png?date=20180619") left top no-repeat;
}

#sc-common-header #gnav_header .lnaviset {
_height: 30px;
_background: none;
_background-color: #000;
}

#sc-common-header #gnav_header #lnavi ul {
padding: 16px 0 12px 0;
}

#sc-common-header #gnav_header #lnavi li {
float: left;
font-size: 12px;
line-height: 120%;
padding: 0;
/* border-right:solid 1px #FFF; */
}

#sc-common-header #gnav_header #lnavi li.last {
border: none;
}

#sc-common-header #gnav_header #lnavi li a {
color: #fff;
text-decoration: none;
padding: 0 10px;
}

#sc-common-header #gnav_header #lnavi li a:hover {
color: #68d7fc;
}

#sc-common-header #gnav_header #lnavi li a.active {
color: #ffffff;
background: url("/common/img/icon_lnavi.png?date=20180619") left center no-repeat;
}

#sc-common-header #gnav_header #lnavi #lnavi_carlineup,
#sc-common-header #gnav_header #lnavi #lnavi_information,
#sc-common-header #gnav_header #lnavi #lnavi_support,
#sc-common-header #gnav_header #lnavi #lnavi_accessory,
#sc-common-header #gnav_header #lnavi #lnavi_affter {
display: none;
}

#sc-common-header #gnav_header #lnavi #lnavi_carlineup.active,
#sc-common-header #gnav_header #lnavi #lnavi_information.active,
#sc-common-header #gnav_header #lnavi #lnavi_support.active,
#sc-common-header #gnav_header #lnavi #lnavi_accessory.active,
#sc-common-header #gnav_header #lnavi #lnavi_affter.active {
display: inline-block;
/display: inline;
/zoom: 1;
}

/*=========================================
3: localnavi
=========================================*/
#sc-common-header #local_navi {
height: 24px;
text-align: center;
background: #050505;
}

#sc-common-header #local_navi ul {
margin: 0 auto;
padding: 2px 0px 0px 0px;
text-align: center;
}

#sc-common-header #local_navi li {
display: inline;
}

#sc-common-header #local_navi li img.btn {
padding-left: 5px;
}

#sc-common-header #local_navi a: hover {
border-bottom: 1px solid #3D64A4;
}
}