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

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

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

}


/*	pagetop button
============================== */

div.unit article p.pgsub a,
div.unit article p.pgsub a span {
display:block;
width:36px;
}
div.unit article p.pgsub a {
text-decoration:none;
background-color:#e5b36d;
}
div.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;
}
@media all and (min-width: 768px) {
div.unit article p.pgsub {
position:absolute;
right:0;
bottom:0;
}
div.unit article p.pgsub a:hover {
background-color:#dea048;
}
}
@media all and (max-width: 767px) {
div.unit article p.pgsub {
padding-top:12px;
}
div.unit article p.pgsub a {
margin:0 auto;
}
}


section.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;
}
section.subox h4 {
line-height:1.5;
border-bottom:1px solid #ccc;
padding-bottom:0.5em;
margin-bottom:1em;
}
@media all and (min-width: 768px) {
section.subox {
padding:20px;
}
div.unit article div.unit-inner section.subox:not(:last-child) {
margin-bottom:30px;
}
section.subox h4 {
font-size:87.5%;
}
}
@media all and (max-width: 767px) {
section.subox {
padding:12px;
}
div.unit article div.unit-inner section.subox:not(:last-child) {
margin-bottom:20px;
}
section.subox h4 {
font-size:83%;
}
}



/* appli
============================== */

body.news div#appli div.unit-inner p{
margin-bottom: 1.5em;
line-height: 1.5;
}
body.news div#appli div.unit-inner table {width: 100%;}
body.news div#appli div.unit-inner table th{background-color: hsla(200, 80%, 80%, 0.8);}
body.news div#appli div.unit-inner table td{vertical-align: top;line-height: 1.5;background-color: hsla(0, 0%, 100%, 0.8);}
body.news div#appli div.unit-inner table td > div.icon{
margin-top: 10px;
background-image: url(../img/icon_02.png);
width: 100px;
height: 100px;
background-size: contain;
background-repeat: no-repeat;
}
body.news div#appli div.unit-inner table td > div.store:nth-child(2){background-image: url(../img/btn_appstore_02.png);margin-bottom: 10px;}
body.news div#appli div.unit-inner table td > div.store:last-child{background-image: url(../img/btn_googlestore_02.png);}
body.news div#appli div.unit-inner table td div{position: relative;}
body.news div#appli div.unit-inner table td > div a{position:absolute;}
body.news div#appli div.unit-inner table td div.store,
body.news div#appli div.unit-inner table td > div.store a{width: 198px;height: 59px;}
@media all and (min-width: 768px) {
body.news div#appli div.unit-inner p{
font-size: 87.5%;
}
body.news div#appli div.unit-inner p:nth-child(4){
line-height: 2;
}
body.news div#appli div.unit-inner table tr{
border-bottom: 1px solid #03008b;
box-sizing: border-box;
}
body.news div#appli div.unit-inner table th{
width: 145px;
text-align: center;
padding: 0px 10px;
}
body.news div#appli div.unit-inner table td{
margin-left:10px;
font-size: 87.5%;
padding: 1em;
box-sizing: border-box;
}
body.news div#appli div.unit-inner table tr:not(:last-child){margin-bottom: 20px;}
}
@media all and (max-width: 767px) {
body.news div#appli div.unit-inner p{font-size: 83%;}
body.news div#appli div.unit-inner table tr:not(:last-child){display: block;}
body.news div#appli div.unit-inner table th,
body.news div#appli div.unit-inner table td{
display: block;
padding: 5px 5px;
}
body.news div#appli div.unit-inner table th{font-size: 87.5%;}
body.news div#appli div.unit-inner table td{font-size: 83%;padding: 10px;}
body.news div#appli div.unit-inner table td > div.icon{margin: 10px auto 0px;}
body.news div#appli div.unit-inner table td > div.store{margin: 0px auto 10px;}
}

/*	submenu
============================== */
.submenu { margin-bottom:20px;}
.submenu ul li { position: relative; background-color: rgba(229, 179, 109, 1); margin-bottom: 2px;}
.submenu ul li:before { content:""; display:block; background-image:url(../img/cmn_arrow.svg); background-repeat:no-repeat; background-size:16px 100px; background-position:0 -59px; width:16px; height:18px; float:left; margin-right:6px; position:absolute; left:4px; top:50%; margin-top:-9px;}
.submenu ul li a { display:block; color:#000; background-color:hsla(0,0%,100%,0.5); line-height:18px; height:18px; padding:0.5em; margin-left:24px; text-decoration:none; font-size:80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
@media all and (min-width: 768px) {
.submenu ul:before, .submenu ul:after { content: ""; display: table;}
.submenu ul:after { clear: both;}
.submenu ul li { width: 49%; line-height:18px; background-color: rgba(229, 179, 109, 0); margin-bottom:0.1em; float: left; padding-right: 0.9%;}
.submenu ul li:before { background-color:#e5b36d; margin-right: 10px; position:relative; margin-top: 0;}
.submenu { margin-bottom:20px;}
.submenu ul li a { display:block; color:rgba(229, 179, 109, 1); background-color:hsla(0,0%,100%,0); line-height:18px; height:18px; padding:0.5em; padding-top:0; margin-left:24px; font-size:87.5%; letter-spacing: .1em;}
.submenu ul li a:hover { text-decoration:underline;}
}

/*	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%;}