#file .vol1_1 { background-image: url(../img/file/vol1_1.jpg);}
#file .vol1_2 { background-image: url(../img/file/vol1_2.jpg);}
#file .vol1_3 { background-image: url(../img/file/vol1_3.jpg);}
#file .vol1_4 { background-image: url(../img/file/vol1_4.jpg);}
#file .vol1_5 { background-image: url(../img/file/vol1_5.jpg);}
#file .vol1_6 { background-image: url(../img/file/vol1_6.jpg);}
#file .vol2_1 { background-image: url(../img/file/vol2_1.jpg);}
#file .vol2_2 { background-image: url(../img/file/vol2_2.jpg);}
#file .vol2_3 { background-image: url(../img/file/vol2_3.jpg);}
#file .vol2_4 { background-image: url(../img/file/vol2_4.jpg);}
#file .vol3_1 { background-image: url(../img/file/vol3_1.jpg);}
#file .vol3_2 { background-image: url(../img/file/vol3_2.jpg);}
#file .vol3_3 { background-image: url(../img/file/vol3_3.jpg);}
#file .vol3_4 { background-image: url(../img/file/vol3_4.jpg);}
#file .vol3_5 { background-image: url(../img/file/vol3_5.jpg);}
#file .vol3_6 { background-image: url(../img/file/vol3_6.jpg);}
#file .vol4_1 { background-image: url(../img/file/vol4_1.jpg);}
#file .vol4_2 { background-image: url(../img/file/vol4_2.jpg);}
#file .vol5_1 { background-image: url(../img/file/vol5_1.jpg);}
#file .vol5_2 { background-image: url(../img/file/vol5_2.jpg);}
#file .vol5_3 { background-image: url(../img/file/vol5_3.jpg);}
#file .vol5_4 { background-image: url(../img/file/vol5_4.jpg);}
#file .vol6_1 { background-image: url(../img/file/vol6_1.jpg);}
#file .vol6_2 { background-image: url(../img/file/vol6_2.jpg);}
#file .vol6_3 { background-image: url(../img/file/vol6_3.jpg);}
#file .vol7_1 { background-image: url(../img/file/vol7_1.jpg);}
#file .vol7_2 { background-image: url(../img/file/vol7_2.jpg);}
#file .vol7_3 { background-image: url(../img/file/vol7_3.jpg);}
#file .vol8_1 { background-image: url(../img/file/vol8_1.jpg);}
#file .vol8_2 { background-image: url(../img/file/vol8_2.jpg);}
#file .vol8_3 { background-image: url(../img/file/vol8_3.jpg);}
#file .vol8_4 { background-image: url(../img/file/vol8_4.jpg);}
#file .vol9_1 { background-image: url(../img/file/vol9_1.jpg);}
#file .vol9_2 { background-image: url(../img/file/vol9_2.jpg);}
#file .vol9_3 { background-image: url(../img/file/vol9_3.jpg);}
#file .vol9_4 { background-image: url(../img/file/vol9_4.jpg);}
#file .vol9_5 { background-image: url(../img/file/vol9_5.jpg);}

#file article p.cap {position:absolute; bottom:0; left:0; width:100%; text-align:right; margin:0 0 .3em; padding:0;}
#file article p.cap2 {text-align:center; margin:0; padding:0;}
#file article p.cap span {font-size:1.5rem; background:rgba(255,255,255,0.9); padding:.2em; }
#file h4.ed1{width:784px; height:61px; background:url(../img/file/txt.png) no-repeat 0 0; margin:2em auto 1em;}
#file h4.ed2{width:537px; height:100px; background:url(../img/file/ed2.png) no-repeat 0 0; margin:2em auto 1em;}
#file h4.ed3{width:699px; height:100px; background:url(../img/file/ed3.png) no-repeat 0 0; margin:2em auto 1em;}
#file h4.ed4{width:482px; height:72px; background:url(../img/file/ed4.png) no-repeat 0 0; margin:2em auto 1em;}
#file h4.ed5{width:755px; height:60px; background:url(../img/file/ed5.png) no-repeat 0 0; margin:2em auto 1em;}
#file h4.ed6{width:583px; height:35px; background:url(../img/file/ed6.png) no-repeat 0 0; margin:2.5em auto 2em;}
#file h4.ed7{width:506px; height:78px; background:url(../img/file/ed7.png) no-repeat 0 0; margin:2.5em auto 2em;}
#file h4.ed8{width:741px; height:68px; background:url(../img/file/ed8.png) no-repeat 0 0; margin:1.5em auto 1em;}
#file h4.ed9{width:768px; height:35px; background:url(../img/file/ed9.png) no-repeat 0 0; margin:2em auto 2em;}

@media all and (min-width: 768px) {
#file .ph_cut{width:450px; height:300px; box-shadow:2px 4px 10px rgba(80,76,76,0.2); position:relative;}
#file .ph_cut_l{width:300px; height:450px; box-shadow:2px 4px 10px rgba(80,76,76,0.2); position:relative;}
#file article p.cap2 {margin:-.5em 0 0; padding:0;}
#file .vol7_3 { height:255px;}
}

@media all and (max-width: 767px) {
#file article p.cap span{font-size:1.1rem; padding:.1em .2em;}
#file h4.ed1{width:100%; height:0; padding:8% 0 0; margin:1.5em auto 0; background-size: 100%;}
#file h4.ed2{width:80%; height:0; padding:15.7% 0 0; margin:1.5em auto 0; background-size: 100%;}
#file h4.ed3{width:100%; height:0; padding:14.3% 0 0; margin:1.5em auto 0; background-size: 100%;}
#file h4.ed4{width:80%; height:0; padding:12% 0 0; margin:1em auto 0; background-size: 100%;}
#file h4.ed5{width:100%; height:0; padding:8% 0 0; margin:1em auto 0; background-size: 100%;}
#file h4.ed6{width:90%; height:0; padding:5.403% 0 0; margin:1.5em auto 0; background-size: 100%;}
#file h4.ed7{width:80%; height:0; padding:12.332% 0 0; margin:1.5em auto 0; background-size: 100%;}
#file h4.ed8{width:98%; height:0; padding:8.993% 0 0; margin:1em auto 0; background-size: 100%;}
#file h4.ed9{width:98%; height:0; padding:4.4661% 0 0; margin:.5em auto 1.5em; background-size: 100%;}
#file .vol7_3 { padding:49.8666% 0 0;}
}