#member article{width:845px; margin:1em auto;}
#member #offshot {background-repeat: no-repeat; background-position:center center; background-size: cover; border:2px solid #fff; box-shadow:5px 5px rgba(1,64,153,0.1);}
#member h2{background-repeat: no-repeat; background-position:0 center;}
#member #handtxt{width:100%; height:1080px; margin:1.5em auto 0; box-shadow:0 0 20px rgba(10,10,10,0.1); background-repeat: no-repeat; background-position:center center; background-size: cover;}

#member #offshot.ph_tao { background-image: url(../img/member/ph_tao.jpg);}
#member h2.wakaba { background-image: url(../img/member/wakaba.png);}
#member #handtxt.txt_wakaba { background-image: url(../img/member/txt_wakaba.jpg);}

#member #offshot.ph_shiori { background-image: url(../img/member/ph_shiori.jpg);}
#member h2.shiori { background-image: url(../img/member/shiori.png);}
#member #handtxt.txt_shiori { background-image: url(../img/member/txt_shiori.jpg); height:1040px;}

#member #offshot.ph_asako { background-image: url(../img/member/ph_asako.jpg);}
#member h2.asako { background-image: url(../img/member/asako.png);}
#member #handtxt.txt_asako { background-image: url(../img/member/txt_asako.jpg); height:980px;}

#member #offshot.ph_maki { background-image: url(../img/member/ph_maki.jpg);}
#member h2.maki { background-image: url(../img/member/maki.png);}
#member #handtxt.txt_maki { background-image: url(../img/member/txt_maki.jpg); height:910px;}

#member #offshot.ph_taeko { background-image: url(../img/member/ph_taeko.jpg);}
#member h2.taeko { background-image: url(../img/member/taeko.png);}
#member #handtxt.txt_taeko { background-image: url(../img/member/txt_taeko.jpg); height:930px;}

#member #offshot.ph_honoka { background-image: url(../img/member/ph_honoka.jpg);}
#member h2.honoka { background-image: url(../img/member/honoka.png);}
#member #handtxt.txt_honoka { background-image: url(../img/member/txt_honoka.jpg); height:930px;}

#member #offshot.ph_koto { background-image: url(../img/member/ph_koto.jpg);}
#member h2.koto { background-image: url(../img/member/koto.png);}
#member #handtxt.txt_koto { background-image: url(../img/member/txt_koto.jpg); height:1040px;}

#member #offshot.ph_fumi { background-image: url(../img/member/ph_fumi.jpg);}
#member h2.fumi { background-image: url(../img/member/fumi.png);}
#member #handtxt.txt_fumi { background-image: url(../img/member/txt_fumi.jpg); height:870px;}

#member #offshot.ph_nagisa { background-image: url(../img/member/ph_nagisa.jpg);}
#member h2.nagisa { background-image: url(../img/member/nagisa.png);}
#member #handtxt.txt_nagisa { background-image: url(../img/member/txt_nagisa.jpg); height:1000px;}

#member #offshot.ph_kanna { background-image: url(../img/member/ph_kanna.jpg);}
#member h2.kanna { background-image: url(../img/member/kanna.png);}
#member #handtxt.txt_kanna { background-image: url(../img/member/txt_kanna.jpg); height:860px;}

#member #offshot.ph_nozomi { background-image: url(../img/member/ph_nozomi.jpg);}
#member h2.nozomi { background-image: url(../img/member/nozomi.png);}
#member #handtxt.txt_nozomi { background-image: url(../img/member/txt_nozomi.jpg); height:1020px;}

#member #offshot.ph_sakura { background-image: url(../img/member/ph_sakura.jpg);}
#member h2.sakura { background-image: url(../img/member/sakura.png);}
#member #handtxt.txt_sakura { background-image: url(../img/member/txt_sakura.jpg); height:1020px;}

#member #offshot.ph_mina { background-image: url(../img/member/ph_mina.jpg);}
#member h2.mina { background-image: url(../img/member/mina.png);}
#member #handtxt.txt_mina { background-image: url(../img/member/txt_mina.jpg); height:1070px;}

#member #offshot.ph_eri { background-image: url(../img/member/ph_eri.jpg);}
#member h2.eri { background-image: url(../img/member/eri.png);}
#member #handtxt.txt_eri { background-image: url(../img/member/txt_eri.jpg); height:1130px;}

#member #offshot.ph_kaori { background-image: url(../img/member/ph_kaori.jpg);}
#member h2.kaori { background-image: url(../img/member/kaori.png);}
#member #handtxt.txt_kaori { background-image: url(../img/member/txt_kaori.jpg); height:980px;}

#member #offshot.ph_mako { background-image: url(../img/member/ph_mako.jpg);}
#member h2.mako { background-image: url(../img/member/mako.png);}
#member #handtxt.txt_mako { background-image: url(../img/member/txt_mako.jpg); height:1060px;}

#member #offshot.ph_yumi { background-image: url(../img/member/ph_yumi.jpg);}
#member h2.yumi { background-image: url(../img/member/yumi.png);}
#member #handtxt.txt_yumi { background-image: url(../img/member/txt_yumi.jpg);}

#member #contents a.sharebtn{color:#fff; display:block; width:250px; background-color:#e60012; text-align:center; padding:1em 0 1em 3%; font-size:120%; margin:2em auto 1em; border-radius:10px; background-image:url(../img/tw_w.png); background-repeat: no-repeat; background-position:left 12% center; background-size:11%; transition: 0.5s; box-shadow:0 4px #c4000f;}
#member #contents a.sharebtn:hover{background-color:#014099;}

#member ul#memcard{width:100%; margin:1.5em auto 0;}
#member ul#memcard li{width:430px; height:250px; display:inline-block; margin:0 0 1.2em 1.2em; box-shadow:5px 5px rgba(1,64,153,0.1);}
#member ul#memcard li a{width:100%; height:250px; display:block; transition: 0.3s; background-repeat: no-repeat; background-position: center center;}
#member ul#memcard li.card1 a {background-image:url(../img/member/card1.jpg);}
#member ul#memcard li.card2 a {background-image:url(../img/member/card2.jpg);}
#member ul#memcard li.card3 a {background-image:url(../img/member/card3.jpg);}
#member ul#memcard li.card4 a {background-image:url(../img/member/card4.jpg);}
#member ul#memcard li.card5 a {background-image:url(../img/member/card5.jpg);}
#member ul#memcard li.card6 a {background-image:url(../img/member/card6.jpg);}
#member ul#memcard li.card7 a {background-image:url(../img/member/card7.jpg);}
#member ul#memcard li.card8 a {background-image:url(../img/member/card8.jpg);}
#member ul#memcard li.card9 a {background-image:url(../img/member/card9.jpg);}
#member ul#memcard li.card10 a {background-image:url(../img/member/card10.jpg);}
#member ul#memcard li.card11 a {background-image:url(../img/member/card11.jpg);}
#member ul#memcard li.card12 a {background-image:url(../img/member/card12.jpg);}
#member ul#memcard li.card13 a {background-image:url(../img/member/card13.jpg);}
#member ul#memcard li.card14 a {background-image:url(../img/member/card14.jpg);}
#member ul#memcard li.card15 a {background-image:url(../img/member/card15.jpg);}
#member ul#memcard li.card16 a {background-image:url(../img/member/card16.jpg);}
#member ul#memcard li.card17 a {background-image:url(../img/member/card17.jpg);}
#member ul#memcard li a:hover{text-decoration:none;
filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}

@media all and (min-width: 768px) {
#member #offshot {width:325px; height:385px; margin:0 1em 0 .5em; display:inline-block;}
#member h2 {width:478px; height:340px; vertical-align:top; display:inline-block;}
}

@media all and (max-width: 767px) {
#member article{width:95%; margin:1em auto 0;}
#member h2 {width:98%; height:0; padding:45% 0 0; margin:3% 0 2%; position: relative; background-size: cover;}
#member #offshot {width:60%; height:0; padding:72.1875% 0 0; margin:0 auto; position: relative;}
#member #handtxt {height:0; padding:127.810% 0 0; margin:0 auto; position: relative;}
#member #handtxt.txt_shiori,#member #handtxt.txt_koto{height:0; padding:123.0769% 0 0;}
#member #handtxt.txt_asako,#member #handtxt.txt_kaori{height:0; padding:115.976% 0 0;}
#member #handtxt.txt_maki{height:0; padding:107.692% 0 0;}
#member #handtxt.txt_taeko,#member #handtxt.txt_honoka{height:0; padding:110.059% 0 0;}
#member #handtxt.txt_fumi{height:0; padding:102.958% 0 0;}
#member #handtxt.txt_nagisa{height:0; padding:118.343% 0 0;}
#member #handtxt.txt_kanna{height:0; padding:101.775% 0 0;}
#member #handtxt.txt_nozomi,#member #handtxt.txt_sakura{height:0; padding:120.71% 0 0;}
#member #handtxt.txt_mina{height:0; padding:126.6272% 0 0;}
#member #handtxt.txt_eri{height:0; padding:133.7278% 0 0;}
#member #handtxt.txt_mako{height:0; padding:125.44378% 0 0;}
#member h2 img,#member #offshot img,#member #handtxt img{position:absolute;left:0;top:0; width:100%; height:100%;}
#member #contents a.sharebtn{width:45%; font-size:3vw; padding:1em 0 1em 5%; font-weight:bold; border-radius:8px; margin:1.5em auto .5em;}

#member ul#memcard{font-size:0;}
#member ul#memcard li{width:47%; height:auto; margin:2% 0 0 1.8%; box-shadow:2px 3px rgba(1,64,153,0.1);}
#member ul#memcard li a{width:100%; height:0; padding:58.139% 0 0; background-size: cover;}
}