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

.bdGray {
	border: 1px solid #ccc;
}
@media only screen and (min-width: 897px) {
	.flexPcrr {
		flex-direction: row-reverse;
	}
}
@media only screen and (max-width: 896px) {
    .spBlack{
    color: #000;
    }
}


/*20200424お知らせ用_yk_start*/
.info_02,
.info_03{
	text-align: center;
	margin-bottom: 40px;
	}
@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;
	}
}
.notice-box_1 {
   /*border: 1px dotted #b91440;*/
	border: 1px solid #b91440;
	color:#b91440;
    padding: 15px 10px 10px 10px;
	margin-bottom:20px;
	line-height:1.4em;
}
.notice-box_1 .notice-title{
	font-weight:bold;
	margin-bottom:15px !important;
	font-size:16px;
}

/*20160414追加*/
.notice-box_2 {
	border: 1px solid #b91440;
    padding: 15px 10px 10px 10px;
	margin-bottom:20px;
	overflow:hidden;
}
@media only screen and (max-width: 896px) { 
    .notice-box_2 {
        padding: 15px 5px 10px;
    }
}
.notice-box_2 .notice-title{
	font-weight:bold;
	margin-bottom:10px !important;
	font-size:16px;
	color:#b91440;
}

/*----------notice-box_2----------*/
.notice-box_2 dl,
.notice-box_2 dt,
.notice-box_2 dd {
	margin: 0;
	padding: 0;
}
.notice-box_2 dl {
	border: solid #ddd;
	border-collapse: collapse;
	border-width: 1px 1px 1px 0px;
	background: #f4f4f4;
	font-size:/*12*//*11*//*9*//*10*//*12*//*11*/9px; /*20200428 oto*/
	margin-bottom:10px;
	
	display:block;
	box-sizing: border-box !important;
	width: /*10*//*8*//*11*//*9*//*8*//*7.6*//*9*//*8*//*9*/7%; /*20200428 oto*/
	float:left;
}
/*20190711add
.notice-box_2.type_b dl{
	width: 9%;
}
20190711add end*/
.notice-box_2 dl:nth-of-type(1) {
	border-width: 1px 1px 1px 1px;
}
.notice-box_2 dt,
.notice-box_2 dd {
	padding: /*5px*/5px 0px;
	text-align:center;
}
.notice-box_2 dt {
	border-bottom: 1px solid #ddd;
	font-weight:bold;
}
.notice-box_2 dd {
	background: #fff;
	font-size:12px;
}
p.oshirase{
	text-indent: -1em;
	padding-left: 1em !important;
	font-size: 12px;
}

@media only screen and (max-width: 896px) {
/*----------notice-box_2----------*/
.notice-box_2 .notice-title{
	font-size:15px;
}
.notice-box_2 dl {
	width: /*20*//*16*//*16.5*/14%; /*20200428 0t0*/
	font-size:/*11*/10px;
}
/*20190711add
.notice-box_2.type_b dl {
	width: 16.5%;
}
20190711add end*/
.notice-box_2 dl:nth-of-type(8) /*20200428 0t0*/
/*.notice-box_2 dl:nth-of-type(11)*/ {
	border-width: 1px 1px 1px 1px;
}
/*20190711add
.notice-box_2.type_b dl:nth-of-type(5) {
	border-width: 1px 1px 1px 0px;
}
.notice-box_2.type_b dl:nth-of-type(7) {
	border-width: 1px 1px 1px 1px;
}
20190711add end*/
.notice-box_2 dt,
.notice-box_2 dd {
	padding: 5px /*3px*/0;
}
.notice-box_2 dd {
	font-size:11px;
}
}
/*20200424お知らせ用_yk_end*/