#photosp { width: 98%; max-width: 600px; margin: 0 auto;}
#photoall { width: 100%; height: 0; padding-top: 100%; position: relative;}
#photop { width: 100%; height: 0; padding-top: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0; display: none;}

#contents .contxt { max-width: 760px;}
#contents .contxt dt { color: rgba(245, 230, 0, 1.0); padding-top: 10px; border-top: 1px solid rgba(157, 0, 14, .5);}
#contents .contxt dt span { color: rgba(245, 230, 0, .5); font-size: 200%;}
#contents .contxt dd { font-size: 105%; letter-spacing: 0.1em; padding: 5px 5px 10px 5px;}
#contents .contxt dd .atxt { color: rgba(228, 87, 0, .5); font-size: 200%;}
#contents .contxt dd:before, #contents .contxt dd:after { content: ""; display: table;}
#contents .contxt dd:after { clear: both;}
.sppall { width: 40%; max-width: 325px; margin: 5px; float: right; background: rgba(192, 0, 28, .2); box-shadow: rgba(218, 23, 23, .5) 0 0 5px 1px; -webkit-box-shadow: rgba(218, 23, 23, .5) 0 0 5px 1px; -moz-box-shadow: rgba(218, 23, 23, .5) 0 0 5px 1px;}
.sppsp { width: 100%; height: 0; padding-top: 100%; position: relative;}
.spp { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}

/*for_W640-*/
@media all and (min-width: 640px) {
#contents .contxt dt { letter-spacing: 0.1em;}
#contents .contxt dd { letter-spacing: 0.1em; padding: 15px;}
.sppall { margin: 5px 0 5px 20px;}
}

/*for_W768-*/
@media all and (min-width: 768px) {
#contents .contxt { font-size: 110%;}
#contents .contxt dt { letter-spacing: 0.2em;}
#contents .contxt dd { padding: 20px;}
}