body { background-color: rgba(255, 255, 255, 0);}

.psnl { box-sizing: border-box; width: 100%; max-width: 500px; margin: 0 auto;}
.waku { box-sizing: border-box; width: 100%;}

.photo_all { width: 100%; margin: 0 auto; position: relative; z-index: 200; background: rgba(217, 217, 219, 1); padding-bottom: .5em;}
.photo_sp { width: 100%; height: 0; padding-top: 110%; position: relative;}
.sphoto { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover;}
.name_sp { width: 100%; height: 0; padding-top: 30%; padding-top: -webkit-calc(240 / 800 * 100%); padding-top: calc(240 / 800 * 100%); position: relative;}
.sname { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover;}

.txt_sp { box-sizing: border-box; width: 92%; padding: .65em; margin: 0 auto 1em auto; background: rgba(255, 255, 255, 1); font-size: 82%; line-height: 152%;}

/*for_W700-*/
@media all and (min-width: 700px) {
.psnl { max-width: 680px;}
.photo_all { width: 680px; height: 408px; background: rgba(225, 225, 225, 1); padding: 0;}
.photo_sp { width: 340px; height: 408px; margin: 0; padding: 0; position: absolute; top: 0; left: 0;}
.name_sp { width: 340px; height: 102px; margin: 0; padding: 0; position: absolute; top: 25px; right: 10px;}
.name_sp0 { width: 340px; height: 102px; margin: 0; padding: 0; position: absolute; top: 25px; right: 0;}
.txt_sp { width: 330px; height: 250px; margin: 0; position: absolute; top: 140px; right: 10px; padding: 1em 1.5em; font-size: 90%; line-height: 160%; letter-spacing: .1em;}
}