@charset "utf-8";
@import url("global_navigation.css");
@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;}

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

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 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: 56px; ←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;*/
    height:38px;
    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;
}
#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;
}
#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;
}
/* ------------------------------
  #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:153px;
}
#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_estimate_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;
}


/* ------------------------------------------------------------------------------------------
*
contents common
*
------------------------------------------------------------------------------------------ */
/* wrap */
.w980 {
    width:980px;
    margin-left:auto;
    margin-right:auto;
}
.w930 {
    width:930px;
    padding-left:25px;
    padding-right:25px;
    margin-left:auto;
    margin-right:auto;
}
.w910 {
    width:910px;
    padding-left:35px;
    padding-right:35px;
    margin-left:auto;
    margin-right:auto;
}
.w880 {
    width:880px;
    padding-left:50px;
    padding-right:50px;
    margin-left:auto;
    margin-right:auto;
}

/* elem */
.head_title {
    width:930px;
    margin:0 auto 25px;
    font-size:16px;
}
.sec_title {
    margin-bottom:20px;
    font-size:38px;
    line-height:1.368em;
    white-space:nowrap;
    position:relative;
}
.sec_desc {
    font-size:18px;
    line-height:1.6;
}
.sec_note {
    font-size:12px;
    line-height:1.6;
    display:block;
    margin-top:5px;
}
.eq_title {
    font-size:18px;
    font-weight:bold;
    line-height:1.4;
}
.eq_title .small {
    font-size:14px;
    font-weight:normal;
}
.pic {
    max-width:980px;
    text-align:center;
    position:relative;
}
.pic img {
    width:100%;
    height:auto;
}
.pic_full {
    width:100%;
    text-align:center;
    position:relative;
}
.pic_full img {
    width:100%;
    max-width:1440px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
}
.pic_caption {
    font-size:12px;
    line-height: 1.5em;
    width:100%;
    margin:5px auto 0;
    text-align:left;
}
.pic_full_caption {
    font-size:12px;
    line-height: 1.5em;
    width:100%;
    max-width:880px;
    margin:5px auto 0;
    text-align:left;
}

/* margin */
.mt_sec { margin-top:100px !important;}
.mb_sec { margin-bottom:100px !important; }
.mt_col { margin-top:80px !important; }
.mb_col { margin-bottom:80px !important; }
.mt_m { margin-top:50px !important; }
.mb_m { margin-bottom:50px !important; }
.mt_s { margin-top:20px !important; }
.mb_s { margin-bottom:20px !important; }
.mt_xs { margin-top:10px !important; }
.mb_xs { margin-bottom:10px !important; }

/* etc */
sup {
    margin:0 2px;
    padding:0 !important;
    font-size:60%;
    line-height:1;
    text-indent:0 !important;
    display:inline-block;
    vertical-align:text-top;
    position:relative;
    /*top:-2px;*/
}
.sec_title sup {
    font-size:30%;
}
sup.registered  {
    font-size:13px;

}
sub {
    font-size:60%;
}
.caution_red {
    color: #da4058;
    font-size:16px;
    line-height: 1.4em;
}
.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:middle;
    position:relative;
    top:-1px;
    left:10px;
}
.webkit .ico_type { top:-2px; }
.ico_type.l0 { left:0; }
.ico_type.block { top:0; left:0; }
.detail_link {
    /*margin-bottom:20px;*/
    line-height: 1.5;
    text-align:center;
}
.detail_link a {
    font-size:16px;
    position:relative;
}
.detail_link a:after {
    content:'';
    width:20px;
    height:20px;
    display:inline-block;
    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:4px;
    left:5px;
}
/* .rt-personalize-area-a */
#rt-personalize-area-a a {
    position:relative;
    font-size:16px;
    line-height:1em;
}
#rt-personalize-area-a 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;
}

/* ------------------------------------------------------------------------------------------
*
  .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:after {
    content:'';
    clear:both;
    display:block;
    width:0;
}
.section.bg {
    padding:100px 0;
    background-color:#f8f8f8;
}
.section_inner {
    width:980px;
    margin:0 auto;
    box-sizing:border-box;
    position:relative;
}

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

	/* etc変更2017 */
    .section .etc_change {
        clear:both;
        position:relative;
        padding-top:16px !important;
        }
    .section .etc_change.etc_change2{
		padding:16px 0 0;
        }
    .section .etc_change a{
			position: relative;
			font-size: 16px;
			line-height: 1em;
        }
    .section .etc_change 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;
	}

/* ------------------------------
  .sec_column
  ------------------------------ */
  /* wrap */
  .sec_column {
    clear:both;
    width:880px;
    margin:0 auto 80px;
    overflow:hidden;
}
.sec_column:last-child {
    margin-bottom:0;
}
.sec_column:after {
    content:'';
    display:block;
    clear:both;
}
.sec_column .col_left {
    width:420px;
    float:left;
}
.sec_column .col_right {
    width:420px;
    float:right;
}
/* elem */
.sec_column .sec_title {
    white-space:normal;
    position:relative;
}
.sec_column .sec_desc,
.sec_column .sec_note,
.sec_column .eq_title {
    margin:10px 0 10px;
}
.sec_column .sec_desc:first-child,
.sec_column .sec_note:first-child,
.sec_column .eq_title:first-child {
    margin-top:0;
}

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

/* ------------------------------
sec_column .include_slider (fix arrow)
------------------------------ */
.include_slider .img_slider {
    line-height:16px;
}

/*.sec_column span.caption {*/
    /*margin:-5px 0 0 0;*/
    /*font-size:12px;*/
    /*line-height:1.5em;*/
    /*display:block;*/
    /*}*/
    /*.sec_column span.caption.right {*/
        /*text-align:right;*/
        /*}*/
        /*.sec_column .desc.size_mid {*/
            /*font-size:14px;*/
            /*line-height:1.5em;*/
            /*}*/
            /*.sec_column .sec_note {*/
                /*font-size:12px;*/
                /*line-height:1.5em;*/
                /*display:block;*/
                /*}*/
                /*.sec_column .notes {*/
                    /*font-size:12px;*/
                    /*line-height:1.5em;*/
                    /*display:block;*/
                    /*text-indent:-1em;*/
                    /*padding-left:1em;*/
                    /*}*/
                    /*.sec_column img {*/
                        /*width:100%;*/
                        /*height:auto;*/
                        /*}*/
                        /*.sec_column .pic_caption {*/
                            /*margin:-10px 0 5px 0 !important;*/
                            /*font-size:12px;*/
                            /*line-height:1.5em;*/
                            /*}*/
                            /*.sec_column .pic_caption_large {*/
                                /*margin:-10px 0 10px 0 !important;*/
                                /*font-size:16px;*/
                                /*line-height:1.5em;*/
                                /*}*/
                                /*.sec_column .pic_caption_large img {*/
                                    /*vertical-align:text-top;*/
                                    /*margin:0 5px;*/
                                    /*width:auto;*/
                                    /*height:1em;*/
                                    /*}*/

/* ------------------------------------------------------------------------------------------
*
  .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 ul li:nth-child(1){
    float: left;
    width: 490px;
}
#pdf_download ul li:nth-child(2){
    float: right;
    width: 430px;
}
#pdf_download ul li:nth-child(1) .pdf {
    width:160px;
}
#pdf_download ul li:nth-child(2) .pdf {
    width:245px;
}
#pdf_download .pdf {
    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 ul li:nth-child(1) .pdf .detail .size {
    display:block;
}
#pdf_download ul li:nth-child(2) .pdf .detail .size {
    display:inline;
}
#pdf_download .pdf .detail .size {
    color:#ccc;
    font-size:11px;
}
    /* ------------------------------------------------------------------------------------------
    *
        manual_info
    *
    ------------------------------------------------------------------------------------------ */
    #manual_info {
        padding: 30px 0;
        letter-spacing: -0.4em;
    }

    #manual_info .column_wrap {
        width: 100%;
        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;
    }


/* ------------------------------------------------------------------------------------------
*
  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 {
    width:100%;
    height:100%;
    display:none;
    visibility:hidden;
    position:absolute;
    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
------------------------------ */
#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/clarity/fuelcell/2019/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;*/
    /*}*/

}


/* =============================================== */
/* edit */
/* =============================================== */
.fl {float:left;}
.fr {float:right;}
.cl {clear:both}
.cf:after {content:""; clear:both; display:block;}

.txtc {text-align:center !important;}
.txtl {text-align:left !important;}
.txtr {text-align:right !important;}

.bold{ font-weight: bold !important;}
.normal { font-weight: normal !important;}
.uline {text-decoration:underline;}

.txt_shift {margin-right:-0.33em;}
.ib {display:inline-block;}