@charset "utf-8";

@import url("footer_navigation.css");
@import url("body_interior_color.css");
@import url("img_slider.css");
@import url('https://fonts.googleapis.com/css?family=Cabin+Condensed:400,600,500,700');

/*------------------------------------------------------------------------------------------
*
*
    car_common.css
*
*
------------------------------------------------------------------------------------------ */

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */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-size:100%;font:inherit;vertical-align:baseline;}/*HTML5display-roleresetforolderbrowsers*/article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}

/*202209 ua add*/
#contents { width: 100% !important;}

div.finish{
	background:#fafafa;
	padding:0.4em 0;
	overflow: hidden;
}

div.finish div{
	width:980px;
	margin:0 auto;
}

div.finish div p.finishcopy{
	float:left;
	width:50%;
	color:#C00;
	line-height:1.5;
	font-size:12px;
	text-align:left !important;
}

div.finish div ul{
	float:right;
	width:50%;
	font-size:12px;
	text-align:right;
	padding-top:0.3em;
}

div.finish div ul li{
	margin-bottom:0.1em;
}

.finishTimeSP { display: none ;}

/* overwrite */
body{
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"メイリオ", meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
    -webkit-text-size-adjust: 100%;
}

#auto-header, #auto-header-overlay{ z-index: 65535 !important;}

a, li, p, div, button{ outline: none !important; }
a{ text-decoration: none;}
.bold{ font-weight: bold !important;}
/* ------------ */

body.only_sp .device_pc_only,
body.only_tablet .device_pc_only{ display: none !important;}

.device_sp_only{ display: none !important;}
body.only_sp .device_sp_only,
body.only_tablet .device_sp_only{ display: inherit !important;}


/* ------------------------------------------------------------
*
    #contents_area
*
------------------------------------------------------------ */
#contents_area{
    color: #444;
    position: relative;
    text-align: left;
    overflow: hidden;
}

#contents_area:after{
    content: '';
    clear: both;
    display: block;
}

#contents_area a{ color: #0064a1; transition: opacity .1s ease;}
#contents_area a:hover{ opacity: .7;}

#contents_footer_navigation{
    text-align: left;
}


/* ------------------------------------------------------------
*
    MOVIE PLAYER
*
------------------------------------------------------------ */
.bc-iframe body, .bc-player-4k5Jg43ag_default { background-color: transparent;}
.bc-player-4k5Jg43ag_default .vjs-poster { background-color: transparent;}
.bc-player-4k5Jg43ag_default.vjs-mouse .vjs-big-play-button { top: 0; left: 0;}
.bc-player-4k5Jg43ag_default.vjs-mouse .vjs-big-play-button {
    left: 242px\9 !important;
    top: 140px\9 !important;
}
.vjs-big-play-button {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: auto;
}

.only_sp .vjs-big-play-button{
    display: none;
}

.bc-player-4k5Jg43ag_default .vjs-progress-holder:before {
	background-color:#000 !important;
	filter:alpha(opacity=30) !important;
	opacity:0.3!important;
}

.bc-player-4k5Jg43ag_default .vjs-load-progress {
	background-color:#c00 !important;
	background-color:#000\9 !important;
	filter:alpha(opacity=0) !important;
	opacity:0.3!important;
}

.bc-player-4k5Jg43ag_default .vjs-play-progress, .bc-player-4k5Jg43ag_default .vjs-volume-level {
	background-color:#c00!important;
}

.movie_player{
    display: none;
}

#movie_modal_data video,
#movie_modal_data .video-js{
    width: 100% !important;
    height: auto !important;
    position: relative;
}

#movie_modal_data video{
    height: auto !important;
    position: absolute;
    top: 0;
}

#movie_modal_data .video-js {
    height: 0 !important;
    padding-bottom: 56.25%;
}

#movie_modal .m_mov{
    display: none;
    width: 100%;
    position: absolute;
}

.box_link img{
    transition: opacity .1 ease;
}

.box_link:hover img{
    opacity: .7;
}

@media print, screen and (min-width:769px) {
    /*------------------------------------------------------------------------------------------
	 *
	 *
		  min-width : 769px
	 *
	 *
	 ------------------------------------------------------------------------------------------ */
    #auto-header, #auto-header-overlay {
        min-width:980px;
        }
    /* common style */
    body {
        position:relative !important;
        overflow:auto !important;
        }
    br {
        display:block !important;
        }
    br.sp {
        display:none !important;
        }
    .switch_pc {
        display:block;
        }
    .switch_sp {
        display:none !important;
        }
    /* ------------------------------------------------------------------------------------------
	 *
		  #global_navigation
	 *
	 ------------------------------------------------------------------------------------------ */
    .gnav_ico {
        display:none;
        }
    #global_navigation {
        width:100%;
        min-width:980px;
        height:57px;
        background-image:url(../image_gNavi/parts_gnav_bg_pc.png);
        text-align:left;
        position:absolute;
		/*top: 100px; ←ua delete*/
        left:0;
        z-index:100;
        }
    #global_navigation.fixed {
        position:fixed;
        top:0;
        }
    #global_navigation a {
        font-size:12px;
        font-weight:bold;
        color:#444;
        }
    #global_navigation_inner {
        width:980px;
        margin:0 auto;
        position:relative;
        }
    #global_navigation h1 {
        width:43px;
        height:53px;
        line-height:53px;
        position:absolute;
        top:0;
        left:30px;
        }
    #global_navigation h1 img {
        width:auto;
        height:25px;
        vertical-align:middle;
        }
    #global_navigation ul{
        width: auto;
        float: right;
    }
    
    #global_navigation ul:after{
        content: '';
        clear: both;
        display: block;
    }
    
    #global_navigation li{
        float: left;
        height: 57px;
        line-height: 57px;
        white-space: nowrap;
        position: relative;
        transition: background .1s ease;
        text-align: center;
    }
        
    #global_navigation .parents p.current,
    #global_navigation li.current,
    #global_navigation li:hover{
        background-color: #dbdbdb;
        background-image: none;
    }
    
    #global_navigation li a{
        display: block;
        padding: 0 23px;
    }
    
    #global_navigation li ul{
        display: none;
        width: auto;
        padding: 0;
        position: absolute;
        top: 57px;
        left: 0;
        z-index: 5;
    }
    #global_navigation li ul li {
        min-width:100px;
        height:35px;
        line-height:35px;
        float:none;
        position:relative;
        background-image:url(../image_gNavi/parts_gnav_bg_pc.png);
        transition:none;
        }
    #global_navigation li ul li:hover{
        background-image: none;
    }
    
    #global_navigation li a {
        padding: 0 23px;
    }
	
	/*ua add 202203*/
#global_navigation .auto-archiveTop{ display: none;}
#global_navigation .nendaibetsuIchiran{ display: none;}
    /* ------------------------------
		  #side_navigation
	 ------------------------------ */
    #side_navigation {
        width:184px;
        position:fixed;
        top:204px;
        right:0;
        z-index:100;
        }
    #side_navigation li {
        width:184px;
        height:50px;
        line-height:50px;
        background-position:top right;
        background-repeat:no-repeat;
        background-color:rgba(82, 82, 82, 0.9) !important;
        margin-bottom:1px;
        overflow:hidden;
        transition:opacity .1s ease;
        cursor:pointer;
        position:absolute;
        top:0;
        right:0;
        }
    #side_navigation li.side_search {
        top:0;
        }
    #side_navigation li.side_test {
        top:51px;
        }
    /*#side_navigation li.side_catalog {
        top:102px;
        }*/
    #side_navigation li.side_estimate {
        top:102px;
        }
    #side_navigation li:hover {
        opacity:.8;
        }
    #side_navigation li a {
        width:72px;
        height:50px;
        display:block;
        font-weight:normal;
        font-size:12px;
        color:#fff;
        position:absolute;
        right:50px;
        }
    #side_navigation li a span {
        width:70px;
        height:50px;
        display:block;
        font-size:12px;
        color:#fff;
        position:absolute;
        right:50px;
        display:block;
        }
    #side_navigation li.side_search {
        background-image:url("../image_gNavi/parts_side_nav_search_pc.png");
        }
    #side_navigation li.side_test {
        background-image:url("../image_gNavi/parts_side_nav_test_pc.png");
        }
    #side_navigation li.side_catalog {
        background-image:url("../image_gNavi/parts_side_nav_catalog_pc.png");
        }
    #side_navigation li.side_estimate {
        background-image:url("../image_gNavi/parts_side_nav_estimate_pc.png");
        }
    /* ------------------------------ */
    #top_topic_path {
        width:980px;
        margin:50px auto 20px auto;
        font-size:16px;
        }
    #top_topic_path ul {
        padding:0 25px;
        }
    #contents_area {
        width:100%;
        min-width:980px;
        padding:56px 0 0 0;
        box-sizing:border-box;
        }
    .btn_pagetop {
        width:45px;
        height:45px;
        background-image:url(../image_common/btn_pagetop.png);
        background-repeat:no-repeat;
        background-size:45px;
        opacity:0;
        visibility:hidden;
        position:fixed;
        bottom:20px;
        right:20px;
        cursor:pointer;
        transition:opacity .1s ease;
        z-index:10;
        }
    .btn_pagetop:hover {
        opacity:.7 !important;
        }
    /* ------------------------------------------------------------------------------------------
	 *
		  .rect_nav
	 *
	 ------------------------------------------------------------------------------------------ */
    .rect_nav {
        width:930px;
        margin:0 auto 75px auto;
        font-size:16px;
        opacity:0;
        }
    .rect_nav .sp_current {
        display:none;
        }
    .rect_nav ul {
        width:100%;
        height:34px;
        }
    .rect_nav li {
        height:34px;
        line-height:34px;
        float:left;
        text-align:center;
        background-color:#ededed;
        transition:background .1s ease;
        }
    .rect_nav a {
        width:100%;
        height:34px;
        opacity:1 !important;
        color:#444 !important;
        display:block;
        white-space:nowrap;
        }
    .rect_nav li.current {
        background-color:#808080 !important;
        color:#fff;
        }
    .rect_nav li:hover {
        background-color:#dbdbdb;
        }
    .rect_nav li.current a {
        color:#fff !important;
        }
    /* ------------------------------------------------------------------------------------------ */
    /* ------------------------------------------------------------------------------------------
	 *
		  .section
	 *
	 ------------------------------------------------------------------------------------------ */
    .section {
        clear:both;
        margin:0 0 100px 0;
        box-sizing:border-box;
        background-repeat:no-repeat;
        background-position:center top;
        position:relative;
        color:#444;
        }
    .section.bg {
        padding:100px 0;
        background-color:#f8f8f8;
        }
    .section:after {
        content:'';
        clear:both;
        display:block;
        width:0;
        }
    .section_inner {
        width:980px;
        margin:0 auto;
        box-sizing:border-box;
        position:relative;
        }
    .section_inner .head_title {
        margin:0 0 25px -25px;
        padding:0 50px;
        font-size:16px;
        }
    .section.col_right .section_inner {
        padding:0 0 0 460px;
        }
    .section h3 {
        margin:0 0 20px 0;
        padding:0 50px;
        font-size:38px;
        line-height:1.368em;
        white-space:nowrap;
        position:relative;
        }
    .section h3.small {
        font-size:30px;
        }
    .section .section_inner h4.sub_title {
        padding:0 50px;
        margin:-20px 0 50px 0;
        font-size:20px;
        font-weight:bold;
        line-height:1.4em;
        }
    .section .section_inner h4.subtitle .small {
        margin:0 0 0 5px;
        font-size:16px !important;
        line-height:1.5em;
        font-weight:normal;
        }
    .section .section_inner h4.equipment {
        padding:0 50px;
        margin:-20px 0 50px 0;
        font-size:18px !important;
        font-weight:bold;
        line-height:1.4em;
        }

	/* etc変更2017 */
    .section .section_inner h4.equipment.etc {
        margin-bottom:0;
    }

    .section .section_inner h4.equipment .small {
        font-size:14px !important;
        line-height:1.5em;
        font-weight:normal;
        }
    .section .section_desc {
        margin:0 0 50px 0;
        padding:0 50px;
        font-size:18px;
        line-height:1.6em;
        }
    .section .bold {
        font-weight:bold;
        }
    .section .section_desc .size_mid {
        margin:5px 0 0 0;
        font-size:14px;
        line-height:1.714em !important;
        display:block;
        }
    .section .detail {
        clear:both;
        padding:0 50px;
        position:relative;
        }
    #rt-personalize-area-a a,
    .section .detail a {
        position:relative;
        font-size:16px;
        line-height:1em;
        }
    #rt-personalize-area-a a:after,
    .section .detail a:after {
        content:'';
        width:20px;
        height:20px;
        display:inline-block;
        line-height:1em;
        background-image:url(../image_common/parts_ico_btn_detail_arrow.png);
        background-repeat:no-repeat;
        background-position:center top;
        background-size:20px 20px;
        position:relative;
        top:3px;
        left:5px;
        }


	/* etc変更2017 */
    .section .etc_change {
        clear:both;
        position:relative;
        padding-top:16px !important;
        }
    .section .etc_change.etc_change2{
		padding:16px 0 50px 50px;
        }
    .section .etc_change a{
			position: relative;
			font-size: 15px;
			line-height: 1em;
        }
    .section .etc_change.etc_change2 a{
			font-size: 16px;
        }
    .section .etc_change a:after{
	    content: '';
	    height: 18px;
	    width: 18px;
	    display: inline-block;
	    line-height: 1em;
	    background-image: url(../image_common/parts_ico_btn_detail_arrow.png);
	    background-repeat: no-repeat;
	    background-position: center top;
	    background-size: 18px 18px;
	    position: relative;
	    top: 3px;
	    left: 5px;
	}
    .section .etc_change.etc_change2 a{
	    height: 20px;
	    width: 20px;
	    background-size: 20px 20px;
    }



    .section .pic {
        max-width:980px;
        text-align:center;
        position:relative;
        }
    .section .pic .caption {
        margin:5px 0 0 0;
        font-size:12px;
        text-align:left;
        display:block;
        }
    .section .pic img {
        width:100%;
        height:auto;

        }
    .section .pic_full {
        width:100%;
        text-align:center;
        position:relative;
        }
    .section .pic_full img {
        width:100%;
        max-width:1440px;
        height:auto;
        margin-left:auto;
        margin-right:auto;
        }

    /*--------------------*/
    /* custom */
    /* txt */
    .section h3.mb_desc_none {
        margin-bottom:30px;
        }
    .section h3.movie_ttl {
        /*font-size:18px;*/
        /*line-height:1.4em;*/
        /*font-weight:bold;*/
        }
    .section h5 {
        font-size:18px;
        line-height:1.4em;
        }
    .pic_full_caption {
        font-size:12px;
        line-height: 1.5em;
        width:100%;
        max-width:880px;
        margin:5px auto 0;
        text-align:left;
        }
    /* wrap */
    .section .w880 {
        padding-left:50px;
        padding-right:50px;
        }
    .w910 {
        width:910px;
        margin-left:auto;
        margin-right:auto;
        }
    .section .detail.pd_none {
        padding:0;
        }
    .slide_type_tag {
        display:block;
        position:absolute;
        bottom:0;
        right:0;
        }
    .include_type_tag .pic_full {
        width:100%;
        max-width:1440px;
        margin-left:auto;
        margin-right:auto;
        }

    /* ------------------------------
		  .section_column
	 ------------------------------ */
    .section_column {
        clear:both;
        width:880px;
        margin:0 auto 80px auto;
        overflow:hidden;
        font-size:18px;
        line-height:1.6em;
        }
    .section_column:last-child {
        margin-bottom:0;
        }
    .section_column:after {
        content:'';
        display:block;
        clear:both;
        }
    .section_column h4 {
        margin:0 0 20px 0;
        font-size:38px;
        line-height:1.4em;
        }
    .section_column h4.small {
        font-size:16px;
        font-weight:bold;
        }
    .section_column h5 {
        margin:10px 0 20px 0;
        font-size:18px;
        line-height:1.4em;
        }
    .section_column h5 .small {
        font-size:18px;
        }
    .section_column .col_left {
        width:420px;
        float:left;
        }
    .section_column .col_right {
        width:420px;
        float:right;
        }
    .section_column p {
        margin:0 0 10px 0;
        }
    .section_column p:last-child {
        margin:0;
        }
    .section_column span.caption {
        margin:-5px 0 0 0;
        font-size:12px;
        line-height:1.5em;
        display:block;
        }
    .section_column span.caption.right {
        text-align:right;
        }
    .section_column .desc.size_mid {
        font-size:14px;
        line-height:1.5em;
        }
    .section_column .desc_small {
        font-size:12px;
        line-height:1.5em;
        display:block;
        }
    .section_column .notes {
        font-size:12px;
        line-height:1.5em;
        display:block;
        text-indent:-1em;
        padding-left:1em;
        }
    .section_column img {
        width:100%;
        height:auto;
        }
    .section_column .pic_caption {
        margin:-10px 0 5px 0 !important;
        font-size:12px;
        line-height:1.5em;
        }
    .section_column .pic_caption_large {
        margin:-10px 0 10px 0 !important;
        font-size:16px;
        line-height:1.5em;
        }
    .section_column .pic_caption_large img {
        vertical-align:text-top;
        margin:0 5px;
        width:auto;
        height:1em;
        }
	.section_column p.caption.movie{
	    margin: 5px 0 0 0;
	    font-size: 12px;
	    text-align: left;
	    display: block;
	}

    /* ------------------------------
       section_column col2
    ------------------------------ */
    .section_column.col2:after,
    .section_column.col2 .col_set:after {
        content:""; clear:both; display:block;
        }
    .section_column.col2 .col_set {
        margin-top:40px;
        }
    .section_column.col2 .col_set:first-child {
        margin-top:0;
        }
    .section_column.col2 .col {
        width:420px;
        float:left;
        margin-left:40px;
        }
    .section_column.col2 .col:first-child,
    .section_column.col2 .col:nth-child(3){
        margin-left:0;
        }

    /* ------------------------------
       .section_column.include_slider
    ------------------------------ */
    .include_slider .img_slider {
        line-height:16px;
        }

    /* ------------------------------
       .section common_margin
    ------------------------------ */
    /*section*/
    .mt_s { margin-top:100px !important;}
    .mb_s { margin-bottom:100px !important; }
    /*section_column*/
    .mt_c { margin-top:80px !important; }
    .mb_c { margin-bottom:80px !important; }

    /* ------------------------------------------------------------------------------------------
	 *
		  .through_content
	 *
	 ------------------------------------------------------------------------------------------ */
    .through_content {
        width:880px;
        margin:0 auto;
        }
    .through_content img {
        width:100%;
        height:auto;
        }
    .through_content td {
        padding:0 20px;
        vertical-align:top;
        font-size:12px;
        line-height:1.5em;
        }
    .through_content td img {
        margin:0 0 5px 0;
        }
    .through_content td:first-child {
        padding-left:0;
        }
    .through_content td:last-child {
        padding-right:0;
        }
    /* ------------------------------------------------------------------------------------------
	 *
		  #section_caution
	 *
	 ------------------------------------------------------------------------------------------ */
    #section_caution {
        margin:-35px auto 80px auto;
        }
    #section_caution .section_inner {
        width:930px;
        }
    #section_caution p {
        margin:0 0 10px 0;
        font-size:11px;
        line-height:1.4em;
        }
    #section_caution .section_inner div {
        margin:0 0 20px 0;
        }
    #section_caution .section_inner div:last-child {
        margin:0;
        }
    #section_caution .caution p {
        text-indent:-2em;
        padding:0 0 0 2em;
        }
    #section_caution .caution.short p {
        text-indent:-1.5em;
        padding:0 0 0 1.5em;
        }
    #section_caution .notes p {
        text-indent:-1em;
        padding:0 0 0 1em;
        }
    #section_caution .color {
        color:#da4058;
        }
    /* ------------------------------------------------------------------------------------------
	 *
		  .fuel_table
	 *
	 ------------------------------------------------------------------------------------------ */
    .fuel_table p {
        margin:0 !important;
        line-height:1em !important;
        }
    .fuel_table th,
    .fuel_table td {
        vertical-align:middle;
        }
    .fuel_table table {
        width:100%;
        line-height:normal;
        }
    .fuel_table th.jc08 {
        width:115px;
        }
    .fuel_table td.num {
        width:180px;
        padding:0;
        font-size:76px;
        }
    .fuel_table td.fuel {
        font-size:42px;
        }
    .fuel_table .jc08 img {
        width:95px;
        margin:0 0 8px 0 !important;
        height:auto;
        }
    .fuel_table th {
        font-size:13px;
        }
    .fuel_table th .small {
        font-size:10px;
        }
    .fuel_table td.fuel .ruby {
        margin:0 0 6px 0 !important;
        font-size:14px;
        }
    /* ------------------------------------------------------------------------------------------
	 *
		  #pdf_donwload
	 *
	 ------------------------------------------------------------------------------------------ */
    #pdf_download:after {
        content:'';
        clear:both;
        display:block;
        }
    #pdf_download {
        padding:40px 0;
        }
    #pdf_download h4 {
        padding:0 0 20px 0;
        margin:0 0 20px 0;
        font-size:16px;
        border-bottom:1px solid #818488;
        }
    #pdf_download h4 span {
        margin:0 0 0 5px;
        font-size:12px;
        }
    #pdf_download .pdf {
        width:170px;
        min-height:55px;
        display:table;
        float:left;
        }
    #pdf_download .pdf a {
        color:#fff;
        }
    #pdf_download .pdf .ico {
        width:50px;
        height:55px;
        display:table-cell;
        vertical-align:middle;
        background-image:url(../image_common/parts_ico_pdf.png);
        background-repeat:no-repeat;
        background-position:center;
        background-size:50px;
        }
    #pdf_download .pdf .detail {
        height:55px;
        padding:0 0 0 10px;
        display:table-cell;
        vertical-align:middle;
        font-size:14px;
        line-height:1.285em;
        }
    #pdf_download .pdf .detail .size {
        color:#ccc;
        font-size:11px;
        display:block;
        }
    /* ------------------------------------------------------------------------------------------
    *
        manual_info
    *
    ------------------------------------------------------------------------------------------ */
    #manual_info {
        padding: 30px 0;
        letter-spacing: -0.4em;
    }

    #manual_info .column_wrap {
        width: 49%;
        margin-right: 2%;
        display: inline-block;
    }
    #manual_info .column_wrap:last-child {
        margin-right: 0;
    }

    #manual_info .column_wrap h4 {
        padding: 0 0 20px 0;
        margin: 0 0 20px 0;
        font-size: 16px;
        border-bottom: 1px solid #818488;
        letter-spacing: normal;
    }

    #manual_info .column_wrap ul {
        margin-right: 40px;
        display: inline-block;
        vertical-align: top;
    }

    #manual_info .column_wrap ul:last-child {
        margin-right: 0;
    }

    #manual_info .column_wrap li {
        margin: 0 0 7px;
        font-size: 12px;
        color: #ccc;
        transition: all .1s ease;
        letter-spacing: normal;
    }
    /* ------------------------------------------------------------------------------------------
	 *
		  element
	 *
	 ------------------------------------------------------------------------------------------ */
    .ico_type {
        width:auto !important;
        height:18px !important;
        line-height:19px;
        padding:0 5px;
        font-size:11px !important;
        border:1px solid #ccc;
        color:#666 !important;
        font-weight:normal !important;
        display:inline-block !important;
        /*vertical-align:text-top;*/
        vertical-align:middle;
        position:relative;
        top:-1px;
        left:10px;
        }
    /**/
    .webkit .ico_type {
        top:-2px;
        }
    .ico_type.l0 {
        left:0;
        }
    /**/
    .ico_type.block {
        top:0;
        left:0;
        }

    .sup {
        margin:0 2px;
        padding:0 !important;
        font-size:60%;
        line-height:1em;
        text-indent:0 !important;
        display:inline-block;
        vertical-align:text-top;
        position:relative;
        top:-2px;
        }
    h3.sup {
        font-size:40%;
        }
    /* ------------------------------------------------------------------------------------------
	 *
		  Accordion Content
				// car_common.js
	 *
	 ------------------------------------------------------------------------------------------ */
    .accordion_content {
        border-top:1px solid #ccc;
        }
    .accordion_inner {
        height:0;
        margin-top:20px;
        overflow:hidden;
        }
    .btn_accordion_detail {
        width:210px;
        height:20px;
        margin:0 auto;
        font-size:16px;
        text-indent:-25px;
        letter-spacing:0;
        text-align:center;
        line-height:1.25em;
        background-color:#fff;
        color:#0064a1;
        position:relative;
        top:-12px;
        cursor:pointer;
        }
    .bg .btn_accordion_detail {
        background-color:#f8f8f8;
        }
    .btn_accordion_detail.on {
        width:210px !important;
        }
    .btn_accordion_detail:before {
        content:'さらに詳しく';
        width:100%;
        height:100%;
        display:block;
        position:absolute;
        top:0;
        left:-5px;
        }
    .btn_accordion_detail:after {
        content:'';
        width:20px;
        height:100%;
        display:block;
        background-image:url(../image_common/parts_ico_btn_detail_arrow_btm.png);
        background-repeat:no-repeat;
        background-position:center;
        background-size:20px 20px;
        position:absolute;
        top:-1px;
        right:45px;
        }
    .btn_accordion_detail:hover {
        color:#008cc9;
        }
    .btn_accordion_detail.on:before {
        content:'閉じる' !important;
        }
    .btn_accordion_detail.on:after {
        background-image:url(../image_common/parts_ico_btn_detail_arrow_on.png);
        right:65px;
        }
    /* ------------------------------
		  #movie_modal
	 ------------------------------ */
    #movie_modal {
        display:none;
        /*visibility:hidden;*/
        position:fixed;
        top:0;
        left:0;
        z-index:65535;
        }
    #movie_modal .movie_overlay {
        width:100%;
        height:100%;
        background-color:#fff;
        opacity:1;
        position:fixed;
        top:0;
        left:0;
        z-index:1;
        }
    #movie_modal .movie_btn_close {
        width:30px;
        height:30px;
        margin:0 0 0 0;
        background-image:url(../image_common/parts_modal_close.png);
        background-repeat:no-repeat;
        background-size:30px;
        position:fixed;
        top:20px;
        left:20px;
        z-index:2;
        cursor:pointer;
        transition:opacity .1s ease;
        }
    #movie_modal .movie_btn_close:hover {
        opacity:.7;
        }
    #movie_modal_inner {
        margin:0 auto;
        opacity:0;
        text-align:center;
        position:fixed;
        top:0;
        z-index:2;
        }

    /* ------------------------------
		#movie_modal thumbnail
	 ------------------------------ */
    .modal_mov_open .pending img {
        -webkit-backface-visibility:hidden;
        backface-visibility:hidden;
        }
    #contents_area .play_mark a:hover {
        opacity:1;
        }
    .play_mark .pic img {
        display:block;
        }
    .play_mark .pic:after {
        content:"";
        display:block;
        width:100%;
        height:100%;
        background-color:rgba(0, 0, 0, 0.5);
        background-image:url("/auto-archive/odyssey/2022/common/image_common/movie_play.png");
        background-position:center 50%;
        background-size:19% auto;
        background-repeat:no-repeat;
        position:absolute;
        top:0;
        transition:0.2s;
        }
    #contents_area .play_mark a:hover .pic:after {
        background-color:rgba(0, 0, 0, 0.0);
        }
    .col02 .play_mark .pic:after {
        background-size:25% auto;
        }
    .col03 .play_mark .pic:after {
        background-size:30% auto;
        }
    /* sitetop - none */
    /*#section_movie .play_mark .pic:after {*/
        /*display:none;*/
        /*}*/

/* ------------------------------------------------------------
*
    2019/10 renewal design
*
------------------------------------------------------------ */
	.section_v2 {
		margin-bottom: 0;
		padding-bottom: 140px;
		background-color: #f8f8f8;
	}
	
	.section_v2 .section_visual.img_slider {
		margin-bottom: 0;
	}
	
	.section_v2 .section_visual img {
		width: 100%;
		height: auto;
	}
	
	.section_v2 .section_visual img.switch_sp {
		display: none;
	}
	
	.section_v2 .section_top_container {
		width: 980px;
		margin: -70px auto 110px;
		padding: 55px 50px;
		background-color: #fff;
		box-sizing: border-box;
		position: relative;
	}
	
	.section_v2 .section_top_container:last-child {
		margin-bottom: 0;
	}
	
	.section_v2 .section_inner {
		margin-bottom: 100px;
	}
	
	.section_v2 .section_inner:last-child {
		margin-bottom: 0;
	}
	
	.section_v2 .section_subtitle {
		margin-bottom: 50px;
		padding-bottom: 30px;
		font-size: 18px;
		font-weight: bold;
		line-height: 1.5em;
		position: relative;
	}
	
	.section_v2 .section_subtitle::after {
		content: "";
		width: 30px;
		height: 2px;
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		background-color: #444;
	}
	
	.section_v2 .section_title {
		margin-bottom: 20px;
		padding: 0;
		font-size: 38px;
		line-height: 54px;
	}
	
	.section_v2 .section_top_container .section_desc {
		padding: 0;
	}
	
	.section_v2 .section_desc:last-child {
		margin-bottom: 0;
	}
	
	.section_v2 .detail {
		margin-bottom: 0;
	}
	
	.section_v2 .slide_pager {
		
	}
	
	.slide_controller {
		margin-bottom: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.slide_controller.switch_sp {
		display: none;
	}
	
	.slide_controller .slide_prev {
		width: 24px;
		height: 24px;
		margin-right: 6px;
		background: url(../image_common/parts_slider_arrow_left.png) left top no-repeat;
		background-size: 24px auto;
		cursor: pointer;
	}
	
	.slide_controller .slide_next {
		width: 24px;
		height: 24px;
		margin-left: 6px;
		background: url(../image_common/parts_slider_arrow_right.png) left top no-repeat;
		background-size: 24px auto;
		cursor: pointer;
	}
	
	.slide_dots {
		letter-spacing: -0.4em;
		line-height: 8px;
	}
	
	.slide_dots li {
		width: 8px;
		height: 8px;
		padding: 0 8px;
		letter-spacing: normal;
		display: inline-block;
		cursor: pointer;
		position: relative;
		vertical-align: top;
	}
	
	.slide_dots li::before {
		content: "";
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background-color: #d9d9d9;
		display: block;
	}
	
	.slide_dots li.on {
		cursor: default;
	}
	
	.slide_dots li.on::before,
	.slide_dots li:hover::before {
		background-color: #0064a1;
	}
	
	#movie_modal.movie_modal_v2 {
		visibility: hidden;
		transition: opacity 250ms ease-out, visibility 250ms ease-out;
		display: block;
		opacity: 0;
	}

	#movie_modal.movie_modal_v2.is-view {
		visibility: visible;
		opacity: 1;
	}
	
	.movie_modal_v2 #movie_modal_inner {
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		opacity: 0;
		animation: mov_modal_fadein 250ms ease-out 0s 1 normal;
		animation-fill-mode: forwards;
	}
	
	.movie_modal_v2 #movie_modal_data {
		width: 100%;
		max-width: 800px;
		padding: 0 40px;
		opacity: 1;
	}
	
	.movie_modal_v2 #m_mov {
		width: auto;
		position: relative;
		display: block;
		z-index: 2;
	}
}

@keyframes mov_modal_fadein {
	0% {
		opacity: 0;
		transform: translateY(30px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}


/* =============================================== */
/* type_tag */
/* =============================================== */
/* type_tag */
.ttl_type_tag {
    display:block;
    width:1000px;
    margin-bottom:10px;
    line-height:1;
    border-bottom:2px solid #4da5dc;
    text-align:right;
    position:relative;
    left:-892px;
    }
.ttl_type_tag img {
    height:24px;
    }
.ttl_type_tag.plus {
    border-bottom:2px solid #dad800;
    left:-869px;
    }

/* type_tag */
@media print, screen and (min-width:769px) {
    .ttl_type_tag {
        left:-875px;
        }
    .ttl_type_tag img {
        height:28px;
        }
    .ttl_type_tag.plus {
        left:-848px;
        }
    }
@media print, screen and (min-width:1301px) {
    .ttl_type_tag {
        position:absolute;
        top:6px;
        left:-990px;
        }
    .ttl_type_tag.plus {
        left:-990px;
        }
    .ttl_type_tag.type_02 {
        top:-3px;
        }
    }




/* =============================================== */
/* edit */
/* =============================================== */
.fl {float:left;}
.fr {float:right;}
.cl {clear:both}
.cf:after {content:""; clear:both; display:block;}
.ib {display:inline-block;}
.txt_shift {margin-right:-0.33em;}

.f10 {font-size:10px !important;}
.f11 {font-size:11px !important;}
.f12 {font-size:12px !important;}
.f13 {font-size:13px !important;}
.f14 {font-size:14px !important;}
.f15 {font-size:15px !important;}
.f16 {font-size:16px !important;}
.f17 {font-size:17px !important;}
.f18 {font-size:18px !important;}
.f19 {font-size:19px !important;}
.f20 {font-size:20px !important;}

.lh12 {line-height:1.2 !important;}
.lh13 {line-height:1.3 !important;}
.lh14 {line-height:1.4 !important;}
.lh15 {line-height:1.5 !important;}
.lh16 {line-height:1.6 !important;}
.lh17 {line-height:1.7 !important;}
.lh18 {line-height:1.8 !important;}
.lh19 {line-height:1.9 !important;}
.lh20 {line-height:2.0 !important;}

.txtc {text-align:center !important;}
.txtl {text-align:left !important;}
.txtr {text-align:right !important;}
.nowrap {white-space:nowrap;}
.inlile {display:inline!important;}

.m_auto { margin-left:auto; margin-right:auto; }

/* mt */
.mt-1 { margin-top:-1px !important; }
.mt-2 { margin-top:-2px !important; }
.mt-3 { margin-top:-3px !important; }
.mt-4 { margin-top:-4px !important; }
.mt-5 { margin-top:-5px !important; }
.mt-6 { margin-top:-6px !important; }
.mt-7 { margin-top:-7px !important; }
.mt-8 { margin-top:-8px !important; }
.mt-9 { margin-top:-9px !important; }
.mt-10 { margin-top:-10px !important; }
.mt-45 { margin-top:-45px !important; }
.mt-80 { margin-top:-80px !important; }
.mt0 { margin-top:0 !important; }
.mt1 { margin-top:1px !important; }
.mt2 { margin-top:2px !important; }
.mt3 { margin-top:3px !important; }
.mt4 { margin-top:4px !important; }
.mt5 { margin-top:5px !important; }
.mt6 { margin-top:6px !important; }
.mt7 { margin-top:7px !important; }
.mt8 { margin-top:8px !important; }
.mt9 { margin-top:9px !important; }
.mt10 { margin-top:10px !important; }
.mt11 { margin-top:11px !important; }
.mt12 { margin-top:12px !important; }
.mt13 { margin-top:13px !important; }
.mt14 { margin-top:14px !important; }
.mt15 { margin-top:15px !important; }
.mt16 { margin-top:16px !important; }
.mt17 { margin-top:17px !important; }
.mt18 { margin-top:18px !important; }
.mt19 { margin-top:19px !important; }
.mt20 { margin-top:20px !important; }
.mt21 { margin-top:21px !important; }
.mt22 { margin-top:22px !important; }
.mt23 { margin-top:23px !important; }
.mt24 { margin-top:24px !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; }
.mt70 { margin-top:70px !important; }
.mt80 { margin-top:80px !important; }
.mt90 { margin-top:90px !important; }
.mt100 { margin-top:100px !important; }
.mt110 { margin-top:110px !important; }
.mt120 { margin-top:120px !important; }
.mt130 { margin-top:130px !important; }
.mt140 { margin-top:140px !important; }
.mt150 { margin-top:150px !important; }

/* mb */
.mb-1 { margin-bottom:-1px !important; }
.mb-2 { margin-bottom:-2px !important; }
.mb-3 { margin-bottom:-3px !important; }
.mb-4 { margin-bottom:-4px !important; }
.mb-5 { margin-bottom:-5px !important; }
.mb-6 { margin-bottom:-6px !important; }
.mb-7 { margin-bottom:-7px !important; }
.mb-8 { margin-bottom:-8px !important; }
.mb-9 { margin-bottom:-9px !important; }
.mb-10 { margin-bottom:-10px !important; }
.mb-20 { margin-bottom:-20px !important; }
.mb-25 { margin-bottom:-25px !important; }
.mb-40 { margin-bottom:-40px !important; }
.mb-50 { margin-bottom:-50px !important; }
.mb-70 { margin-bottom:-70px !important; }
.mb-80 { margin-bottom:-80px !important; }
.mb-100 { margin-bottom:-100px !important; }
.mb0 { margin-bottom:0 !important; }
.mb1 { margin-bottom:1px !important; }
.mb2 { margin-bottom:2px !important; }
.mb3 { margin-bottom:3px !important; }
.mb4 { margin-bottom:4px !important; }
.mb5 { margin-bottom:5px !important; }
.mb6 { margin-bottom:6px !important; }
.mb7 { margin-bottom:7px !important; }
.mb8 { margin-bottom:8px !important; }
.mb9 { margin-bottom:9px !important; }
.mb10 { margin-bottom:10px !important; }
.mb11 { margin-bottom:11px !important; }
.mb12 { margin-bottom:12px !important; }
.mb13 { margin-bottom:13px !important; }
.mb14 { margin-bottom:14px !important; }
.mb15 { margin-bottom:15px !important; }
.mb16 { margin-bottom:16px !important; }
.mb17 { margin-bottom:17px !important; }
.mb18 { margin-bottom:18px !important; }
.mb19 { margin-bottom:19px !important; }
.mb20 { margin-bottom:20px !important; }
.mb21 { margin-bottom:21px !important; }
.mb22 { margin-bottom:22px !important; }
.mb23 { margin-bottom:23px !important; }
.mb24 { margin-bottom:24px !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; }
.mb70 { margin-bottom:70px !important; }
.mb80 { margin-bottom:80px !important; }
.mb90 { margin-bottom:90px !important; }
.mb100 { margin-bottom:100px !important; }
.mb105 { margin-bottom:105px !important; }
.mb110 { margin-bottom:110px !important; }
.mb115 { margin-bottom:115px !important; }
.mb120 { margin-bottom:120px !important; }
.mb130 { margin-bottom:130px !important; }
.mb140 { margin-bottom:140px !important; }
.mb150 { margin-bottom:150px !important; }

/* ml */
.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; }

/* pt */
.pt0 { padding-top:0 !important; }
.pt1 { padding-top:1px !important; }
.pt2 { padding-top:2px !important; }
.pt3 { padding-top:3px !important; }
.pt4 { padding-top:4px !important; }
.pt5 { padding-top:5px !important; }
.pt6 { padding-top:6px !important; }
.pt7 { padding-top:7px !important; }
.pt8 { padding-top:8px !important; }
.pt9 { padding-top:9px !important; }
.pt10 { padding-top:10px !important; }
.pt11 { padding-top:11px !important; }
.pt12 { padding-top:12px !important; }
.pt13 { padding-top:13px !important; }
.pt14 { padding-top:14px !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; }
.pt80 { padding-top:80px !important; }
.pt100 { padding-top:100px !important; }
.pt110 { padding-top:110px !important; }
.pt115 { padding-top:115px !important; }

/* pb */
.pb0 { padding-bottom:0 !important; }
.pb1 { padding-bottom:1px !important; }
.pb2 { padding-bottom:2px !important; }
.pb3 { padding-bottom:3px !important; }
.pb4 { padding-bottom:4px !important; }
.pb5 { padding-bottom:5px !important; }
.pb6 { padding-bottom:6px !important; }
.pb7 { padding-bottom:7px !important; }
.pb8 { padding-bottom:8px !important; }
.pb9 { padding-bottom:9px !important; }
.pb10 { padding-bottom:10px !important; }
.pb11 { padding-bottom:11px !important; }
.pb12 { padding-bottom:12px !important; }
.pb13 { padding-bottom:13px !important; }
.pb14 { padding-bottom:14px !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; }
.pb70 { padding-bottom:70px !important; }
.pb80 { padding-bottom:80px !important; }
.pb90 { padding-bottom:90px !important; }
.pb100 { padding-bottom:100px !important; }
.pb110 { padding-bottom:110px !important; }
.pb120 { padding-bottom:120px !important; }
.pb130 { padding-bottom:120px !important; }

/* ------------------------------------------------------------------------------------------
*
    #global_navigation
	max-width : 979px ~ min-width : 769px
*
------------------------------------------------------------------------------------------ */
@media screen and (min-width:769px) and ( max-width:962px) {
	#global_navigation{		
		top: 122px;
	}
}