@charset "utf-8";
/* CSS Document */


.wrapper { background: #fff url(../img/vol16_bg.jpg) 50% 0 no-repeat fixed; background-size: cover; }

#product { background: url(../img/vol16_product_title.webp) no-repeat; }
#intro { background: url(../img/vol16_intro_title.webp) no-repeat; }
#point { background: url(../img/vol16_point_title.webp) no-repeat; }
#story { background: url(../img/vol16_story_title.webp) no-repeat; }
#chara { background: url(../img/vol16_chara_title.webp) no-repeat; }
#track { background: url(../img/vol16_track_title.webp) no-repeat; }
#staff { background: url(../img/vol16_staff_title.webp) no-repeat; }
#cam { background: url(../img/vol16_cam_title.webp) no-repeat; }

.con > h2 { background: url(../img/vol16_cam_title.webp) no-repeat; }
.cam_img { max-width: 90%; border: solid #000 1px; }

@media screen and (max-width: 720px) {
	.wrapper:before { content:""; display:block; position:fixed; top:0; left:0; z-index:-1; width:100%; height:100vh; background:url(../img/vol16_bg_sp.jpg) center no-repeat; background-size:cover; }
}