/* =================================
sicks_specsaga NEWS CSS
================================= */

.unit { padding-top:10px; margin-top:-10px; }
.unit article { color:#333; }
.main-inner .unit:nth-child(odd) article { background-color:hsla(0,0%,100%,0.8); }
.main-inner .unit:nth-child(even) article { background-color:hsla(0,0%,100%,0.9); }
.main-inner .unit:not(:last-child) { margin-bottom:15px; }
.unit article { padding:12px; }
@media all and (min-width: 768px) { 
.main-inner .unit:not(:last-child) { margin-bottom:30px; }
.unit article { position:relative; padding:20px 20px 44px; }
}

/*	article
============================== */
.unit article header { border-bottom:2px solid #161e4a; margin-bottom:1em; }
.unit article header h2, .unit article .unit-inner h3, .unit article .unit-inner h4, .unit article header p { line-height:1.5; font-size:87.5%; }
.unit article header h2, .unit article .unit-inner h3 { font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; }
.unit article header h2 { color:#c00; }
.unit article .unit-inner h3 { color:#2a72ac; margin-bottom:0.5em; }
.unit article header p { font-family: 'IM Fell DW Pica', 'serif'; text-align:right; color:#7b7b7b; }
.unit article .unit-inner p.txt { line-height:1.5; }
.unit article .unit-inner p.txt:not(:last-child) { margin-bottom:1.5em; }
.unit article .unit-inner p.txt { font-size:83%; }
@media all and (min-width: 768px) { 
.unit article .unit-inner h3, .unit article header p { font-size:100%; }
.unit article header h2 { font-size:110%; }
.unit article .unit-inner p.txt { font-size:87.5%; }
}

/*	pagetop button
============================== */
.unit article p.pgsub a, .unit article p.pgsub a span { display:block; width:36px; }
.unit article p.pgsub a { text-decoration:none; background-color:#e5b36d; margin:0 auto; }
.unit article p.pgsub a span { text-indent:110%;white-space:nowrap;overflow:hidden; background-image:url(../img/cmn_arrow.svg); background-position:10px -36px; background-repeat:no-repeat; background-size:16px 100px; height:24px; }
.unit article p.pgsub { padding-top:12px; }
.unit article p.pgsub a:hover { background-color:#dea048; }
@media all and (min-width: 768px) { 
.unit article p.pgsub { position:absolute; right:0; bottom:0; padding-top:0;}
.unit article p.pgsub a { margin:0;}
}

.subox { background-color:#fff; -webkit-box-shadow: hsla(0,0%,0%,0.1) 0 0 8px 0; box-shadow: hsla(0,0%,0%,0.1) 0 0 8px 0; padding:12px;}
.subox h4 { line-height:1.5; border-bottom:1px solid #ccc; padding-bottom:0.5em; margin-bottom:1em; }
.unit article .unit-inner .subox:not(:last-child) { margin-bottom:20px; }
.subox h4 { font-size:83%; }
@media all and (min-width: 768px) { 
.subox { padding:20px; }
.unit article .unit-inner .subox:not(:last-child) { margin-bottom:30px; }
.subox h4 { font-size:87.5%; }
}

/*	video
============================== */
.cmn-video { box-sizing: border-box; width: 100%; margin: -0.5em auto 1em auto; padding: 4px; border: 1px solid rgba(217, 234, 252, 1); background-color:  rgba(255, 255, 255, 1); background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(217, 234, 252, 1)), color-stop(0.5,  rgba(255, 255, 255, 1)), to(rgba(217, 234, 252, 1))); background-image: linear-gradient(rgba(217, 234, 252, 1),  rgba(255, 255, 255, 1) 50%, rgba(217, 234, 252, 1));}
.pv-modal { width: 100%;}
.pv-modal a span { background-size:cover; position:relative; height:0; padding-top:56.25%; display: block;}
.pv-modal a span img { position: absolute; left:0; top:0; width:100%; height:100%; display: block;}
.pv-modal a .lazy-done { -webkit-animation: fadeIn 500ms; animation: fadeIn 500ms; display: block;}
.pv-modal a .lazy-done img { background-image:url(/um/img/play.png); background-repeat:no-repeat; background-position:center center; display: block;}

figure.cmn-pic-main > #f-20200914_1 span { position:relative; height:0; background-size:cover; background-repeat:no-repeat; background-position:center center; padding-top:56.25%;} 
figure.cmn-pic-main > #f-20200914_2 span { position:relative; height:0; background-size:cover; background-repeat:no-repeat; background-position:center center; padding-top:56.25%;} 
figure.cmn-pic-main > #f-20200117 span { position:relative; height:0; background-size:cover; background-repeat:no-repeat; background-position:center center; padding-top:56.25%;} 
figure.cmn-pic-main > #f-20191229_01 span { position:relative; height:0; background-size:cover; background-repeat:no-repeat; background-position:center center; padding-top:56.25%;} 
figure.cmn-pic-main > #f-20191229_02 span { position:relative; height:0; background-size:cover; background-repeat:no-repeat; background-position:center center; padding-top:56.25%;} 
figure.cmn-pic-main > #f-20191206_01 span { position:relative; height:0; background-size:cover; background-repeat:no-repeat; background-position:center center; padding-top:56.25%;} 
figure.cmn-pic-main > #f-news_novelize2 span { position:relative; height:0; background-size:cover; background-repeat:no-repeat; background-position:center center; padding-top:56.25%;} 
figure.cmn-pic-main > #f-kyu_pre span { position:relative; height:0; background-size:cover; background-repeat:no-repeat; background-position:center center; padding-top:56.25%;} 
figure.cmn-pic-main > #f-0318-1 span { position:relative; height:0; background-size:cover; background-repeat:no-repeat; background-position:center center; padding-top:64.393939393939394%;} 
figure.cmn-pic-main > #f-0318-2 span { position:relative; height:0; background-size:cover; background-repeat:no-repeat; background-position:center center; padding-top:64.393939393939394%;} 
figure.cmn-pic-main > #f-0318-0 span { position:relative; height:0; background-size:cover; background-repeat:no-repeat; background-position:center center; padding-top:136.363636363636364%;} 
figure.cmn-pic-main > #f-0318-6 span { position:relative; height:0; background-size:cover; background-repeat:no-repeat; background-position:center center; padding-top:64.393939393939394%;} 
figure.cmn-pic-main > #f-0318-7 span { position:relative; height:0; background-size:cover; background-repeat:no-repeat; background-position:center center; padding-top:64.393939393939394%;} 
figure.cmn-pic-main > #f-0318-8 span { position:relative; height:0; background-size:cover; background-repeat:no-repeat; background-position:center center; padding-top:99.621212121212121%;} 
figure.cmn-pic-main > #f-ha_chart span { position:relative; height:0; background-size:cover; background-repeat:no-repeat; background-position:center center; padding-top:100%;} 
figure.cmn-pic-main > #f-satori span { position:relative; height:0; background-size:cover; background-repeat:no-repeat; background-position:center center; padding-top:70.643939393939394%;} 
figure.cmn-pic-main > #f-ha_poster span { position:relative; height:0; background-size:cover; background-repeat:no-repeat; background-position:center center; padding-top:70.643939393939394%;} 
figure.cmn-pic-main > #f-ura0218 span { position:relative; height:0; background-size:cover; background-repeat:no-repeat; background-position:center center; padding-top:56.25%;} 
figure.cmn-pic-main > #f-new_cast0211 span { position:relative; height:0; background-size:cover; background-repeat:no-repeat; background-position:center center; padding-top:100%;} 
figure.cmn-pic-main > #f-teiho0211 span { position:relative; height:0; background-size:cover; background-repeat:no-repeat; background-position:center center; padding-top:64.393939393939394%;} 
figure.cmn-pic-main > #f-news_novelize span { position:relative; height:0; background-size:cover; background-repeat:no-repeat; background-position:center center; padding-top:64.39393939%;}