@charset "UTF-8";
/*----------------------------------
AFFINGERタグ
-----------------------------------*/
/*全体を包むボックス*/
.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;*/
	font-family: 'Noto Sans JP', sans-serif;
	background: #2196F3;
	color: #fff;
}

/*アフィリエイトのリンクボタンカラー*/
.rankstlink-r p a,
.rankstlink-r2 p a,
.rankstlink-a p a {
	/*font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;*/
	font-family: 'Noto Sans JP', sans-serif;
	background-color: #f44336;
	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 #1976D2;
	position:relative;
}

.rankstlink-l p:hover {
	box-shadow: 0 1px 0 #1976D2;
	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 #1976D2;
	position:relative;
}

.rankstlink-l2 p:hover {
	box-shadow: 0 1px 0 #1976D2;
	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 #1976D2;
	position:relative;
}

.rankstlink-b p:hover {
	box-shadow: 0 1px 0 #1976D2;
	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 #d32f2f;
	position:relative;
}

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

.rankstlink-r p:hover {
	box-shadow: 0 1px 0 #d32f2f;
	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 #d32f2f;
	position:relative;
}

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

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

.rankstlink-r2 p:hover {
	box-shadow: 0 1px 0 #d32f2f;
	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 #d32f2f;
	position:relative;
}

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

.rankstlink-a p:hover {
	box-shadow: 0 1px 0 #d32f2f;
	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 Queries タブレットサイズ（959px以下）
----------------------------------------------------*/
@media only screen and (max-width: 959px) {


}

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@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;
	}

	/*AFFINGERタグの文字*/
	.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 Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media only screen and (min-width: 960px) {
	.rankstlink-l {
		float: left;
		width: 50%;
	}

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

	/*AFFINGERタグ説明の文字*/
	.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;
	}

	/*----------------------------------
	AFFINGERタグ-1カラム
	-----------------------------------*/


	.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%;
	}
	#side .rankstlink-r2 p,
	#side .rankstlink-l2 p {
		width: 100%;
	}

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