#fashion #contents .vol1 .mainph:before{background-image:url(../img/fashion/vol1/main.jpg?1);}
#fashion #contents .vol2 .mainph:before{background-image:url(../img/fashion/vol2/main.jpg);}
#fashion #contents .vol3 .mainph:before{background-image:url(../img/fashion/vol3/main.jpg?1);}
#fashion #contents .vol4 .mainph:before{background-image:url(../img/fashion/vol4/main.jpg);}
#fashion #contents h1.yui{width:311px; height:100px; background:url(../img/fashion/vol1/vol1.png) no-repeat 0 0;}
#fashion #contents h1.kanako{width:351px; height:100px; background:url(../img/fashion/vol2/vol2.png) no-repeat 0 0;}
#fashion #contents h1.yae{width:351px; height:100px; background:url(../img/fashion/vol3/vol3.png) no-repeat 0 0;}
#fashion #contents h1.mens{width:658px; height:127px; background:url(../img/fashion/vol4/vol4.png) no-repeat 0 0; right:0;bottom:50px;}

#fashion .vol1_1{width:300px; height:668px; background-image:url(../img/fashion/vol1/1.jpg); margin:1em 2em 0 0; display:inline-block; vertical-align:top;}
#fashion .vol2_1{width:300px; height:830px; background-image:url(../img/fashion/vol2/1.jpg); margin:1em 2em 0 0; display:inline-block; vertical-align:top;}
#fashion .vol3_1{width:300px; height:713px; background-image:url(../img/fashion/vol3/1.jpg?1); margin:2em 2em 0 0; display:inline-block; vertical-align:top;}
#fashion p.txt,#fashion p.txt2{background-color:rgba(255,255,255,0.6); box-shadow:2px 15px 25px rgba(3,47,63,0.1); padding:1.5em 2em; display:inline-block; width:60%; font-size:98%;}
#fashion p.txt:first-letter,#fashion p.txt2:first-letter{font-size:150%; line-height:1; font-weight:bold; color:#e95098;}
#fashion .box2{margin:0 0 3em; position: relative; height:855px;}

#fashion .ph_2{height:465px; background:url(../img/fashion/vol1/2.png) no-repeat 0 0; position: relative;}
#fashion .ph_2 p.txt{width:40%; position: absolute; bottom:40px; right:0;}
#fashion .ph_3{width:85%; height:950px; position: relative; margin:3em auto;
background-image: url(../img/fashion/vol1/4.jpg),url(../img/fashion/vol1/3.jpg);
background-repeat: no-repeat,no-repeat;
background-position: top left,bottom right;}
#fashion .ph_3 p.txt{width:55%; position: absolute; top:20px; right:20px; margin:0;}
#fashion .ph_4{height:810px; position: relative; margin:3em auto 0;
background-image: url(../img/fashion/vol1/5.jpg),url(../img/fashion/vol1/6.jpg);
background-repeat: no-repeat,no-repeat;
background-position: top left,bottom right 20px;}
#fashion .ph_4 p.txt{width:55%; position: absolute; top:20px; right:20px;}
#fashion .ph_5{height:810px; position: relative; margin:2em auto;
background-image: url(../img/fashion/vol1/7.jpg),url(../img/fashion/vol1/8.jpg);
background-repeat: no-repeat,no-repeat;
background-position: top left,bottom right 20px;}
#fashion .ph_5 p.txt{width:55%; position: absolute; top:30px; right:20px;}
#fashion .ph_6{height:800px; position: relative; margin:2em auto;
background-image: url(../img/fashion/vol1/9.jpg),url(../img/fashion/vol1/10.jpg);
background-repeat: no-repeat,no-repeat;
background-position: top left,bottom right 20px;}
#fashion .ph_6 p.txt{width:55%; position: absolute; bottom:20px; left:30px; margin:0;}

#fashion .vol2_2{width:382px; height:174px; position: absolute; bottom:10px; left:200px; background:url(../img/fashion/vol2/2.png) no-repeat 0 0;}
#fashion .box2 p.txt2_2{width:33.5%; position: absolute; bottom:0; right:5px; padding:1.5em 1.5em;}
#fashion .vol2_3{height:710px; position: relative; margin:2em auto;
background-image: url(../img/fashion/vol2/3.jpg),url(../img/fashion/vol2/4.jpg);
background-repeat: no-repeat,no-repeat;
background-position: top left,bottom right 20px;}
#fashion .vol2_3 p.txt{width:55%; position: absolute; top:30px; right:20px;}
#fashion .vol2_4{height:710px; position: relative; margin:2em auto;
background-image: url(../img/fashion/vol2/5.jpg),url(../img/fashion/vol2/6.jpg);
background-repeat: no-repeat,no-repeat;
background-position: top left,bottom right 20px;}
#fashion .vol2_4 p.txt{width:55%; position: absolute; top:30px; right:20px;}

#fashion .vol3_2{height:377px; background:url(../img/fashion/vol3/shoes.png?1) no-repeat 0 0; position: relative; margin:3em auto;}
#fashion .vol3_2 p.txt{width:40%; position: absolute; bottom:10px; right:0;}
#fashion .vol3_3{height:610px; position: relative; margin:2em auto 0; 
background-image: url(../img/fashion/vol3/3.jpg),url(../img/fashion/vol3/2.jpg?1);
background-repeat: no-repeat,no-repeat;
background-position: top 60px left,bottom right 60px;
background-size:auto,310px;}
#fashion .vol3_3 p.txt{width:55%; position: absolute; top:0; right:20px;}
#fashion .vol3_4{height:685px; position: relative; margin:0 auto 5em; 
background-image: url(../img/fashion/vol3/5.jpg?1),url(../img/fashion/vol3/6.jpg);
background-repeat: no-repeat,no-repeat;
background-position: top left,bottom 50px right 30px;
background-size:auto,350px;}
#fashion .vol3_4 .topt{width:55%; position: absolute; top:40px; right:20px;}
#fashion .vol3_4 .btmt{width:400px; position: absolute; bottom:0; left:30px;}

#fashion .box3{margin:.5em 0 3.5em;}
#fashion .vol4_1 .ph_cut_l{width:400px; height:395px; background-image:url(../img/fashion/vol4/1.jpg?1); margin:0 2em 0 0; display:inline-block; vertical-align:top;}
#fashion .vol4_1 p.txt{width:49%;}
#fashion .vol4_2 .ph_cut_l{width:400px; height:491px; background-image:url(../img/fashion/vol4/2.jpg?1); margin:0 2em 0 0; display:inline-block; vertical-align:top;}
#fashion .vol4_2 p.txt{width:100%;}
#fashion .vol4_3 .ph_cut{background-image:url(../img/fashion/vol4/3.jpg?1); margin:.5em auto 1.8em;}
#fashion .vol4_3 p.txt{width:100%;}
#fashion .vol4_4 .ph_cut_l{width:400px; height:384px; background-image:url(../img/fashion/vol4/4.jpg?1); margin:0 2em 0 0; display:inline-block; vertical-align:top;}
#fashion .vol4_4 p.txt{width:49%;}
#fashion .vol4_5 .ph_cut_l{width:400px; height:475px; background-image:url(../img/fashion/vol4/5.jpg?1); margin:0 2em 2em 0; display:inline-block; vertical-align:top;}
#fashion .vol4_5 p.txt{width:49%;}


@media all and (max-width: 767px) {
#fashion .vol1_1{margin:.5em auto 1.5em; width:55%; height:auto; padding:122.47% 0 0;}
#fashion .vol2_1{margin:.5em auto 1.5em; width:55%; height:auto; padding:152.167% 0 0;}
#fashion .vol3_1{margin:.5em auto 1.5em; width:55%; height:auto; padding:130.716666667% 0 0;}
#fashion #contents h1.yui{width:40%; height:0; padding:12.86% 0 0; background-size:contain; bottom:-8%;}
#fashion #contents h1.kanako,#fashion #contents h1.yae{width:45%; height:0; padding:12.82% 0 0; background-size:contain; bottom:-8%;}
#fashion #contents h1.mens{width:73%; height:0; padding:14% 0 0; background-size:contain; bottom:6%;right:-2.5%;}

#fashion p.txt{box-shadow:2px 15px 25px rgba(3,47,63,0.1); padding:1.5em; display:block; width:100%; font-size:98%; margin:0 auto; background-color:rgba(255,255,255,0.8);}
#fashion .box2{height:auto;}

#fashion .ph_2 p.txt,#fashion .ph_3 p.txt,#fashion .ph_4 p.txt,#fashion .ph_5 p.txt,#fashion .ph_6 p.txt,#fashion .box2 p.txt2_2,#fashion .vol2_3 p.txt,#fashion .vol2_4 p.txt,#fashion .vol3_2 p.txt,#fashion .vol3_3 p.txt,#fashion .vol3_4 p.txt{font-size:2.8vw; padding:2.5%; line-height:160% !important;}

#fashion .ph_2{width:100%; background-size:100%; height:auto; padding:85% 0 0;}
#fashion .ph_2 p.txt{bottom:0; width:48%;}
#fashion .ph_3{width:100%; height:auto; padding:150% 0 0; margin:2em auto 2em;
background-size:47%,47%;}
#fashion .ph_3 p.txt{top:-1.5%; right:0; width:60%;}
#fashion .ph_4{width:100%; height:auto; padding:118% 0 0; margin:0 auto;
background-position: top left,bottom right;
background-size:47%,47%;}
#fashion .ph_4 p.txt{top:2%; right:0; width:60%;}
#fashion .ph_5{width:100%; height:auto; padding:112% 0 0; margin:1em auto;
background-position: top left,bottom right;
background-size:47%,47%;}
#fashion .ph_5 p.txt{top:2%; right:0; width:60%;}
#fashion .ph_6{width:100%; height:auto; padding:115% 0 0; margin:-10% auto 0;
background-position: top left,bottom right;
background-size:47%,47%;}
#fashion .ph_6 p.txt{left:0; bottom:2.5%; width:60%;}

#fashion .box3{text-align:right; margin:5% 0 0;}
#fashion .vol2_2{width:45%; height:auto; padding:31% 0 0 !important; position: static; background:url(../img/fashion/vol2/2_sp.jpg) no-repeat 0 0; background-size:cover; margin:5% 3% 0 0; border:2px solid #9dd8e6; display:inline-block; vertical-align:top;}
#fashion .box2 p.txt2_2{width:50%; position: static; display:inline-block;}
#fashion .vol2_3{width:100%; height:auto; padding:92% 0 0; margin:1em auto;
background-position: top left,bottom right;
background-size:47%,47%;}
#fashion .vol2_3 p.txt{top:2%; right:0; width:60%;}
#fashion .vol2_4{width:100%; height:auto; padding:90% 0 0; margin:1em auto;
background-position: top left,bottom right;
background-size:47%,47%;}
#fashion .vol2_4 p.txt{top:2%; right:0; width:60%;}
#fashion .vol2_4{width:100%; height:auto; padding:90% 0 0; margin:1em auto;
background-position: top left,bottom right;
background-size:47%,47%;}
#fashion .vol2_4 p.txt{top:2%; right:0; width:60%;}

#fashion .vol3_2{width:100%; background-size:86%; height:auto; padding:62.5% 0 0; margin:1em auto 2em;}
#fashion .vol3_2 p.txt{bottom:0; width:49%;}
#fashion .vol3_3{width:100%; height:auto; padding:101% 0 0; margin:1em auto 0;
background-position: top 28% left,bottom right 5%;
background-size:47%,40%;}
#fashion .vol3_3 p.txt{top:0; right:0; width:58%;}
#fashion .vol3_4{width:100%; height:auto; padding:96% 0 0; margin:-6% auto 0;
background-position:top left,bottom right 5%;
background-size:47%,40%;}
#fashion .vol3_4 .topt{width:58%; position: absolute; top:13%; right:0;}
#fashion .vol3_4 .btmt{width:47%; position: absolute; bottom:5%; left:0;}


#fashion .box3{margin:.2em 0 3.5em;}
#fashion .vol4_1 .ph_cut_l{width:70%; height:0; margin:0 auto; display:block; padding:69.125% 0 0;}
#fashion .vol4_2 .ph_cut_l{width:70%; height:0; margin:0 auto; display:iblock; padding:85.925% 0 0;}
#fashion .vol4_3 .ph_cut{margin:0 auto;}
#fashion .vol4_4 .ph_cut_l{width:70%; height:0; margin:0 auto; display:block; padding:67.2% 0 0;}
#fashion .vol4_5 .ph_cut_l{width:70%; height:0; margin:0 auto; display:block; padding:83.125% 0 0;}
#fashion .vol4_1 p.txt,#fashion .vol4_2 p.txt,#fashion .vol4_3 p.txt,#fashion .vol4_4 p.txt,#fashion .vol4_5 p.txt{width:100%;}
}