@charset "UTF-8";

/*=================================================
RESET
=================================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
html {
line-height: 1;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
q, blockquote {
quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none;
}
a { outline:none; }
a img {
border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
/*
Variable Grid System.
Learn more ~ http://www.spry-soft.com/grids/
Based on 960 Grid System - http://960.gs/

Licensed under GPL and MIT.
*/
/*
Forces backgrounds to span full width,
even if there is horizontal scrolling.
Increase this if your layout is wider.

Note: IE6 works fine without this fix.
*/
html {
min-height: 100%;
}
body {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}

@media (max-width: 767px) {
html {
height: 100%;
overflow-y: scroll;
}
body {
min-height: 100%;
overflow: hidden;
}
}
/*=================================================
COMMON
=================================================*/

/* body style
---------------------------------------------- */
body {
text-align: left;
font-size: 14px;
color: black;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Roboto", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background-color: #1e1e1e;
z-index: 0;
}
@media (max-width: 767px) {
body {
font-size: 14px;
}
}

/* Hidden Item
---------------------------------------------- */

.pc-hidden { display: none !important; }
.sp-hidden { display: block !important; }
@media (max-width: 767px) {
.pc-hidden { display: block !important; }
.sp-hidden { display: none !important; }
}

/* a style
---------------------------------------------- */
a:link	{
text-decoration: none;
color: #000;
}
a:visited	{
text-decoration: none;
color: #000;
}
a:hover	{
color: #666;
text-decoration: underline;
}
a:active	{
text-decoration: none;
color: #00F;
}
@media (max-width: 767px) {
a {
color: #3f3f3f;
text-decoration: none;
}
a:hover {
color: #3f3f3f;
text-decoration: none;
}
}

/* FONT size
---------------------------------------------- */

#content.font_m {
font-size: 14px;
}
#content.font_l {
font-size: 17px;
}
@media (max-width: 767px) {
#content.font_m {
font-size: 100%;
}
#content.font_l {
font-size: 100%;
}
}

/* wrapper
---------------------------------------------- */

#wrapper {
width: auto;
min-width: 980px;
max-width: 1440px;
margin: 0 auto;
background: #FFF;
overflow: hidden;
}
@media (max-width: 767px) {
#wrapper {
min-width: 320px;
max-width: auto;
}
/**/
html.car-menu-opened #content {
display: none;
}
html.car-menu-opened #wrapper {
overflow: visible;
}
}

/*=================================================
HEADER
=================================================*/

header {
position: relative;
}

/*  PC GlobalHeader */

header #pc-GlobalHeader {
position: relative;
box-sizing: border-box;
max-width: 960px;
height: 80px;
margin: 0 auto;
line-height: 17px;
}
header #pc-GlobalHeader .siteLogo {
position: absolute;
width: 64px;
top: 12px;
left: 0;
}
header #pc-GlobalHeader .siteLogo img {
width: 64px;
height: auto;
}
header #pc-GlobalHeader .globalNav {
position: absolute;
top: 15px;
right: 325px;
font-size: 10px;
}
header #pc-GlobalHeader .globalNav li {
display: inline;
margin: 0 5px;
}
header #pc-GlobalHeader .globalNav a:link,
header #pc-GlobalHeader .globalNav a:visited {
color: #51646C;
}
header #pc-GlobalHeader .globalNav a:hover,
header #pc-GlobalHeader .globalNav a:active,
header #pc-GlobalHeader .globalNav a:focus {
color: #51646C;
text-decoration: underline;
}
header #pc-GlobalHeader .globalNav2 {
position: absolute;
top: 50px;
right: 0;
font-size: 11px;
font-weight: bold;
letter-spacing: 0em;
}
header #pc-GlobalHeader .globalNav2 li {
display: inline;
margin: 0 5px;
}
header #pc-GlobalHeader .globalNav2 a:link,
header #pc-GlobalHeader .globalNav2 a:visited {
color: #51646C;
}
header #pc-GlobalHeader .globalNav2 a:hover,
header #pc-GlobalHeader .globalNav2 a:active,
header #pc-GlobalHeader .globalNav2 a:focus {
color: #84979F;
text-decoration: none;
}
header #pc-GlobalHeader .function {
width: 306px;
position: absolute;
top: 10px;
right: 0;
}
header #pc-GlobalHeader .function #font_menu {
position: absolute;
width: 70px;
top: 0;
left: 45px;
}
header #pc-GlobalHeader .function #font_menu::after {
display: block;
content: '';
clear: left;
}
header #pc-GlobalHeader .function #font_menu li {
float: left;
}
header #pc-GlobalHeader .function .search_menu {
position: absolute;
width: 181px;
top: 0;
right: 0;
}
header #pc-GlobalHeader .function .search_menu .search {
position: absolute;
width: 150px;
height: 24px;
left: 0;
top: 0;
background: url(../images/bg_search.gif) no-repeat;
border: none;
font-size: 11px;
color: #51646C;
padding-left: 6px;
line-height: 24px;
}
header #pc-GlobalHeader .function .search_menu .search_button {
position: absolute;
top: 0;
right: 0;
}
header #pc-GlobalHeader .btn-global-header-open {
display: none;
position: absolute;
right: 0;
top: 0;
}
header #pc-GlobalHeader .btn-global-header-open > a {
display: block;
width: 39px;
height: 39px;
}
header #pc-GlobalHeader .btn-global-header-open > a > img {
display: block;
width: 100%;
height: auto;
}

/*  SP GlobalHeader */

#sp-GlobalHeader {
display: none;
height: 56px;
position: relative;
z-index: 4;
background: white;
border-top: 3px solid #e60012;
border-bottom: 1px solid #cccccc;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
#sp-GlobalHeader #MitsubishiLogo {
position: absolute;
top: 4px;
right: auto;
bottom: auto;
left: 8px;
}
#sp-GlobalHeader #GlobalMenu {
position: absolute;
top: 7px;
right: 10px;
bottom: auto;
left: auto;
}
#sp-GlobalHeader #GlobalMenu li {
width: 40px;
height: 15px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
display: block;
float: left;
position: relative;
margin-left: 8px;
padding-top: 25px;
border-radius: 4px;
color: white;
font-size: 57.14286%;
text-align: center;
background: #555555;
cursor: pointer;
}
#sp-GlobalHeader #GlobalMenu li:after {
position: absolute;
top: 1px;
right: auto;
bottom: auto;
left: 50%;
margin-left: -12px;
}
#sp-GlobalHeader #GlobalMenu li.opened {
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
background: #888;
}
#sp-GlobalHeader #GlobalMenu li.opened:before {
position: absolute;
top: 1px;
right: auto;
bottom: auto;
left: 50%;
}
#sp-GlobalHeader #GlobalMenu li#GlobalMenuSearch:after {
width: 24px;
height: 24px;
content: "";
display: block;
background: url(/sp/images/common/icon.png) no-repeat;
background-size: 384px 96px;
background-position: 0px 0px;
}
#sp-GlobalHeader #GlobalMenu li#GlobalMenuClip:after {
width: 24px;
height: 24px;
content: "";
display: block;
background: url(/sp/images/common/icon.png) no-repeat;
background-size: 384px 96px;
background-position: -24px 0px;
}
#sp-GlobalHeader #GlobalMenu li#GlobalMenuSitemap:after {
width: 24px;
height: 24px;
content: "";
display: block;
background: url(/sp/images/common/icon.png) no-repeat;
background-size: 384px 96px;
background-position: -48px 0px;
}

/*  Main Visual  */

header #mainvisual {
position: relative;
width: 100%;
margin: 112px 0 0 0;
background-repeat: no-repeat;
}
header #mainvisual h1 {
width: 960px;
margin: 0 auto;
}
header #mainvisual h1.no-image {
display: none;
}

/*  Car Header  */

header #car-header {
position: absolute;
width: 100%;
top: 80px;
bottom: auto;
left: 0;
margin: 0 0 0 0;
z-index: 600;
-webkit-font-smoothing: antialiased;
}
header #car-header.iOS-bugFix {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
header #car-header.fixed {
position: fixed;
top: 0;
bottom: auto;
margin: 0 0 0 0;
}
header #car-header::before {
display: block;
position: absolute;
content: '';
width: 100%;
height: 52px;
left: 0;
bottom: 0;
}
header #car-header > .inner {
position: relative;
width: 960px;
height: 112px;
margin: 0 auto;
}
header #car-header a,
header #car-header span,
header #car-header a:link,
header #car-header a:visited,
header #car-header a:hover,
header #car-header a:active,
header #car-header a:focus {
color: #fff;
text-decoration: none;
}
header #car-header .lineupLogo {
width: 960px;
height: auto;
margin: 0 auto;
line-height: 0;
overflow: hidden;
}
header #car-header .lineupLogo a {
display: inline-block;
}
header #car-header .lineupLogo img {
display: inline-block;
width: auto;
height: 60px;
}
header #car-header #car-headr-menu {
width: 960px;
margin: 0 auto;
}
header #car-header .car-headr-menu-01 {
display: block;
position: absolute;
height: 60px;
right: 0;
top: 0;
line-height: 1em;
letter-spacing: -0.5em;
overflow: hidden;
}

header #car-header .car-headr-menu-01::after {
display: block;
content: '';
clear: both;
height: 0;
}
header #car-header .car-headr-menu-01 li {
display: inline-block;
box-sizing: border-box;
height: 60px;
margin: 0 0 0 0;
padding: 0 0 0 0;
letter-spacing: normal;
text-align: center;
}
header #car-header .car-headr-menu-01 li > a,
header #car-header .car-headr-menu-01 li > span {
display: table-cell;
box-sizing: border-box;
height: 60px;
font-size: 12px;
font-weight: bold;
vertical-align: middle;
padding: 0 9px;
background-color: rgba(0,0,0,0.0);
transition: background-color 0.5s;
}
header #car-header .car-headr-menu-01 li > a > span,
header #car-header .car-headr-menu-01 li > span > span {
display: inline-block;
line-height: 1.25;
padding: 0;
background-position: 0 center;
background-repeat: no-repeat;
background-size: auto 1.25em;
}
header #car-header .car-headr-menu-01 li > a > span.ico-accessory,
header #car-header .car-headr-menu-01 li > span > span.ico-accessory {
padding: 0 0 0 1.67em;
}
header #car-header .menu-bottom { 
position: absolute;
display: inline-block;
width: 100%;
left: 0;
height:52px;
bottom: 0;
text-align: center;
white-space: nowrap;
line-height: 1em;
letter-spacing: -0.5em;
}
header #car-header .car-headr-menu-02 {
width: auto;
display: inline-block;
text-align: left;
}
header #car-header .car-headr-menu-02::after {
display: block;
content: '';
clear: both;
}
header #car-header .car-headr-menu-02 li {
box-sizing: border-box;
display: inline-block;
letter-spacing: normal;
font-size: 13px;
font-weight: bold;
}
header #car-header .car-headr-menu-02 li > a,
header #car-header .car-headr-menu-02 li > span {
box-sizing: border-box;
display: inline-block;
height: 52px;
padding: 19px 10px 0 10px;
vertical-align: middle;
}
header #car-header .car-headr-menu-02 li > a > span,
header #car-header .car-headr-menu-02 li > span > span {
display: inline-block;
padding: 0 0 0 2em;
vertical-align: middle;
background-position: 0 center;
background-repeat: no-repeat;
background-size: auto 1.25em;
line-height: 1.25em;
}

header #car-header .car-headr-menu-01 li > a {
overflow: hidden;
}
header #car-header .car-headr-menu-01 li > a.current,
header #car-header .car-headr-menu-01 li > a:hover {
background-color: rgba(0,0,0,0.15);
}
header #car-header .car-headr-menu-02 li > a {
background-color: rgba(0,0,0,0);
transition: background-color 0.5s;
}
header #car-header .car-headr-menu-02 li > a:hover {
background-color: rgba(0,0,0,0.15);
}
header #car-header a.btn-car-header-open {
display: none;
box-sizing: border-box;
width: 80px;
padding: 0 0 0 12px;
font-size: 10px;
font-weight: 600;
line-height: 40px;
}
header #car-header a.btn-car-header-open {
position: absolute;
top: 0;
left: 0;
border-right: solid 1px rgba(255,255,255,0.5);
}
header #car-header a.btn-car-header-open::after {
position: absolute;
right: 14px;
top: 15px;
display: block;
content: '';
width: 12px;
height: 8px;
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
}
header #car-header a.btn-car-header-open::after {
background-image: url(../images/ico_car_header_arrow_01.png);
}
.car-menu-opened header #car-header a.btn-car-header-open::after {
background-image: url(../images/ico_car_header_arrow_02.png);
}
header #car-header,
header #car-header .car-headr-menu-01 {
background-color: #999;
}
header #car-header::before,
header #car-header .car-headr-menu-02 {
background-color: #999;
}

@media (max-width: 767px) {
header {
height: auto;
padding: 0 0 40px 0;
}

.car-menu-opened header {
padding: 0 0 0 0;
}

/*  Global Header  */

header #pc-GlobalHeader {
display: none;
}
header #sp-GlobalHeader {
display: block;
}
.car-menu-opened header #sp-GlobalHeader {
display: none;
}

/*  Main Visual  */

header #mainvisual {
margin: 0 0 0 0;
background-size: cover;
}
.car-menu-opened header #mainvisual {
display: none;
}

header #mainvisual h1 {
width: 100%;
}
header #mainvisual h1 img {
width: 100%;
height: auto;
}


/*  Car Header  */

header #car-header {
top: auto;
bottom: 0;
margin: 0 0 0 0;
}
body#index header #car-header {
margin: 0 0 0 0;
}
.car-menu-opened #car-header {
position: relative;
top: 0;
margin: 0 0 0 0;
}
.car-menu-opened header #car-header.fixed {
position: relative;
}
header #car-header::before {
display: none;
}
header #car-header > .inner {
width: auto;
height: 40px;
padding: 0 0 0 0;
}
.car-menu-opened header #car-header > .inner {
height: auto;
}
header #car-header .lineupLogo {
width: auto;
padding: 0 12px 0 0;
text-align: right;
}
header #car-header .lineupLogo img {
width: auto;
height: 40px;
}
header #car-header #car-header-menu {
display: none;
position: absolute;
width: 100%;
height: auto;
left: 0;
top: 0;
padding: 0 0 0 0;
background-color: #1e1e1e;
z-index: 500;
}
header #car-header #car-header-menu.opened {
display: block;
position: relative;
}
header #car-header #car-header-menu > .inner {
position: relative;
}
header #car-header #car-header-menu > .inner::after {
display: block;
content: '';
clear: both;
}
header #car-header .car-headr-menu-01 {
clear: both;
display: block;
position: relative;
height: auto;
right: auto;
top: auto;
padding: 0; 
border-top: solid 1px rgba(255,255,255,0.5);
}
header #car-header .car-headr-menu-01 li {
display: inline-block;
width: 50%;
height: auto;
padding: 0 0 0 0;
border-top: solid 1px rgba(255,255,255,0.5);
border-left: solid 1px rgba(255,255,255,0.5);
float: left;
}
header #car-header .car-headr-menu-01 li.item-03,
header #car-header .car-headr-menu-01 li.item-04,
header #car-header .car-headr-menu-01 li.item-05 {
width: 33.33%;
}
header #car-header .car-headr-menu-01 li.item-01,
header #car-header .car-headr-menu-01 li.item-02 {
border-top: none;
}
header #car-header .car-headr-menu-01 li.item-01,
header #car-header .car-headr-menu-01 li.item-03,
header #car-header .car-headr-menu-01 li.item-06,
header #car-header .car-headr-menu-01 li.item-08 {
border-left: none;
}
header #car-header .car-headr-menu-01 li > a,
header #car-header .car-headr-menu-01 li > span {
display: block;
padding: 16px 6px;
text-align: center;
font-size: 12px;
line-height: 1.5em;
border-radius: 0;
}

header #car-header .menu-bottom { 
position: relative;
display: block;
left: quto;
height:auto;
bottom: auto;
text-align: left;
white-space: normal;
}
header #car-header .car-headr-menu-02 {
display: block;
position: relative;
width: auto;
left: auto;
bottom: auto;
}
header #car-header .car-headr-menu-02 { padding: 0 0 75px 0; text-align: left;}
header #car-header .car-headr-menu-01 li > a,
header #car-header .car-headr-menu-01 li > span {
display: block;
height: auto;
padding: 12px 15px 12px 15px;
}
header #car-header .car-headr-menu-01 li > a br,
header #car-header .car-headr-menu-01 li > span br {
display: none;
}
header #car-header .car-headr-menu-02 li > a > span,
header #car-header .car-headr-menu-02 li > span > span {
display: inline-block;
padding: 0.25em 0 0.25em 3.25em;
vertical-align: middle;
background-position: 0 center;
background-repeat: no-repeat;
line-height: 1.5em;
background-size: auto 2em;
}
header #car-header .car-headr-menu-02 li {
display: block;
padding: 0 0 0 0;
border-top: solid 1px rgba(255,255,255,0.5);
line-height: 1.25em;
font-size: 12px;
}
header #car-header .car-headr-menu-02 li:first-child {
border-top: none;
}
header #car-header .car-headr-menu-02 li:last-child {
border-bottom: solid 1px rgba(255,255,255,0.5);
}
header #car-header .car-headr-menu-02 li > a,
header #car-header .car-headr-menu-02 li > span {
display: block;
height: auto;
padding: 12px 15px 12px 15px;
background-position: 12px center;
background-size: 1.75em auto;
}
header #car-header .car-headr-menu-02 li > a {
position: relative;
transition: none !important;
}
header #car-header .car-headr-menu-02 li.item-02 > a::after,
header #car-header .car-headr-menu-02 li.item-03 > a::after,
header #car-header .car-headr-menu-02 li.item-04 > a::after {
display: block;
box-sizing: border-box;
position: absolute;
content: '';
width: 2.4em;
height: 2.6em;
right: 1em;
top: 50%;
margin: -1.3em 0 0 0;
background: url(../images/ico_d_pc.png) no-repeat center center;
background-size: contain;
}
header #car-header .car-headr-menu-02 li > a:hover {
background-color: rgba(0,0,0,0.0) !important;
}
header #car-header a.btn-car-header-open {
display: block;
}
}

/*=================================================
OVERLAY / SP Global Header Menu
=================================================*/

/*  Overlay  */

.overlay {
display: none;
width: 100%;
height: 0px;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
z-index: 600;
background: #6d6d6d;
}
.overlay-opened #content {
display: block;
}
@media (max-width: 767px) {
.overlay {
display: block;
}
.overlay-opened #content {
display: none;
}
}
.overlay .inner {
padding: 60px 0 20px;
background: #6d6d6d;
}
.overlay .inner p.close {
margin: 0 10px;
display: block;
padding: 15px 0;
border-top: 1px solid lightgray;
border-right: 1px solid lightgray;
border-bottom: 1px solid lightgray;
border-left: 1px solid lightgray;
border-radius: 5px;
text-align: center;
background: white;
}
.overlay .inner p.close:before {
width: 16px;
height: 21px;
content: "";
background: url(/sp/images/common/icon_s.png) no-repeat;
background-size: 128px 63px;
background-position: -48px -42px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.overlay.opened {
overflow: visible;
}
.overlay.common {
z-index: 3;
background: #f0f0f0;
}
.overlay.common .inner {
padding: 0 0 20px;
background: #f0f0f0;
}
.overlay.common .inner .overlay_header {
position: relative;
padding: 15px 10px;
background: #555555;
}
.overlay.common .inner .overlay_header h1 {
line-height: 1.25;
padding-right: 5em;
color: white;
font-size: 114.28571%;
}
.overlay.common .inner .overlay_header p.close {
position: absolute;
top: 50%;
right: 10px;
bottom: auto;
left: auto;
margin: -1.25em 0 0;
padding: 0.4em 8px;
font-size: 78.57143%;
}
.overlay.common .inner .overlay_body {
line-height: 1.5;
padding: 15px 10px;
}
.overlay.common .inner .overlay_body p {
margin-bottom: 15px;
}
.overlay.common .inner .overlay_body ul {
margin-bottom: 15px;
}
.overlay.common .inner .overlay_body ul li {
list-style-type: disc;
margin: 0 0 5px 2em;
}
.overlay.common .inner > p.close {
color: white;
background: #555555;
}
.overlay.common .inner > p.close:before {
width: 16px;
height: 21px;
content: "";
background: url(/sp/images/common/icon_s.png) no-repeat;
background-size: 128px 63px;
background-position: -48px 0px;
display: inline-block;
}

/*  Global Header Menu  */

#sp-GlobalHeader-menu {
-webkit-tap-highlight-color: transparent;
}
#sp-GlobalHeader-menu .inner a {
color: white;
}
#sp-GlobalHeader-menu .inner ul.main {
font-size: 114.28571%;
}
#sp-GlobalHeader-menu .inner ul.main li {
border-bottom: 1px solid #999999;
}
#sp-GlobalHeader-menu .inner ul.main li:last-child {
border-bottom: 1px solid #3f3f3f;
}
#sp-GlobalHeader-menu .inner ul.main li a {
padding: 16px 20px 16px 38px;
background: #555555;
}
#sp-GlobalHeader-menu .inner ul.suport {
border-bottom: 1px solid #555555;
}
#sp-GlobalHeader-menu .inner ul.suport li {
border-top: 1px solid #999999;
}
#sp-GlobalHeader-menu .inner ul.suport li a {
padding: 16px 20px 16px 38px;
background: #616161;
}
#sp-GlobalHeader-menu .inner ul.suport li a:after {
width: 16px;
height: 21px;
content: "";
display: block;
background: url(/sp/images/common/icon_s.png) no-repeat;
background-size: 128px 63px;
background-position: -32px 0px;
}
#sp-GlobalHeader-menu .inner ul.others {
margin-bottom: 35px;
border-top: 1px solid #999999;
}
#sp-GlobalHeader-menu .inner ul.others::after {
display: block;
content: "";
clear: both;
}
#sp-GlobalHeader-menu .inner ul.others li {
width: 50%;
display: table;
float: left;
line-height: 1.2;
border-bottom: 1px solid #999999;
font-size: 85.71429%;
}
#sp-GlobalHeader-menu .inner ul.others li:nth-child(2n+1) a {
border-right: 1px solid #999999;
}
#sp-GlobalHeader-menu .inner ul.others li a {
width: 100%;
height: 44px;
display: table-cell;
vertical-align: middle;
padding: 0 20px 0 10px;
}
#sp-GlobalHeader-menu .inner ul li {
position: relative;
}
#sp-GlobalHeader-menu .inner ul li a {
display: block;
}
#sp-GlobalHeader-menu .inner ul li a:before {
position: absolute;
left: 10px;
top: 50%;
margin-top: -12px;
}
#sp-GlobalHeader-menu .inner ul li a:after {
width: 16px;
height: 21px;
content: "";
display: block;
background: url(/sp/images/common/icon_s.png) no-repeat;
background-size: 128px 63px;
background-position: 0px 0px;
position: absolute;
right: 8px;
top: 50%;
margin-top: -10px;
}
#sp-GlobalHeader-menu .inner ul li.top a:before {
width: 24px;
height: 24px;
content: "";
display: block;
background: url(/sp/images/common/icon.png) no-repeat;
background-size: 384px 96px;
background-position: -72px 0px;
}
#sp-GlobalHeader-menu .inner ul li.lineup a:before {
width: 24px;
height: 24px;
content: "";
display: block;
background: url(/sp/images/common/icon.png) no-repeat;
background-size: 384px 96px;
background-position: -96px 0px;
}
#sp-GlobalHeader-menu .inner ul li.dealership a:before {
width: 24px;
height: 24px;
content: "";
display: block;
background: url(/sp/images/common/icon.png) no-repeat;
background-size: 384px 96px;
background-position: -120px 0px;
}
#sp-GlobalHeader-menu .inner ul li.dealership_address a:before {
width: 24px;
height: 24px;
content: "";
display: block;
background: url(/sp/images/common/icon.png) no-repeat;
background-size: 384px 96px;
background-position: 0px 0px;
}
#sp-GlobalHeader-menu .inner ul li.dealership_zip a:before {
width: 24px;
height: 24px;
content: "";
display: block;
background: url(/sp/images/common/icon.png) no-repeat;
background-size: 384px 96px;
background-position: -144px 0px;
}
#sp-GlobalHeader-menu .inner ul li.catalog a:before {
width: 24px;
height: 24px;
content: "";
display: block;
background: url(/sp/images/common/icon.png) no-repeat;
background-size: 384px 96px;
background-position: -168px 0px;
}
#sp-GlobalHeader-menu .inner ul li.estimate a:before {
width: 24px;
height: 24px;
content: "";
display: block;
background: url(/sp/images/common/icon.png) no-repeat;
background-size: 384px 96px;
background-position: -192px 0px;
}
#sp-GlobalHeader-menu .inner ul li.estimate a:after {
width: 16px;
height: 21px;
content: "";
display: block;
background: url(/sp/images/common/icon_s.png) no-repeat;
background-size: 128px 63px;
background-position: -16px 0px;
}
#sp-GlobalHeader-menu .inner ul li.test_car a:before {
width: 24px;
height: 24px;
content: "";
display: block;
background: url(/sp/images/common/icon.png) no-repeat;
background-size: 384px 96px;
background-position: -216px 0px;
}
#sp-GlobalHeader-menu .inner ul li.used_car a:after {
width: 16px;
height: 21px;
content: "";
display: block;
background: url(/sp/images/common/icon_s.png) no-repeat;
background-size: 128px 63px;
background-position: -32px 0px;
}
#sp-GlobalHeader-menu .inner ul li.recall a:after {
width: 16px;
height: 21px;
content: "";
display: block;
background: url(/sp/images/common/icon_s.png) no-repeat;
background-size: 128px 63px;
background-position: -32px 0px;
}
#sp-GlobalHeader-menu .inner ul li.maintenance a:after {
width: 16px;
height: 21px;
content: "";
display: block;
background: url(/sp/images/common/icon_s.png) no-repeat;
background-size: 128px 63px;
background-position: -32px 0px;
}
#sp-GlobalHeader-menu .inner ul li.eco_car a:after {
width: 16px;
height: 21px;
content: "";
display: block;
background: url(/sp/images/common/icon_s.png) no-repeat;
background-size: 128px 63px;
background-position: -32px 0px;
}
#sp-GlobalHeader-menu .inner ul li.ir a:after {
width: 34px;
height: 21px;
content: "";
display: block;
background: url(/sp/images/common/icon_pc_external.png) no-repeat;
background-size: 34px 63px;
background-position: 0px 0px;
}

#sp-GlobalHeader-menu .inner ul li.used a:after {
background-position: -16px 0px;
}

/*=================================================
CONTENT
=================================================*/

#content {
position: relative;
line-height: 1.7;
}
@media (max-width: 767px) {
html.car-menu-opened #content {
display: none;
}
}

/*  Section  */
#content section {
position: relative;
padding: 80px 0 30px 0;
}
#content section .section_anchor {
position: absolute;
top: -112px;
left: 0;
}
@media (max-width: 767px) {
#content section {
padding: 9.375% 2.23% 3.295% 2.23%;
}
#content section .section_anchor {
position: absolute;
top: -40px;
left: 0;
}
}

/*  Container  */

.container,
.container_5,
.container_6 {
box-sizing: border-box;
position: relative;
max-width: 990px;
margin: 0 auto;
}
.container::after,
.container_5::after,
.container_6::after {
display: block;
content: '';
clear: both;
}

/*  Column  */

.column-01 {
position: relative;
padding: 32px 50px 32px 50px;
margin: 0 0 3.04% 0;
border: solid 1px #ccc;
}
.column-01::after {
display: block;
content: '';
clear: both;
}

@media (max-width: 767px) {
.column-01 {
margin: 0 1.52% 3.04% 1.52%;
padding: 1.5em 1.5em 1.5em 1.5em;
}
}

/*  Grid  */

.container_6 .grid_1,
.container_6 .grid_2,
.container_6 .grid_3,
.container_6 .grid_4,
.container_6 .grid_5,
.container_6 .grid_6 {
box-sizing: border-box;
margin: 0 1.52% 5.208% 1.52%;
float: left;
}

.grid_1 { width: 13.626%; }
.grid_2 { width: 30.192%; }
.grid_3 { width: 46.958%; }
.grid_4 { width: 63.624%; }
.grid_5 { width: 80.29%; }
.grid_6 { width: 96.96%; }

.grid_1.center,
.grid_2.center,
.grid_3.center,
.grid_4.center,
.grid_5.center,
.grid_6.center {
clear: both;
float: none;
margin-left: auto;
margin-right: auto;
}

.grid_1.fr,
.grid_2.fr,
.grid_3.fr,
.grid_4.fr,
.grid_5.fr,
.grid_6.fr {
float: right;
}

.grid_1 img,
.grid_2 img,
.grid_3 img,
.grid_4 img,
.grid_5 img,
.grid_6 img {
width: 100%;
height: auto;
}

.container_5 .grid_1 {
box-sizing: border-box;
width: 16.97%;
margin: 0 1.515% 5.208% 1.515%;
float: left;
}

.container_5 .grid_1,
.container_5 .grid_2,
.container_5 .grid_3,
.container_5 .grid_4,
.container_5 .grid_5 {
box-sizing: border-box;
margin: 0 1.515% 5.208% 1.515%;
float: left;
}

.container_5 .grid_1.fr,
.container_5 .grid_2.fr,
.container_5 .grid_3.fr,
.container_5 .grid_4.fr,
.container_5 .grid_5.fr {
float: right;
}

.container_5 .grid_1 { width: 16.97%; }
.container_5 .grid_2 { width: 36.97%; }
.container_5 .grid_3 { width: 56.97%; }
.container_5 .grid_4 { width: 76.97%; }
.container_5 .grid_5 { width: 96.97%; }
.container_5 .grid_2_short {
width: 30.192%;
margin: 0 1.515% 5.208% 1.515%;
}

.column-01 .grid_1 { width: 13.626%; }
.column-01 .grid_2 { width: 30.192%; }
.column-01 .grid_3 { width: 46.958%; }
.column-01 .grid_4 { width: 63.624%; }
.column-01 .grid_5 { width: 80.29%; }
.column-01 .grid_6 { width: 96.96%; }

.column-01 .grid_1,
.column-01 .grid_2,
.column-01 .grid_3,
.column-01 .grid_4,
.column-01 .grid_5,
.column-01 .grid_6 {
margin-bottom: 0;
}

@media (max-width: 767px) {
.container .column-01,
.container_6 .column-01 {
padding: 12px 12px 8px 12px;
}

.sp_grid_1 { width: 13.626% !important; }
.sp_grid_2 { width: 30.192% !important; }
.sp_grid_3 { width: 46.958% !important; }
.sp_grid_4 { width: 63.624% !important; }
.sp_grid_5 { width: 80.29% !important; }
.sp_grid_6 { width: 96.96% !important; }

.column-01 .sp_grid_1 { width: 13.626% !important; }
.column-01 .sp_grid_2 { width: 30.192% !important; }
.column-01 .sp_grid_3 { width: 46.958% !important; }
.column-01 .sp_grid_4 { width: 63.624% !important; }
.column-01 .sp_grid_5 { width: 80.29% !important; }
.column-01 .sp_grid_6 { width: 96.96% !important; }

.grid_1.sp_center,
.grid_2.sp_center,
.grid_3.sp_center,
.grid_4.sp_center,
.grid_5.sp_center,
.grid_6.sp_center {
clear: both;
float: none;
margin-left: auto;
margin-right: auto;
}
}

/*  local Navi  */
#content section.section_localNavi {
padding: 60px 0 30px 0;
}

#content section .localNav {
position: relative;
margin: 0 1.52% 0 1.52%;
}
#content section .localNav::after {
display: block;
content: '';
clear: both;
}
.localNav li.grid_1,
.localNav li.grid_2,
.localNav li.grid_3,
.localNav li.grid_4,
.localNav li.grid_5,
.localNav li.grid_6 {
display: block;
position: relative;
box-sizing: border-box;
float: left;
margin: 0;
padding: 0 0 0 1px;
}
.localNav li:first-child.grid_1,
.localNav li:first-child.grid_2,
.localNav li:first-child.grid_3,
.localNav li:first-child.grid_4,
.localNav li:first-child.grid_5,
.localNav li:first-child.grid_6 {
padding: 0 0 0 0;
}

.localNav li.grid_1 { width: 100%; }
.localNav li.grid_2 { width: 50%; }
.localNav li.grid_3 { width: 33.333%; }
.localNav li.grid_4 { width: 25%; }
.localNav li.grid_5 { width: 20%; }
.localNav li.grid_6 { width: 16.666%; }

.localNav li a {
display: block;
width: 100%;
padding: 1.5em 0;
box-sizing: border-box;
border-top: solid 1px #f0f0f0;
border-right: solid 1px #d7d7d7;
border-bottom: solid 1px #f0f0f0;
border-left: solid 1px #f0f0f0;
background-color: #f0f0f0;
transition: background-color 0.5s;
font-size: 14px;
overflow: hidden;
text-align: center;
vertical-align: middle;
}

.localNav li a,
.localNav li a:hover,
.localNav li a:visited,
.localNav li a:active {
text-decoration: none;
color: #000;
}

.localNav li:first-child a {
border-left: solid 1px #f0f0f0;
border-radius: 6px 0 0 6px;
}
.localNav li:last-child a {
border-right: solid 1px #f0f0f0;
border-radius: 0 6px 6px 0;
}
.localNav li a.current,
.localNav li a:hover,
#grade .localNav li a.current,
#grade .localNav li a:hover  {
border-top: solid 1px #d7d7d7;
border-right: solid 1px #d7d7d7;
border-bottom: solid 1px #d7d7d7;
border-left: solid 1px #d7d7d7;
background-color: #fff;
}

@media (max-width: 767px) {
#content section.section-localnavi {
padding: 9.375% 2.23% 9.375% 2.23% !important;
}
.localNav li.grid_1,
.localNav li.grid_2,
.localNav li.grid_3,
.localNav li.grid_4,
.localNav li.grid_5,
.localNav li.grid_6 {
width: 49%;
margin-bottom: 0.5em;
}
#grade .localNav li.grid_1,
#grade .localNav li.grid_2,
#grade .localNav li.grid_3,
#grade .localNav li.grid_4,
#grade .localNav li.grid_5,
#grade .localNav li.grid_6 {
width: 100%;
}
.localNav li:nth-child(even) {
float: right;
}
#grade .localNav li:nth-child(even) {
float: left;
}
.localNav li:last-child.grid_1,
.localNav li:last-child.grid_2,
.localNav li:last-child.grid_3,
.localNav li:last-child.grid_4,
.localNav li:last-child.grid_5,
.localNav li:last-child.grid_6 {
margin-bottom: 0;
}
.localNav li a {
border-radius: 6px;
padding: 0.8em 0;
border-right: solid 1px #f0f0f0;
font-size: 11px;
}
.localNav li:first-child a {
border-radius: 6px;
}
.localNav li:last-child a {
border-radius: 6px;
}
}

/*  Section Page Notes  */

#content section.section_pageNotes {
border-top: solid 1px #e7e7e7;
padding: 60px 0 0 0;
}

#content section.section_pageNotes ul.pageNotes {
margin-bottom: 1em;
}
#content section .pageNotes a,
#content section .pageNotes a:link,
#content section .pageNotes a:visited {
text-decoration: underline;
}
#content section.section_pageNotes img {
width: auto;
height: auto;
}
#content section .pageNotes img {
width: auto;
height: auto;
}


@media (max-width: 767px) {
#content section.section_pageNotes {
padding: 9.375% 2.23% 3.295% 2.23%;
}
}
/*  Section Style  */
/*
.fs9  { font-size: 64.285%; }
.fs10 { font-size: 71.428%; }
.fs11 { font-size: 78.571%; }
.fs12 { font-size: 85.714%; }
.fs13 { font-size: 92.857%; }
.fs14 { font-size: 100%; }
.fs16 { font-size: 114.285%; }
.fs17 { font-size: 121.428%; }
.fs18 { font-size: 128.571%; }
.fs20 { font-size: 142.857%; }
.fs24 { font-size: 171.428%; }
*/

#content section h2 {
padding: 0.25em 0 0.25em 1.2em;
font-size: 171.428%;
font-weight: bold;
border-left: solid 5px #ccc;
}
#content section h2.h2-type02 {
font-size: 100%;
padding: 0 0 10px 0;
border-left: none;
border-bottom : solid 1px #ccc;
}
#content section h2.h2-type03 {
padding: 0 0 0 0;
font-size: 38px;
border-left: none;
text-align: center;
}
#content section h3 {
margin: 0 0 0.5em 0;
font-size: 142.857%;
font-weight: bold;
}
#content section h4.sectionTitle {
border-bottom: solid 1px #ccc;
font-size: 171.428%;
font-weight: bold;
}

#content section .pageNotes {
position: relative;
font-size: 85.7142%;
}
#content section .textStrong {
font-weight: bold;
}
#content section .icon {
display: inline-block;
width: 1.25em;
vertical-align: middle;
}

@media (max-width: 767px) {
#content section h2 {
padding: 0.25em 0 0.25em 1.0em;
font-size: 128.571%;
}
#content section h2.h2-type03 {
padding: 0 0 0 0;
font-size: 17px;
}

#content section h3 {
font-size: 114.285%;
}
#content section h4.sectionTitle {
font-size: 128.571%;
}
}

/*  Youtube  */

#content section .yt_box {
position: relative;
max-width: 740px;
margin: 0 auto 0 auto;
}
#content section .yt_box > .movie {
position: relative;
width: 100%;
padding: 0 0 56.25% 0;
margin: 0 0 1.5em 0;
}
#content section .yt_box > .movie > iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
#content section .yt_box > .caption {
}
#content section .yt_box > .caption h3 {
margin: 0 0 0.25em 0;
text-align: center;
}
#content section .yt_box > .caption p {
font-size: 85.7142%;
text-align: center;
}

/*  accordion  */

#content section .item-accordion {
position: relative;
margin: 0 0 0 0;
overflow: hidden;
}
#content section a.btn-accordion {
position: relative;
display: none;
width: 72px;
height: 37px;
margin: 0 auto;
background-image: url(../images/btn_accordion.png);
background-repeat: no-repeat;
background-position: left top;
background-size: 144px auto;
overflow: hidden;
text-indent: 120%;
white-space: nowrap;
z-index: 1;
}
#content section a.btn-accordion.opened {
background-position: right top;
}
#content section a.btn-accordion:hover {
opacity: 0.75;
}

@media (max-width: 767px) {
#content section .item-accordion {
margin: 0 0 10px 0;
}
#content section a.btn-accordion {
display: block;
margin-bottom: 5px;
}
}

/*=================================================
Side Navi
=================================================*/

.sideNav {
/*position: absolute;*/
position: fixed;
bottom: 120px;
right: -183px;
width: 183px;
z-index: 90;
}

.sideNav.iOS-bugFix {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

.sideNavList {
position: relative;
width: 183px;
height: 153px;
padding-left: 33px;
}

.sideNavList__item {
display: block;
margin: 1px 0 0 0;
padding: 0;
font-size: 0;
}

.sideNavList__item:first-child {
margin: 0 0 0 0;
}

.sideNavList__item a { 
display: block;
width: 150px;
background-position: 0 0;
background-repeat: no-repeat;
text-indent: 120%;
overflow: hidden;
white-space: nowrap;
}

.sideNavList__item a:hover {
background-position: -150px 0;
}

.sideNavList__item.sideNavList__item01 a { height: 34px; background-image: url(../images/floatingmenu/index_nv_01.png); background-size: auto 34px; }
.sideNavList__item.sideNavList__item02 a { height: 34px; background-image: url(../images/floatingmenu/index_nv_02.png); background-size: auto 34px; }
.sideNavList__item.sideNavList__item03 a { height: 34px; background-image: url(../images/floatingmenu/index_nv_03.png); background-size: auto 34px; }
.sideNavList__item.sideNavList__item04 a { height: 44px; background-image: url(../images/floatingmenu/index_nv_04.png); background-size: auto 44px; }
.sideNavList__item.sideNavList__item05 a { height: 38px; background-image: url(../images/floatingmenu/index_nv_05.png); background-size: auto 38px; }

.sideNavList__btn {
display: block;
position: absolute;
width: 32px;
height: 153px;
left: 0;
top: 0;
margin: 0;
padding: 0;
font-size: 0;
}

.sideNavList__btn a {
display: block;
width: 32px;
height: 153px;
background-position: -64px 0;
background-repeat: no-repeat;
background-image: url(../images/floatingmenu/index_nv_00.png);
background-size: auto 153px;
text-indent: 120%;
overflow: hidden;
white-space: nowrap;
}

.sideNavList__btn a.opened {
background-position: 0 0;
}
.sideNavList__btn a.opened:hover {
background-position: -32px 0;
}
.sideNavList__btn a:hover {
background-position: -96px 0;
}

@media (max-width: 767px) {
.sideNav {
display: none;
}
}

/*=================================================
Floating PAGE TOP Button
=================================================*/

#ftm-pagetop-btn {
position: fixed;
display: none;
width: 44px;
height: 44px;
right: 12px;
bottom: 66px;
z-index: 1300;
}

#ftm-pagetop-btn a {
display: block;
width: 44px;
height: 44px;
margin: 0;
padding: 0;
background: url(/component/images/floatingmenu/ftm_pagetop_bg.png) no-repeat 0 0  !important;
background-size: contain;
overflow: hidden;
text-indent: 150%;
white-space: nowrap; 
opacity: 0.75;
filter: alpha(opacity = 75);
-ms-filter: "alpha(opacity=75)";
}

#ftm-pagetop-btn a:hover {
opacity: 1;
filter: alpha(opacity = 100);
-ms-filter: "alpha(opacity=100)";
}

/*=================================================
FOOTER
=================================================*/

footer {
position: relative;
}

/* Car Support  */
#car-support > .inner {
max-width: 960px;
margin: 0 auto;
}
#car-support ul {
position: relative;
}
#car-support ul::after {
display: block;
content: '';
clear: both;
}
#car-support ul > li {
position: relative;
display: block;
width: 25%;
float: left;
}
#car-support ul > li a {
position: relative;
display: block;
width: 100%;
padding: 0 0 75% 0;
background-color: rgba(0,0,0,0);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
overflow: hidden;
text-indent: 120%;
line-height: 0;
white-space: nowrap;
transition: background-color 0.4s;
}
#car-support ul > li a:hover {
background-color: rgba(0,0,0,0.1);
}
#car-support ul > li.item-01 a { background-image: url(../images/btn_footer_support_01_pc.png); }
#car-support ul > li.item-02 a { background-image: url(../images/btn_footer_support_02_pc.png); }
#car-support ul > li.item-03 a { background-image: url(../images/btn_footer_support_03_pc.png); }
#car-support ul > li.item-04 a { background-image: url(../images/btn_footer_support_04_pc.png); }

@media (max-width: 767px) {
#car-support > .inner {
max-width: 100%;
}
#car-support ul > li {
width: 50%;
}
#car-support ul > li a {
display: block;
width: 100%;
float: left;
padding: 0 0 50% 0;
}
#car-support ul > li.item-01 a { background-image: url(../images/btn_footer_support_01_sp.png); }
#car-support ul > li.item-02 a { background-image: url(../images/btn_footer_support_02_sp.png); }
#car-support ul > li.item-03 a { background-image: url(../images/btn_footer_support_03_sp.png); }
#car-support ul > li.item-04 a { background-image: url(../images/btn_footer_support_04_sp.png); }
}

/* car-footer  */

#car-footer {
position: relative;
background-color: #f5f7f6;
padding: 68px 0 0 0;
}
#car-footer h2 {
position: relative;
max-width: 960px;
margin: 0 auto 40px auto;
text-align: center;
}
@media (max-width: 767px) {
#car-footer {
padding: 34px 0 0 0;
}
#car-footer h2 {
margin: 0 auto 20px auto;
}
#car-footer h2 > img {
width: 37.5%;
height: auto;
}
}

/*  recommendInfo  */

#recommendInfo {
max-width: 960px;
margin: 0 auto 40px auto;
background: #E5E5E5;
padding: 40px 0 25px 0;
}
#recommendInfo .banner-list-large,
#recommendInfo .banner-list-small {
display: block;
width: 810px;
margin: 0 auto;
}
#recommendInfo .banner-list-small::after {
display: block;
content: '';
clear: both;
}
#recommendInfo .banner-list-large > li {
margin: 0 0 15px 0;
}
#recommendInfo .banner-list-small > li {
display: block;
float: left;
width: 180px;
margin: 0 30px 15px 0;
}
#recommendInfo .banner-list-small > li:nth-child(4n) {
margin: 0 0 15px 0;
}
#recommendInfo .banner-list-large > li > a,
#recommendInfo .banner-list-small > li > a {
position: relative;
display: block;
}
#recommendInfo .banner-list-large > li > a > img,
#recommendInfo .banner-list-small > li > a > img {
display: block;
width: 100%;
height: auto;
}
#recommendInfo .banner-list-large > li > a::after,
#recommendInfo .banner-list-small > li > a::after {
display: block;
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgba(0,0,0,0);
transition: background-color 0.4s;
}
#recommendInfo .banner-list-large > li > a:hover::after,
#recommendInfo .banner-list-small > li > a:hover::after {
background-color: rgba(0,0,0,0.15);
}

@media (max-width: 767px) {

#recommendInfo {
max-width: 100%;
padding: 30px 2.23% 15px 2.23%;
}
#recommendInfo .banner-list-large,
#recommendInfo .banner-list-small {
width: auto;
margin: 0 auto;
}
#recommendInfo .banner-list-large > li {
margin: 0 1.52% 15px 1.52%;
}
#recommendInfo .banner-list-small > li {
display: block;
float: left;
width: 46.958%;
margin: 0  1.52% 15px 1.52%;
}
#recommendInfo .banner-list-small > li:nth-child(4n) {
margin: 0  1.52% 15px 1.52%;
}
}

/*  CAR Footer Menu  */

#car-footer-menu {
position: relative;
}
#car-footer-menu .sitemap-01 {
margin: 0 0 36px 0;
}
#car-footer-menu .sitemap-01 > .inner {
max-width: 980px;
margin: 0 auto 0 auto;
}
#car-footer-menu .sitemap-01 > .inner::after {
display: block;
content: '';
clear: both;
}
#car-footer-menu .sitemap-01 dl {
display: block;
box-sizing: border-box;
float: left;
width: 16%;
padding: 0 10px;
}
#car-footer-menu .sitemap-01 dl:nth-child(2) {
width: 20%;
}
#car-footer-menu .sitemap-01 dt,
#car-footer-menu .sitemap-01 dd {
display: block;
font-size: 12px;
}
#car-footer-menu .sitemap-01 dt {
font-weight: bold;
margin: 0 0 20px 0;
}
#car-footer-menu .sitemap-01 dd {
margin: 0 0 4px 0;
}
#car-footer-menu .sitemap-02 {
width: 100%;
background-color: #fff;
}
#car-footer-menu .sitemap-02 > .inner {
max-width: 960px;
padding: 24px 0;
margin: 0 auto 0 auto;
}
#car-footer-menu .sitemap-02 ul {
display: block;
text-align: center;
}
#car-footer-menu .sitemap-02 ul.sns-menu-list {
margin: 0 0 24px 0;
}
#car-footer-menu .sitemap-02 ul.sns-menu-list li {
display: inline-block;
padding: 0 10px;
}
.fb_iframe_widget > span {
vertical-align: baseline !important;
}
#car-footer-menu .sitemap-02 ul.other-menu-list li {
display: inline-block;
padding: 0 1.75em;
font-size: 12px;
line-height: 1em;
border-left: solid 1px #ccc;
}
#car-footer-menu .sitemap-02 ul.other-menu-list li:first-child {
border-left: none;
}

@media (max-width: 767px) {
#car-footer-menu .sitemap-01 {
margin: 0 0 6px 0;
}
#car-footer-menu .sitemap-01 dl {
width: 50%;
padding: 0 12px 24px 12px;
font-size: 11px;
}
#car-footer-menu .sitemap-01 dl:nth-child(2) {
width: 50%;
}
#car-footer-menu .sitemap-01 dt {
margin: 0 0 10px 0;
}
#car-footer-menu .sitemap-01 dd {
margin: 0 0 2px 0;
}
#car-footer-menu .sitemap-02 ul.sns-menu-list {
display: none;
}
#car-footer-menu .sitemap-02 ul.other-menu-list li {
font-size: 11px;
}
}

/*  SP Footer  */

#sp-footer {
display: none;
background: #f0f0f0;
line-height: 1;
}
#sp-footer #Share {
padding: 15px 10px 5px;
border-top: 1px solid white;
border-bottom: 1px solid lightgray;
}
#sp-footer #Share h1 {
margin-bottom: 10px;
line-height: 1.2;
padding-left: 7px;
border-left: 2px solid #e60012;
color: #555555;
font-size: 114.28571%;
font-weight: bold;
}
#sp-footer #Share ul {
margin: 0 -5px 5px;
min-height: 1px;
}
#sp-footer #Share ul:before, #sp-footer #Share ul:after {
content: "";
display: table;
}
#sp-footer #Share ul:after {
clear: both;
}
#sp-footer #Share ul li {
width: 50%;
line-height: 1.2;
float: left;
list-style: none;
margin: 0;
}
#sp-footer #Share ul li > a, #sp-footer #Share ul li > span {
display: block;
position: relative;
margin: 0 5px 10px;
border-top: 1px solid lightgray;
border-right: 1px solid lightgray;
border-bottom: 1px solid lightgray;
border-left: 1px solid lightgray;
border-radius: 5px;
color: #3f3f3f;
text-align: left;
background: white;
}
#sp-footer #Share ul li > a:before, #sp-footer #Share ul li > span:before {
width: 16px;
height: 21px;
content: "";
display: block;
background: url(/sp/images/common/icon_s.png) no-repeat;
background-size: 128px 63px;
background-position: 0px 0px;
position: absolute;
top: 50%;
right: 10px;
margin-top: -10px;
}
#sp-footer #Share ul li > a.external:before, #sp-footer #Share ul li > span.external:before {
width: 16px;
height: 21px;
content: "";
display: block;
background: url(/sp/images/common/icon_s.png) no-repeat;
background-size: 128px 63px;
background-position: -16px 0px;
}
#sp-footer #Share ul li > a.pc:before, #sp-footer #Share ul li > span.pc:before {
width: 16px;
height: 21px;
content: "";
display: block;
background: url(/sp/images/common/icon_s.png) no-repeat;
background-size: 128px 63px;
background-position: -32px 0px;
}
#sp-footer #Share ul li > a span, #sp-footer #Share ul li > span span {
height: 48px;
display: table-cell;
vertical-align: middle;
padding: 0 20px 0 10px;
}
#sp-footer #Share ul li.mail a:before {
width: 32px;
height: 32px;
content: "";
display: block;
background: url(/sp/images/common/icon_sns.png) no-repeat;
background-size: 128px 32px;
background-position: 0px 0;
}
#sp-footer #Share ul li.facebook a:before {
width: 32px;
height: 32px;
content: "";
display: block;
background: url(/sp/images/common/icon_sns.png) no-repeat;
background-size: 128px 32px;
background-position: -32px 0;
}
#sp-footer #Share ul li.twitter a:before {
width: 32px;
height: 32px;
content: "";
display: block;
background: url(/sp/images/common/icon_sns.png) no-repeat;
background-size: 128px 32px;
background-position: -64px 0;
}
#sp-footer #Share ul li.line a:before {
width: 32px;
height: 32px;
content: "";
display: block;
background: url(/sp/images/common/icon_sns.png) no-repeat;
background-size: 128px 32px;
background-position: -96px 0;
}
#sp-footer #Share ul li a:before {
position: absolute;
left: 8px;
top: 50%;
margin-top: -16px;
}
#sp-footer #Share ul li a span {
padding: 0 0 0 48px;
}

#sp-footer #Topics {
  padding: 15px 5px 5px;
  border-top: 1px solid white;
  border-bottom: 1px solid lightgray;
}
#sp-footer #Topics ul {
  text-align: center;
}
#sp-footer #Topics ul li {
  display: inline-block;
  margin: 0 5px 10px;
}

#sp-footer #AlternateNavi {
  padding: 15px 10px;
  position: relative;
  border-top: 1px solid white;
}
#sp-footer #AlternateNavi p.description {
  line-height: 1.25;
  margin-bottom: 15px;
  text-align: center;
}
#sp-footer #AlternateNavi p.button {
  width: 100%;
  display: table;
  line-height: 1.25;
  position: relative;
}
#sp-footer #AlternateNavi p.button > a, #sp-footer #AlternateNavi p.button > span, #sp-footer #AlternateNavi p.button > input {
  height: 48px;
  display: table-cell;
  vertical-align: middle;
  border-top: 1px solid lightgray;
  border-right: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
  border-left: 1px solid lightgray;
  border-radius: 5px;
  color: #3f3f3f;
  text-align: center;
  background: white;
}
#sp-footer #AlternateNavi p.button > a:after, #sp-footer #AlternateNavi p.button > span:after, #sp-footer #AlternateNavi p.button > input:after {
  position: absolute;
  top: 50%;
}
#sp-footer #AlternateNavi p.button a:after {
  width: 16px;
  height: 21px;
  content: "";
  display: block;
  background: url(/sp/images/common/icon_s.png) no-repeat;
  background-size: 128px 63px;
  background-position: -32px -21px;
  right: 10px;
  margin-top: -8px;
}
#sp-footer #PageTop a {
  display: block;
  padding: 15px 0;
  color: white;
  text-align: center;
  background: #3f3f3f;
}
#sp-footer #PageTop a:after {
  width: 16px;
  height: 21px;
  content: "";
  background: url(/sp/images/common/icon_s.png) no-repeat;
  background-size: 128px 63px;
  background-position: -80px 0px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

@media (max-width: 767px) {
#sp-footer {
display: block;
}
}

/*  Global Footer  */

#global-footer {
height: 40px;
background-color: #333;
/*background-color: #000;*/
font-size: 11px;
color: #999;
/*color: #fff;*/
}
#global-footer a:link,
#global-footer a:hover,
#global-footer a:active,
#global-footer a:focus,
#global-footer a:visited {
color: #999;
/*color: #fff;*/
}
#global-footer > .inner {
max-width: 960px;
margin: 0 auto;
position: relative;
}

#global-footer .pc_siteInfo {
position: absolute;
top: 10px;
right: 0;
}
#global-footer .pc_siteInfo li {
display: inline;
margin: 0 0 0 10px;
}

#global-footer .sp_siteInfo {
display: none;
margin: 0 0 7px 0;
line-height: 1;
}
#global-footer .sp_siteInfo li {
display: inline-block;
margin: 0 0 7px 0;
padding: 0 7px 0 5px;
}
#global-footer .sp_siteInfo li:first-child {
border-right: 1px solid lightgray;
}
#global-footer .copyright {
position: absolute;
top: 10px;
left: 0;
}

@media (max-width: 767px) {
#global-footer {
height: auto;
background-color: #fff;
font-size: 85.71429%;
text-align: center;
color: #3f3f3f;
}
#global-footer a:link,
#global-footer a:hover,
#global-footer a:active,
#global-footer a:focus,
#global-footer a:visited {
color: #3f3f3f;
}
#global-footer > .inner {
padding: 15px 30px;
max-width: auto;
}
#global-footer .pc_siteInfo {
display: none;
}
#global-footer .sp_siteInfo {
display: block;
}
#global-footer .copyright {
position: static;
top: auto;
left: auto;
}
#global-footer .copyright .caps {
text-transform: uppercase;
}
}

/*=================================================
MODULE
=================================================*/

.imgShadow {
-moz-box-shadow: 1px 1px 2px #aaaaaa;
-webkit-box-shadow: 1px 1px 2px #aaaaaa;
box-shadow: 1px 1px 2px #aaaaaa;
}

a.btn-type-01 {
display: block;
position: relative;
box-sizing: border-box;
border: solid 2px #999;
background-color: #666;
color: #fff;
font-size: 13px;
padding: 1em;
transition: background-color 0.5s;
}
a.btn-type-01,
a.btn-type-01:hover,
a.btn-type-01:visited,
a.btn-type-01:active {
color: #fff;
text-decoration: none;
}
a.btn-type-01::after {
display: block;
content: '';
position: absolute;
width: 15px;
height: 26px;
right: 12px;
top: 50%;
margin: -13px 0 0 0;
background: url(../../component/images/ico_d_arrow_red.png) no-repeat 0 0;
background-size: contain;
}
a.btn-type-01.btn-PDF::after {
background: url(../../component/images/ico_d_pdf.png) no-repeat 0 0;
background-size: contain;
}
a.btn-type-01.btn-PC::after {
width: 16px;
height: 28px;
right: 12px;
top: 50%;
margin: -13px 0 0 0;
background: url(../../component/images/ico_d_pc.png) no-repeat 0 0;
background-size: contain;
}
a.btn-type-01:hover {
background-color: #999;
}

a.btn-type-02 {
display: block;
position: relative;
box-sizing: border-box;
background-color: #666;
color: #fff;
font-size: 14px;
padding: 0 0 0 1em;
margin: 0 0 0 1.5em;
transition: background-color 0.5s;
line-height: 3em;
}
a.btn-type-02,
a.btn-type-02:hover,
a.btn-type-02:visited,
a.btn-type-02:active {
color: #fff;
text-decoration: none;
}
a.btn-type-02::after {
display: block;
position: absolute;
content: '';
width: 0;
height: 0;
left: -3em;
top: 0;
border-top: 1.5em solid transparent;
border-right: 1.5em solid #666;
border-bottom: 1.5em solid transparent;
border-left: 1.5em solid transparent;
font-size: 14px;
transition: border-right 0.5s;
}
a.btn-type-02:hover {
background-color: #999;
}
a.btn-type-02:hover::after {
border-right: 1.5em solid #999;
}

a.btn-movie {
display: block;
position: relative;
}
a.btn-movie::after {
position: absolute;
display: block;
width: 100%;
height: 100%;
left: 0;
top: 0;
content: '';
background-color: rgba(0,0,0,0);
background-image: url(../images/icon_movie.png);
background-position: center center;
background-repeat: no-repeat;
transition: background-color 0.5s;
}
a.btn-movie:hover::after {
background-color: rgba(0,0,0,0.2);
}
a.btn-movie > img {
display: block;
}

/*--------------------------------------------------------*/
/* HELPER
/*--------------------------------------------------------*/
/*  Margin  */
.mt0 { margin-top: 0px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 70px !important; }
.mt75 { margin-top: 75px !important; }
.mt80 { margin-top: 80px !important; }
.mt85 { margin-top: 85px !important; }
.mt90 { margin-top: 90px !important; }
.mt95 { margin-top: 95px !important; }
.mt100{ margin-top: 100px !important; }
.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb85 { margin-bottom: 85px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb95 { margin-bottom: 95px !important; }
.mb100{ margin-bottom: 100px !important; }
.ml0 { margin-left: 0px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml55 { margin-left: 55px !important; }
.ml60 { margin-left: 60px !important; }
.ml65 { margin-left: 65px !important; }
.ml70 { margin-left: 70px !important; }
.ml75 { margin-left: 75px !important; }
.ml80 { margin-left: 80px !important; }
.ml85 { margin-left: 85px !important; }
.ml90 { margin-left: 90px !important; }
.ml95 { margin-left: 95px !important; }
.ml100{ margin-left: 100px !important; }
.mr0 { margin-right: 0px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr55 { margin-right: 55px !important; }
.mr60 { margin-right: 60px !important; }
.mr65 { margin-right: 65px !important; }
.mr70 { margin-right: 70px !important; }
.mr75 { margin-right: 75px !important; }
.mr80 { margin-right: 80px !important; }
.mr85 { margin-right: 85px !important; }
.mr90 { margin-right: 90px !important; }
.mr95 { margin-right: 95px !important; }
.mr100 { margin-right: 100px !important; }

/*  Pading  */
.pt0 { padding-top: 0px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt55 { padding-top: 55px !important; }
.pt60 { padding-top: 60px !important; }
.pt65 { padding-top: 65px !important; }
.pt70 { padding-top: 70px !important; }
.pt75 { padding-top: 75px !important; }
.pt80 { padding-top: 80px !important; }
.pt85 { padding-top: 85px !important; }
.pt90 { padding-top: 90px !important; }
.pt95 { padding-top: 95px !important; }
.pt100{ padding-top: 100px !important; }
.pb0 { padding-bottom: 0px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb55 { padding-bottom: 55px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb65 { padding-bottom: 65px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb75 { padding-bottom: 75px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb85 { padding-bottom: 85px !important; }
.pb90 { padding-bottom: 90px !important; }
.pb95 { padding-bottom: 95px !important; }
.pb100{ padding-bottom: 100px !important; }
.pl0  { padding-left: 0px !important; }
.pl5  { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pl55 { padding-left: 55px !important; }
.pl60 { padding-left: 60px !important; }
.pl65 { padding-left: 65px !important; }
.pl70 { padding-left: 70px !important; }
.pl75 { padding-left: 75px !important; }
.pl80 { padding-left: 80px !important; }
.pl85 { padding-left: 85px !important; }
.pl90 { padding-left: 90px !important; }
.pl95 { padding-left: 95px !important; }
.pl100{ padding-left: 100px !important; }
.pr0  { padding-right: 0px !important; }
.pr5  { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pr55 { padding-right: 55px !important; }
.pr60 { padding-right: 60px !important; }
.pr65 { padding-right: 65px !important; }
.pr70 { padding-right: 70px !important; }
.pr75 { padding-right: 75px !important; }
.pr80 { padding-right: 80px !important; }
.pr85 { padding-right: 85px !important; }
.pr90 { padding-right: 90px !important; }
.pr95 { padding-right: 95px !important; }
.pr100{ padding-right: 100px !important; }

@media (max-width: 767px) {
/*  Margin  */
#content .sp_mt0 { margin-top: 0px !important; }
#content .sp_mt5 { margin-top: 5px !important; }
#content .sp_mt10 { margin-top: 10px !important; }
#content .sp_mt15 { margin-top: 15px !important; }
#content .sp_mt20 { margin-top: 20px !important; }
#content .sp_mt25 { margin-top: 25px !important; }
#content .sp_mt30 { margin-top: 30px !important; }
#content .sp_mt35 { margin-top: 35px !important; }
#content .sp_mt40 { margin-top: 40px !important; }
#content .sp_mt45 { margin-top: 45px !important; }
#content .sp_mt50 { margin-top: 50px !important; }
#content .sp_mt55 { margin-top: 55px !important; }
#content .sp_mt60 { margin-top: 60px !important; }
#content .sp_mt65 { margin-top: 65px !important; }
#content .sp_mt70 { margin-top: 70px !important; }
#content .sp_mt75 { margin-top: 75px !important; }
#content .sp_mt80 { margin-top: 80px !important; }
#content .sp_mt85 { margin-top: 85px !important; }
#content .sp_mt90 { margin-top: 90px !important; }
#content .sp_mt95 { margin-top: 95px !important; }
#content .sp_mt100{ margin-top: 100px !important; }
#content .sp_mb0 { margin-bottom: 0px !important; }
#content .sp_mb5 { margin-bottom: 5px !important; }
#content .sp_mb10 { margin-bottom: 10px !important; }
#content .sp_mb15 { margin-bottom: 15px !important; }
#content .sp_mb20 { margin-bottom: 20px !important; }
#content .sp_mb25 { margin-bottom: 25px !important; }
#content .sp_mb30 { margin-bottom: 30px !important; }
#content .sp_mb35 { margin-bottom: 35px !important; }
#content .sp_mb40 { margin-bottom: 40px !important; }
#content .sp_mb45 { margin-bottom: 45px !important; }
#content .sp_mb50 { margin-bottom: 50px !important; }
#content .sp_mb55 { margin-bottom: 55px !important; }
#content .sp_mb60 { margin-bottom: 60px !important; }
#content .sp_mb65 { margin-bottom: 65px !important; }
#content .sp_mb70 { margin-bottom: 70px !important; }
#content .sp_mb75 { margin-bottom: 75px !important; }
#content .sp_mb80 { margin-bottom: 80px !important; }
#content .sp_mb85 { margin-bottom: 85px !important; }
#content .sp_mb90 { margin-bottom: 90px !important; }
#content .sp_mb95 { margin-bottom: 95px !important; }
#content .sp_mb100{ margin-bottom: 100px !important; }
#content .sp_ml0 { margin-left: 0px !important; }
#content .sp_ml5 { margin-left: 5px !important; }
#content .sp_ml10 { margin-left: 10px !important; }
#content .sp_ml15 { margin-left: 15px !important; }
#content .sp_ml20 { margin-left: 20px !important; }
#content .sp_ml25 { margin-left: 25px !important; }
#content .sp_ml30 { margin-left: 30px !important; }
#content .sp_ml35 { margin-left: 35px !important; }
#content .sp_ml40 { margin-left: 40px !important; }
#content .sp_ml45 { margin-left: 45px !important; }
#content .sp_ml50 { margin-left: 50px !important; }
#content .sp_ml55 { margin-left: 55px !important; }
#content .sp_ml60 { margin-left: 60px !important; }
#content .sp_ml65 { margin-left: 65px !important; }
#content .sp_ml70 { margin-left: 70px !important; }
#content .sp_ml75 { margin-left: 75px !important; }
#content .sp_ml80 { margin-left: 80px !important; }
#content .sp_ml85 { margin-left: 85px !important; }
#content .sp_ml90 { margin-left: 90px !important; }
#content .sp_ml95 { margin-left: 95px !important; }
#content .sp_ml100{ margin-left: 100px !important; }
#content .sp_mr0 { margin-right: 0px !important; }
#content .sp_mr5 { margin-right: 5px !important; }
#content .sp_mr10 { margin-right: 10px !important; }
#content .sp_mr15 { margin-right: 15px !important; }
#content .sp_mr20 { margin-right: 20px !important; }
#content .sp_mr25 { margin-right: 25px !important; }
#content .sp_mr30 { margin-right: 30px !important; }
#content .sp_mr35 { margin-right: 35px !important; }
#content .sp_mr40 { margin-right: 40px !important; }
#content .sp_mr45 { margin-right: 45px !important; }
#content .sp_mr50 { margin-right: 50px !important; }
#content .sp_mr55 { margin-right: 55px !important; }
#content .sp_mr60 { margin-right: 60px !important; }
#content .sp_mr65 { margin-right: 65px !important; }
#content .sp_mr70 { margin-right: 70px !important; }
#content .sp_mr75 { margin-right: 75px !important; }
#content .sp_mr80 { margin-right: 80px !important; }
#content .sp_mr85 { margin-right: 85px !important; }
#content .sp_mr90 { margin-right: 90px !important; }
#content .sp_mr95 { margin-right: 95px !important; }
#content .sp_mr100 { margin-right: 100px !important; }

/*  Pading  */
#content .sp_pt0 { padding-top: 0px !important; }
#content .sp_pt5 { padding-top: 5px !important; }
#content .sp_pt10 { padding-top: 10px !important; }
#content .sp_pt15 { padding-top: 15px !important; }
#content .sp_pt20 { padding-top: 20px !important; }
#content .sp_pt25 { padding-top: 25px !important; }
#content .sp_pt30 { padding-top: 30px !important; }
#content .sp_pt35 { padding-top: 35px !important; }
#content .sp_pt40 { padding-top: 40px !important; }
#content .sp_pt45 { padding-top: 45px !important; }
#content .sp_pt50 { padding-top: 50px !important; }
#content .sp_pt55 { padding-top: 55px !important; }
#content .sp_pt60 { padding-top: 60px !important; }
#content .sp_pt65 { padding-top: 65px !important; }
#content .sp_pt70 { padding-top: 70px !important; }
#content .sp_pt75 { padding-top: 75px !important; }
#content .sp_pt80 { padding-top: 80px !important; }
#content .sp_pt85 { padding-top: 85px !important; }
#content .sp_pt90 { padding-top: 90px !important; }
#content .sp_pt95 { padding-top: 95px !important; }
#content .sp_pt100{ padding-top: 100px !important; }
#content .sp_pb0 { padding-bottom: 0px !important; }
#content .sp_pb5 { padding-bottom: 5px !important; }
#content .sp_pb10 { padding-bottom: 10px !important; }
#content .sp_pb15 { padding-bottom: 15px !important; }
#content .sp_pb20 { padding-bottom: 20px !important; }
#content .sp_pb25 { padding-bottom: 25px !important; }
#content .sp_pb30 { padding-bottom: 30px !important; }
#content .sp_pb35 { padding-bottom: 35px !important; }
#content .sp_pb40 { padding-bottom: 40px !important; }
#content .sp_pb45 { padding-bottom: 45px !important; }
#content .sp_pb50 { padding-bottom: 50px !important; }
#content .sp_pb55 { padding-bottom: 55px !important; }
#content .sp_pb60 { padding-bottom: 60px !important; }
#content .sp_pb65 { padding-bottom: 65px !important; }
#content .sp_pb70 { padding-bottom: 70px !important; }
#content .sp_pb75 { padding-bottom: 75px !important; }
#content .sp_pb80 { padding-bottom: 80px !important; }
#content .sp_pb85 { padding-bottom: 85px !important; }
#content .sp_pb90 { padding-bottom: 90px !important; }
#content .sp_pb95 { padding-bottom: 95px !important; }
#content .sp_pb100{ padding-bottom: 100px !important; }
#content .sp_pl0  { padding-left: 0px !important; }
#content .sp_pl5  { padding-left: 5px !important; }
#content .sp_pl10 { padding-left: 10px !important; }
#content .sp_pl15 { padding-left: 15px !important; }
#content .sp_pl20 { padding-left: 20px !important; }
#content .sp_pl25 { padding-left: 25px !important; }
#content .sp_pl30 { padding-left: 30px !important; }
#content .sp_pl35 { padding-left: 35px !important; }
#content .sp_pl40 { padding-left: 40px !important; }
#content .sp_pl45 { padding-left: 45px !important; }
#content .sp_pl50 { padding-left: 50px !important; }
#content .sp_pl55 { padding-left: 55px !important; }
#content .sp_pl60 { padding-left: 60px !important; }
#content .sp_pl65 { padding-left: 65px !important; }
#content .sp_pl70 { padding-left: 70px !important; }
#content .sp_pl75 { padding-left: 75px !important; }
#content .sp_pl80 { padding-left: 80px !important; }
#content .sp_pl85 { padding-left: 85px !important; }
#content .sp_pl90 { padding-left: 90px !important; }
#content .sp_pl95 { padding-left: 95px !important; }
#content .sp_pl100{ padding-left: 100px !important; }
#content .sp_pr0  { padding-right: 0px !important; }
#content .sp_pr5  { padding-right: 5px !important; }
#content .sp_pr10 { padding-right: 10px !important; }
#content .sp_pr15 { padding-right: 15px !important; }
#content .sp_pr20 { padding-right: 20px !important; }
#content .sp_pr25 { padding-right: 25px !important; }
#content .sp_pr30 { padding-right: 30px !important; }
#content .sp_pr35 { padding-right: 35px !important; }
#content .sp_pr40 { padding-right: 40px !important; }
#content .sp_pr45 { padding-right: 45px !important; }
#content .sp_pr50 { padding-right: 50px !important; }
#content .sp_pr55 { padding-right: 55px !important; }
#content .sp_pr60 { padding-right: 60px !important; }
#content .sp_pr65 { padding-right: 65px !important; }
#content .sp_pr70 { padding-right: 70px !important; }
#content .sp_pr75 { padding-right: 75px !important; }
#content .sp_pr80 { padding-right: 80px !important; }
#content .sp_pr85 { padding-right: 85px !important; }
#content .sp_pr90 { padding-right: 90px !important; }
#content .sp_pr95 { padding-right: 95px !important; }
#content .sp_pr100{ padding-right: 100px !important; }
}


/*  Text Align  */
.txAC { text-align: center; }
.txAR { text-align: right; }
.txAL { text-align: left; }

/*  FONT Weight  */
.fw_bold   { font-weight: bold !important; }
.fw_normal { font-weight: normal !important; }

/*  FONT Size  */

.fs9  { font-size: 64.285%; }
.fs10 { font-size: 71.428%; }
.fs11 { font-size: 78.571%; }
.fs12 { font-size: 85.714%; }
.fs13 { font-size: 92.857%; }
.fs14 { font-size: 100%; }
.fs16 { font-size: 114.285%; }
.fs17 { font-size: 121.428%; }
.fs18 { font-size: 128.571%; }
.fs20 { font-size: 142.857%; }
.fs24 { font-size: 171.428%; }

@media (max-width: 767px) {
.sp_fs9  { font-size: 64.285% !important; }
.sp_fs10 { font-size: 71.428% !important; }
.sp_fs12 { font-size: 85.7142% !important; }
.sp_fs14 { font-size: 100% !important; }
.sp_fs16 { font-size: 114.285% !important; }
.sp_fs18 { font-size: 128.571% !important; }
.sp_fs20 { font-size: 142.857% !important; }
.sp_fs24 { font-size: 171.428% !important; }
}

/*  TEXT COLOR  */
.text_green {
color: #009943 !important;
}
.note,
.text_red {
color: #e50000 !important;
}

/*  Float  */
.fl { float: left; }
.fr { float: right; }

.clearfix::after {
display: block;
content: '';
clear: both;
}

/*-------------------------------------------- */
/* popupMovie
---------------------------------------------- */
#popupMovie {
background: none;
min-width: 0;
}
#popupMovie #popWrapper {
text-align: center;
}
#popupMovie .movie iframe {
background: #444;
border: 3px solid #444;
-moz-box-shadow: 1px 1px 10px #111111;
-webkit-box-shadow: 1px 1px 10px #111111;
box-shadow: 1px 1px 10px #111111;
}
#popupMovie .linkOther {
font-size: 14px;
margin: 0 auto;
width: 800px;
}
#popupMovie .linkOther li {
display: block;
float: left;
width: 200px;
}
#popupMovie .linkOther img {
margin-bottom: 10px;
}
#popupMovie .linkOther a:link, #popupMovie .linkOther a:visited {
color: #fff;
}
#popupMovie .linkOther a:hover, #popupMovie .linkOther a:active, #popupMovie .linkOther a:focus {
color: #fff;
text-decoration: underline;
}

/*-------------------------------------------- */
/* INFOGRAPHICS
---------------------------------------------- */

.infographics {
position: relative;
background: #fff;
}
.infographics img {
display: block;
width: 100%;
height: auto;
}
.infographics > a {
display: block;
position: absolute;
box-sizing: border-box;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgba(0,0,0,0);
border: solid 4px rgba(204,204,204,1);
overflow: hidden;
text-indent: 120%;
white-space: nowrap;
transition: border 0.5s;
}
#index .infographics > a {
border-color: rgba(204,204,204,0);
}
.infographics > a > span {
position: absolute;
display: block;
box-sizing: border-box;
left: 0;
top: 0;
width: 100%;
padding: 6px 0 0 20px;
text-indent: 0;
white-space: normal;
text-align: center;
font-size: 16px;
font-weight: bold;
color: #000;
}

.infographics > a > span.fs10 { font-size: 10px; }
.infographics > a > span.fs11 { font-size: 11px; }
.infographics > a > span.fs12 { font-size: 12px; }
.infographics > a > span.fs13 { font-size: 13px; }
.infographics > a > span.fs14 { font-size: 14px; }
.infographics > a > span.fs15 { font-size: 15px; }

.infographics > a:hover,
#index .infographics > a:hover {
border-color: rgba(204,204,204,1);
}
.infographics > a.btn-movie::after {
background-image: none;
}
#index .infographics > a::after{
position: absolute;
display: block;
box-sizing: border-box;
content: '';
width: 0;
height: 0;
left: 0;
top: 0;
border: solid 20px transparent;
border-top: solid 20px #999;
border-left :solid 20px #999;
}
#index .infographics > a.btn-movie::after{
display: none;
border: none;
}
#index .infographics > a::before{
position: absolute;
display: block;
box-sizing: border-box;
content: '';
width: 16px;
height: 16px;
left: 4px;
top: 4px;
background-image: url(../../images/icon_cbox_next.png);
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
z-index:1;
}
#index .infographics > a.btn-movie::before{
display: none;
content: '';
background-image: none;
}
.infographics .box-infographics {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
box-sizing: border-box;
}
.infographics .box-infographics .frame {
display: none;
position: relative;
width: 100%;
height: 100%;
}
.infographics .box-infographics .frameAnimeImgs {
background: #fff;
}
.infographics .box-infographics .frameAnimeImgs::after{
display: block;
content: '';
clear: left;
}
.infographics .box-infographics .frameAnime img {
display: block;
position: absolute;
width: auto;
height: 100%;
left: 0;
top: 0;
}
.infographics .box-infographics .frameAnime .loader {
position: absolute;
width: 24px;
height: 24px;
left: 50%;
top: 50%;
margin: -12px 0 0 -12px;
}
@media (max-width: 767px) {
.infographics > a > span {
font-size: 16px;
}
#index .infographics > a:hover {
border-color: rgba(0,0,0,0);
}
}