.ctitle { background-image: url(../img/title.png);}

#catchsp { width: 98%; max-width: 780px; margin: 5px auto;}
#catchtxt { width: 100%; height: 0; padding-top: 82.8125%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/catch_s.png);}
#photosp { width: 98%; max-width: 760px; margin: 10px auto;}
/*#photoall { width: 100%; height: 0; padding-top: 44.736842105263158%; position: relative;}
#photop { width: 100%; height: 0; padding-top: 44.736842105263158%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0; display: none;}*/
#photoall { width: 100%; height: 0; padding-top: 34.210526315789474%; position: relative;}
#photop { width: 100%; height: 0; padding-top: 34.210526315789474%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0; display: none;}
#contents .contxt { max-width: 760px;}

/*for_W640-*/
@media all and (min-width: 640px) {
#catchtxt { padding-top: 62.352941176470588%; background-image: url(../img/catch.png);}
}