@charset "UTF-8";
@charset "UTF-8";

  @media screen and (min-device-width:768px) {  .video-container{
max-width:100%;
} .video {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
max-width: 100%;
height: auto;
} .video iframe,
.video object,
.video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.eye-catch,
.entry-content {
text-align: center;
} #header-in, #navi-in, #body-in, #footer-in{
width: 1400px;
}
#main {
width: 1075px;
}
#main .entry{
width:316px;
height:420px;
overflow:hidden;
float:left;
clear:none;
margin:10px 10px 0 10px;
}
.entry-thumb img{
width:315px;
margin-bottom:0;
}
} @media only screen and (min-width: 900px) { .wpp-img2 {
position:relative;
display:block;
width:300px;
height:188px;
margin:5px;
padding:0;
background-color:#2e609d;
}
} @media only screen and (max-width: 1279px) { ul.wpp-list {
padding: 0;
}
.wpp-img2 {
position:relative;
display:block;
width:300px;
height:188px;
margin:5px;
padding:0;
background-color:#2e609d;
}
} @media only screen and (max-width: 900px) { .wpp-img2 {
position: relative;
display: inline-block;
width: 300px;
height: 188px;
margin: 5px;
padding: 0;
background-color: #2e609d;
}
} @media only screen and (max-width: 735px) { .wpp-img2 {
position: relative;
display: block;
width: 300px;
height: 188px;
margin: 0 auto;
padding: 0;
background-color: #2e609d;
}
#side aside {
clear: both;
float: none;
width: auto;
position: static;
margin-top: 78px;
}
} @media only screen and (max-width: 570px) { .wpp-img2 {
position: relative;
display: block;
max-width: 300px;
height: 188px;
margin: 0px;
padding: 0;
background-color: #2e609d;
}
} .wpp-img2 img {
z-index:0;
margin:0;
padding:0;
}
.wpp-img2 a {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}
.wpp-img2 a:hover {
color: #b22222;
}
.wpp-img2 img:hover {
filter:alpha(opacity=50);
-moz-opacity: 0.9;
opacity: 0.9;
}
.img_title {
position:absolute;
bottom:0px;
left:0px;
z-index:1;
margin:0;
padding:5px;
background-color:rgba(79,129,189,0.7);
min-width: 290px;
}
.img_title a:hover {
color:#FFFF66;
}
.img_title opa p {
font-size: 15px;
margin-bottom: 0px;
}
.wpp-list {
counter-reset: ranking;
list-style-type: none;
}
.wpp-list div {
clear: both;
position: relative;
margin-bottom: 15px;
font-weight: bold;
}
.wpp-list div::before {
counter-increment: ranking;
content: counter(ranking);
position: absolute;
top: 0;
left: 0;
background-color: rgba(0,0,0,0.6);
text-align: center;
width: 1.7em;
height: 1.7em;
color: #fff;
line-height: 1.7em;
font-size: 16px;
}
.wpp-list div:nth-child(1)::before {
background-color: rgba(230,180,34,0.8);
}
.wpp-list div:nth-child(2)::before {
background-color: rgba(192,192,192,0.8);
}
.wpp-list div:nth-child(3)::before {
background-color: rgba(196,112,34,0.8);
}
p.view_num {
width: 98px;
height: 27px;
z-index: 1;
position: absolute;
top: 8px;
left: 217px;
font-size: 10px;
text-align: center;
color: red;
background-color: #FFE4E1;
transform: rotate(17deg);
}