@charset "UTF-8";
/*----------------------------------
ランク
-----------------------------------*/


.rankst-wrap {
	margin-bottom: 10px;
}

.rankst {
	margin-bottom: 10px;
	overflow: hidden;
}

.rankst-box {
	margin-bottom:0px;
}

.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-l.post, /*ランキング*/
.rankst-l /*ランキングプラグイン*/
{
	text-align:center;
	padding:0 0 20px;
}

.rankstlink-l {
	width: 100%;
	text-align: center;
}

.rankstlink-r {
	float: right;
	width: 100%;
}

/*詳細ページへのリンクボタン*/
.rankstlink-l p a {
	display: block;
	width: 100%;
	box-sizing:border-box;
	text-align: center;
	padding: 10px;
	/*Other Browser*/
	background: #4FC3F7;
	/* Android4.1 - 4.3 */
	background: -webkit-linear-gradient(top,  #4FC3F7 0%,#29B6F6 100%);
	/* IE10+, FF16+, Chrome26+ */
	background: linear-gradient(to bottom,  #4FC3F7 0%,#29B6F6 100%);
	color: #ffffff;
	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 3px 0 #039BE5;
	position:relative;
}

.rankstlink-l p:hover {
	box-shadow: 0 1px 0 #039BE5;
	top:1px;
}

/*投稿用詳細ページリンクボタン*/
.rankstlink-l2 p a {
	display: block;
	width: 100%;
	box-sizing:border-box;
	text-align: center;
	padding: 10px;
	/* Android4.1 - 4.3 */
	background: -webkit-linear-gradient(top,  #4FC3F7 0%,#29B6F6 100%);
	/* IE10+, FF16+, Chrome26+ */
	background: linear-gradient(to bottom,  #4FC3F7 0%,#29B6F6 100%);
	color: #ffffff;
	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 3px 0 #039BE5;
	position:relative;
}

.rankstlink-l2 p:hover {
	box-shadow: 0 1px 0 #039BE5;
	top:1px;
}


/*詳細ページのみ*/

.rankstlink-b p a {
	display: block;
	width: 100%;
	box-sizing:border-box;
	text-align: center;
	padding: 10px;
	/* Android4.1 - 4.3 */
	background: -webkit-linear-gradient(top,  #4FC3F7 0%,#29B6F6 100%);
	/* IE10+, FF16+, Chrome26+ */
	background: linear-gradient(to bottom,  #4FC3F7 0%,#29B6F6 100%);
	color: #ffffff;
	text-decoration: none;
	margin-right: auto;
	margin-left: auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-weight:bold;
}

	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 3px 0 #039BE5;
	position:relative;
}

.rankstlink-b p:hover {
	box-shadow: 0 1px 0 #039BE5;
	top:1px;
}

/*アフィリエイトのリンクボタン*/
.rankstlink-r p a {
	display: block;
	width: 100%;
	box-sizing:border-box;
	text-align: center;
	padding: 10px;
	/* Android4.1 - 4.3 */
	background: -webkit-linear-gradient(top,  #ef5350 0%,#e53935 100%);
	/* IE10+, FF16+, Chrome26+ */
	background: linear-gradient(to bottom,  #ef5350 0%,#e53935 100%);
	color: #ffffff;
	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 3px 0 #b61b17;
	position:relative;
}

.rankstlink-r p img{
	display:none;
}

.rankstlink-r p:hover {
	box-shadow: 0 1px 0 #b61b17;
	top:1px;
}

/*投稿用公式リンク*/
.rankstlink-r2 p a {
	display: block;
	width: 100%;
	box-sizing:border-box;
	text-align: center;
	padding: 10px;
	/* Android4.1 - 4.3 */
	background: -webkit-linear-gradient(top,  #ef5350 0%,#e53935 100%);
	/* IE10+, FF16+, Chrome26+ */
	background: linear-gradient(to bottom,  #ef5350 0%,#e53935 100%);
	color: #ffffff;
	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 3px 0 #b61b17;
	position:relative;
}

.rankstlink-r2 p img{
	display:none;
}

.rankstlink-r2 p br{
	display:none;
}

.rankstlink-r2 p:hover {
	box-shadow: 0 1px 0 #b61b17;
	top:1px;
}

/* 自動挿入されるbrタグの削除 */
.rankstlink-r2 a + br,
.rankstlink-l2 a + br {
	display: none;
}

/*ボタンのアイコン*/
.rankstlink-r2 .fa,
.rankstlink-l2 .st-fa,
.rankstlink-r2 .fa,
.rankstlink-l2 .fa {
	margin-right: 5px;
}

/*アフィリエイトリンクのみ*/

.rankstlink-a p a {
	display: block;
	width: 100%;
	box-sizing:border-box;
	text-align: center;
	padding: 10px;
	/* Android4.1 - 4.3 */
	background: -webkit-linear-gradient(top,  #ef5350 0%,#e53935 100%);
	/* IE10+, FF16+, Chrome26+ */
	background: linear-gradient(to bottom,  #ef5350 0%,#e53935 100%);
	color: #ffffff;
	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 3px 0 #b61b17;
	position:relative;
}

.rankstlink-a p img{
	display:none;
}

.rankstlink-a p:hover {
	box-shadow: 0 1px 0 #b61b17;
	top:1px;
}


.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;
}

.rankh4:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no),
.post .rankh4:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no),
#side .rankh4:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) {
	padding: 15px 20px 15px 60px;
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 20px;
	line-height: 1.3;
	color:#000;
	background-color : transparent ;
			background-image: url(images/oukan.png);
	}


.rankh4:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no):not(.rankh4-sc),
.post .rankh4:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no):not(.rankh4-sc),
#side .rankh4:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no):not(.rankh4-sc) {

			margin-bottom: 10px;
				color:#000;
				background-color : transparent ;
						background-image: url(images/oukan.png);
	}


/* 中見出し */
.rankh3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) {
	position: relative;
	background: #c5bf3b;
	color: #ffffff!important;
	font-size: 18px;
	line-height: 27px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-bottom:none!important;
	text-align:center;
}


.rankh3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no)::before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -10px;
	border: 10px solid transparent;
	border-top: 10px solid #c5bf3b;
}

/* ランキングウィジェット */
.rankwidgets-poprank img:first-of-type {
	display: block;
	width: 100%;
}

/* フッター */
#footer .st_rankside {
    margin-bottom: 10px;
}

#footer .st_side_rankwidgets {
    margin-bottom: 20px;
}

#footer .rankh3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) {
background-color: transparent;
    margin-bottom: 0;
    padding:0 0 10px 0;
    text-align: left;
}

#footer .rankh3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no)::before {
    content: none;
}

#footer .rankwidgets-item {
f    ont-size: 110%;
line-height: 1.3;
padding-top:5px;
}
#footer .rankwidgets-item .st-star {
    font-size: 80%;
}

#footer .st_rankside_all {
margin-left:10px;
padding-left: 45px;
}

/* スライドメニュー内 */
#s-navi dl.acordion .rankh3.rankwidgets-title {
	font-size:90%;
	line-height:1.5;
	margin-bottom:20px;
	padding:10px;
}

#s-navi dl.acordion .rankwidgets-item {
	font-size:90%;
	line-height:1.5;
}

.post .rankst-cont h4:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no),
.rankst-cont h4:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) {
background-color:#FCFC88;
padding:10px;
margin-bottom:10px;
}

/*コンテンツ内の見出し*/
.post .rankst-cont h2:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no),
.post .rankst-cont h3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no),
.post .rankst-cont h4:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no),
.post .rankst-cont h5:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) {
	margin-top: 0;
}

/*ランキングナンバー*/

.rankh4.rankno-1:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no),
.post .rankh4.rankno-1:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no),
#side .rankh4.rankno-1:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no),
.rankid1 .rankh4:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no),
.post .rankid1 .rankh4:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no),
#side .rankid1 .rankh4:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) {
						background-image: url(images/oukan1.png);
			}

.rankh4.rankno-2:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no),
.post .rankh4.rankno-2:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no),
#side .rankh4.rankno-2:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no),
.rankid2 .rankh4:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no),
.post .rankid2 .rankh4:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no),
#side .rankid2 .rankh4:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) {
						background-image: url(images/oukan2.png)!important;
			}

.rankh4.rankno-3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no),
.post .rankh4.rankno-3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no),
#side .rankh4.rankno-3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no),
.rankid3 .rankh4:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no),
.post .rankid3 .rankh4:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no),
#side .rankid3 .rankh4:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) {
						background-image: url(images/oukan3.png)!important;
			}

.rankh4.rankno-4:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no),
.post .rankh4.rankno-4:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no),
#side .rankh4.rankno-4:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no),
.rankid-normal .rankh4:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no),
.post .rankid-normal .rankh4:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no),
#side .rankid-normal .rankh4:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) {
			background-image: url(images/oukan4.png);
	}

/*サイドバー*/

#side .rankst-l,#side .rankst-r{
	float:none;
	width:100%;
}

#side .rankst-box .clearfix.rankst .rankst-l a img{
	float:none;
	width:100%;
}

#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;
}

/*----------------------------------
サイドバーウィジェットランキング
-----------------------------------*/

.rankh3.rankwidgets-title:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) {
    font-weight: bold;
	margin-bottom: 25px;
}

#side .rankh3.rankwidgets-title:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) {
	font-size: 18px;
	line-height: 30px;
	padding-top: 10px;
    padding-bottom: 10px;
}

.rankwidgets-poprank {
	position: relative;
	width:100px;
	float:left;
}

.st_rankside {
	overflow: hidden;
	margin-bottom:15px;
}

.st_rankside_r{
	float: right;
	width: 100%;
	margin-right:-110px;
	padding-right: 110px;
	box-sizing: border-box;
}

.rankwidgets-no {
    /* font-family: 'Montserrat', sans-serif; */
    position: absolute;
    top: 0;
    left: 0;
    padding: 2px 8px;
    background: #78909C;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
}

.rankwidgets-item {
	margin-bottom: 0;
}

.rankwidgets-item a {
	font-weight: bold;
	color: #1a1a1a;
}

/*ランキング*/
.rankwidgets-side-rank1 {
    background: #c4bf2c;
}
.rankwidgets-side-rank2 {
    background: #9E9E9E;
}
.rankwidgets-side-rank3 {
    background: #795548;
}

/*説明*/
.rankwidgets-cont p,
.rankwidgets-cont a{
	margin-bottom: 0;
	line-height: 1.3;
	font-size: 80%;
}

/*バナー画像が無い場合*/
.st_rankside_all {
	padding-left: 50px;
	background-repeat: no-repeat;
    background-position: left center;
	background-image: url(images/oukan_side4.png);
}

.st_rankside1 .st_rankside_all {
	background-image: url(images/oukan_side1.png);
}
.st_rankside2 .st_rankside_all {
	background-image: url(images/oukan_side2.png);
}
.st_rankside3 .st_rankside_all {
	background-image: url(images/oukan_side3.png);
}

/*media Queries スマホとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {


}

/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {

	/*ランキング大見出し*/
	.rankh3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) {
		font-size: 110%;
    	line-height: 1.5;
		padding:15px;
	}

	#side .rankst-box .clearfix.rankst .rankst-l a img {
		float: left;
		padding:0;
		margin:0!important;
	}

	#side .rankst-cont {
		margin: 0 0 0 165px;
	}

	#side .rankst-r {
		position:relative;
		z-index:1;
		float: right;
		width: 100%;
		margin: 0 0 0 -150px;
	}

	#side .rankst-l {
		position:relative;
		z-index:2;
		float: left;
		width: 150px;
	}

	#side .rankstlink-l {
		float: left;
		width: 50%;
	}

	#side .rankstlink-r {
		float: right;
		width: 50%;
	}

/*-- ここまで --*/
}

/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {

	.rankst-box .clearfix.rankst .rankst-l a img {
		float: left;
		padding:0;
		margin:0!important;
	}

	.rankst-cont {
		margin: 0 0 0 165px;
	}

	.rankst-r {
		position:relative;
		z-index:1;
		float: right;
		width: 100%;
		margin: 0 0 0 -150px;
	}

	.rankst-l {
		position:relative;
		z-index:2;
		float: left;
		width: 150px;
	}

	
	/*-- ここまで --*/
}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {

	#side .rankh3.rankwidgets-title:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) {
		font-size: 14px;
		line-height: 25px;
		padding-top: 5px;
    	padding-bottom: 5px;
	}

	.rankstlink-l {
		float: left;
		width: 50%;
	}

	.rankstlink-r {
		float: right;
		width: 50%;
	}

	#side .rankstlink-l,
	#side .rankstlink-r {
    	float: none;
    	width: 100%;
	}

	/*----------------------------------
	ランク-1カラム
	-----------------------------------*/
	.colum1 .rankst-r {
		float: right;
		width: 100%;
		margin: 0 0 0 -320px;
	}

	.colum1 .rankst-l {
		float: left;
		width: 300px;
	}

	.colum1 .rankst-cont {
		margin: 0 0 0 320px;
	}

	/*投稿用ボタンリンク*/
	.rankstlink-r2 p,
	.rankstlink-l2 p {
		width: 50%;
	}
	#side .rankstlink-r2 p,
	#side .rankstlink-l2 p {
		width: 100%;
	}

	/*-- ここまで --*/
}

/*media Queries スマホのみ（600px）以下
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 599px) {
	.rankst-box .clearfix.rankst .rankst-l a img {
		float: none;
		width: 100%;
	}

/*-- ここまで --*/
}