﻿@charset "UTF-8";

#sc-common-header #container {
position: relative;
}

/* megadrop.CSS */
#sc-common-header #foot {
min-width: 1000px;
}

#sc-common-header #footer {
min-width: 1000px;
width: 100%;
}

#sc-common-header #gnav_header {
z-index: 1011;
}

#sc-common-header #gnav_header .bigimg:hover {
opacity: .8;
}

#sc-common-header #gnav_header #gnav_header_inner {
position: static !important;
}

#sc-common-header #gnav_header #gnav_header_inner > noscript {
height: 40px;
position: absolute;
top: 65px;
left: 125px;
right: 0;
z-index: 10;
}

#sc-common-header #gnav_header #gnav_header_inner > noscript > a {
display: block;
height: 40px;
position: absolute;
top: 1px;
}

#sc-common-header #gnav_header #gnav_header_inner > noscript > a.noJsNav01 {
width: 82px;
left: 22px;
}

#sc-common-header #gnav_header #gnav_header_inner > noscript > a.noJsNav02 {
width: 117px;
left: 148px;
}

#sc-common-header #gnav_header #gnav_header_inner > noscript > a.noJsNav03 {
width: 92px;
left: 309px;
}

#sc-common-header #gnav_header #gnav_header_inner > noscript > a.noJsNav04 {
width: 79px;
left: 445px;
}

#sc-common-header #gnav_header #gnav_header_inner > noscript > a.noJsNav05 {
width: 110px;
left: 568px;
}

#sc-common-header #gnav_header #gnav_header_inner > noscript > a.noJsNav06 {
width: 99px;
left: 722px;
}

#sc-common-header #gnav_header #global > li {
}

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

#sc-common-header #gnav_header #global > li + li a.gnav {
position: relative;
}

#sc-common-header #gnav_header #global > li.opn > a > span img {
display: none;
}

/* オンマウスアテンション */
#sc-common-header #global .clkTxt {
display: none;
height: 0px;
margin: auto;
padding-top: 10px;
position: absolute;
top: 108px;
left: 0;
right: 0;
z-index: 300;
overflow: hidden;
cursor: pointer;
width: 100%;
}

#sc-common-header #global .clkTxt p {
background: url(../img/bg_blk_alph60.png) left top repeat;
height: 40px;
color: #68d7fc;
font-family: "メイリオ", Meiryo;
font-size: 14px;
text-align: center;
line-height: 44px;
}

#sc-common-header #global .clkTxt p span {
display: inline-block !important;
background: url(../img/icn_clk.png) left 44% no-repeat;
padding-left: 42px;
cursor: pointer !important;
}

/* メガドロップ */
#sc-common-header #gnav_header #global.opened .megaDrop {
transition: 0s;
}

#sc-common-header #gnav_header #global .megaDrop {
height: 0;
font-family: "メイリオ", Meiryo;
position: absolute;
top: 63px;
/*  top: -150vh;*/
left: 0;
width: calc(100%);
right: 0;
z-index: 500;
overflow: hidden;
cursor: default;
display: block;
/*opacity: 0;
transition: .5s;*/
}

#sc-common-header #gnav_header #global .opn .megaDrop {
z-index: 600;
}

#sc-common-header #gnav_header #global .megaDrop .area {
width: calc(100% + 20px);
overflow-y: scroll;
}

#sc-common-header #gnav_header #global .megaDrop.opened .area {
}

#sc-common-header #gnav_header #global .megaDrop .area > .inner {
width: 1000px;
margin: 0px auto;
}

#sc-common-header #gnav_header #global .megaDrop .btnClsMDrop {
display: block;
width: 30px;
height: 30px;
color: #fff;
text-align: center;
text-decoration: none;
position: absolute;
top: 16px;
right: 16px;
}

#sc-common-header #gnav_header #global .megaDrop .btnClsMDrop:hover {
opacity: 0.7;
}

#sc-common-header .mdm_bg {
visibility: hidden;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0;
transition: 0.3s;
z-index: 500;
/*transition-delay:0.5s;*/
}

#sc-common-header .mdm_bg.active {
opacity: 0.7;
visibility: visible;
}

/* メガドロップ：ラインナップ */
#sc-common-header #gnav_header #global #gnav_carlineup .megaDrop {
}

#sc-common-header #gnav_header #global .megaDrop .area {
background-color: #fff;
}

#sc-common-header #gnav_header #global .megaDrop .inner {
/*  padding-top: 20px;  */
}

/*
#sc-common-header #gnav_header #global .megaDrop .inner:after {
content: "";
display: block;
height: 0;
border-bottom: 1px solid #fff;
position: absolute;
bottom: 10px;
left: 0;
right: 0;
}
*/

#sc-common-header #gnav_header #global .megaDrop .inner .mdm_tbl {
display: table;
background-color: #f7f7f7;
}

#sc-common-header #gnav_header #global .megaDrop .inner .mdm_tbl .mdm_cell {
display: table-cell;
vertical-align: top;
}

#sc-common-header #gnav_header #global .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(1) {
width: 320px;
}

#sc-common-header #gnav_header #global .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) {
width: 679px;
}

#sc-common-header #gnav_header #global .megaDrop .inner .mdm_tbl .mdm_cell ul li {
margin: 0;
}

/* *************************************************** */
/* BRAND */
#sc-common-header #gnav_header #global #gnav_brand .megaDrop.active {
height: 500px;
}

#sc-common-header #gnav_header #global #gnav_brand .megaDrop .inner {
height: 500px;
}

#sc-common-header #gnav_header #global #gnav_brand .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box {
height: 500px;
margin: 0;
padding: 0;
border-left: 1px solid #e5e5e5;
}

#sc-common-header #gnav_header #global #gnav_brand .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box {
width: 680px;
height: 500px;
}

#sc-common-header #gnav_header #global #gnav_brand .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .img_box {
height: 500px;
}

/* *************************************************** */
/* LINE UP */
#sc-common-header #gnav_header #global #gnav_lineup .megaDrop.active {
height: 645px;
}

#sc-common-header #gnav_header #global #gnav_lineup .megaDrop .inner {
height: 645px;
}

#sc-common-header #gnav_header #global #gnav_lineup .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box {
height: 645px;
margin: 0;
padding: 0;
border-left: 1px solid #e5e5e5;
}

#sc-common-header #gnav_header #global #gnav_lineup .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box {
width: 680px;
height: 645px;
}

#sc-common-header #gnav_header #global #gnav_lineup .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .img_box {
height: 645px;
overflow: hidden;
}
/*
#sc-common-header #gnav_header #global #gnav_lineup .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .img_box img {
position: relative;
top: -50px;
}
*/
/* *************************************************** */
/* SUPPORT */
#sc-common-header #gnav_header #global #gnav_support .megaDrop.active {
height: 630px;
}

#sc-common-header #gnav_header #global #gnav_support .megaDrop .inner {
height: 630px;
}

#sc-common-header #gnav_header #global #gnav_support .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box {
height: 630px;
margin: 0;
padding: 0;
border-left: 1px solid #e5e5e5;
}

#sc-common-header #gnav_header #global #gnav_support .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box {
width: 680px;
height: 630px;
}

#sc-common-header #gnav_header #global #gnav_support .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .img_box {
height: 630px;
}

/* *************************************************** */
/* ENJOY */
#sc-common-header #gnav_header #global #gnav_enjoy .megaDrop.active {
height: 595px;
}

#sc-common-header #gnav_header #global #gnav_enjoy .megaDrop .inner {
height: 595px;
}

#sc-common-header #gnav_header #global #gnav_enjoy .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box {
height: 595px;
margin: 0;
padding: 0;
border-left: 1px solid #e5e5e5;
}

#sc-common-header #gnav_header #global #gnav_enjoy .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box {
width: 680px;
height: 595px;
}

#sc-common-header #gnav_header #global #gnav_enjoy .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .img_box {
height: 595px;
}

/* *************************************************** */
/* OWNER */
#sc-common-header #gnav_header #global #gnav_owner .megaDrop.active {
height: 500px;
}

#sc-common-header #gnav_header #global #gnav_owner .megaDrop .inner {
height: 500px;
}

#sc-common-header #gnav_header #global #gnav_owner .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box {
height: 500px;
margin: 0;
padding: 0;
border-left: 1px solid #e5e5e5;
}

#sc-common-header #gnav_header #global #gnav_owner .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box {
width: 680px;
height: 500px;
}

#sc-common-header #gnav_header #global #gnav_owner .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .img_box {
height: 500px;
}

/* *************************************************** */

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(1) .linkbtn {
text-align: center;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(1) .linkbtn img {
margin: 25px 0 45px;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(1) .linkbtn a:hover {
opacity: 0.7;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box {
width: 680px;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box ul {
display: table-cell;
width: 260px;
padding: 50px 40px 0;
vertical-align: top;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box ul li {
border-bottom: 1px solid #e5e5e5;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box ul li.bd_none {
border-bottom: none;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box ul li.active {
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .img_box {
position: relative;
display: table-cell;
width: 340px;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .img_box img {
position: absolute;
position: relative;
display: none;
top: 0;
left: 0;
width: 100%;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .img_box img:first-of-type {
display: block;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .pickup_box {
display: table;
width: 554px;
margin: 0px auto 35px;
padding-top: 80px;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .pickup_box a {
color: #000;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .pickup_box a:hover {
opacity: 0.7;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .pickup_box .main_img {
display: table-cell;
width: 375px;
padding-right: 20px;
vertical-align: top;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .pickup_box .main_txt {
display: table-cell;
width: calc(100% - 375px - 20px);
vertical-align: top;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .pickup_box .main_txt img {
margin-bottom: 10px;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .pickup_box .main_txt p:nth-of-type(1) {
font-size: 13px;
font-weight: bold;
margin-bottom: 5px;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .pickup_box .main_txt p:nth-of-type(2) {
font-size: 13px;
line-height: 1.5em;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .slider_box {
position: relative;
width: 100%;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .slider_box .carousel_box {
width: calc(187px * 3 - 10px);
margin: 0 auto;
padding: 0 5px;
overflow: hidden;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .slider_box .carousel_box .slick_box {
display: block;
height: 265px;
margin-bottom: 85px;
overflow: hidden;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .slider_box .carousel_box .slick_box div img:nth-of-type(1) {
margin-bottom: 10px;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .slider_box .carousel_box .slick_box div img:nth-of-type(2) {
margin-bottom: 5px;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .slider_box .carousel_box .slick_box div p {
width: 178px;
font-size: 13px;
font-weight: bold;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .slider_box .carousel_box .slick_box div a {
text-decoration: none;
color: #000;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .slider_box .carousel_box .slick_box div a:hover {
opacity: 0.7;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .slider_box .carousel_box .slick_box div a:hover img {
opacity: 0.7;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .slider_box .arrow_lf {
position: absolute;
top: 50px;
left: 25px;
cursor: pointer;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .slider_box .arrow_rt {
position: absolute;
top: 50px;
right: 25px;
cursor: pointer;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .slider_box .arrow_lf:hover img,
#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .slider_box .arrow_rt:hover img {
opacity: 0.7;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .car_ctlg {
position: relative;
margin-bottom: -30px;
padding-top: 20px;
padding-left: 40px;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .car_ctlg a + a {
margin-left: 20px;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .car_ctlg a:nth-child(2) {
position: absolute;
width: 240px;
bottom: -40px;
right: 290px;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .car_ctlg a:nth-child(2) img {
max-width: 100%;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .car_ctlg a:nth-child(2):hover img {
opacity: 0.7;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .car_ctlg a:nth-child(3) {
position: absolute;
width: 240px;
bottom: -40px;
right: 40px;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .car_ctlg a:nth-child(3) img {
max-width: 100%;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .car_ctlg a:nth-child(3):hover img {
opacity: 0.7;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box ul.step1 {
display: table;
width: calc(158px * 4);
padding: 70px 24px 80px;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box:nth-of-type(4) .car_ctlg a:nth-child(2) {
width: 240px;
left: 130px;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box:nth-of-type(4) .car_ctlg a:nth-child(2) {
right: 40px;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box ul.step1 li {
float: left;
display: table-cell;
width: 158px;
width: 25%;
height: 160px;
margin: 0;
padding: 0;
border: none;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box ul.step1 li:hover img {
opacity: 0.7;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box ul.step2 {
display: table-cell;
width: 260px;
padding: 50px 35px 0;
vertical-align: top;
}

#sc-common-header #gnav_header #global > li .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box ul.step2 li {
border-bottom: 1px solid #e5e5e5;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box ul.step2 li.bd_none {
border-bottom: none;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box ul.step2 li.active {
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .bnr_area {
width: calc(158px * 4);
margin: -40px auto 0;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .bnr_area img {
margin: 0 auto;
}

#sc-common-header #gnav_header #global > li .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box .bnr_area a:hover {
opacity: 0.7;
}

#sc-common-header #gnav_header #global .megaDrop .lineupArea ul.btns {
display: table;
width: 100%;
border-bottom: 1px solid #e4e4e4;
}

#sc-common-header #gnav_header #global .megaDrop .lineupArea ul.btns > li {
display: table-cell;
margin: 0;
vertical-align: middle;
}

#sc-common-header #gnav_header #global .megaDrop .lineupArea ul.btns > li.btnJoyo {
width: 160px;
padding-left: 66px;
}

#sc-common-header #gnav_header #global .megaDrop .lineupArea ul.btns > li.btnKei {
width: 160px;
}

#sc-common-header #gnav_header #global .megaDrop .lineupArea ul.btns > li.btnAll {
padding-left: 25px;
}

#sc-common-header #gnav_header #global .megaDrop .lineupArea ul.btns > li.btnSti {
margin-left: 20px;
border-left: 1px solid #ccc;
}

#sc-common-header #gnav_header #global .megaDrop .lineupArea ul.btns > li.btnSuv {
margin-left: 20px;
}

#sc-common-header #gnav_header #global .megaDrop .lineupArea ul.btns > li.btnSup {
margin-left: 20px;
}

#sc-common-header #gnav_header #global .megaDrop .lineupArea ul.btns > li a {
display: block;
height: 30px;
margin-bottom: -1px;
padding-top: 3px;
color: #000;
font-size: 14px;
text-align: center;
box-sizing: border-box;
}

#sc-common-header #gnav_header #global .megaDrop .lineupArea ul.btns > li a:hover {
opacity: 0.6;
}

#sc-common-header #gnav_header #global .megaDrop .lineupArea ul.btns > li a:hover img {
opacity: 0.6;
}

#sc-common-header #gnav_header #global .megaDrop .lineupArea ul.btns > li a.on {
color: #036EC0;
border-bottom: 3px solid #018fc8;
}

#sc-common-header #gnav_header #global .megaDrop .lineupArea ul.btns > li a.on:hover {
opacity: 1;
}

#sc-common-header #gnav_header #global .megaDrop .lineupArea ul.btns > li.btnAll a {
display: inline-block;
background: url(https://www.subaru.jp/sc-common/Img/common/mdrop_tolist_arw.png) right 6px no-repeat;
padding-right: 17px;
text-align: left;
}

#sc-common-header #gnav_header #global .megaDrop .lineupArea ul.cars {
display: none;
}

#sc-common-header #gnav_header #global .megaDrop .lineupArea ul.cars.show {
display: block;
}

#sc-common-header #gnav_header #global .megaDrop .lineupArea ul.cars > li {
width: 200px;
margin: 0;
padding: 10px 0;
border-bottom: 1px solid #e4e4e4;
float: left;
position: relative;
}

#sc-common-header #gnav_header #global .megaDrop .lineupArea ul.cars > li.icnNew:after {
content: "NEW";
display: block;
background-color: #008cc2;
padding: 3px 5px 1px;
color: #fff;
font-size: 9px;
position: absolute;
top: 10px;
left: 10px;
}

#sc-common-header #gnav_header #global .megaDrop .lineupArea ul.cars > li a {
display: block;
height: 115px;
font-size: 14px;
}

#sc-common-header #gnav_header #global .megaDrop .lineupArea ul.cars > li a:hover {
opacity: 0.8;
}

#sc-common-header #gnav_header #global .megaDrop .lineupArea ul.cars.boxJoyo > li:first-child a {
position: relative;
}

#sc-common-header #gnav_header #global .megaDrop .lineupArea ul.cars.boxJoyo > li:first-child a:after {
/*  content:""; */
display: block;
background-color: #d2d2d2;
width: 1px;
position: absolute;
top: 5px;
bottom: 5px;
right: 0;
}

#sc-common-header #gnav_header #global .megaDrop .lineupArea ul.cars > li a .img {
display: block;
}

#sc-common-header #gnav_header #global .megaDrop .lineupArea ul.cars > li a .img img {
display: block !important;
}

#sc-common-header #gnav_header #global .megaDrop .lineupArea ul.cars > li a p {
padding: 5px 0;
color: #000;
text-align: center;
}

#sc-common-header #gnav_header #global .megaDrop .lineupArea ul.cars > li a p + p {
padding: 0;
}

#sc-common-header #gnav_header #global .megaDrop .lineupArea ul.cars.boxKei > li a p {
padding-top: 10px;
}

#sc-common-header #gnav_header #global .megaDrop .lineupArea ul.cars > li a p.pt0 {
padding-top: 0 !important;
}

#sc-common-header #gnav_header #global .megaDrop .lineupArea ul.cars > li dl {
display: table;
width: 100%;
}

#sc-common-header #gnav_header #global .megaDrop .lineupArea ul.cars > li dl > * {
display: table-cell;
vertical-align: middle;
}

#sc-common-header #gnav_header #global .megaDrop .lineupArea ul.cars > li dl > dt {
padding-right: 5px;
text-align: right;
}

/* メガドロップ：パターン2(ラインナップ以外) */
#sc-common-header #gnav_header #global .megaDrop .area.ptrn2 {
background-color: #fff;
}

#sc-common-header #gnav_header #global .megaDrop .area.ptrn2 > .inner {
/*  padding-top: 20px;  */
}

#sc-common-header #gnav_header #global .megaDrop .inner h2 {
margin-bottom: 20px;
color: #000;
font-size: 24px;
text-align: center;
line-height: 1;
}

#sc-common-header #gnav_header #global .megaDrop .inner h2 a {
display: inline-block;
background: url(https://www.subaru.jp/sc-common/Img/common/mdrop_ttl_arw.png) right center no-repeat;
padding-right: 25px
}

#sc-common-header #gnav_header #global .megaDrop .inner h2 a:hover {
text-decoration: underline;
}

#sc-common-header #gnav_header #global .megaDrop .area.ptrn2 .toList {
margin-bottom: 20px;
padding: 0 16px;
}

#sc-common-header #gnav_header #global .megaDrop .area.ptrn2 .toList dl {
display: table;
width: 100%;
}

#sc-common-header #gnav_header #global .megaDrop .area.ptrn2 .toList dl > * {
display: table-cell;
padding: 9px 15px 7px;
vertical-align: middle;
font-weight: bold;
line-height: 1;
box-sizing: border-box;
}

#sc-common-header #gnav_header #global .megaDrop .area.ptrn2 .toList dl > dt {
background-color: #aaa;
font-size: 14px;
text-align: center;
}

#sc-common-header #gnav_header #global .megaDrop .area.ptrn2 .toList dl > dd {
background-color: #cdcdcd;
font-size: 14px;
}

#sc-common-header #gnav_header #global .megaDrop .area.ptrn2 .toList dl > dd a {
display: inline-block;
background: url(https://www.subaru.jp/sc-common/Img/common/mdrop_tolist_arw.png) right center no-repeat;
padding-right: 14px;
font-size: 14px;
}

#sc-common-header #gnav_header #global .megaDrop .area.ptrn2 .toList dl > dd a:hover {
text-decoration: underline;
}

#sc-common-header #gnav_header #global .megaDrop .area.ptrn2 ul.cf {
margin-left: 16px;
}

#sc-common-header #gnav_header #global .megaDrop .area.ptrn2 ul.cf > li {
margin: 0 16px 0 0;
padding-bottom: 20px;
float: left;
}

#sc-common-header #gnav_header #global .megaDrop .area.ptrn2 ul.cf.col1 > li {
width: 968px;
}

#sc-common-header #gnav_header #global .megaDrop .area.ptrn2 ul.cf.col2 > li {
width: 476px;
}

#sc-common-header #gnav_header #global .megaDrop .area.ptrn2 ul.cf.col3 > li {
width: 312px;
}

#sc-common-header #gnav_header #global .megaDrop .area.ptrn2 ul.cf.col4 > li {
width: 230px;
}

#sc-common-header #gnav_header #global .megaDrop .area.ptrn2 .box {
display: block;
text-decoration: none;
}

#sc-common-header #gnav_header #global .megaDrop .area.ptrn2 a.box:hover {
opacity: 0.8;
}

#sc-common-header #gnav_header #global .megaDrop .area.ptrn2 .box + .box {
margin-top: 16px;
}

#sc-common-header #gnav_header #global .megaDrop .area.ptrn2 a.box:hover span img {
display: inline-block !important;
}

#sc-common-header #gnav_header #global .megaDrop .area.ptrn2 .box > span {
display: block;
}

#sc-common-header #gnav_header #global .megaDrop .area.ptrn2 .box.hasTxt p {
padding: 7px 0 0;
color: #333;
font-size: 12px;
}

#sc-common-header #gnav_header #global .megaDrop .area.ptrn2 .box.hasTxt p.taC {
text-align: center;
}

#sc-common-header #gnav_header #global .megaDrop .area.ptrn2 .line1 {
display: block;
margin: 0 16px 20px;
border-top: 1px solid #ccc;
}

#sc-common-header #gnav_header #global .megaDrop .area.ptrn2 .line2 {
display: block;
margin: 0 16px 20px;
border-top: 1px dotted #ccc;
}

#sc-common-header #gnav_header #global .megaDrop .area.ptrn2.lineupArea > .inner h2 {
font-size: 20px;
border: 1px solid #f00;
}

/* メガドロップ：インフォメーション */
#sc-common-header #gnav_header #global .megaDrop .area.ptrn2.infoArea .toList dl > dt {
width: 118px;
}

/* メガドロップ：アクセサリー */
#sc-common-header #gnav_header #global .megaDrop .area.ptrn2.accessoryArea .toList dl > dt {
width: 136px;
}

/* メガドロップ：SUBARUで愉しむ */
#sc-common-header #gnav_header #global .megaDrop .area.ptrn2.enjoyArea .toList dl > dt {
width: 130px;
}

/**Noscript**/

#sc-common-header .noscript {
float: none;
width: 100%;
margin: 0 auto;
text-align: center;
padding: 20px 0;
background: #FF0004;
font-weight: bold;
font-size: 16px;
color: #FFF;
}

#sc-common-header .noscript:after {
content: "";
position: absolute;
left: 0px;
top: 85px;
width: 100%;
height: 215px;
background: #EEE;
}

#sc-common-header .fbNoscript {
text-align: center;
padding: 20px;
}

#sc-common-header .newsNoscript {
position: relative;
height: 135px;
}

#sc-common-header .newsNoscript ul {
position: absolute;
left: 130px;
top: 35px;
}

#sc-common-header .newsNoscript ul li {
padding: 3px 0;
}

#sc-common-header .newsNoscript ul li a {
color: #036ec0;
}

#sc-common-header #info_btns {
margin-top: 12px;
float: right;
position: absolute;
right: 12px;
top: 10px;
}

#sc-common-header #gnav_header #global .megaDrop a:link,
#sc-common-header #gnav_header #global .megaDrop li a:link {
color: #036EC0;
text-decoration: none;
}

#sc-common-header #gnav_header #global .megaDrop a:visited,
#sc-common-header #gnav_header #global .megaDrop li a:visited {
color: #551A8B;
text-decoration: underline !important;
}

#sc-common-header #gnav_header #global .megaDrop a:hover,
#sc-common-header #gnav_header #global .megaDrop li a:hover {
/*  text-decoration: none !important;*/
}
#sc-common-header #gnav_header #global #gnav_lineup .megaDrop .inner .mdm_tbl .mdm_cell:nth-of-type(2) .inner_box:nth-child(3) a:first-child {
margin: 0 0 0 -13px;
}
