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

/* 	contents
============================== */
.day_title { box-sizing: border-box; width: 100%; max-width: 900px; padding: 5em 1% .5em 2%; margin: -4em auto 0 auto; background-repeat: no-repeat; -webkit-background-size: 120px; background-size: 120px; -webkit-background-position: bottom right; background-position: bottom right; position: relative; z-index: 5;}
.detail { padding: 1em .5em .75em .5em; margin: 0 auto 1.8em auto; position: relative; z-index: 10;}
.stitle_sp { width: 90%; margin: .4em 0 .2em 3%; text-align: left; font-size: 130%; line-height: 140%; letter-spacing: .05; display: block; text-shadow: 1px 1px 2px rgba(3, 0, 89, .15); background: linear-gradient( to bottom,  rgba(43, 89, 247, 1) 25%, rgba(19, 0, 177, 1) 85% ); -webkit-background-clip: text; color: transparent;}
.detail .tbg { width: 120px; height: 0; padding-top: 66.48px; padding-top: -webkit-calc(277 * 120 / 500)px; padding-top: calc(277 * 120 / 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;}
.dtl_txt { padding: .5em; border-top: 1px dotted rgba(69, 179, 224, .5); margin-bottom: .05em;}
.dtl_txt0 { border: 0;}
.s_catch { font-size: 130%; line-height: 140%; text-align: center; padding: .5em 0;}
.up_date { font-size: 90%; text-align: right; color: rgba(144, 141, 0, .75); padding-top: .75em; padding-bottom: .3em; position: relative;}
.up_date::before { content: ''; width: 100%; height: 1px; position: absolute; top: 0; left: 0; background: rgba(144, 141, 0, .5); background: -webkit-linear-gradient(left, rgba(144, 141, 0, 0) 1%,rgba(144, 141, 0, .5) 100%); background: linear-gradient(to right, rgba(144, 141, 0, 0) 1%,rgba(144, 141, 0, .5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#acaa4a',GradientType=1 );}
.photo { box-sizing: border-box; width: 96%; 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); margin: .5em auto;}
.nkm_txt { width: 96%; margin: 1.5em auto; line-height: 160%;}
.nkm_txt th { font-size: 90%; font-weight: bold; vertical-align: top; white-space: nowrap; color: rgba(69, 179, 224, .75);}
.nkm_txt td { vertical-align: top; padding: 0 0 .5em .5em; color: rgba(43, 89, 247, 1);}
/*for_W640-*/
@media all and (min-width: 640px) {
.day_title { padding: 5em 1% .5em 2%; margin: -5em auto 0 auto;}
.s_catch { font-size: 140%; line-height: 140%; text-align: center; padding: .5em 0 .75em 0;}
}
/*for_W768-*/
@media all and (min-width: 768px) {
.day_title { width: 98%; -webkit-background-size: 200px; background-size: 200px;}
.stitle_sp { margin: 1.2em 0 0 0;}
.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;}
.dtl_txt { padding: .5em 2em;}
.s_catch { font-size: 160%;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) {
.day_title { max-width: 900px; padding: 6em 0 .5em 0; -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;}
.dtl_txt { padding: 1em 2.5em;}
}

/* 	photo
============================== */
.photo { width: 96%; max-width: 960px; margin: .5em auto 1em auto; text-align: center; user-select:none; -webkit-user-select:none; -ms-user-select: none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-drag:none; -khtml-user-drag: none; -webkit-touch-callout: none;}
.daigae { margin: 0 auto;}
.photo img { width: 100%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover;}
.prgimg10090 { max-width: 90%;}
.prgimg10080 { max-width: 80%;}
.prgimg10070 { max-width: 70%;}
.prgimg10060 { max-width: 60%;}
.prgimg10100 img, .prgimg10090 img, .prgimg10080 img, .prgimg10070 img, .prgimg10060 img, .prgimg100100-90 img { width: 100%; max-width: 100%;}
/*for_W768-*/
@media all and (min-width: 768px) {
.photo { width: 96%; max-width: 960px;}
.prgimg10090 { max-width: 90%;}
.prgimg10080 { max-width: 80%;}
.prgimg10070 { max-width: 70%;}
.prgimg10060 { max-width: 60%;}
.prgimg100100-90 { max-width: 90%;}
.prgimg100100-90 img { max-width: 100%;}
}