#con_sp { padding: 0 0 2em 0; background-image: url(/um/img/cover.png);}
#con_title { width: 100%; height: 0; padding-top: 89.743589743589744%; padding-top: -webkit-calc(700 / 780 * 100%); padding-top: calc(700 / 780 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: block; position: relative; z-index: 10; margin-bottom: -6%;}
#con_title .title_txt { letter-spacing: 0; font-size: 80%; right: 3%;}
.single { padding: .5em 0 1.5em 0;}
.photo_sp { box-sizing: border-box; width: 100%; margin: 0 auto; border: 3px solid rgba(255, 255, 255, 1); box-shadow: 1px 1px 3px rgba(231, 75, 150, .2); -webkit-box-shadow: 1px 1px 3px rgba(231, 75, 150, .2); -moz-box-shadow: 1px 1px 3px rgba(231, 75, 150, .2);}
.photo_sp .sphoto { width: 100%; height: 0; padding-top: 66.6%; padding-top: -webkit-calc(666 / 1000 * 100%); padding-top: calc(666 / 1000 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.kkm_txt { letter-spacing: .05em; font-size: 115%;}
.q_t { padding-bottom: 1em; font-weight: bold; line-height: 140%;}
/*for_W640-*/
@media (min-width: 640px) {
#con_title { padding-top: 51.020408163265306%; padding-top: -webkit-calc(1000 / 1960 * 100%); padding-top: calc(1000 / 1960 * 100%); margin-bottom: -2%;}
#con_title .title_txt { letter-spacing: .1em; font-size: 90%; right: 5%;}
}
/*_archives*/
.archives_list li { width: 15%; margin: 0 0 .5em 2.5%; float: left;}
.archives_list li .p_sp { width: 100%; height: 0; padding-top: 100%; position: relative;}
.archives_list li .s_p { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: top center; -webkit-background-position: top center; border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%;}
.archives_list li a { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0; display: block; border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%;}
.archives_list li a:hover { background-color: rgba(255, 255, 255, .2); border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%;}
.archives_list li .wa { width: 100%; padding: .1em 0; position: absolute; bottom: 10%; left: 0; background: rgba(231, 75, 150, 0); text-align: center; font-size: 82%; font-weight: lighter; color: rgba(231, 75, 150, 1);}



/*8*/
.archives_list { max-width: 800px; margin: 1em auto 0 auto;}
.archives_list li { width: 22.5%; margin: 0 0 .5em 2%; float: left;}
