/*================================================================================
FileName: _layout.scss
================================================================================*/

@media only screen and (min-width: 897px) {
	.flexPcrr {
		flex-direction: row-reverse;
	}
	.wPC100 {
		width: 100% !important;
	}
	.wPC90 {
		width: 90% !important;
	}
	.wPC80 {
		width: 80% !important;
	}
	.wPC70 {
		width: 70% !important;
	}
	.wPC60 {
		width: 60% !important;
	}
	.wPC50 {
		width: 50% !important;
	}
	.wPC40 {
		width: 40% !important;
	}
	.wPC30 {
		width: 30% !important;
	}
	.wPC20 {
		width: 20% !important;
	}
	.wPC10 {
		width: 10% !important;
	}
}

@media only screen and (max-width: 896px) {
	.wSP100 {
		width: 100% !important;
	}
	.wSP90 {
		width: 90% !important;
	}
	.wSP80 {
		width: 80% !important;
	}
	.wSP70 {
		width: 70% !important;
	}
	.wSP60 {
		width: 60% !important;
	}
	.wSP50 {
		width: 50% !important;
	}
	.wSP40 {
		width: 40% !important;
	}
	.wSP30 {
		width: 30% !important;
	}
	.wSP20 {
		width: 20% !important;
	}
	.wSP10 {
		width: 10% !important;
	}
}

/*
.h-breadcrumb {
	display: none;
}
*/

.mv_pc_wrapper {
	border-top: 1px solid #fff;
	background-color: #000;
}

.mv_pc_inner {
	position: relative;
	width: 1200px;
	height: 565px;
	margin: 0 auto;
	overflow: hidden;
	background: #000;
}

.mv_pc_inner::before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 1200px;
	height: 565px;
	background: transparent;
}

.mv_pc_inner.yt_error::before {
	content: "";
	display: block;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 1200px;
	height: 565px;
	background: url(/ja_test/img/youtube_error.jpg) no-repeat 0 0 ;
}

.mv_pc{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

.pcOnly .mv_logo {
	width: /*270*//*420*/540px;/*20191203 oto*//*20201021*/
	position: /*absolute*/fixed;/*20191203 oto*/
	z-index: 3;
	/*top: 0;*//*20191203 oto*/
	left: 50%;/*20191203 oto*/
	padding: /*45px*/65px 35px 35px;/*20191203 oto*/
	box-sizing: content-box;
	margin-left: /*-245*/-305px;/*20191203 oto*//*20201021*/
}

/*20191203 add*/
.pcOnly .mv_logo{
	text-shadow: 0px 0px 12px #000, 0px 0px 12px #000;
	opacity:1;
	margin-top:0px;
	
	transition-property: opacity, margin-top;
	-moz-transition-property: opacity, margin-top;
	-webkit-transition-property: opacity, margin-top;
	-o-transition-property: opacity, margin-top;
	-ms-transition-property: opacity, margin-top;

	transition-duration:0.5s;	
	-moz-transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	-ms-transition-duration:0.5s;		
	}
/*20191204 end*/

.mv_logo img {
	width: 100%;
	opacity: /*0.8*/0.9;/*20191203 oto*/
}

.spOnly .mv_logo {
	background: #000;
	padding: 4% 0;
	text-align: center;
}

.spOnly .mv_logo img {
	width: /*50*/70%; /*20201021*/
	max-width: 300px;
}

@keyframes zoomOut {
	0% {
		transform: scale(1.15);
	}
	100% {
		transform: scale(1);
	}
}

.mv_sp .swiper-slide-active .slide-img,
.mv_sp .swiper-slide-duplicate-active .slide-img,
.mv_sp .swiper-slide-prev .slide-img{
	animation: zoomOut 10s linear 0s 1 normal both;
	-webkit-animation: zoomOut 10s linear 0s 1 normal both;
}

@media screen and (max-width: 896px){
	#container .mv_sp .swiper-container {
		padding-bottom: 0;
	}
}

.bgPink {
	background: #f1d0d6;
}
.icon_oshirase {
	margin: 0 10px 2px 0;
	width: 35px;
	vertical-align: bottom;
}


/*----------pickup----------*/

.pickup .linkBoxStyle01, .pickup .linkBoxStyle01_white, .pickup .linkBoxStyle01_black, .pickup .linkBoxStyle02, .pickup .linkBoxStyle01_pdc a {
	padding-right: 0 !important;
}
.pickup .linkBoxStyle01_black:after {
	background-size: 9px;
}

@media only screen and (min-width: 897px) {
	.pickup .boxStyle01 a {
		padding: 0;
	}
	.pickup .price {
		height: /*75*//*90*/100px;/*20201001*//*20201118*/
	}
	.pickup .linkBoxStyle01:after, .pickup .linkBoxStyle01_white:after, .pickup .linkBoxStyle01_black:after, .pickup .linkBoxStyle02:after, .pickup .linkBoxStyle01_pdc a:after {
		top: auto !important;
		bottom: 1px;
	}
	.pickup .swiper-button-next, .pickup .swiper-button-prev {
		display: none;
	}
}

@media only screen and (max-width: 896px) {
	.pickup .boxStyle01 {
		padding: 0 4% 0 !important;
	}
	.pickup .price {
		height: 60px;
	}
	.pickup .linkBoxStyle01:after, .pickup .linkBoxStyle01_white:after, .pickup .linkBoxStyle01_black:after, .pickup .linkBoxStyle02:after, .pickup .linkBoxStyle01_pdc a:after {
		top: auto !important;
		bottom: 3px;
	}
}

/*emergency*/

#top .ls02-wrapper:nth-child(2){
    margin-top: 0 !important;
}


/*tab 調整　20191203*/
@media only screen and (max-width: 896px) {
	.tabStyle02.tab-3{
	width: 100%;
	}
	}


/*info 20200403*/
	.info_01{
	text-align: center;
	margin-bottom: 40px;
	}
@media only screen and (min-width: 897px) {
	.info_01{
	font-size: 15px;
	}
}
@media only screen and (max-width: 896px) {
	.info_01{
	font-size: 12px;
	}
}

.info_02,
.info_03{
	text-align: center;
	margin-bottom: 40px;
	}

.info_04{
	text-align: center;
	margin-bottom: 40px;
	font-size: 18px;
	font-weight: 500;
	color: #b91440;
	border: #b91440 solid 1px;
	padding: 5px 10px;
	}

	@media only screen and (max-width: 896px) {
		.info_04{
		font-size: 14px;
	}
	}


@media only screen and (min-width: 897px) {
	.info_02 .linkStyle02{
	font-size: 18px;
	font-weight: 400;
	color: #b91440;
	}
	.info_03 .linkStyle02{
	font-size: 16px;
	font-weight: 400;
	color: #000;
	}
	.info_02 .linkStyle02:after{
	background: url(https://assets.jpn.pioneer/ja/assets/img/icon_arrow01_r.svg) no-repeat;
	bottom:5px;
	background-size: 8px;
	}
	.info_03 .linkStyle02:after{
	bottom:4px;
	background-size: 8px;
	}
}
@media only screen and (max-width: 896px) {
	.info_02 .linkStyle02{
	font-size: 14px;
	color: #b91440;
	}
	.info_03 .linkStyle02{
	font-size: 13px;
	padding: 7px;
	}
	.info_02 .linkStyle02:after{
		background: url(https://assets.jpn.pioneer/ja/assets/img/icon_arrow01_r.svg) no-repeat;
		bottom:5px;
		background-size: 7px;
		}
	.info_03 .linkStyle02:after{
		bottom:4px;
		background-size: 8px;
	}

}


/*ビジョンテキスト更新 20201029*/
.mv_vision{
	height:100%;
	width:auto;
	position: absolute;
	top: 0;
    left: 0;
    z-index: 900;
}

.mv_pc_wrapper {
	background: left 0% / 35% 100% no-repeat url(/ja/img/top-vision_bg.png) #000/*b81942*/;
}

.wrap{position: relative;}
/*ビジョンテキスト更新 20201029 end*/

/*ピックアップ　ページャー 20201117*/
@media screen and (min-width: 897px){
	.pickup .window.linkBoxStyle01_black:after {
		background-size: 14px !important;
		right: 0px;
		width: 15px;
	}
	_:-ms-fullscreen, :root .pickup .window.linkBoxStyle01_black:after {
		background-size: 14px !important;
		right: 0px;
		width: 18px
	  }
	#container .pickup .swiper-button-next,
	#container .pickup .swiper-button-prev{
		display: block;
		top: 33%;
	}
}
@media screen and (max-width: 896px){
	.pickup .window.linkBoxStyle01_black:after {
		background: url(https://assets.jpn.pioneer/ja/assets/img/icon_window.svg) no-repeat;
		background-size: 13px !important;
		right: 0px;
		width: 15px;
	}	
}
/*ピックアップ　ページャー 20201117 end*/

.top_unavailable{
	position: absolute;
	top: -10px;
	left: -10px;
	background: #777;
	color: #fff;
	padding: 2px 4px;
	line-height: 1.3;
	font-size: 12px;
}

.lh1_5{
	line-height: 1.5;
}