/* [refer to] /pioneercarspeakerfitting.info/en/css/layout.css・ここから */


/*================================================================================
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;
	}
}
/* /home/httpd/jpn.pioneer/ja/css/style.cssのコピここまで ー*/


/* 共通のレイアウト */
@media screen and (min-width: 897px) {
    .mbP35 {
        margin-bottom: 35px;
    }
}

.fWhite .ttlStyle02:after {
    background: #fff;
}

.h100 {
    height: 100%;
}

/*テキストの枠*/
@media screen and (min-width: 897px){
    .txtContainer01 {
        width: 830px;
        margin: 0 auto;
    }
    .txtContainer02 {
        width: 896px;
        margin: 0 auto;
        font-size: 18px;
    }
}


/*タイトル*/
.ttl_border .ttlStyle01 {
    font-size: 20px;
    padding: 40px 0;
}

.ttl_border {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
/*赤枠*/
.Red_border {
    border:  1px solid #b91440;
    padding: 10px;
}

/*----------リンク disabled状態 ----------*/
a.jquery-disabled{
    pointer-events: none;
    cursor: default;
}

.jquery-disabled .linkStyle01 {
    border: solid #6c6c6c 1px;
    color: #fff;
    background-color: #6c6c6c;
}
.cardStyle01 .jquery-disabled .linkStyle01.small.arrow:after {
    display: none;
}