/*================================================================================
FileName: _layout.scss
================================================================================*/
@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700");


/*----------common----------*/

.w80per {
	width: 80%;
}
.w85per {
	width: 85%;
}
.w90per {
	width: 90%;
}
.bdGray {
	border: 1px solid #ccc;
}
.mainVisual .m-txt01, .mainVisual .m-txt02 {
	line-height: 1.8 !important;
}

@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;
	}
}

@media print{
	.no_print {
		display: none;
	}
}



/*----------topmessage----------*/

@media only screen and (min-width: 897px) {
	.topmessage {
		background: url(/ja/corp/info/topmessage/img/img01_pc.jpg) no-repeat center;
		background-size: cover;
		padding: 100px 0 50px 0;
	}
	.topmessage .txt {
		width: 50%;
	}
}



/*----------creed----------*/

@media only screen and (min-width: 897px) {
	.creed h4 {
		padding-left: 190px;
	}
}



/*----------outline----------*/

@media only screen and (min-width: 897px) {
	.outline dl {
		background: url(/ja/corp/info/outline/img/img01.png) no-repeat right 10px;
		background-size: 25%;
	}
	.outline .col {
		background: none;
	}
}



/*----------history----------*/

.chronology .table1_Spec_pec {
	margin: auto;
	width: 100%;
	border-collapse: collapse;
}
.chronology .table1_Spec_pec td,
.chronology .table1_Spec_pec th {
	padding: 9px;
	border: 1px solid #d2d2d2;
	vertical-align:top;
	font-weight: normal;
}
.chronology .table1_Spec_pec td {
	background: #fff;
}
.chronology .table1_Spec_pec th.year {
	width: 5em;
	text-align: center !important;
	background: #dee0e2;
}
.chronology .table1_Spec_pec th.month {
	width: 3em;
	text-align: center !important;
	background: #f5f5f5 !important;
}

@media only screen and (min-width: 897px) {
	.chronology .table_bg {
		padding-right: 170px;
		min-height: /*1735*//*1860*/2100px; /*20240404*/
		background: url(/ja/corp/info/history/chronology/img/pdlist.png) no-repeat right top;
	}
}



/*----------ir----------*/

.announcement .bd {
	border-top: solid 1px #ccc;
	border-bottom: 0;
}
.announcement .qa_q {
	padding-bottom: 5px;
	color: #b91440;
	font-weight: 500;
}
.announcement .qa_a {
	padding-bottom: 20px;
}
.announcement .qa_q span {
	margin-right: 8px;
	background: #b91440;
	color: #fff;
}
.announcement .qa_a span {
	margin-right: 8px;
	background: #666;
	color: #fff;
}
.msr .linkStyle01 {
	background: #b91440;
	border: #b91440;
}
.msr .linkStyle01:hover {
	background: #000;
	cursor: pointer;
}
.msr .i_volume_w:hover {
	opacity: 1;
}

@media only screen and (min-width: 897px) {
	.ir .linkStyle01_black {
		width: 340px;
	}
	.announcement .tabStyle04.threeCol .ts04-box {
		width: 100%;
		padding-left: 500px;
		padding-right: 32px;
	}
	.announcement .tab-viewArea {
		margin: 0 32px;
		padding: 40px 5px;
	}
	.announcement .qa_q span {
		padding: 0 8px 2px 8px;
	}
	.announcement .qa_a span {
		padding: 0 9px 2px 9px;
	}
	.msr img {
		margin: auto;
	}
}

@media only screen and (max-width: 896px) {
	.announcement .tab-contents {
		padding: 20px 0;
	}
	.announcement .qa_q span {
		padding: 2px 6px 2px 6px;
	}
	.announcement .qa_a span {
		padding: 2px 6px 2px 6px;
	}
}



/*----------businessethics----------*/

@media only screen and (min-width: 897px) {
	.businessethics ul {
		padding-left: 220px;
	}
	.businessethics .linkStyle01_black {
		width: 405px;
	}
}

/*----------management----------*/
.president-photo{
width: 140px;
}

.president-photo img{
width: auto;
max-width: 100%;
}

/*----------access----------*/
@media print {
    .pageTtl {
        position: relative;
    }
    .flexP2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    }
    .flexP2.flexWrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .flexP2 > * {
        width: 50%;
    }
    .flexP3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    }
    .flexP3.flexWrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    }
    .flexP3 > * {
        width: 33.33%;
    }
    .plP30 {
        padding-left: 30px !important;
    }
    .map_kawagoe {
        max-width: auto !important;
        width: auto !important;
        max-height: 600px;
    }
    .map_bunkyo {
        max-width: auto !important;
        width: auto !important;
        max-height: auto;
    }
    .map_bunkyo2 {
        max-width: auto !important;
        width: auto !important;
        max-height: 400px;
    }
    .map_print .pb40 {
        padding-bottom: 0 !important;
    }
    .map_print .mb50 {
        margin-bottom: 0 !important;
    }
}




.disable .linkStyle01{
	opacity: 0.3;
}

.disable .linkStyle01:hover {
    background: #fff;
    color: #000;
    border-color: #000;
}

.cardStyle01 .disable .linkStyle01.small.arrow:after {
    background: none;
}

/*
.cardStyle01 .disable .linkStyle01.small.arrow:hover:after {
	background: url(https://assets.jpn.pioneer/ja/assets/img/icon_arrow01.svg) no-repeat;
	background-size: 7px;
    height: 10px;
	right: 14px;
}
*/
.cardStyle01 .disable .linkStyle01.small.arrow:hover:after {
	background: none;
}


@media screen and (min-width: 897px){
	.mlP200{
		margin-left: 200px !important;
		}
}


@media screen and (min-width: 897px){
	.mvv_text{
		letter-spacing: -0.1em;
	}
}

/*パイオニアの歴史　年代別事業年表　category_navi.php　表示修正*/
.oldContent .linkBoxStyle01.on a {
    color: #b91440;
}