@charset "utf-8";
@media screen and (max-width : 768px){
/*------------------------------------------------------------------------------------------
*
*
    car_common_sp.css
        max-width : 768px
*
*
------------------------------------------------------------------------------------------ */
.dropmenu_inner li a{
    box-sizing: border-box !important;
    padding-left: 25px !important;
}
header.sp h1 img{ width: 44px; height: auto; margin: -38px 0; position: relative; z-index: 100;}
header .collapse-button{ position: absolute; top: 25px; left: 15px; z-index: 101;}



/* common style */
body{ position: static !important;}
br{ display: none !important;}
br.sp{ display: block !important;}
.switch_pc{ display: none;}
.switch_sp{ display: block;}

/* ------------------------------------------------------------------------------------------
*
    #global_navigation
*
------------------------------------------------------------------------------------------ */
#global_navigation{
    width: 100%;
    padding: 0;
    height: 55px;
    background-color: #fff !important;
    border-bottom: 1px solid #eee;
    top: 51px;
    left: 0;
    position: absolute;
    z-index: 100;
}

#global_navigation li, #global_navigation a{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform-style: preserve-3d;
}

#global_navigation.fixed{
    top: 0;
    position: fixed;
}

#global_navigation_inner{
    margin: 0;
    position: relative;
    transition: margin .2s ease;
}

#global_navigation_inner h1{
    width: 100%;
    height: 55px;
    line-height: 51px;
    background-color: #ececec;
    z-index: 10;
    position: relative;
    text-align: center;
}

#global_navigation_inner h1 img{
    width: auto;
    height: 25px;
    vertical-align: middle;
}

#side_nav_inner .gnav_ico{
    display: none;
}

#global_navigation_inner .gnav_ico{
    width: 55px;
    height: 55px;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 10000;
}

#global_navigation_inner .gnav_ico span{
    transition: all .4s ease;
}

#global_navigation_inner .gnav_ico span.top{
    width: 28px;
    border-top: 2px solid #444;
    position: absolute;
    top: 17px;
    left: 15px;
}

#global_navigation_inner .gnav_ico span.mid{
    content: '';
    display: block;
    width: 28px;
    border-top: 2px solid #444;
    position: absolute;
    top: 24px;
    left: 15px;
}

#global_navigation_inner .gnav_ico span.btm{
    text-align: center;
    display: block;
    width: 60px;
    font-size: 9px;
    position: absolute;
    top: 32px;
    left: -1px;
}

#global_navigation_inner .gnav_ico.on span{
    border-color: #222;
}

#global_navigation_inner .gnav_ico.on span.top{
    width: 23px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 8px 0 0 0;
}

#global_navigation_inner .gnav_ico.on span.mid{
    width: 23px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: 1px 0 0 0;
}

#global_navigation_inner .gnav_ico.on span.btm{
    opacity: 0;
    margin: 5px 0 0 0;
}

#gnav_list{
    width: 100%;
    height: auto !important;
    float: none;
    visibility: hidden;
    position: absolute;
    top: 55px;
    left: 0;
}

.fixed #gnav_list{
    top: 55px;
}

#gnav_list .overlay{
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: fixed;
    top: 55px;
    left: 0;
    z-index: 1;
}

#gnav_list_inner{
    display: none;
    overflow-y: scroll;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    position: relative;
    z-index: 10000;
}

#gnav_list_inner li{
    background-color: #ececec;
    text-align: left;
}

#gnav_list_inner .parents p.current,
#gnav_list_inner li.current{ background-color: #cacaca;}

#gnav_list_inner .parents p{ cursor: pointer !important;}
#gnav_list_inner .parents p a{ pointer-events: none;}

#gnav_list_inner li a{
    height: 51px;
    padding: 0 0 0 35px;
    display: block;
    line-height: 51px;
    color: #444;
    font-size: 14px;
}

#gnav_list_inner li ul{
    overflow: hidden;
}

#gnav_list_inner li ul li{
    background-color: #ededed !important;
}

#gnav_list_inner li ul a{
    height: 51px;
    padding: 0 0 0 60px;
    display: block;
    line-height: 51px;
    color: #444;
    font-size: 12px;
  font-family:var(--font-light);;
    position: relative;
}


#gnav_list_inner li a:after{
    content: '';
    width: 7px;
    height: 51px;
    display: block;
    background-image:url(../image_common/parts_ico_btm_global_nav_arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 7px;
    position: absolute;
    top: 0;
    right: 24px;
    transition: all .1s ease;
    -webkit-transition: all .1s ease;
}

#gnav_list_inner li a:hover:after{
    right: 19px;
}

#gnav_list_inner li p a:after{
    width: 11px;
    background-image:url(../image_common/parts_ico_btm_global_nav_plus.png);
    background-size: 11px;
    right: 22px;
}

#gnav_list_inner li p a:hover:after{
    right: 22px;
}

#gnav_list_inner li p.on a:after{
    background-image:url(../image_common/parts_ico_btm_global_nav_minus.png);
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}


/* ------------------------------
    #side_navigation
------------------------------ */
.only_sp #side_navigation,
.only_tablet #side_navigation{
    margin-bottom: 200px;
}

#side_navigation{
    border-top: 1px solid #a4a4a4;
}

#side_navigation li{
    width: 25% !important;
    height: 80px;
    border-right: 1px solid #a4a4a4;
    box-sizing: border-box;
    padding: 0;
    float: left;
    background-color: none;
    background-image: url(../image_gNavi/parts_gnav_ico_bg_sp.png);
    overflow: hidden;
    position: relative;
}

#side_navigation li span{
    display: none;
}

#side_navigation li:last-child{
    border: none;
}

#side_navigation li a{
    width: 100% !important;
    height: 80px;
    padding: 0;
    display: block;
    background-repeat: no-repeat;
    background-size: 80px;
    background-position: center;
    background-color: none;
    transition: opacity .1s ease;
    position: relative;
}
#side_navigation li a:hover{ opacity: .7 !important;}
#side_navigation li a:after{ display: none;}
#side_navigation li a:hover:after{ right: 0;}

#side_navigation li:last-child a:after{ display: none;}

#side_navigation li.side_search a{ background-image:url(../image_gNavi/parts_side_nav_search_sp.png);}
#side_navigation li.side_test a{ background-image:url(../image_gNavi/parts_side_nav_test_sp.png);}
#side_navigation li.side_catalog a{ background-image:url(../image_gNavi/parts_side_nav_catalog_sp.png);}
#side_navigation li.side_estimate a{ background-image:url(../image_gNavi/parts_side_nav_estimate_sp.png);}

/* ------------------------------ */

#top_topic_path{
    width: inherit;
    margin: 100px auto 20px auto;
    font-size: 15px;
}

#top_topic_path ul{
    padding: 0 15px;
}


#contents_area{
    width: 100%;
    box-sizing: border-box;
}
/* 
.btn_pagetop{
    width: 38px;
    height: 38px;
    background-image:url(../image_common/btn_pagetop.png);
    background-repeat: no-repeat;
    background-size: 38px;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
    transition: opacity .1s ease;
    z-index: 10;
}

.btn_pagetop:hover{ opacity: .7 !important; z-index: 65535;} */



/* ------------------------------------------------------------------------------------------
*
    .rect_nav
*
------------------------------------------------------------------------------------------ */

.rect_nav{
    margin: 0 15px 50px 15px;
    font-size: 14px;
    color: #666;
    position: relative;
    z-index: 1;
}

.rect_nav.on{
    z-index: 65535 !important;
}

.rect_nav .sp_current{
    height: 40px;
    padding: 0 13px;
    line-height: 40px;
    display: block;
    border: 1px solid #999999;
    position: relative;
    z-index: 10;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rect_nav .sp_current:after{
    content: '';
    width: 42px;
    height: 42px;
    background-color: #0064a1;
    display: block;
    position: absolute;
    top: -1px;
    right: -1px;
}

.rect_nav .sp_current:before{
    content: '';
    width: 42px;
    height: 42px;
    background-image:url(../image_common/parts_rect_nav_arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    display: block;
    position: absolute;
    top: -1px;
    right: -1px;
    transition: all .1s ease;
    z-index: 1;
}
.rect_nav .sp_current.on:before{
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}

.rect_nav .sp_current.none:after{ display: none;}
.rect_nav .sp_current.none:before{ display: none;}

.rect_nav ul{
    width: 100% !important;
    padding: 0 43px 0 0;
    box-sizing: border-box;
    display: none;
    position: absolute;
    top: 42px;
    left: 0;
    z-index: 2;
}

.rect_nav li{
    width: inherit !important;
    margin: -1px 0 0 0;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    border: 1px solid #999999;
    border-bottom: 1px solid #999999;
    position: relative;
    z-index: 2;
}

.rect_nav li:last-child{ }

.rect_nav li.current {
	display: block !important;
}

.rect_nav li.current a{
    background-color: #dadada;
    color: #666 !important;
    cursor: default;
    pointer-events: none;
}

.rect_nav li a{
    padding: 0 13px;
    display: block;
    background-color: #fff;
    color: #666 !important;
    transition: all .1s ease !important;
    position: relative;
}

.rect_nav li a:hover{
    opacity: 1 !important;
    background-color: #dadada;
    color: #666 !important;
}


/* ------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------
*
    .section
*
------------------------------------------------------------------------------------------ */
.section{
    margin: 0 0 50px 0;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center top;
    overflow: hidden;
    color: #444;
}

.section.bg{
    padding: 50px 0;
    background-color: #f8f8f8;
}

.section br{ display: none;}

.section_inner{
    box-sizing: border-box;
}

.section_inner .head_title{
    margin: 0 0 15px 0;
    padding: 0 15px;
    font-size: 15px;
}

.section h3{
    margin: 0 0 15px 0;
    padding: 0 15px;
    font-size: 23px;
    line-height: 1.347em;
}

.section h4.sub_title,
.section h4.equipment{
    margin: -5px 0 20px 0;
    padding: 0 15px;
    font-size: 16px;
    line-height: 1.625em;
    font-family:var(--font-bold);
}

.section .section_inner h4.sub_title .small,
.section .section_inner h4.equipment .small{
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5em;
}

.section .bold{
    font-family:var(--font-bold);
}

.section .section_desc{
    margin: 0 0 20px 0;
    padding: 0 15px;
    font-size: 16px;
    line-height: 1.5em;
}

.section .section_desc .size_mid{
    font-size: 12px;
  font-family:var(--font-light);;
    line-height: 1.5em;
    display: inline-block;
}

.section .section_desc br{ display: none;}

.section .detail{
    clear: both;
    padding: 2px 0;
    font-size: 16px;
    line-height: 1.5em;
    position: relative;
    text-align: center;
    white-space: nowrap;
}

#rt-personalize-area-a a,
.section .detail a{ position: relative;}

#rt-personalize-area-a a:after,
.section .detail 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;
    right: -5px;
}

.section .pic img{ width: 100%; height: auto;}

.section .pic_full{
    width: 100%;
    text-align: center;
    position: relative;
}

.section .pic_full img{
    width: 100%;
    height: auto;
}


/* ------------------------------
    .section_column
------------------------------ */
.section_column{
    clear: both;
    margin: 0 auto 65px auto;
    padding: 0 15px;
    overflow: hidden;
    font-size: 16px;
    line-height: 1.5em;
}

.section_column:last-child{ margin-bottom: 0;}
.section_column div:first-child{ margin-bottom: 20px;}

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

.section_column h4{
    margin: 0 0 15px 0;
    font-size: 23px;
    line-height: 1.391em;
}

.section_column h5{
    margin: 0 0 10px 0;
    font-size: 16px;
    line-height: 1.5em;
}

.section_column h5 .small{
    font-size: 14px;
}

.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;
  font-family:var(--font-light);;
    line-height: 1.5em;
    display: block;
}

.section_column span.caption.right{
    text-align: right;
}

.section_column .desc_small{
    font-size: 12px;
  font-family:var(--font-light);;
    line-height: 1.5em;
    display: block;
}

.section_column .notes{
    font-size: 12px;
  font-family:var(--font-light);;
    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;
  font-family:var(--font-light);;
    line-height: 1.5em;
}

.section_column .pic_caption_large{
    margin: -10px 0 10px 0 !important;
    font-size: 14px;
    line-height: 1.5em;
}

.section_column .pic_caption_large img{
    vertical-align: text-top;
    margin: 0 5px;
    width: auto;
    height: 1em;
}
.section_column .img{
    position: relative;
    font-size: 0;
    line-height: 0;
}
.section_column .img .photo_caution{
    position: absolute;
    bottom:5px;
    right:5px;
    z-index: 10;
    font-size:11px;
    line-height: 1.2;
    color:#fff;
    text-shadow: 0 0 5px #000000;
}
.section_column .img .photo_caution_left{
    right:auto;
    left:5px;
}
.section_column .img .photo_caution_left2{
    right:calc(50% + 5px);
}
.section_column .img .photo_caution_black{
    color:#000;
    text-shadow: 0 0 5px #fff;
}
/* ------------------------------------------------------------------------------------------
*
    .through_content
*
------------------------------------------------------------------------------------------ */
.through_content{
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}

.through_content_inner{
    padding: 0 15px 10px 15px;
}

.through_content_inner table{
    border-right: 15px solid transparent;
}

.through_content img{
    width: 100%;
    height: auto;
}

.through_content td{
    padding: 0 10px;
    vertical-align: top;
    font-size: 12px;
  font-family:var(--font-light);;
    line-height: 1.333em;
}

.through_content td br{ display: block;}

.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{
    width: inherit;
	/* margin: -20px auto 60px auto; 201903マイリスト対応↓*/
    margin: -20px auto 0 auto;
    box-sizing: border-box;
    padding: 0 15px;
}
#section_mylist_wrapper{ /* 201903マイリスト対応*/
    padding-bottom: 60px;
    margin: 0;
}

#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.3em;
    padding: 0 0 0 1.3em;
}

#section_caution .notes p{
    text-indent: -1em;
    padding: 0 0 0 1em;
}

#section_caution .color{
    color: #da4058;
}

#section_caution .caution p.noindent{
    text-indent: 0;
    padding: 0 0 0 0;
}


/* ------------------------------------------------------------------------------------------
*
    .fuel_table
*
------------------------------------------------------------------------------------------ */
.fuel_table p{ margin: 0 !important; line-height: 1em !important;}
.fuel_table th,
.fuel_table td{ vertical-align: middle;}
.fuel_table table{ min-width: 290px; width: 290px; margin: 0 auto 25px auto; white-space: nowrap;}
.fuel_table th.jc08{ min-width: 90px;}
.fuel_table td.num{ min-width: 115px; padding: 0 5px 0 0; font-size: 53px;}
.fuel_table td.fuel{ font-size: 27px;}

.fuel_table .jc08 img{
    width: 74px;
    margin: 0 0 3px 0;
    height: auto;
}

.fuel_table th{ font-size: 10px;}
.fuel_table th .small{ font-size: 8px; display: block;}

.fuel_table td.fuel .ruby{
    width: 0;
    margin: 0 0 5px 0 !important;
    font-size: 11px;
}


/* ------------------------------------------------------------------------------------------
*
    #pdf_download
*
------------------------------------------------------------------------------------------ */
#pdf_download{
	padding: 0;
	border-bottom: 1px solid #5e6267;
}

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

#pdf_download h4{
    padding: 17px 20px;
    margin: 0 0 0 0;
    text-align: left;
	position: relative;
	cursor: pointer;
}

#pdf_download h4 span{ margin: 0 0 0 5px;  font-size: 12px;
  font-family:var(--font-light);;}

#pdf_download h4::after,
#pdf_download a::after {
	content: '';
	width: 7px;
	height: 50px;
	display: block;
	background-image: url(../image_common/parts_ico_btm_nav_arrow.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 7px;
	position: absolute;
	top: 0;
	right: 24px;
	transition: all .1s ease;
}

#pdf_download h4::after {
	width: 11px;
	background-image: url(../image_common/parts_ico_btm_nav_plus.png);
	background-size: 11px;
	right: 22px;
}

#pdf_download a::after {
	height: 100%;
}

#pdf_download h4.on::after {
	background-image: url(../image_common/parts_ico_btm_nav_minus.png);
	transform: rotate(-180deg);
}

#pdf_download .pdf{
    min-width: 280px;
	padding: 0;
    margin: 0;
	overflow: hidden;
}

#pdf_donwload .has_child.on + .pdf {
	min-height: 50px;
}

#pdf_download .pdf:last-child{
    margin: 0;
}

#pdf_download .pdf br{ display: none;}

#pdf_download .pdf a{
	padding: 10px 20px;
    color: #fff;
	position: relative;
	display: block;
}

#pdf_download .pdf a:hover::after {
	right: 19px;
}

#pdf_download .pdf .ico{
    width: 36px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    background-image:url(../image_common/parts_ico_pdf.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
}

#pdf_download .pdf .detail{
    max-width: calc(100% - 75px);
    padding: 0 0 0 20px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.285em;
}

#pdf_download .pdf .detail .size{
    margin: 0 0 0 10px;
    font-size: 11px;
    color: #ccc;
}


/* ------------------------------------------------------------------------------------------
*
    #manual_info
*
------------------------------------------------------------------------------------------ */
	#manual_info .column_wrap {
		position: relative;
		overflow: hidden;
		border-bottom: 1px solid #5e6267;
	}

	#manual_info h4 {
		height: 50px;
		padding: 18px 20px;
		box-sizing: border-box;
		display: block;
		vertical-align: top;
		position: relative;
		cursor: pointer;
	}

	#manual_info a::after,
	#manual_info h4::after {
		content: '';
		width: 7px;
		height: 50px;
		display: block;
		background-image: url(../image_common/parts_ico_btm_nav_arrow.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 7px;
		position: absolute;
		top: 0;
		right: 24px;
		transition: all .1s ease;
	}

	#manual_info .has_child::after {
		width: 11px;
		background-image: url(../image_common/parts_ico_btm_nav_plus.png);
		background-size: 11px;
		right: 22px;
	}

	#manual_info .has_child.on::after {
		background-image: url(../image_common/parts_ico_btm_nav_minus.png);
		transform: rotate(-180deg);
	}

	#manual_info li a {
		height: 40px;
		padding: 12px 20px 12px 45px;
		font-size: 12px;
  font-family:var(--font-light);;
		color: #ccc;
		box-sizing: border-box;
		display: block;
		vertical-align: middle;
		position: relative;
	}

	#manual_info li a::after {
		height: 40px;
	}

/* ------------------------------------------------------------------------------------------
*
    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;
    position: relative;
    top: -1px;
    left: 10px;
}

.ico_type.block{
    top: 0;
    left: 0;
}

.sup{
    margin: 0 2px;
    padding: 0 !important;
    font-size: 60%;
    text-indent: 0 !important;
    line-height: 1em;
    display: inline-block;
    vertical-align: text-top;
    position: relative;
    top: -1px;
}

/* ------------------------------------------------------------------------------------------
*
    Accordion Content
        // car_common.js
*
------------------------------------------------------------------------------------------ */
.accordion_content{
    border-top: 1px solid #ccc;
    margin: 0 15px;
}

.accordion_inner{
    height: 0;
    overflow: hidden;
}

.btn_accordion_detail{
    width: 140px;
    height: 25px;
    margin: 0 auto;
    font-size: 14px;
    text-indent: -22px;
    letter-spacing: 0;
    text-align: center;
    line-height: 30px;
    color: #0064a1;
    background-color: #fff;
    position: relative;
    top: -14px;
    cursor: pointer;
}

.bg .btn_accordion_detail{
    background-color: #f8f8f8;
}

.btn_accordion_detail.on{
    width: 105px !important;
}

.btn_accordion_detail:before{
    content: 'さらに詳しく';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 5px;
}

.btn_accordion_detail:after{
    content: '';
    width: 16px;
    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: 16px 16px;
    position: absolute;
    top: 2px;
    right: 15px;
}

.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: 15px;
}


/* ------------------------------
    #movie_modal
------------------------------ */
#movie_modal{
    width: 100%;
    height: 100%;
    display: none;
    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: 20px;
    height: 20px;
    margin: 0 0 0 0;
    background-image:url(../image_common/parts_modal_close.png);
    background-repeat: no-repeat;
    background-size: 20px;
    position: fixed;
    top: 10px;
    left: 10px;
    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_data{
    width: 100%;
}

/* ------------------------------------------------------------
*
    2019/10 renewal design
*
------------------------------------------------------------ */
	.section_v2 {
		margin-bottom: 0;
		padding-bottom: 50px;
		background-color: #f8f8f8;
	}

	.section_v2 .section_visual.img_slider,
	.section_v2 .section_visual.img_slider div {
		margin-bottom: 0;
	}

	.section_v2.bg .section_visual {
		margin-top: -75px;
	}

	.section_v2 .section_visual img {
		width: 100%;
		height: auto;
	}

	.section_v2 .section_visual img.switch_pc {
		display: none;
	}

	.section_v2 .section_top_container {
		margin: -30px 15px 70px;
		padding: 30px 15px 20px;
		background-color: #fff;
		box-sizing: border-box;
		position: relative;
	}

	.section_v2 .section_top_container:last-child {
		margin-bottom: 0;
	}

	.section_v2 .section_subtitle {
		margin-bottom: 30px;
		padding-bottom: 15px;
		font-size: 13px;
		font-family:var(--font-bold);
		line-height: 1.5em;
		position: relative;
	}

	.section_v2 .section_subtitle::after {
		content: "";
		width: 20px;
		height: 2px;
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		background-color: #444;
	}

	.section_v2 .section_title {
		margin-bottom: 10px;
		padding: 0;
		font-size: 23px;
		line-height: 1.4em;
	}

	.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 .section_inner {
		margin-bottom: 75px;
	}

	.section_v2 .section_inner:last-child {
		margin-bottom: 0;
	}

	.slide_controller {
		width: 100%;
		margin-bottom: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.section_inner .slide_controller:first-child {
		margin-top: -15px;
	}

	.slide_controller .slide_prev {
		width: 20px;
		height: 20px;
		margin-right: 4px;
		background: url(../image_common/parts_slider_arrow_left.png) left top no-repeat;
		background-size: 20px auto;
		cursor: pointer;
	}

	.slide_controller .slide_next {
		width: 20px;
		height: 20px;
		margin-left: 4px;
		background: url(../image_common/parts_slider_arrow_right.png) left top no-repeat;
		background-size: 20px auto;
		cursor: pointer;
	}

	.slide_dots {
		letter-spacing: -0.4em;
		line-height: 11px;
	}

	.slide_dots li {
		width: 11px;
		height: 11px;
		padding: 0 8px;
		line-height: 11px;
		letter-spacing: normal;
		display: inline-block;
		cursor: pointer;
		position: relative;
		vertical-align: top;
	}

	.slide_dots li::before {
		content: "";
		width: 11px;
		height: 11px;
		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: 1;
	}

	.movie_modal_v2 #movie_modal_data {
		width: 100%;
		padding: 0 40px;
		opacity: 1;
		box-sizing: border-box;
	}

	.movie_modal_v2 #m_mov {
		width: auto;
		position: relative;
		display: block;
		z-index: 2;
	}

	/*--------------------*/
	/* custom */
	/* txt */
	.section h3.mb_desc_none {
		margin-bottom:20px;
		}
	.section h5 {
		font-size: 16px;
		line-height: 1.375em;
		}
	.section .pic .caption {
		font-size:11px;
		}
	.pic_full_caption {
		font-size:11px;
		line-height: 1.5em;
		margin-top:5px;
		text-align:left;
		padding:0 15px;
		}
	/* wrap */
	.section .w880 {
		padding-left:15px;
		padding-right:15px;
		}
	/* type_tag */
	.slide_type_tag {
		display:block;
		position:absolute;
		bottom:-1px;
		right:0;
		width:40%;
		max-width:180px;
		}

	/* ------------------------------
       section_column col2
    ------------------------------ */
	.section_column.col2 .col {
		margin-bottom:65px;
		}
	.section_column.col2 .col:last-child {
		margin-bottom:0;
		}

	/* ------------------------------
       .section_column.include_slider
    ------------------------------ */
	.section_column.include_slider {
		padding:0;
		}
	.section_column.include_slider .col_def {
		padding:0 15px;
		}
	.section_column.include_slider .col_slider {
		padding:0;
		}
	.include_slider .img_slider {
		line-height:16px;
		}

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



    	/* ------------------------------------------------------------
	*
	  movie thumbnail link
	*
	------------------------------------------------------------ */


    .movielink{
        text-align: center;
        padding:0 15px;
    }
    .movielink2{
        text-align: left;
        margin:0;
        padding:0;
    }
    .movielink .detail{
        white-space: normal;
        line-height: 1.2;
    }
    .movielink .detail a{
        display: flex;
        align-items: center;
        justify-content: center;
        padding-right: 20px;
        text-align: left;
        flex:1;
    }
    .movielink .detail a:after{
        width:40px;
        flex-basis:40px;
        top:0;
        /* background-size: contain; */
    }
    .movielink .pic{
        width: 120px;
        padding-bottom: 20%;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        line-height: 0;
        font-size:0;
        margin:0 15px 0 0 !important;
    }
	.movielink .thumb,
	.movielink .video-js {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
	}

    /* .movielink .thumb{
        width:80px;
        height: auto;
    } */
    .movielink .thumb:after{
        content:"";
        position: absolute;
        width:24px;
        height: 24px;
        top:50%;
        left: 50%;
        margin:-12px auto auto -12px;
        background-image: url("../image_common/btn_play_thumb.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    .movielink .thumb img{
        width:100%;
        height: auto;
    }
    










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

.sp_f10 {font-size:10px !important;}
.sp_f11 {font-size:11px !important;}
.sp_f12 {font-size:12px !important;}
.sp_f13 {font-size:13px !important;}
.sp_f14 {font-size:14px !important;}
.sp_f15 {font-size:15px !important;}
.sp_f16 {font-size:16px !important;}
.sp_f17 {font-size:17px !important;}
.sp_f18 {font-size:18px !important;}
.sp_f19 {font-size:19px !important;}
.sp_f20 {font-size:20px !important;}

.sp_lh12 {line-height:1.2 !important;}
.sp_lh13 {line-height:1.3 !important;}
.sp_lh14 {line-height:1.4 !important;}
.sp_lh15 {line-height:1.5 !important;}
.sp_lh16 {line-height:1.6 !important;}
.sp_lh17 {line-height:1.7 !important;}
.sp_lh18 {line-height:1.8 !important;}
.sp_lh19 {line-height:1.9 !important;}
.sp_lh20 {line-height:2.0 !important;}

/* mt */
.sp_mt-1 { margin-top:-1px !important; }
.sp_mt-2 { margin-top:-2px !important; }
.sp_mt-3 { margin-top:-3px !important; }
.sp_mt-4 { margin-top:-4px !important; }
.sp_mt-5 { margin-top:-5px !important; }
.sp_mt-6 { margin-top:-6px !important; }
.sp_mt-7 { margin-top:-7px !important; }
.sp_mt-8 { margin-top:-8px !important; }
.sp_mt-9 { margin-top:-9px !important; }
.sp_mt-10 { margin-top:-10px !important; }
.sp_mt-45 { margin-top:-45px !important; }
.sp_mt-80 { margin-top:-80px !important; }
.sp_mt0 { margin-top:0 !important; }
.sp_mt1 { margin-top:1px !important; }
.sp_mt2 { margin-top:2px !important; }
.sp_mt3 { margin-top:3px !important; }
.sp_mt4 { margin-top:4px !important; }
.sp_mt5 { margin-top:5px !important; }
.sp_mt6 { margin-top:6px !important; }
.sp_mt7 { margin-top:7px !important; }
.sp_mt8 { margin-top:8px !important; }
.sp_mt9 { margin-top:9px !important; }
.sp_mt10 { margin-top:10px !important; }
.sp_mt11 { margin-top:11px !important; }
.sp_mt12 { margin-top:12px !important; }
.sp_mt13 { margin-top:13px !important; }
.sp_mt14 { margin-top:14px !important; }
.sp_mt15 { margin-top:15px !important; }
.sp_mt16 { margin-top:16px !important; }
.sp_mt17 { margin-top:17px !important; }
.sp_mt18 { margin-top:18px !important; }
.sp_mt19 { margin-top:19px !important; }
.sp_mt20 { margin-top:20px !important; }
.sp_mt21 { margin-top:21px !important; }
.sp_mt22 { margin-top:22px !important; }
.sp_mt23 { margin-top:23px !important; }
.sp_mt24 { margin-top:24px !important; }
.sp_mt25 { margin-top:25px !important; }
.sp_mt30 { margin-top:30px !important; }
.sp_mt35 { margin-top:35px !important; }
.sp_mt40 { margin-top:40px !important; }
.sp_mt45 { margin-top:45px !important; }
.sp_mt50 { margin-top:50px !important; }
.sp_mt55 { margin-top:55px !important; }
.sp_mt60 { margin-top:60px !important; }
.sp_mt65 { margin-top:65px !important; }
.sp_mt70 { margin-top:70px !important; }
.sp_mt80 { margin-top:80px !important; }
.sp_mt90 { margin-top:90px !important; }
.sp_mt100 { margin-top:100px !important; }
.sp_mt110 { margin-top:110px !important; }
.sp_mt120 { margin-top:120px !important; }
.sp_mt130 { margin-top:130px !important; }
.sp_mt140 { margin-top:140px !important; }
.sp_mt150 { margin-top:150px !important; }

/* mb */
.sp_mb-1 { margin-bottom:-1px !important; }
.sp_mb-2 { margin-bottom:-2px !important; }
.sp_mb-3 { margin-bottom:-3px !important; }
.sp_mb-4 { margin-bottom:-4px !important; }
.sp_mb-5 { margin-bottom:-5px !important; }
.sp_mb-6 { margin-bottom:-6px !important; }
.sp_mb-7 { margin-bottom:-7px !important; }
.sp_mb-8 { margin-bottom:-8px !important; }
.sp_mb-9 { margin-bottom:-9px !important; }
.sp_mb-10 { margin-bottom:-10px !important; }
.sp_mb-20 { margin-bottom:-20px !important; }
.sp_mb-25 { margin-bottom:-25px !important; }
.sp_mb-40 { margin-bottom:-40px !important; }
.sp_mb-50 { margin-bottom:-50px !important; }
.sp_mb-70 { margin-bottom:-70px !important; }
.sp_mb-80 { margin-bottom:-80px !important; }
.sp_mb-100 { margin-bottom:-100px !important; }
.sp_mb0 { margin-bottom:0 !important; }
.sp_mb1 { margin-bottom:1px !important; }
.sp_mb2 { margin-bottom:2px !important; }
.sp_mb3 { margin-bottom:3px !important; }
.sp_mb4 { margin-bottom:4px !important; }
.sp_mb5 { margin-bottom:5px !important; }
.sp_mb6 { margin-bottom:6px !important; }
.sp_mb7 { margin-bottom:7px !important; }
.sp_mb8 { margin-bottom:8px !important; }
.sp_mb9 { margin-bottom:9px !important; }
.sp_mb10 { margin-bottom:10px !important; }
.sp_mb11 { margin-bottom:11px !important; }
.sp_mb12 { margin-bottom:12px !important; }
.sp_mb13 { margin-bottom:13px !important; }
.sp_mb14 { margin-bottom:14px !important; }
.sp_mb15 { margin-bottom:15px !important; }
.sp_mb16 { margin-bottom:16px !important; }
.sp_mb17 { margin-bottom:17px !important; }
.sp_mb18 { margin-bottom:18px !important; }
.sp_mb19 { margin-bottom:19px !important; }
.sp_mb20 { margin-bottom:20px !important; }
.sp_mb21 { margin-bottom:21px !important; }
.sp_mb22 { margin-bottom:22px !important; }
.sp_mb23 { margin-bottom:23px !important; }
.sp_mb24 { margin-bottom:24px !important; }
.sp_mb25 { margin-bottom:25px !important; }
.sp_mb30 { margin-bottom:30px !important; }
.sp_mb35 { margin-bottom:35px !important; }
.sp_mb40 { margin-bottom:40px !important; }
.sp_mb45 { margin-bottom:45px !important; }
.sp_mb50 { margin-bottom:50px !important; }
.sp_mb55 { margin-bottom:55px !important; }
.sp_mb60 { margin-bottom:60px !important; }
.sp_mb65 { margin-bottom:65px !important; }
.sp_mb70 { margin-bottom:70px !important; }
.sp_mb80 { margin-bottom:80px !important; }
.sp_mb90 { margin-bottom:90px !important; }
.sp_mb100 { margin-bottom:100px !important; }
.sp_mb105 { margin-bottom:105px !important; }
.sp_mb110 { margin-bottom:110px !important; }
.sp_mb115 { margin-bottom:115px !important; }
.sp_mb120 { margin-bottom:120px !important; }
.sp_mb130 { margin-bottom:130px !important; }
.sp_mb140 { margin-bottom:140px !important; }
.sp_mb150 { margin-bottom:150px !important; }

/* ml */
.sp_ml0 { margin-left:0px !important; }
.sp_ml5 { margin-left:5px !important; }
.sp_ml10 { margin-left:10px !important; }
.sp_ml15 { margin-left:15px !important; }
.sp_ml20 { margin-left:20px !important; }
.sp_ml25 { margin-left:25px !important; }

/* pt */
.sp_pt0 { padding-top:0 !important; }
.sp_pt1 { padding-top:1px !important; }
.sp_pt2 { padding-top:2px !important; }
.sp_pt3 { padding-top:3px !important; }
.sp_pt4 { padding-top:4px !important; }
.sp_pt5 { padding-top:5px !important; }
.sp_pt6 { padding-top:6px !important; }
.sp_pt7 { padding-top:7px !important; }
.sp_pt8 { padding-top:8px !important; }
.sp_pt9 { padding-top:9px !important; }
.sp_pt10 { padding-top:10px !important; }
.sp_pt11 { padding-top:11px !important; }
.sp_pt12 { padding-top:12px !important; }
.sp_pt13 { padding-top:13px !important; }
.sp_pt14 { padding-top:14px !important; }
.sp_pt15 { padding-top:15px !important; }
.sp_pt20 { padding-top:20px !important; }
.sp_pt25 { padding-top:25px !important; }
.sp_pt30 { padding-top:30px !important; }
.sp_pt35 { padding-top:35px !important; }
.sp_pt40 { padding-top:40px !important; }
.sp_pt45 { padding-top:45px !important; }
.sp_pt50 { padding-top:50px !important; }
.sp_pt55 { padding-top:55px !important; }
.sp_pt60 { padding-top:60px !important; }
.sp_pt80 { padding-top:80px !important; }
.sp_pt100 { padding-top:100px !important; }
.sp_pt110 { padding-top:110px !important; }
.sp_pt115 { padding-top:115px !important; }

/* pb */
.sp_pb0 { padding-bottom:0 !important; }
.sp_pb1 { padding-bottom:1px !important; }
.sp_pb2 { padding-bottom:2px !important; }
.sp_pb3 { padding-bottom:3px !important; }
.sp_pb4 { padding-bottom:4px !important; }
.sp_pb5 { padding-bottom:5px !important; }
.sp_pb6 { padding-bottom:6px !important; }
.sp_pb7 { padding-bottom:7px !important; }
.sp_pb8 { padding-bottom:8px !important; }
.sp_pb9 { padding-bottom:9px !important; }
.sp_pb10 { padding-bottom:10px !important; }
.sp_pb11 { padding-bottom:11px !important; }
.sp_pb12 { padding-bottom:12px !important; }
.sp_pb13 { padding-bottom:13px !important; }
.sp_pb14 { padding-bottom:14px !important; }
.sp_pb15 { padding-bottom:15px !important; }
.sp_pb20 { padding-bottom:20px !important; }
.sp_pb25 { padding-bottom:25px !important; }
.sp_pb30 { padding-bottom:30px !important; }
.sp_pb35 { padding-bottom:35px !important; }
.sp_pb40 { padding-bottom:40px !important; }
.sp_pb45 { padding-bottom:45px !important; }
.sp_pb50 { padding-bottom:50px !important; }
.sp_pb55 { padding-bottom:55px !important; }
.sp_pb60 { padding-bottom:60px !important; }
.sp_pb70 { padding-bottom:70px !important; }
.sp_pb80 { padding-bottom:80px !important; }
.sp_pb90 { padding-bottom:90px !important; }
.sp_pb100 { padding-bottom:100px !important; }
.sp_pb110 { padding-bottom:110px !important; }
.sp_pb120 { padding-bottom:120px !important; }
.sp_pb130 { padding-bottom:120px !important; }





}