.header.header--shoot {
    mix-blend-mode: difference;
}

/* shoot -----------------------------------------------------*/
.shoot {
	background-image: url("../img/shoot/shoot__bg01.jpg");
	background-attachment: fixed;
	background-color: #f5f5f5;
	background-position: center top;
	background-size: 180%;
	background-repeat: no-repeat;
    transition-property: all;
    transition-duration: 1.7s;
}
.shoot.bgmove {
	background-size: 135%;
}
/*.shoot::before {
	width: 100vw;
	height: 100vh;
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
    background:url("../img/shoot/shoot__bg01.jpg") no-repeat;
    -webkit-background-size:130%;
    background-size:130%;
    content:"";
	opacity: 0;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}
.on-shoot .shoot::before {
	opacity: 1;
}*/
.shoot__txt .shoot__txt__img {
	background: url("../img/shoot/shoot__bg__w.png") no-repeat center center;
	background-size: cover;
    animation: none;
    transform: scale(10);
    opacity:0;
}
.shoot__txt.on .shoot__txt__img {
}
.shoot__txt .shoot__txt__img02 {
	background: url("../img/shoot/shoot__txt-w.png") no-repeat;
	background-position: top 200px right;
	background-size: 14% auto;
}
.shoot__txt.on .shoot__txt__img02 {
    background-position: top 40px right;
}
.shoot__list__item02 .subttl img {
	opacity: .8;
}
.shoot__list__item02 {
	background-image: url("../img/black_op-70.png"),url("../img/shoot/shoot__bg01.jpg");
	background-position: center,center top;
	background-size: 4px 4px,135% auto;
	background-repeat: repeat,no-repeat;
}
.shoot__list__item03 {
	background-image: url("../img/black_op-70.png"),url("../img/shoot/shoot__bg02.jpg");
	background-position: center,center right;
	background-size: 4px 4px,cover;
	background-repeat: repeat,no-repeat;
}
.shoot__list__item03 .pdflink--arrow {
    margin-bottom: 2.2em;
    background: url("../img/pdflink--arrow.png") no-repeat right 15px center #C6000B;
    background-size: 35px auto;
}
.shoot .subttl {
	mix-blend-mode: multiply;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
	width: 14%;
	margin: 0;
	padding: 0;
}
.shoot .subttl.blend--light {
	mix-blend-mode: lighten;
}
.slide-navigation.shoot__nav {
    opacity: 0;
    transition: all 0.3s ease;
}
.slide-navigation.shoot__nav.on {
    opacity: 1;
}
.footer--shoot {
    position: absolute;
    bottom: 0;
    left: 0;
}


/* ----------------------------------------------------------------------------------------------------*/
/* 〜1200px -------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------*/
@media (max-width: 1194px) {
	.shoot {
		background-attachment: scroll;
	}
}

/* ----------------------------------------------------------------------------------------------------*/
/* breakpoint SP -------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 768px) {
    .header.header--shoot {
        mix-blend-mode: normal;
    }
    
	/* shoot  ----------------------------------------------------------*/
	.shootSp {
		margin-top: 20vw;
		padding-top: 24vw;
		padding-bottom: 44vw;
		position: relative;
        min-height: 100vh;
	}
	.shootSp .sectionSp__ttl {
		background: url("../img/sp/shoot/shoot__ttl.png") no-repeat center right;
		background-size: auto 85%;
	}
	.shootSp .lineSp {
		top: 92.5vw;
	}
    .container__verticalTtl.active {
        top: 0;
    }
    .footer--shoot {
        position: relative;
        bottom: auto;
        left: auto;
        margin-top: 100vh;
    }
}