@charset "UTF-8";
  .rankst-box {
background:#fff; padding:0px; margin-bottom:10px;
} .rankstlink-l2 p a,
.rankstlink-l p a,
.rankstlink-b p a {
font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
background: #039BE5;
color: #fff;
} .rankstlink-r p a,
.rankstlink-r2 p a,
.rankstlink-a p a {
font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
background-color: #e53935;
color: #fff;
}
.rankst-wrap {
margin-bottom: 10px;
}
.rankst {
margin-bottom: 0px;
overflow: hidden;
}
.rankst p {
margin-bottom: 10px;
overflow: hidden;
}
.rankst-cont blockquote {
background-color: transparent;
background-image: none;
padding:0px;
margin-top: 0px;
border: none;
}
.rankst-cont {
margin: 0px;
}
.rankst-contb {
margin-bottom:10px;
}
.rankst-l {
text-align:center;
}
.rankstlink-l {
width: 100%;
text-align: center;
}
.rankstlink-r {
float: right;
width: 100%;
} .st-star {
color:#FFB400;
font-size:15px;
} .rankstlink-l p a {
display: block;
width: 100%;
text-align: center;
padding: 10px;
text-decoration: none;
margin-right: auto;
margin-left: auto;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
font-weight:bold;
}
.rankstlink-l p {
width: 90%;
text-align: center;
margin-right: auto;
margin-left: auto;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
font-weight:bold;
box-shadow: 0 2px 0 #5a5a5a;
position:relative;
}
.rankstlink-l p:hover {
box-shadow: 0 1px 0 #5a5a5a;
top:1px;
}
.rankstlink-l p a:hover {
-moz-opacity: 0.8;
opacity: 0.8;
} .rankstlink-l2 p a {
display: block;
width: 100%;
text-align: center;
padding: 10px;
text-decoration: none;
margin-right: auto;
margin-left: auto;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
font-weight:bold;
box-sizing:border-box;
}
.rankstlink-l2 p {
width: 90%;
text-align: center;
margin-right: auto;
margin-left: auto;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
font-weight:bold;
box-shadow: 0 2px 0 #5a5a5a;
position:relative;
}
.rankstlink-l2 p:hover {
box-shadow: 0 1px 0 #5a5a5a;
top:1px;
}
.rankstlink-l2 p a:hover {
-moz-opacity: 0.8;
opacity: 0.8;
} .rankstlink-b p a {
display: block;
width: 100%;
text-align: center;
padding: 10px;
text-decoration: none;
margin-right: auto;
margin-left: auto;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
font-weight:bold;
}
.rankstlink-b p {
width: 90%;
text-align: center;
margin-right: auto;
margin-left: auto;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
font-weight:bold;
box-shadow: 0 2px 0 #5a5a5a;
position:relative;
}
.rankstlink-b p:hover {
box-shadow: 0 1px 0 #5a5a5a;
top:1px;
}
.rankstlink-b p a:hover {
-moz-opacity: 0.8;
opacity: 0.8;
} .rankstlink-r p a {
display: block;
width: 100%;
text-align: center;
padding: 10px;
text-decoration: none;
margin-right: auto;
margin-left: auto;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
font-weight:bold;
}
.rankstlink-r p {
width: 90%;
margin-right: auto;
margin-left: auto;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: 0 2px 0 #5a5a5a;
position:relative;
}
.rankstlink-r p img{
display:none;
}
.rankstlink-r p:hover {
box-shadow: 0 1px 0 #5a5a5a;
top:1px;
}
.rankstlink-r p a:hover {
-moz-opacity: 0.8;
opacity: 0.8;
} .rankstlink-r2 p a {
display: block;
width: 100%;
text-align: center;
padding: 10px;
text-decoration: none;
margin-right: auto;
margin-left: auto;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
font-weight:bold;
box-sizing:border-box;
}
.rankstlink-r2 p {
width: 90%;
margin-right: auto;
margin-left: auto;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: 0 2px 0 #5a5a5a;
position:relative;
}
.rankstlink-r2 p img{
display:none;
}
.rankstlink-r2 p br{
display:none;
}
.rankstlink-r2 p:hover {
box-shadow: 0 1px 0 #5a5a5a;
top:1px;
}
.rankstlink-r2 p a:hover {
-moz-opacity: 0.8;
opacity: 0.8;
} .rankstlink-r2 .fa,
.rankstlink-l2 .fa {
margin-right: 5px;
} .rankstlink-a p a {
display: block;
width: 100%;
text-align: center;
padding: 10px;
text-decoration: none;
margin-right: auto;
margin-left: auto;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
font-weight:bold;
}
.rankstlink-a p {
width: 90%;
margin-right: auto;
margin-left: auto;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: 0 2px 0 #5a5a5a;
position:relative;
}
.rankstlink-a p img{
display:none;
}
.rankstlink-a p:hover {
box-shadow: 0 1px 0 #5a5a5a;
top:1px;
}
.rankstlink-a p a:hover {
-moz-opacity: 0.8;
opacity: 0.8;
}
.rankst-box .clearfix.rankst .rankst-l a img, .rankst-box .clearfix.rankst .rankst-l iframe {
padding:0;
max-width:100%;
box-sizing: border-box;
margin:0 auto 10px;
}
.rankst-cont p, .rankst-cont,.rankst-contb p, .rankst-contb {
font-size: 16px;
line-height: 25px;
}
.rankst-cont ul, .rankst-cont ol{
padding:10px 20px;
margin-bottom:10px;
}
.post .rankst-cont li {
font-size: 16px;
line-height: 25px;
}
.rankst-cont li {
font-size: 16px;
line-height: 25px;
}
.rankh4, .post .rankh4, #side .rankh4 {
background-repeat: no-repeat;
background-position: left center;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
margin-bottom: 10px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #ABA732;
background-color : transparent ;
color:#000;
font-size: 20px;
line-height: 27px;
}
.post .rankst-cont h4 , .rankst-cont h4 {
background-color:#FCFC88;
padding:10px;
margin-bottom:10px;
} #side .rankst-l,#side .rankst-r{
float:none;
width:100%;
}
#side .rankst-box .clearfix.rankst .rankst-l a img{
float:none;
width:100%;
margin-bottom:10px;
}
#side .rankst-r,#side .rankst-l,#side .rankst-cont{
margin:0;
}
#side .rankst-ls img {
max-width: 100% !important;
margin:0 auto;
}
#side .rankst-ls {
text-align:center;
} @media only screen and (max-width: 959px) {
} @media only screen and (min-width: 600px) {
.rankst-box .clearfix.rankst .rankst-l a img {
padding:0;
margin-bottom:10px;
max-width:100%;
}
.rankst-l {
position:relative;
z-index:2;
} .rankst-cont p, .rankst-cont, .rankst-contb p, .rankst-contb {
font-size: 18px;
line-height: 30px;
}
.post .rankst-cont li {
font-size: 18px;
line-height: 30px;
}
.rankst-wrap li , .rankst-wrap li, .rankst-cont li, .rankst-cont li {
font-size: 18px;
line-height: 30px;
} } @media only screen and (min-width: 960px) {
.rankstlink-l {
float: left;
width: 50%;
}
.rankstlink-r {
float: right;
width: 50%;
} .rankst-cont p, .rankst-cont, .rankst-contb p, .rankst-contb {
font-size: 14px;
line-height: 27px;
}
.post .rankst-cont li {
font-size: 14px;
line-height: 27px;
}
.rankst-wrap li , .rankst-wrap li, .rankst-cont li, .rankst-cont li {
font-size: 14px;
line-height: 27px;
} .colum1 .rankst-r p, .colum1 .rankst-cont {
font-size: 14px;
line-height: 27px;
margin-bottom: 20px;
}
.colum1 .rankst-cont {
margin: 0 0 0 320px;
}
.colum1 .rankst-wrap .rankst-cont li , .colum1 .rankst-cont li{
font-size: 14px;
line-height: 27px;
} .rankstlink-r2 p,.rankstlink-l2 p {
width: 50%;
} }