/*present + gallery*/
#present_gallery { width: 94%; max-width: 480px; margin: 0 auto 2em auto;}
#present_gallery:before, #present_gallery:after { content: ""; display: table;}
#present_gallery:after { clear: both;}
#present_gallery::after { content: ""; display: block; clear: both;}
.ivgl_all { width: 100%; margin: 0 auto 1em auto;}
.ivgl_sp { width: 100%; height: 0; padding-top: 48.4375%; padding-top: -webkit-calc(465 / 960 * 100%); padding-top: calc(465 / 960 * 100%); position: relative; z-index: 0;}
.ivgl_bg { width: 98%; height: 0; padding-top: 46.141666666666667%; padding-top: -webkit-calc(452 / 960 * 98%); padding-top: calc(452 / 960 * 98%); position: absolute; bottom: 0; right: 0;}
#present_sp .ivgl_bg { background: rgba(112, 0, 7, 1);}
#gallery_sp .ivgl_bg { background: rgba(0, 49, 104, 1);}
.ivgl { width: 98%; height: 0; padding-top: 46.141666666666667%; padding-top: -webkit-calc(452 / 960 * 98%); padding-top: calc(452 / 960 * 98%); position: absolute; top: 0; left: 0; display: block; overflow: hidden;}
.ivgl a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
.ivgl a:hover { opacity: .9;}
.ivgl_img { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; z-index: 10;}
#present_gallery .update { font-size: 92%; letter-spacing: .1em; display: block; position: absolute; bottom: 5px; right: 5px; color: rgba(254, 248, 52, 1); z-index: 100;}
/*for_W640-*/
@media all and (min-width: 640px) {
#present_gallery { max-width: 940px; margin: 1em auto;}
/*.ivgl_all { width: 48%; margin: 0 auto 2em auto; float: none;} pre*/
.ivgl_all { width: 48%; margin: 0 1.3% 2em 0; float: right;}
}

/*present*/
#present_sp .ivgl_img { background-color: rgba(208, 3, 15, 1);}
#present_sp .ivgl_img0 { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: -moz-linear-gradient(left, rgba(208, 3, 15,1) 0%, rgba(208, 3, 15,1) 12%, rgba(208, 3, 15,0) 100%); background: -webkit-linear-gradient(left, rgba(208, 3, 15,1) 0%,rgba(208, 3, 15,1) 12%,rgba(208, 3, 15,0) 100%);
background: linear-gradient(to right, rgba(208, 3, 15,1) 0%,rgba(208, 3, 15,1) 12%,rgba(208, 3, 15,0) 100%); filter: rogid:DXImageTransform.Microsoft.gradient( startColorstr='#0253ae', endColorstr='#000253ae',GradientType=1 ); -webkit-filter: blur(4px) opacity(20%); -moz-filter: blur(4px) opacity(20%); -o-filter: blur(4px) opacity(20%); -ms-filter: blur(4px) opacity(20%); filter: blur(4px) opacity(20%); background-repeat: no-repeat; -webkit-background-size: 60%; background-size: 60%; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); background-position: -40px -5px;}
#present_sp .ivgl_img { background-color: rgba(208, 3, 15, 1);}
#present_sp .ivgl2_img0 { background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; z-index: 10; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover;}
#present_sp .img_msk { mask-image: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,0) 60%); -webkit-mask-image: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,0) 60%);}
#present_sp .title { width: 32%; max-width: 340px; position: absolute; top: 6%; left: -1%; z-index: 100;}
#present_sp .title_v { width: 32%; max-width: 340px; -webkit-transform: scale(1, -1); transform: scale(1, -1); filter: FlipV; -ms-filter: "FlipV"; -webkit-mask-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); mask-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); position: absolute; top: 15.5%; left: -1%; z-index: 100;}
#present_sp .title_img { width: 100%; height: 0; padding-top: 13.846153846153846%; padding-top: -webkit-calc(36 / 260 * 100%); padding-top: calc(36 / 260 * 100%); display: block; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#present_sp .title_v .title_img { -webkit-filter: saturate(90%) brightness(90%) opacity(90%); filter: saturate(90%) brightness(90%) opacity(90%);}
#present_sp .bg_cover { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: -moz-linear-gradient(left, rgba(208, 3, 15,1) 0%, rgba(208, 3, 15,1) 27%, rgba(208, 3, 15,0) 100%); background: -webkit-linear-gradient(left, rgba(208, 3, 15,1) 0%,rgba(208, 3, 15,1) 27%,rgba(208, 3, 15,0) 100%); background: linear-gradient(to right, rgba(208, 3, 15,1) 0%,rgba(208, 3, 15,1) 27%,rgba(208, 3, 15,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0253ae', endColorstr='#000253ae',GradientType=1 ); -webkit-transform: scale(-1, 1); transform: scale(-1, 1);}

/*gallery*/
#gallery_sp .ivgl_img { background-color: rgba(2, 83, 174, 1);}
#gallery_sp .ivgl_img0 { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: -moz-linear-gradient(left, rgba(2,83,174,1) 0%, rgba(2,83,174,1) 12%, rgba(2,83,174,0) 100%); background: -webkit-linear-gradient(left, rgba(2,83,174,1) 0%,rgba(2,83,174,1) 12%,rgba(2,83,174,0) 100%);
background: linear-gradient(to right, rgba(2,83,174,1) 0%,rgba(2,83,174,1) 12%,rgba(2,83,174,0) 100%); filter: rogid:DXImageTransform.Microsoft.gradient( startColorstr='#0253ae', endColorstr='#000253ae',GradientType=1 ); -webkit-filter: blur(3px) opacity(40%) contrast(200%); -moz-filter: blur(3px) opacity(40%) contrast(200%); -o-filter: blur(3px) opacity(40%) contrast(200%); -ms-filter: blur(3px) opacity(40%) contrast(200%); filter: blur(3px) opacity(40%) contrast(200%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; -webkit-transform: scale(-1, 1); transform: scale(-1, 1);}
#gallery_sp .bg_cover { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: -moz-linear-gradient(left, rgba(2,83,174,1) 0%, rgba(2,83,174,1) 27%, rgba(2,83,174,0) 100%); background: -webkit-linear-gradient(left, rgba(2,83,174,1) 0%,rgba(2,83,174,1) 27%,rgba(2,83,174,0) 100%); background: linear-gradient(to right, rgba(2,83,174,1) 0%,rgba(2,83,174,1) 27%,rgba(2,83,174,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0253ae', endColorstr='#000253ae',GradientType=1 ); -webkit-transform: scale(-1, 1); transform: scale(-1, 1);}
/*#gallery_sp .title { width: 45%; max-width: 380px; display: block; position: absolute; top: 40%; right: 2%;}*/
#gallery_sp .title { width: 40%; max-width: 380px; position: absolute; top: 40%; right: 2%; z-index: 100;}
#gallery_sp .title_v { width: 40%; max-width: 380px; -webkit-transform: scale(1, -1); transform: scale(1, -1); filter: FlipV; -ms-filter: "FlipV"; -webkit-mask-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); mask-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); position: absolute; top: 42%; right: 2%; z-index: 100;}
#gallery_sp .title_img { width: 100%; height: 0; padding-top: 17.433414043583535%; padding-top: -webkit-calc(72 / 413 * 100%); padding-top: calc(72 / 413 * 100%); display: block; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#gallery_sp .title_v .title_img { -webkit-filter: saturate(90%) brightness(90%) opacity(90%); filter: saturate(90%) brightness(90%) opacity(90%);}
#gallery_sp .pht { box-sizing: border-box; width: 40%; height: 0; padding-top: 40%; background-color: rgba(0, 0, 0, 1); border: 2px solid rgba(255, 255, 255, 1); box-shadow: 0 5px 10px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .3); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .3); z-index: 100;}
#gallery_sp #pht0 { position: absolute; top: 6%; left: 15%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: top center; -webkit-transform: rotate(6deg); transform: rotate(6deg); -webkit-filter: opacity(60%); filter: opacity(60%);}
#gallery_sp #pht1 { position: absolute; top: 6%; left: 15%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: top center;}
#gallery_sp .wa { width: 12%; height: 0; padding-top: 12%; position: absolute; top: 35%; left: 1%; z-index: 100;}
#gallery_sp .wa .txt { width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%); color: rgba(255, 255, 255, 1); font-size: 110%;}

/*goods + dvd*/
#goods_dvd { width: 94%; max-width: 480px; margin: 0 auto 2em auto;}
#goods_dvd:before, #goods_dvd:after { content: ""; display: table;}
#goods_dvd:after { clear: both;}
#goods_dvd::after { content: ""; display: block; clear: both;}
/*goods*/
#goods_sp, #dvd_sp { width: 94%; max-width: 460px; margin: 0 auto 1em auto; box-shadow: 0 5px 10px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .3); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .3);}
#goods, #dvd { width: 100%; height: 0; padding-top: 31%; padding-top: -webkit-calc(310 / 1000 * 100%); padding-top: calc(310 / 1000 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative;}
#goods a, #dvd a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#goods a:hover, #dvd a:hover { background: rgba(255, 255, 255, .2);}
/*for_W640-*/
@media all and (min-width: 640px) {
#goods_sp, #dvd_sp { width: 45%; margin: 1em auto 3em auto;}
#goods_dvd { max-width: 940px; margin: 1em auto;}
#goods_sp, #dvd_sp { width: 48%; margin: 0 0 2em 1.3%; float: left;}
}
/*for_W900-
@media all and (min-width: 900px) {
#goods_sp, #dvd_sp { max-width: 450px;}
}*/

/*other*/
#others { width: 94%; max-width: 940px; margin: 0 auto 3em auto;}
#others:before, #others:after { content: ""; display: table;}
#others:after { clear: both;}
#others::after { content: ""; display: block; clear: both;}
#others .other { width: 90%; max-width: 300px; margin: 0 auto 1.5em auto; position: relative;}
#others .other .other_sp { width: 100%; height: 0; padding-top: 45%; padding-top: -webkit-calc(360 / 800 * 100%); padding-top: calc(360 / 800 * 100%); box-shadow: 0 5px 10px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .3); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .3); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative;}
#others .other .other_sp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#others .other .other_sp a:hover { background: rgba(255, 255, 255, .2);}
#others .other0 .other_sp { opacity: .3;}
#others .other_txt { width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%); color: rgba(255, 255, 255, 1); font-size: 110%; letter-spacing: .1em;}
/*for_W640-*/
@media all and (min-width: 640px) {
#others .other { width: 30%; margin: 0 1% 0 2%; float: left;}
}

#gallery_sp .ivgl_img0 { background-position: -75% top;}
#gallery_sp #pht0 { background-position: top right;}
#gallery_sp #pht1 { background-position: top right;}