:root{
--ads:36px;
--adf:var(--fz5);
}
.art-rek-inline{
width:100%;
display:flex;
justify-content:center;
margin:var(--gap) 0;
}
.top-page-ad{
margin:var(--gap) auto 0;
}
.art-rek-top{
margin:0 auto var(--gap);
}
.art-rek-in-content{
margin:var(--gap) auto;
}
.art-rek-after-content{
margin:var(--gap) auto 0;
}
.rek-box,
.art-sidebar-rek{
display:flex;
align-items:center;
justify-content:center;
color:var(--tx3);
font-size:var(--fz4);
font-weight:calc(600 + var(--fw-offset));
position:relative;
overflow:hidden;
flex-shrink:0;
}
.rek-box[data-pt-type="leaderboard"]{
flex-direction:row;
}
.rek-box[data-pt-type="rectangle"],
.art-sidebar-rek{
flex-direction:column;
}
.rek-box[data-size="970x250"]{
width:calc(970px + var(--ads) * 2);
height:250px;
}
.rek-box[data-size="970x90"]{
width:calc(970px + var(--ads) * 2);
height:90px;
}
.rek-box[data-size="728x90"]{
width:calc(728px + var(--ads) * 2);
height:90px;
}
.rek-box[data-size="728x48"]{
width:calc(728px + var(--ads) * 2);
height:48px;
}
.rek-box[data-size="468x48"]{
width:468px;
height:48px;
}
.rek-box[data-size="320x50"]{
width:320px;
height:50px;
}
.rek-box[data-size="468x60"]{
width:calc(468px + var(--ads) * 2);
height:60px;
}
.rek-box[data-size="320x100"]{
width:calc(320px + var(--ads) * 2);
height:100px;
flex-direction:row;
}
.rek-box[data-size="300x250"]{
width:300px;
height:calc(250px + var(--ads) * 2);
flex-direction:column;
}
.rek-box[data-size="336x280"]{
width:336px;
height:calc(280px + var(--ads) * 2);
flex-direction:column;
}
.art-rek-label{
background-color:var(--bg3);
color:var(--tx3);
font-size:var(--adf);
font-weight:calc(700 + var(--fw-offset));
text-transform:uppercase;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
user-select:none;
}
.art-rek-label-top,
.art-rek-label-bottom,
.art-sidebar-rek .art-rek-label{
width:100%;
height:var(--ads);
}
.art-rek-label-left,
.art-rek-label-right{
width:var(--ads);
height:100%;
writing-mode:vertical-rl;
text-orientation:mixed;
}
.art-rek-label-left{
transform:rotate(180deg);
}
.rek-box[data-pt-type="leaderboard"] .art-rek-label-top,
.rek-box[data-pt-type="leaderboard"] .art-rek-label-bottom{
display:none;
}
.rek-box[data-pt-type="leaderboard"] .art-rek-label-left,
.rek-box[data-pt-type="leaderboard"] .art-rek-label-right{
font-size:var(--fz5);
font-weight:calc(600 + var(--fw-offset));
}
.rek-box[data-size="468x60"] .art-rek-label-left,
.rek-box[data-size="468x60"] .art-rek-label-right,
.rek-box[data-size="300x50"] .art-rek-label-left,
.rek-box[data-size="300x50"] .art-rek-label-right,
.rek-box[data-size="320x50"] .art-rek-label-left,
.rek-box[data-size="320x50"] .art-rek-label-right,
.rek-box[data-size="728x48"] .art-rek-label-left,
.rek-box[data-size="728x48"] .art-rek-label-right,
.rek-box[data-size="468x48"] .art-rek-label-left,
.rek-box[data-size="468x48"] .art-rek-label-right{
display:none;
}
.rek-box[data-pt-type="rectangle"] .art-rek-label-left,
.rek-box[data-pt-type="rectangle"] .art-rek-label-right{
display:none;
}
.art-rek-inner{
position:relative;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
flex-shrink:0;
}
.art-rek-inner::before{
content:'AD';
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
font-size:var(--fz1);
font-weight:calc(500 + var(--fw-offset));
color:var(--tx3);
z-index:0;
}
.rek-box[data-size="970x250"] .art-rek-inner{
width:970px;
height:250px;
}
.rek-box[data-size="970x90"] .art-rek-inner{
width:970px;
height:90px;
}
.rek-box[data-size="728x90"] .art-rek-inner{
width:728px;
height:90px;
}
.rek-box[data-size="728x48"] .art-rek-inner{
width:728px;
height:48px;
}
.rek-box[data-size="468x48"] .art-rek-inner{
width:468px;
height:48px;
}
.rek-box[data-size="320x50"] .art-rek-inner{
width:320px;
height:50px;
}
.rek-box[data-size="468x60"] .art-rek-inner{
width:468px;
height:60px;
}
.rek-box[data-size="320x100"] .art-rek-inner{
width:320px;
height:100px;
}
.rek-box[data-size="300x250"] .art-rek-inner{
width:300px;
height:250px;
}
.rek-box[data-size="336x280"] .art-rek-inner{
width:336px;
height:280px;
}
.art-rek-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:block;}
.art-rek-img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
z-index:1;
border-radius:0 !important;
border:none;
outline:none;
background:transparent;
}
.art-rek-img[src=""],
.art-rek-img:not([src]){
opacity:0;
}
.art-sidebar{
position:absolute;
top:0;
left:calc(50% + (var(--pw2) / 2) + var(--gap));
width:300px;
visibility:hidden;
}
.art-sidebar-left{
position:absolute;
top:0;
right:calc(50% + (var(--pw2) / 2) + var(--gap));
width:300px;
visibility:hidden;
}
.art-sidebar-sticky{
position:sticky;
top:var(--gap);
}
.art-sidebar-rek{
width:100%;
}
.art-sidebar-rek[data-size="300x600"]{
width:300px;
height:calc(600px + var(--ads) * 2);
}
.art-sidebar-rek[data-size="300x1050"]{
width:300px;
height:calc(1050px + var(--ads) * 2);
}
.art-sidebar-rek[data-size="320x1200"]{
width:320px;
height:calc(1200px + var(--ads) * 2);
}
.art-sidebar-rek[data-size="320x480"]{
width:320px;
height:calc(480px + var(--ads) * 2);
}
.art-sidebar-rek[data-size="160x600"]{
width:160px;
height:calc(600px + var(--ads) * 2);
}
.art-sidebar-rek[data-size="120x600"]{
width:120px;
height:calc(600px + var(--ads) * 2);
}
.art-sidebar-rek .art-rek-inner{
width:100%;
flex:1;
}
.art-sidebar-rek[data-size="300x600"] .art-rek-inner,
.art-sidebar-rek[data-size="160x600"] .art-rek-inner,
.art-sidebar-rek[data-size="120x600"] .art-rek-inner{
height:600px;
}
.art-sidebar-rek[data-size="300x1050"] .art-rek-inner{
height:1050px;
}
.art-sidebar-rek[data-size="320x1200"] .art-rek-inner{
height:1200px;
}
.art-sidebar-rek[data-size="320x480"] .art-rek-inner{
height:480px;
}
.rek-box[data-pt-type="rectangle"][data-size="600x300"]{
width:600px;
height:calc(300px + var(--ads) * 2);
}
.rek-box[data-pt-type="rectangle"][data-size="600x300"] .art-rek-inner{
width:600px;
height:300px;
}
.post .art-rek-inline{
margin:var(--gap) auto;
}
.post .art-rek-inline img.art-rek-img{
margin:0;
padding:0;
border-radius:0;
width:100%;
height:100%;
cursor:default;
}
.art-sidebar.is-hidden,
.art-sidebar-left.is-hidden{
display:none;
}
@media screen and (max-width:1260px){
.art-sidebar,
.art-sidebar-left{
display:none;
}
}