/* 	nav
============================== */
#nav #mn_story a { filter: brightness(3) hue-rotate(180deg); -webkit-filter: brightness(3) hue-rotate(180deg); cursor: default; pointer-events: none;}

/* 	contents
============================== */
/*day_title*/
#day_title { box-sizing: border-box; width: 100%; max-width: 900px; padding: 5em 1% .5em 2%; margin: -5em auto 0 auto; background-repeat: no-repeat; -webkit-background-size: 150px; background-size: 150px; -webkit-background-position: bottom right; background-position: bottom right; position: relative; z-index: 10;}
#day_title:before, #next_sp #day_title:after { content: ""; display: table;}
#day_title:after { clear: both;}
#day_title::after { content: ""; display: block; clear: both;}
.num { width: 12.5%; float: left; display: block; box-shadow: 0 0 2px rgba(181, 165, 56, .3); -webkit-box-shadow: 0 0 2px rgba(181, 165, 56, .3);}
.num .nm_img { width: 100%; height: 0; padding-top: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: block;}
.oa_sp { width: 84%; float: left; margin: .6em 0 0 3%; display: block;}
.oa_sp .oa_img { width: 100%; height: 0; padding-top: 9.090909090909091%; padding-top: -webkit-calc(60 / 660 * 100%); padding-top: calc(60 / 660 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: block;}
.detail .tbg { width: 150px; height: 0; padding-top: 83.1px; padding-top: -webkit-calc(277 * 150 / 500)px; padding-top: calc(277 * 150 / 500)px; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; -webkit-transform: scale(1, -1); transform: scale(1, -1); opacity: .3; position: absolute; top: 0; right: 0;}
/*for_W768-*/
@media all and (min-width: 768px) {
#day_title { width: 98%; padding: 5em 7% .5em 0; -webkit-background-size: 200px; background-size: 200px;}
.num { width: 12%;}
.oa_sp { width: 74%; margin: 1.2em 0 0 3%;}
.detail .tbg { width: 200px; height: 0; padding-top: 110.8px; padding-top: -webkit-calc(277 * 200 / 500)px; padding-top: calc(277 * 200 / 500)px;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) {
#day_title { -webkit-background-size: 250px; background-size: 250px;}
.detail .tbg { width: 250px; height: 0; padding-top: 138.5px; padding-top: -webkit-calc(277 * 250 / 500)px; padding-top: calc(277 * 250 / 500)px;}
}

/*photo*/
.photo_set { width: 100%; margin: 0 auto;}
.photo_set:before, .photo_set:after { content: ""; content: none; display: table;}
.photo_set:after { clear: both; }
.photo_set::after { content: ""; display: block; clear: both;}
.photo_set .photo { box-sizing: border-box; width: 100%; border: 5px solid rgba(255, 255, 255, 1); box-shadow: 0 1px 5px rgba(3, 0, 89, .3); -webkit-box-shadow: 0 1px 5px rgba(3, 0, 89, .3);}
/*for_W768-*/
@media all and (min-width: 768px) {
.photo_set { width: 98%;}
.photo_set .photo { width: 48%; margin-left: 1.3%; float: left;}
}
