@charset "UTF-8";
.slick-next{
right:0!important;
}
.slick-prev{
left:0!important;
}
.st-middle-menu .menu > li {
width:50%;
}
.st-middle-menu .menu li a{
font-size:90%;
}
.poprank-no2, .poprank-no {
border-radius: 50%;
}
.sns {
width: 100%;
text-align:center;
}
.sns li a {
margin:0;
}
.post .sns ul,
.sns ul {
margin:0 auto;
width:290px;
}
.snstext{
display:none;
}
.snscount{
display:none;
}
.sns li {
float: left;
list-style: none;
width: 40px;
margin-right: 10px;
position: relative;
}
.sns li:last-child {
margin-right: 0px;
}
.sns li i {
font-size: 19px!important;
}
.sns li a {
border-radius: 0;
box-sizing: border-box;
color: #fff;
font-size: 19px;
height: 40px;
width: 40px;
padding: 0;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.sns li a .fa {
padding: 0;
border: 0;
height: auto;
}
/* ツイッター */
.sns .twitter a {
box-shadow: none;
}
.sns .twitter a:hover {
background:#4892cb;
box-shadow: none;
}
.sns .fa-twitter::before {
position: relative;
top:1px;
left: 1px;
}
/* Facebook */
.sns .facebook a {
box-shadow: none;
}
.sns .facebook a:hover {
background:#2c4373;
box-shadow: none;
}
.sns .fa-facebook::before {
position: relative;
top:1px;
}
/* グーグル */
.sns .googleplus a {
box-shadow: none;
}
.sns .googleplus a:hover {
background:#d51e31;
box-shadow: none;
}
.sns .fa-google-plus::before {
position: relative;
left: 1px;
}
/* はてぶ */
.sns .hatebu a {
box-shadow: none;
}
.sns .hatebu a:hover {
box-shadow: none;
background:#00a5de;
}
.sns .st-svg-hateb::before {
border-right:none;
padding-right:0;
font-size:19px!important;
}
.sns .st-svg-hateb::before {
position: relative;
left: 1px;
}
/* LINE */
.sns .line a {
box-shadow: none;
}
.sns .line a:hover {
background:#219900;
box-shadow: none;
}
.sns .fa-comment::before {
position: relative;
left: 1px;
top: -1px;
}
/* Pocket */
.sns .pocket a {
box-shadow: none;
}
.sns .pocket a:hover {
background:#F27985;
box-shadow: none;
}
.sns .fa-get-pocket::before {
position: relative;
top: 1px;
}
/* アドセンス */
.adbox,
.adbox div {
padding: 0!important;
}
#headbox {
padding: 10px!important;
}
.rankh4:not(.st-css-no),
.post .rankh4:not(.st-css-no),
#side .rankh4:not(.st-css-no),
.originalbtn-bold,
.post h2:not(.st-css-no),
.post h2:not(.st-css-no) span,
.post h3:not(.st-css-no),
.post h3:not(.st-css-no) span,
.entry-title:not(.st-css-no),
.post .entry-title:not(.st-css-no) {
font-family: 'Noto Sans JP', sans-serif;
}
/*サイドバーカテゴリ（階層未対応）*/
#side li.cat-item::after {
content: " \f105";
font-family: FontAwesome;
position: absolute;
right: 10px;
}
#side li.cat-item {
position: relative;
vertical-align: middle;
width:100%;
padding: 10px;
box-sizing:border-box;
border-bottom:1px dotted #ccc;
}
#side li.cat-item a {
color:#1a1a1a;
text-decoration:none;
}
#side li.cat-item a:hover {
color:#ccc;
}
/*スライドメニュー追加ボタン2*/
#s-navi dt.trigger .acordion_extra_2 {
max-width: 80%;
}
/*media Queries タブレットサイズ（959px以下）
----------------------------------------------------*/
@media only screen and (max-width: 959px) {
}
/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {
.kanren dt {
float: left;
width: 150px;
}
.kanren dt img {
width: 150px;
}
.kanren dd,
.kanren.st-cardbox dd {
padding-left: 165px;
}
.st-cardstyleb .kanren.st-cardbox dd,
#magazine .kanren dd {
padding-left: 20px;
}
/*view数*/
.st-wppviews-label .wpp-views,
.st-wppviews-label .wpp-views-limit {
font-size: 90%;
}
/*-- ここまで --*/
}
/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media only screen and (min-width: 960px) {
/*--------------------------------
全体のサイズ
---------------------------------*/
#st-menuwide, /*メニュー*/
nav.smanone,
nav.st5,
#st-menuwide div.menu,
#st-menuwide nav.menu,
#st-header, /*ヘッダー*/
#content, /*コンテンツ*/
#footer-in /*フッター*/
{
max-width:1060px;
}
#headbox
{
max-width:1040px;
}
/*1カラムの幅のサイズ*/
.colum1 #content {
max-width: 1060px;
}
/*--------------------------------
PCのレイアウト（右サイドバー）
---------------------------------*/
#contentInner {
float: left;
width: 100%;
margin-right: -300px;
}
main {
margin-right: 320px;
margin-left: 0px;
background-color: #fff;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
padding: 30px 50px 30px;
}
#side aside {
float: right;
width: 300px;
padding: 0px;
}
/**
* サイト名とキャッチフレーズ有無の調整
*/
#header-r .footermenust {
margin: 0;
}
/*-- ここまで --*/
}