/*================================================================================
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----------*/

.bgFacebook {
	background: #3b5998;
}
.bgFacebook .ttlStyle02:after {
	background: #fff;
}
.bdGray {
	border: 1px solid #ccc;
}
.mainVisual .m-txt01, .mainVisual .m-txt02 {
	line-height: 1.8 !important;
}
.mv-SL01 {
	background-image: url(/ja/strengths/sound/soundlab/img/logo_soundlab.png) !important;
	background-color: rgba(255, 255, 255, 0.8) !important;
	background-repeat: no-repeat !important;
	background-position: center 45px !important;
	background-size: 55% auto !important;
}
.mv-SL01 .m-txt02 {
	padding-top: 70px !important;
}
.mv-SL {
	background-image: url(/ja/strengths/sound/soundlab/img/logo_soundlab.png) !important;
	background-color: rgba(255, 255, 255, 0.8) !important;
	background-repeat: no-repeat !important;
	background-position: right 25px bottom 25px !important;
	background-size: 130px auto !important;
}
.mv-SL .m-txt01 {
	color: #515151 !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) {
	.mv-SL01 .m-txt02 {
		padding-top: 80px !important;
	}
	.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;
	}
}



/*----------collaboration----------*/

@media only screen and (min-width: 897px) {
	.collaboration .unitStyle05 li:nth-child(n+1):nth-child(-n+3) .cs01-content {
		height: 356px;
	}
	.collaboration .unitStyle05 li:nth-child(n+4):nth-child(-n+6) .cs01-content {
		height: 347px;
	}
	.collaboration .unitStyle05 li:nth-child(n+7):nth-child(-n+9) .cs01-content {
		height: 268px;
	}
	.collaboration .unitStyle05 li:nth-child(n+10):nth-child(-n+11) .cs01-content {
		height: 325px;
	}
}



/*----------myanmar----------*/

.myanmar section {
	background: #fff57f;
}
.myanmar .mv-txtBoxWrapper p span {
	padding: 0 3px;
	color: #fff;
	background: rgba(10,0,4,.6);
}
.myanmar .mv-txtSP {
	width: 100%;
	padding: 80px 30px 210px 30px;
	background: url(/ja/strengths/sound/soundlab/collaboration/soundbum/img/mv_sp.jpg) no-repeat center bottom;
	background-size: 100% auto;
}

@media only screen and (min-width: 897px) {
	.myanmar .mv-ttlBox {
		width: 100%;
		position: absolute;
		top: 18%;
	}
	.myanmar .mv-ttlBox img {
		width: 500px !important;
	}
	.myanmar .mv-txtBox {
		top: 75% !important;
		background: none !important;
	}
}



/*----------otohaiku----------*/

.otohaiku .cardStyle02 .linkStyle02_white {
	position: absolute;
	right: 22px;
	bottom: 10px;
}
.otohaiku .cardStyle02 .linkStyle02_white:after {
	background: url(https://assets.jpn.pioneer/ja/assets/img/icon_window_w.svg) no-repeat;
}




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

.linkStyle01_black.jquery-disabled{
    border: solid #bbb 1px;
    color: #bbb;
}

.window.jquery-disabled.linkStyle01_black:after {
    display: none;
}



/*----------Sound Material Download----------*/
.mAuto {
    margin: auto;
}
.smdl_bg {
    background: url(/ja/strengths/sound/soundlab/soundmaterial/download/img/bg.jpg) no-repeat center bottom;
    background-size: cover;
}
.bgBlack75 {
    background: rgba(0,0,0,.75);
}
.bgBlack75 .ttlStyle02:after {
    background: #fff;
}
.smdl_ch {
    padding: 10px;
    height: 229px;
    border: 1px solid #666;
    overflow-y: scroll;
}
.smdl_ch::-webkit-scrollbar {
    width: 10px;
}
.smdl_ch::-webkit-scrollbar-track {
    background: #333;
}
.smdl_ch::-webkit-scrollbar-thumb {
    background: #999;
}
.smdl_list {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #555;
}
.smdl_btnSound {
    width: 25px;
    height: 25px;
    background: url(/ja/strengths/sound/soundlab/soundmaterial/download/img/icon_pause.png) no-repeat;
    background-size: contain;
    display: block;
}
.clicked {
    width: 25px;
    height: 25px;
    background: url(/ja/strengths/sound/soundlab/soundmaterial/download/img/icon_play.png) no-repeat;
    background-size: contain;
    display: block;
}
.smdl_btnSound:hover {
    cursor: pointer;
    opacity: .7;
}
.smdl_btnDl {
    width: 24px;
    height: 24px;
}
.smdl_ch a:hover {
    opacity: .7;
}
@media only screen and (max-width: 897px) {
    .smdl_ch {
        height: 197px;
    }
    .smdl_btnSound {
        width: 20px;
        height: 20px;
    }
    .smdl_btnDl {
        width: 19px;
        height: 19px;
    }
}




/*----------pcdrive specialdl----------*/
.pdsdl_bg {
    background: url(/ja/strengths/sound/soundlab/soundmaterial/pcdrive_specialdl/img/bg.jpg) no-repeat center;
    background-size: cover;
}
.bgWhite75 {
    background: rgba(255, 255, 255, .75);
}
.bgWhite75 .ttlStyle02:after {
    background: #000;
}
.iconTxt {
    font-size: 11px;
}
.pdsdl_box {
    margin: 0 20px;
    border: 1px solid #666;
}
.pdsdl_ch {
/*    padding: 10px;*/
    height: 100%;
/*    overflow-y: scroll;*/
}
.pdsdl_ch::-webkit-scrollbar {
    width: 10px;
}
.pdsdl_ch::-webkit-scrollbar-track {
    background: #333;
}
.pdsdl_ch::-webkit-scrollbar-thumb {
    background: #999;
}
.pdsdl_list {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #555;
}
.pdsdl_btnSound {
    width: 25px;
    height: 25px;
    background: url(/ja/strengths/sound/soundlab/soundmaterial/pcdrive_specialdl/img/icon_pause_bk.png) no-repeat;
    background-size: contain;
    display: block;
}
.pdsdl_ch .clicked {
    width: 25px;
    height: 25px;
    background: url(/ja/strengths/sound/soundlab/soundmaterial/pcdrive_specialdl/img/icon_play_bk.png) no-repeat;
    background-size: contain;
    display: block;
}
.pdsdl_btnSound:hover {
    cursor: pointer;
    opacity: .7;
}
.pdsdl_btnDl {
    width: 24px;
    height: 24px;
}
.pdsdl_ch a:hover {
    opacity: .7;
}
.sound_ttl {
    margin-top: auto;
    margin-bottom: 5px;
}
.mr2 {
    margin-left: 2px;
}

@media only screen and (max-width: 897px) {
    .pdsdl_ch {
        padding: 0 10px;
        height: 100%;
    }
    .pdsdl_btnSound {
        width: 20px;
        height: 20px;
    }
    .pdsdl_btnDl {
        width: 19px;
        height: 19px;
    }
    .mr2 {
        margin-left: 2px;
    }
    .pdsdl_box {
        margin: 0;
    }
    .sound_ttl {
        margin: auto 0;
    }
    .iconTxt {
        font-size: 10px;
    }
}