@charset "UTF-8";

/* 関連情報文字なし */
.cardStyle02 .cs02-box.type02 .overray:after, .cardStyle02 .cs02-box_black.type02 .overray:after { background: none; }
.cardStyle02 .cs02-box.type02 a:hover img, .cardStyle02 .cs02-box_black.type02 a:hover img { opacity: .8; }

/* 下部メニューSP時高さ保持 */
@media only screen and (max-width: 896px){
    .f-lnavList li {
        display: flex;
        flex-direction: column;
    }
    .f-lnavList li a {
        flex-grow: 1;
    }
}

img {
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
}
img.img-auto { width: 100% !important; height: auto !important; }

@media only screen and (max-width: 896px){
.wAutoSP { max-width: 100% !important; width: auto !important; }
}

/* フッターリンク */
.f-lnav .f-lnavList li span.fzP12, .f-lnav .f-lnavList li span.fzS12 { position: relative; top: 0.1em; }

/* フッターリンク改 */
.f-lnav-01 {
 	color: #ffffff;
 	background: #000000;
	background: #d2d2d2;
	padding: 40px 20px;
}
.f-lnav-01 .f-lnavList-title { width: 100%; color: #000; font-size: 16px; font-weight: bold; margin-bottom: 0.2em; }
.f-lnav-01 .f-lnavList { padding: 0; }
.f-lnav-01 .f-lnavList li a span { display: block; }

.thumbImage:hover .icon-play.icon-play-01 {
	background: url(/ja/carrozzeria/assets/img/icon_play_on.png) no-repeat;
}

@media only screen and (max-width: 896px){
#container .swiper-container .swiper-pagination-bullet-active,
#container .swiper-container .swiper-pagination-bullet {
    background: none !important;
}
}

@media screen and (min-width: 897px){
    .mv-txtBox.mw-inherit { min-width: inherit !important; }
}

@media screen and (min-width: 897px){
    .main-img-100 { position: relative; height: 580px; }
    .main-img-100 img {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
    }
}

@media screen and (min-width: 897px){
    .swiperOneCol .v-middle { 
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
	}
}

@media only screen and (max-width: 896px){
    .unitStyle01.sp_2col_adjust{
        display: flex;
    }
    .unitStyle01.sp_2col_adjust .boxStyle04{
        border-bottom: none;
        width: 47%;
    }
    .unitStyle01.sp_2col_adjust .boxStyle04:first-child {
        margin-right: 3%;
    }
    .unitStyle01.sp_2col_adjust .boxStyle04:last-child {
        margin-leftt: 3%;
    }
    .unitStyle01.sp_2col_adjust .boxStyle04 .imgBox{
        width: 100%;
    }
    .unitStyle01.sp_2col_adjust .boxStyle04 .bs04-block01{
        width: 100%;
    }
}
@media only screen and (max-width: 320px){
    .unitStyle01.sp_2col_adjust .featureStyle02 li span {
        font-size: 11px;
    }
}

/* 非リンクボタン */
.linkStyle01_white.disable { border-color: #FFF; }
.linkStyle01_white.disable:hover, .linkStyle01_black.disable:hover { color: inherit; background: none; }

/* アイコン区切り線なし */
.featureStyle01 .fs01-box.border-none:after {
  background: none;
}

/* 受賞マーク */
.bs09-wrapper .bs09-block.prize { position: relative; }
.bs09-wrapper .bs09-block .prize01 { position: absolute; top: 0; right: 0; }
.bs09-wrapper .bs09-block .prize02 { position: absolute; top: -1em; right: 0; }
.bs09-wrapper .bs09-block .over-text { margin-right: -5em; }
@media screen and (max-width: 896px){
.bs09-wrapper .bs09-block.prize { position: relative; padding-top: 5vw; }
.bs09-wrapper .bs09-block .prize01 { width: 18vw; top: -1vw; }
.bs09-wrapper .bs09-block .prize02 { width: 34vw; top: 0; right: -3vw; }
.bs09-wrapper .bs09-block .over-text { margin-right: 0; }
}

/* フォーマット ヒーローエリア 楽ナビ */
.mv-txtBoxWrapper .mv-txtBox .rakunavi img { margin-left: -32px; }
.mv-txtBoxWrapper .mv-txtBox .rakunavi .linkStyle01_white { margin-top: 0 !important; }
@media screen and (max-width: 896px){
.mv-txtBoxWrapper .mv-txtBox .rakunavi { margin-top: -10px; }
.mv-txtBoxWrapper .mv-txtBox .rakunavi img { width: 50vw !important; margin-left: -3vw; }
}

/* フォーマット ヒーローエリア */
#container .mainVisual .swiper-container.x5 .swiper-pagination-bullet-active:after {
-webkit-transition: all 5s linear;
transition: all 5s linear;
}

/* フォーマット ヒーローエリア アイコン */
.mv-txtBoxWrapper .mv-txtBox .mv-logo-01 { width: 270px !important; }
@media screen and (max-width: 896px){
.mv-txtBoxWrapper .mv-txtBox .mv-logo-01 { width: inherit; }
}

/* 生産終了 */
.archives-text { display: inline-block; background: #b91440; padding: 3px 5px; color: #FFF; }
.oldContent .archives-text { padding: 6px 5px 3px; line-height: 1.2; }

/* フォーマット NEWマーク */
.mainTxt .new { background: #a60834; padding: 0.1em 0.4em 0.14em; font-size: 40% !important; color: #FFF; margin: 0 0.6em; position: relative; top: -0.4em; }
@media screen and (min-width: 897px){
.pc .flexP4 .imgFlag span { top: 5px; left: 12px; }
}

/* フォーマット 機能一覧非アクティブ */
.featureStyle02 li .unsupported { opacity: .3; }

/* フォーマット 機能アイコン（テキスト）中央 */
.featureStyle01 .fs01-box.icon-center { text-align: center !important; }
.featureStyle01 .fs01-box.icon-center img, .featureStyle01 .fs01-box.icon-center span { width: auto; margin: 0 auto; }
@media screen and (min-width: 897px){
.featureStyle01 .fs01-box.icon-center { padding: 0; }
}
@media screen and (max-width: 896px){
.featureStyle01 .fs01-box.icon-center img { padding: 5% 0; }
}

/* フォーマット カルーセルなし中央1～3個（サイズ小） */
@media screen and (min-width: 897px){
.unitStyle01.freeCol > li { width: 267px; margin: 0; }
.unitStyle01.freeCol > .boxStyle01 a { padding: 0; }
}

/* フォーマット カルーセルなし中央1個（サイズ中） */
@media screen and (min-width: 897px){
.unitStyle01.centerCol > li, .unitStyle02.centerCol > li { width: 575px; margin: 0; }
.unitStyle01.centerCol > .boxStyle01 a, .unitStyle02.centerCol > .boxStyle01 a { padding: 0; }
}

/* フォーマット カルーセルなし中央1個（サイズ中） */
@media screen and (min-width: 897px){
.unitStyle01.centerCol02 > li, .unitStyle02.centerCol02 > li { width: 516px; margin: 0; }
.unitStyle01.centerCol02 > .boxStyle01 a, .unitStyle02.centerCol02 > .boxStyle01 a { padding: 0; }
}

/* フォーマット リスト06 中央1個（サイズ中） */
@media screen and (min-width: 897px){
.cs02-wrapper.unitStyle02.centerCol .cs02-box.us02-box { width: 382px; margin: 0; }
}

/* フォーマット リスト06 中央2個（サイズ大） */
@media screen and (min-width: 897px){
.unitStyle01.centerCol03 > li, .unitStyle02.centerCol03 > li { width: 100%; margin: 0; }
.unitStyle01.centerCol03 > .boxStyle01 a, .unitStyle02.centerCol03 > .boxStyle01 a { padding: 0; }
}

/* フォーマット機能アイコン（5つ） */
.featureStyle02.fiveCol li { width: 20%; }
.featureStyle02.fiveCol li.doubleCol { width: 40%; }
.featureStyle02.twoCol li.doubleCol { width: 100%; }
@media screen and (max-width: 896px){
.featureStyle02.fiveCol { justify-content: space-between; }
.featureStyle02.fiveCol li { width: 49%; }
.featureStyle02.fiveCol li.doubleCol { width: 100%; }
}

/* ロゴ横並び */
.LogoList01 { display: flex; flex-wrap: nowrap; justify-content: space-between; }
.LogoList01 li img { height: 48px; }
.LogoList01 li:nth-child(1) img, .LogoList01 li:nth-child(2) img, .LogoList01 li:nth-child(3) img { padding-bottom: 11px; }
.LogoList01 li:nth-child(4) img { padding-bottom: 10px; }
.LogoList02, .LogoList03 { display: table; }
.LogoList02 li { display: table-cell; vertical-align: top; padding-right: 20px; }
.LogoList03 li { display: table-cell; vertical-align: top; padding-right: 30px; }
.LogoList02 li.v-middle, .LogoList03 li.v-middle { vertical-align: middle; }
.LogoList02 li:last-child, .LogoList03 li:last-child { padding-right: 0; }
@media screen and (max-width: 896px){
.LogoList01 { flex-wrap: wrap; justify-content: flex-start; }
.LogoList01 li { padding-right: 2vw; }
.LogoList01 li img { max-width: 100% !important; width: auto !important; }
.LogoList02 li { padding-right: 2vw; }
}

/* フォーマット ブランクアイコン */
 .linkHoverStyle01:hover .linkStyle02_black:after {
  -webkit-transform: translate3D(5px, 0, 0);
  transform: translate3D(5px, 0, 0);
}
.linkBoxStyle01_black.window_icon::after {
    background-image: url("/ja/carrozzeria/assets/img/icon_window.svg");
	background-size: 20px;
	width: 20px;
    height: 18px;
}
 .linkHoverStyle03:not(.cs02-box):not(.cs02-box_black):hover .linkBoxStyle01_black.window_icon:not(.window):not(.window_red):after {
	background-image: url("/ja/carrozzeria/assets/img/icon_window.svg");
}
@media screen and (max-width: 896px){
.linkBoxStyle01_black.window_icon:after {
	width: 12px;
	height: 13px;
	background: url("/ja/carrozzeria/assets/img/icon_window.svg") no-repeat center;
	background-size: 12px;
}
}
.f-lnavList li a.window_icon:after {
	background: url("/ja/carrozzeria/assets/img/icon_window.svg") no-repeat;
	background-size: 14px;
	width: 14px;
	height: 13px;
}
@media screen and (min-width: 897px){
.f-lnavList li a.window_icon:hover:after { background-image: url("/ja/carrozzeria/assets/img/icon_window_w.svg"); }
}
.linkStyle02_white.window_icon:after {
	background-image: url("/ja/carrozzeria/assets/img/icon_window_w.svg") !important;
	background-size: 14px !important;
	width: 14px !important;
	height: 13px !important;
}

.cyber_vup { display: table; }
.cyber_vup > div { display: table-cell; vertical-align: top; }
@media screen and (max-width: 896px){
.cyber_vup { display: block; }
.cyber_vup > div { display: block; }
}


.portal_main01 { position: relative; padding: 35px 0 20px; }
.portal_main01 h2 { position: absolute; top: 95px; left: 0; right: 0; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 896px){
.portal_main01 { position: static; padding: 0; }
.portal_main01 h2 { position: relative; top: 0; margin-left: 0; margin-right: 0; }
}

/* ポータルバナー */
.portal_banner01 { position: relative; }
.portal_banner01 .banner_detals { width: 430px; position: absolute; top: 25px; left: 50px; color: #FFF; }
.portal_banner01.bg_white .banner_detals { color: #000; }
.portal_banner01 .banner_detals.full_details { width: inherit; }
.portal_banner01 .banner_detals.ex_details01 { width: 650px; }
.portal_banner01 .banner_detals h4 { font-size: 32px; line-height: 1.4; font-weight: bold; margin-bottom: 0.5em; }
.portal_banner01 .banner_detals p { font-size: 16px; margin-bottom: 1.2em; }
.portal_banner01 .banner_detals .linkStyle01_white, .portal_banner01 .banner_detals .linkStyle01_black, .portal_banner01 .banner_detals .linkStyle01 { margin: 0; font-size: 16px; }
@media screen and (max-width: 896px){
.portal_banner01 { position: static; }
.portal_banner01 .banner_detals { width: inherit !important; position: static; background: #000; padding: 4%; }
.portal_banner01.bg_white .banner_detals { background: #FFF; }
.portal_banner01 .banner_detals h4 { font-size: 26px; }
.portal_banner01 .banner_detals p { font-size: 14px; margin-bottom: 1.2em; }
.portal_banner01 .banner_detals .linkStyle01_white, .portal_banner01 .banner_detals .linkStyle01 { font-size: 14px; }
}

/* テーブル */
.tableStyle03 table.w100 { width: 100% !important; }

.tableStyle001 table { width: 100%; }
.tableStyle001 table th, .tableStyle001 table td { border: solid #bbb 1px; padding: 2px; }
.tableStyle001 table th { background: #ddd; font-weight: normal; }
.tableStyle001 table .td-01 { background: #f5f5f5; }
.tableStyle001 table .th-01 { width: 5em; }
@media only screen and (max-width: 640px) {
.tableStyle001 { overflow-x: scroll; }
.tableStyle001 table { white-space: nowrap; }
}

/* タブ */
#main-contents .tabStyle02 { border-bottom: none; }
.tabStyle02 { border-bottom: none !important; }

/* carrozzeria-x xロゴ */
.x-logo { width: 18px; position: relative; top: -0.25em; }
@media only screen and (max-width: 640px) {
.x-logo { width: 14px; position: relative; top: -0.35em; }
}

/* carrozzeria-x xロゴロールオーバー */
.carrozzeria-x-navi .f-lnavList li a span { position: relative; top: 0.05em; background-size: auto 12px !important; background: url("/ja/carrozzeria/car_av/highend_audio/img/x_white.png") no-repeat; }
.carrozzeria-x-navi .f-lnavList li a span img { display: block; height: 12px; }
.carrozzeria-x-navi .f-lnavList li a:hover img { visibility: hidden; }

/* carrozzeriaロゴ */
.carrozzeria_logo01 { width: auto; height: 32px; }
.carrozzeria_logo02 { width: auto; height: 21px; }

/* 改行 */
.break-all { word-break: break-all; }

/* パーツ */
.table_contents, .table_contents01, .table_contents02 { display:table; }
.table_contents01 { width: 100%; }
.td_top, .td_middle, .td_bottom,
.table_contents01 .td_top, .table_contents01 .td_middle, .table_contents01 .td_bottom,
.table_contents02 .td_top, .table_contents02 .td_middle, .table_contents02 .td_bottom { display:table-cell; }
.td_top { vertical-align:top; }
.td_middle { vertical-align:middle; }
.td_bottom { vertical-align:bottom; }
.table_contents.type01 > div { padding-left: 24px; padding-right: 24px; }
.table_contents.type01 > div img { width: 528px; }
@media only screen and (max-width: 896px) {
.table_contents { display:block; }
.table_contents .td_top, .table_contents .td_middle, .table_contents .td_bottom { display:block; padding:0 !important; }
.table_contents.type01 > div { padding-left: 0; padding-right: 0; }
.table_contents.type01 > div { margin-bottom: 3%; }
.table_contents.type01 > div:last-of-type { margin-bottom: 0; }
.table_contents.type01 > div img { width: 100%; }
}

.details-contents01 { display: flex; justify-content: space-between; }
.details-contents01 > div { width: 516px; }
.details-contents01.img-logo > div:first-of-type { width: 350px; }
.details-contents01.img-logo > div:last-of-type { width: 682px; }
.details-contents01.img-right { flex-direction: row-reverse; }
.details-contents01 .linkStyle01_black { margin-right: 0 !important; }
.details-contents01.img-right .linkStyle01_black,
.details-contents01 .category { font-size: 18px; }
.details-contents01 .mainTxt {
  font-size: 40px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 17px;
}
.details-contents01.bd01 { border: 1px #767676 solid; }
.details-contents01.bd01 > div { width: 515px; }
.details-contents01 .price { font-size: 14px; }
@media only screen and (max-width: 896px) {
.details-contents01 { display: block; }
.details-contents01 > div { width: inherit !important; }
.details-contents01 .mainTxt { font-size: 18px; }
.details-contents01 .linkStyle01_black, .btnLSP .linkStyle01_black { margin-left: 0 !important; }
.details-contents01 .category { font-size: 12px; }
.details-contents01 .mainTxt {
  font-size: 26px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 17px;
}
.details-contents01 .price { font-size: 12px; }
}

@media screen and (min-width: 897px){
.details-contents02 { background: #000; position: relative; }
.details-contents02 .column_text {
	width: 500px;
	position: absolute;
	top: 50%;
	left: 115px;
	transform: translateY(-50%) translateX(0);
	-webkit- transform: translateY(-50%) translateX(0);
	margin: auto;
	color: #FFF;
	font-size: 16px;
	line-height: 1.6;
}
.details-contents02 .column_img { text-align: right; padding: 0 25px 0 0; }
.details-contents02 .column_img img { width: 517px; }
}
@media screen and (max-width: 896px){
.details-contents02 { background: #000; }
.details-contents02 .column_text { padding: 0 15px 15px; color: #FFF; font-size: 16px; line-height: 1.4; }
}

@media screen and (min-width: 897px){
.details-contents03 { position: relative; }
.details-contents03 .column_text {
	background: rgba(0,0,0, 0.5);
	width: 466px;
	position: absolute;
	top: 50%;
	left: 60px;
	transform: translateY(-50%) translateX(0);
	-webkit- transform: translateY(-50%) translateX(0);
	margin: auto;
}
.details-contents03 .inner-banner {
	position: absolute;
	bottom: 15%;
	left: 60px;
}
.details-contents03 .column_text h3 {
	color: #FFF;
	font-weight: 500;
	font-size: 28px;
	padding: 25px 25px 0;
}
.details-contents03 .column_text p {
	color: #FFF;
	font-size: 16px;
	line-height: 1.6;
	padding: 20px 25px 25px;
}
.details-contents03 .column_text.column_text01 { padding-top: 20px; padding-bottom: 20px; }
.details-contents03 .column_text.column_text01 h3 { padding-top: 0; margin-bottom: 5px; }
.details-contents03 .column_text.column_text01 p { padding: 0 25px; }
.details-contents03 .column_text.column_text01 p.mb01 { margin-bottom: 10px; }
.details-contents03 .column_text.column_text01 p.mb02 { margin-bottom: 15px; }
.details-contents03 .column_text.column_text01 .button01 { width: 20em; margin: 0 !important; padding-left: 15px; }
.linkStyle02_white.window:after { background: url("/ja/assets/img/icon_window_w.svg") no-repeat; }
}
@media screen and (max-width: 896px){
.details-contents03 { background: #000; }
.details-contents03 .column_text {
	padding: 15px;
}
.details-contents03 .inner-banner {
	position: static;
	padding: 15px;
}
.details-contents03 .inner-banner img {
    max-width: 100% !important;
    width: auto !important;
}
.details-contents03 .column_text h3 {
	color: #FFF;
	font-weight: 500;
	font-size: 24px;
	margin-bottom: 10px;
}
.details-contents03 .column_text p {
	color: #FFF;
	font-size: 16px;
	line-height: 1.6;
}
.details-contents03 .column_text.column_text01 h3 { padding-top: 0; margin-bottom: 5px; }
.details-contents03 .column_text.column_text01 p.mb01 { margin-bottom: 10px; }
.details-contents03 .column_text.column_text01 p.mb02 { margin-bottom: 15px; }
.details-contents03 .column_text.column_text01 .button01 { width: 20em; margin: 0 !important; padding-left: 15px; }
.linkStyle02_white.window:after { background: url("/ja/assets/img/icon_window_w.svg") no-repeat; }
}

@media screen and (min-width: 897px){
.details-contents04, .details-contents05 { position: relative; }
.details-contents04 .slider_style, .details-contents05 .slider_style { margin-bottom: 0 !important; }
.details-contents04 .column_text, .details-contents05 .column_text {
	background: rgba(0,0,0, 0.5);
	position: absolute;
	top: 50%;
	left: 60px;
	transform: translateY(-50%) translateX(0);
	-webkit- transform: translateY(-50%) translateX(0);
	margin: auto;
}
.details-contents04 .column_text { width: 420px; }
.details-contents05 .column_text { width: 466px; }
.details-contents04 .column_text h3, .details-contents05 .column_text h3 {
	color: #FFF;
	font-size: 28px;
	font-weight: 500;
	line-height: 1.2;
	padding: 25px 25px 0;
}
.details-contents04 .column_text p, .details-contents05 .column_text p {
	color: #FFF;
	font-size: 16px;
	line-height: 1.6;
	padding: 20px 25px 25px;
}
.details-contents04 .column_text p.last-caution {
	color: #FFF;
	font-size: 12px;
	line-height: 1.4;
	padding: 0 25px 25px;
}
.details-contents04 .column_text .inner_frame, .details-contents05 .column_text .inner_frame {
	padding: 20px 25px 25px;
}
.details-contents04 .column_text .inner_frame p, .details-contents05 .column_text .inner_frame p {
	padding: 0;
}
}
@media screen and (max-width: 896px){
.details-contents04, .details-contents05 { background: #000; }
.details-contents04 .slider_style, .details-contents05 .slider_style { margin-bottom: 0 !important; }
.details-contents04 .column_text, .details-contents05 .column_text {
	padding: 15px !important;
}
.details-contents04 .column_text h3, .details-contents05 .column_text h3 {
	color: #FFF;
	font-size: 24px;
	margin-bottom: 10px;
}
.details-contents04 .column_text p, .details-contents05 .column_text p {
	color: #FFF;
	font-size: 16px;
	line-height: 1.6;
}
.details-contents04 .column_text p.last-caution {
	color: #FFF;
	font-size: 12px;
	line-height: 1.4;
	padding: 15px 0 20px;
}
}

@media screen and (min-width: 897px){
.details-contents06 { position: relative; background: #000; padding-bottom: 19em; }
.details-contents06 .column_text {
	background: rgba(0,0,0, 0.5);
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 30px 40px;
    color: #FFF;
}
.details-contents06 .column_text h3 {
	font-weight: 500;
    margin-bottom: 5px;
}
.details-contents06 .column_text p {
	font-size: 16px;
	line-height: 1.6;
}
.details-contents06 .column_text.column_text01 p.mb01 { margin-bottom: 1.2em; }
.details-contents06 .column_text.column_text01 .button01 { display: inline-block; width: 20em; margin: 0 !important; padding-left: 15px; }
}
@media screen and (max-width: 896px){
.details-contents06 { background: #000; }
.details-contents06 .column_text {
	padding: 15px 15px 20px;
    color: #FFF;
}
.details-contents06 .column_text h3 { font-weight: 500; }
.details-contents06 .column_text p {
	font-size: 16px;
	line-height: 1.6;
}
.details-contents06 .column_text.column_text01 h3 { padding-top: 0; margin-bottom: 5px; }
.details-contents06 .column_text.column_text01 p.mb01 { margin-bottom: 1.2em; }
.details-contents06 .column_text.column_text01 .button01 { width: 20em; margin: 0 !important; padding-left: 15px; }
}

/* フェード速度 */

/* 4 seconds */
.img-fade-slide.fade02.fade-04sec ul li {animation-duration: 8s;}
.img-fade-slide.fade03.fade-04sec ul li {animation-duration: 12s;}
.img-fade-slide.fade04.fade-04sec ul li {animation-duration: 16s;}
.img-fade-slide.fade05.fade-04sec ul li {animation-duration: 20s;}
.img-fade-slide.fade06.fade-04sec ul li {animation-duration: 24s;}
.img-fade-slide.fade07.fade-04sec ul li {animation-duration: 28s;}
.img-fade-slide.fade08.fade-04sec ul li {animation-duration: 32s;}

.img-fade-slide.fade-04sec ul li:nth-child(1) {animation-delay: 0s;}
.img-fade-slide.fade-04sec ul li:nth-child(2) {animation-delay: 4s;}
.img-fade-slide.fade-04sec ul li:nth-child(3) {animation-delay: 8s;}
.img-fade-slide.fade-04sec ul li:nth-child(4) {animation-delay: 12s;}
.img-fade-slide.fade-04sec ul li:nth-child(5) {animation-delay: 16s;}
.img-fade-slide.fade-04sec ul li:nth-child(6) {animation-delay: 20s;}
.img-fade-slide.fade-04sec ul li:nth-child(7) {animation-delay: 24s;}
.img-fade-slide.fade-04sec ul li:nth-child(8) {animation-delay: 28s;}
/* 4 seconds end */

.img-fade-slide.fade02 ul.fade-fast01 li { animation-duration: 12s; animation-name: img-fade2; }
.img-fade-slide.fade03 ul.fade-fast01 li { animation-duration: 18s; animation-name: img-fade3; }
.img-fade-slide.fade04 ul.fade-fast01 li { animation-duration: 24s; animation-name: img-fade4; }
.img-fade-slide.fade05 ul.fade-fast01 li { animation-duration: 30s; animation-name: img-fade5; }
.img-fade-slide.fade06 ul.fade-fast01 li { animation-duration: 36s; animation-name: img-fade6; }
.img-fade-slide.fade07 ul.fade-fast01 li { animation-duration: 42s; animation-name: img-fade7; }
.img-fade-slide.fade08 ul.fade-fast01 li { animation-duration: 48s; animation-name: img-fade8; }

.img-fade-slide ul.fade-fast01 li:nth-child(1) { animation-delay: 0s; }
.img-fade-slide ul.fade-fast01 li:nth-child(2) { animation-delay: 6s; }
.img-fade-slide ul.fade-fast01 li:nth-child(3) { animation-delay: 12s; }
.img-fade-slide ul.fade-fast01 li:nth-child(4) { animation-delay: 18s; }
.img-fade-slide ul.fade-fast01 li:nth-child(5) { animation-delay: 24s; }
.img-fade-slide ul.fade-fast01 li:nth-child(6) { animation-delay: 30s; }
.img-fade-slide ul.fade-fast01 li:nth-child(7) { animation-delay: 36s; }
.img-fade-slide ul.fade-fast01 li:nth-child(8) { animation-delay: 42s; }

.fade-slide .mv-slide ul.fade-main01 li { animation-duration: 15s; }
.fade-slide .mv-slide ul.fade-main01 li:nth-child(1) { animation-delay: 0s; }
.fade-slide .mv-slide ul.fade-main01 li:nth-child(2) { animation-delay: 4s; }
.fade-slide .mv-slide ul.fade-main01 li:nth-child(3) { animation-delay: 9s; animation-name: fade-main01; }
@keyframes fade-main01 {
	0% {opacity: 0;}
	16% {opacity: 1;}
	35% {opacity: 1;}
	50% {opacity: 0;}
	100% {opacity: 0;}
}

.fade-slide .mv-slide ul.fade-main02 li { animation-duration: 13s; }
.fade-slide .mv-slide ul.fade-main02 li:nth-child(1) { animation-delay: 0s; }
.fade-slide .mv-slide ul.fade-main02 li:nth-child(2) { animation-delay: 5s; }
.fade-slide .mv-slide ul.fade-main02 li:nth-child(3) { animation-delay: 8s; }

.fade-slide .mv-slide ul.fade-main03 li { animation-duration: 12s; }
.fade-slide .mv-slide ul.fade-main03 li:nth-child(1) { animation-delay: 0s; }
.fade-slide .mv-slide ul.fade-main03 li:nth-child(2) { animation-delay: 5s; }
.fade-slide .mv-slide ul.fade-main03 li:nth-child(3) { animation-delay: 8s; animation-name: fade-main03; }
@keyframes fade-main03 {
	0% {opacity: 0;}
	16% {opacity: 1;}
	25% {opacity: 1;}
	40% {opacity: 0;}
	100% {opacity: 0;}
}

@media screen and (min-width: 897px){
.img-fade-slide.fade-img516-290 ul { width: 516px; height: 290px; }
.img-fade-slide.fade-img516-271 ul { width: 516px; height: 271px; }
.img-fade-slide.fade-img516-323 ul { width: 516px; height: 323px; }
.img-fade-slide.fade-img516-330 ul { width: 516px; height: 330px; }
.img-fade-slide.fade-img516-363 ul { width: 516px; height: 363px; }
.img-fade-slide.fade-img750-448 ul { width: 750px; height: 448px; }
.img-fade-slide.fade-img750-522 ul { width: 750px; height: 522px; margin-left: auto; margin-right: auto; }
.img-fade-slide.fade-img1104-331 ul { width: 1104px; height: 331px; }
.img-fade-slide.fade-img1104-400 ul { width: 1104px; height: 400px; }
.img-fade-slide.fade-img1104-768 ul { width: 1104px; height: 768px; }
.img-fade-slide.fade-img-center ul { margin-left: auto; margin-right: auto; }
}
/* 縦÷幅×100 */
 @media only screen and (max-width: 896px){
.img-fade-slide.fade-img516-290 ul:before { padding-top: 56.2015503875969%; }
.img-fade-slide.fade-img516-271 ul:before { padding-top: 52.51937984496124%; }
.img-fade-slide.fade-img516-323 ul:before { padding-top: 62.5968992248062%; }
.img-fade-slide.fade-img516-330 ul:before { padding-top: 63.95348837209302%; }
.img-fade-slide.fade-img516-363 ul:before { padding-top: 70.34883720930233%; }
.img-fade-slide.fade-img750-448 ul:before { padding-top: 59.73333333333333%; }
.img-fade-slide.fade-img750-522 ul:before { padding-top: 69.6%; }
.img-fade-slide.fade-img1104-331 ul:before { padding-top: 52.53333333333333%; }
.img-fade-slide.fade-img1104-400 ul:before { padding-top: 36.23188405797101%; }
.img-fade-slide.fade-img1104-768 ul:before { padding-top: 52.53333333333333%; }
}

.app_contents01 { padding: 20px; border: 1px #9B9B9B solid; background: #FFF; }
.app_contents01 > div { display: table; margin: 0 auto; }
.app_contents01 > div > div { display: table-cell; vertical-align: middle; padding: 0 20px; }
.app_contents01 dl, .app_contents01 ul { display: table; }
.app_contents01 dl dt, .app_contents01 dl dd, .app_contents01 ul li { display: table-cell; vertical-align: middle; }
.app_contents01 dl { margin-bottom: 10px; }
.app_contents01 dl dt { padding: 0 1em 0 0; }
.app_contents01 ul li { padding: 0 20px 0 0; }
 @media only screen and (max-width: 896px){
.app_contents01 { padding: 15px; }
.app_contents01 > div { display: block; }
.app_contents01 > div > div { display: block; padding: 0; }
.app_contents01 ul, .app_contents01 dl { margin: 0; }
.app_contents01 dl dt { padding: 0 1em 15px 0; }
.app_contents01 dl dd { padding: 0 0 15px; }
}

.flexP3-full { display: flex; justify-content: space-between; }
.flexP3-full > div { width: 386.666px; }
@media only screen and (max-width: 896px){
.flexP3-full { display: block; }
.flexP3-full > div { width: inherit; }
}

/* ボーダー */
.border-box01 { border: 1px #000 solid; padding: 10px 15px; display: inline-block; }


/* 画像 */
.img-516 { width: 516px; }
.img-556 { width: 556px; }
.icon-01 { width: 70px; }
 @media only screen and (max-width: 896px){
.img-516 { width: 100%; }
.sp-img90 { width: 90% !important; }
.sp-img80 { width: 80% !important; }
.sp-img70 { width: 70% !important; }
.sp-img60 { width: 60% !important; }
.sp-img50 { width: 50% !important; }
.sp-img40 { width: 40% !important; }
.sp-img30 { width: 30% !important; }
.sp-img20 { width: 20% !important; }
.sp-img10 { width: 10% !important; }

}

/* リンクなしバナー */
.cardStyle02 .cs02-box .no-link-banner, .cardStyle02 .cs02-box_black .no-link-banner {
	cursor: default;
}
@media screen and (min-width: 897px){
.cardStyle02 .cs02-box .no-link-banner, .cardStyle02 .cs02-box_black .no-link-banner {
    padding: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	cursor: default;
}
}

/* ボタン非アクティブ */
span.linkStyle01_none {
    text-align: center;
    border: solid #CCC 1px;
    border-radius: 30px;
    display: block;
    font-size: 18px;
    padding: 7px 40px 8px;
    font-weight: 600;
    background: #CCC;
    color: #FFF;
}
@media screen and (max-width: 896px){
span.linkStyle01_none { font-size: 14px; }
}

/* リンク遷移レッド */
.arrow-red:after {
    background: url(https://assets.jpn.pioneer/ja/assets/img/icon_arrow01_r.svg) no-repeat;
    bottom: 0.3em;
    background-size: 100%;
}

.contents-center { margin-left: auto; margin-right: auto; }

/* 注記 */
.notes01, .notes02, .notes03, .notes04 { padding-left: 1.1em !important; }
.notes01:before, .notes02:before, .notes03:before, .notes04:before {  }

/* リスト */
.list01 li { list-style:none; text-indent:-1em; padding-left:1em;}
.list02 {padding-left:2em;}
.list02 li {
list-style:none;
text-indent:-2em;
text-indent:-1.9em; /* IE8 */
}

@media screen and (min-width: 897px){
.lsP-1px { letter-spacing: -1px; }
}
@media screen and (max-width: 896px){
}

.pl5 { padding-left: 5px; }
.pr5 { padding-right: 5px; }
@media screen and (max-width: 896px){
.plS5 { padding-left: 5px; }
.prS5 { padding-right: 5px; }
}

.top-text01 { color: #a9e2ff !important; font-size: 24px; font-weight: bold; line-height: 1.2; padding: 10px 0 20px; }
.top-text01 span { color: #a9e2ff !important; font-size: 20px; }
@media screen and (max-width: 896px){
.top-text01 { font-size: 20px; padding: 2px 0 10px; }
.top-text01 span { font-size: 16px; }
}

.cs01-content .ttl .icon-new { background: #a60834; padding: 0.1em 0.4em 0.1em; color: #FFF; font-size: 65%; font-weight: normal; margin: 0 0.6em 0 0; }


@media screen and (max-width: 896px){
.unitStyle05.sp-twoCol {
    display: flex;
    flex-wrap: wrap;
}
.unitStyle05.sp-twoCol .us05-box {
    width: 50%;
    padding-top: 3vw;
}
.unitStyle05.sp-twoCol .imgBox {
    padding: 0 5%;
}
.unitStyle05.sp-twoCol .cardStyle01 .cs01-content{
    padding: 2vw 0 0;
}
.unitStyle05.sp-twoCol .cardStyle01 .cs01-content .ttl {
    font-size: 4vw;
    line-height: 1.4;
    padding: 0 0 2vw;
}
.unitStyle05.sp-twoCol .cardStyle01 .cs01-content .txt {
    font-size: 3.6vw;
    line-height: 1.4;
    padding-bottom: 3vw;
}
.unitStyle05.sp-twoCol .cardStyle01 .cs01-content .small.linkStyle01_black,
.unitStyle05.sp-twoCol .cardStyle01 .cs01-content .small.linkStyle01_white {
    width: 100%;
    font-size: 3vw;
}
}