#nav #mn_story .mn a { cursor: default; pointer-events: none;}
#nav #mn_story .mnt { -webkit-filter: invert(28%) sepia(100%) hue-rotate(-340deg) saturate(3); filter: invert(28%) sepia(100%) hue-rotate(-340deg) saturate(3);}
/*story*/
.bg_blue p { text-align: center;}
.tz_lnk { width: 100%; margin: .2em auto; position: relative; z-index: 100;}
.tz_lnk:before, .tz_lnk:after { content: ""; display: table;}
.tz_lnk:after { clear: both;}
.tz_lnk::after { content: ""; display: block; clear: both;}
.tz_lnk .btn_sp { width: 48%; margin: .5em .9% 0 1%; float: left; display: block;}
.tz_lnk .btn a .btntxt::before { content: '';}
.tz_lnk .btn a .btntxt_b::before { content: '';}
.tz_lnk .btn_sp { width: 18.8%; margin: .5em 0 0 1%; float: left; display: block;}
/*_sphoto*/
.s_pset { box-sizing: border-box; width: 96%; margin: 1em auto;}
.s_pset2 { box-sizing: border-box; width: 47.04%; margin: 0 auto 1em auto;}
.s_pset:before, .tz_lnk:after { content: ""; display: table;}
.s_pset:after { clear: both;}
.s_pset::after { content: ""; display: block; clear: both;}
.s_p1 { width: 49%; float: left;}
.s_p2 { width: 49%; float: right;}
.s_p3 { width: 100%;}
.s_img { width: 100%; height: 0; padding-top: 66.6%; padding-top: -webkit-calc(333 / 500 * 100%); padding-top: calc(333 / 500 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#spot_sp { box-sizing: border-box; width: 100%; max-width: 800px; margin: 0 auto 1em auto;}
/*_sphoto1*/
.s_pset1 { box-sizing: border-box; width: 96%; margin: 1em auto;}
.s_pset1 .s_p1 { width: 100%; max-width: 400px; float: none; margin: 0em auto;}
/*onair_txt*/
.onair_txt { font-size: 100%;}
/*for_W900-*/
@media all and (min-width: 900px) {
.onair_txt { font-size: 120%;}
.tz_lnk { margin: 0 auto 1em auto;}
.tz_lnk .btn_sp { width: 18.8%; margin: .5em 0 0 1%; float: left; display: block; font-size: 90%;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) {
.onair_txt { font-size: 150%;}
}

/*archives*/
.archives { box-sizing: border-box; width: 96%; padding: 1em;}
.archives h2 { display: block; font-size: 110%; letter-spacing: .1em; padding-bottom: .5em;}
.archives ul { width: 100%; margin: 0 auto;}
.archives ul:before, .archives ul:after { content: ""; display: table;}
.archives ul:after { clear: both;}
.archives ul::after { content: ""; display: block; clear: both;}
.archives li { width: 80px; margin: 10px 4px 0 5px; float: left;}
.archives .lisp { width: 100%; height: 0; padding-top: 100%; border-radius: 30px 0; -o-border-radius: 30px 0; -ms-border-radius: 30px 0; -webkit-border-radius: 30px 0; -moz-border-radius: 30px 0; background-color: rgba(255, 255, 255, 1); overflow: hidden; position: relative;}
.archives .lispimg { border-radius: 30px 0; -o-border-radius: 30px 0; -ms-border-radius: 30px 0; -webkit-border-radius: 30px 0; -moz-border-radius: 30px 0; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; -webkit-background-position: top center; background-position: top center; -webkit-filter: blur(3px); filter: blur(3px); position: absolute; top: -3px; left: -3px; bottom: -3px; right: -3px; display: block; opacity: .9;}
.archives .lisp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; color: rgba(255, 255, 255, 1);}
.archives .lisp .watxt { font-size: 400%; font-weight: bold; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); opacity: .75; line-height: 100%;}
#a1t #l1t .lispimg, #a2t #l2t .lispimg, #a3t #l3t .lispimg, #a4t #l4t .lispimg, #a5t #l5t .lispimg, #a6t #l6t .lispimg, #a7t #l7t .lispimg, #a8t #l8t .lispimg, #a9t #l9t .lispimg, #a10t #l10t .lispimg { -webkit-filter: blur(0); filter: blur(0);}
#a1t #l1t .watxt, #a2t #l2t .watxt, #a3t #l3t .watxt, #a4t #l4t .watxt, #a5t #l5t .watxt, #a6t #l6t .watxt, #a7t #l7t .watxt, #a8t #l8t .watxt, #a9t #l9t .watxt, #a10t #l10t .watxt { opacity: .2;}
.archives .lisp a:hover .lispimg { opacity: 1; -webkit-filter: blur(0); filter: blur(0); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.archives .lisp a:hover .watxt { opacity: .3;}

/*change*/
.tz_lnk { max-width: 800px;}


/*10*/
.archives ul { max-width: 280px; margin: 0 auto 1em auto;}
.archives li { width: 80px; margin: 10px 4px 0 5px;}
.archives li:nth-child(4), .archives li:nth-child(9) { margin: 10px 4px 0 45px;}
@media all and (min-width: 640px) {
.archives ul { max-width: 460px;}
.archives li, .archives li:nth-child(4), .archives li:nth-child(9) { width: 80px; margin: 10px 4px 0 5px;}
}
@media all and (min-width: 768px) {
.archives ul { max-width: 480px;}
.archives li, .archives li:nth-child(4), .archives li:nth-child(9) { width: 80px; margin: 10px 4px 0 5px;}
.archives .lisp .watxt { font-size: 300%;}
}
@media all and (min-width: 900px) {
.archives { width: 100%; padding: 1em 1em 1em 0;}
.archives ul { max-width: 800px;}
.archives li, .archives li:nth-child(4), .archives li:nth-child(9) { width: 62px; margin: 10px 5px 0 4px;}
.archives .lisp, .archives .lispimg { border-radius: 20px 0; -o-border-radius: 20px 0; -ms-border-radius: 20px 0; -webkit-border-radius: 20px 0; -moz-border-radius: 20px 0;}
}
@media all and (min-width: 1000px) {
.archives { width: 100%; padding: 1em 1em 1em 0;}
.archives ul { max-width: 100%;}
.archives li, .archives li:nth-child(4), .archives li:nth-child(9) { width: 70px; margin: 10px 4px 0 6px;}
.archives .lisp, .archives .lispimg { border-radius: 20px 0; -o-border-radius: 20px 0; -ms-border-radius: 20px 0; -webkit-border-radius: 20px 0; -moz-border-radius: 20px 0;}
}