/*
カスタム CSS へようこそ!

CSS (カスケーディングスタイルシート)
は、ブラウザに対し Web
ページの表示方法を指定するためのコードです。このコメントを削除し、カスタマイズを始めることができます。

デフォルトでは、ここで指定したカスタムスタイルはテーマのスタイルシートが読み込まれた後に追加されます。つまり、デフォルトの
CSS
ルールを上書きできるということです。テーマのスタイルシートの内容をここにコピーする必要はありません。追加したい内容だけを書き込んでください。
*/

.redfont {
	color: red;
	font-weight: bold;
}
/**************************************************************
【LINEトーク風】
https://moriawase.net/kaiwa-text
**************************************************************/

/* 全体のスタイル */

.kaiwa {
	margin-bottom: 40px;
}
/* 左画像 */

.kaiwa-img-left {
	margin: 0;
	float: left;
	width: 60px;
	height: 60px;
}
/* 右画像 */

.kaiwa-img-right {
	margin: 0;
	float: right;
	width: 60px;
	height: 60px;
}
.kaiwa figure img {
	width: 100%;
	height: 100%;
	border: 1px solid #aaa;
	border-radius: 50%;
	margin: 0;
}
/* 画像の下のテキスト */

.kaiwa-img-description {
	padding: 5px 0 0;
	font-size: 10px;
	text-align: center;
}
/* 左からの吹き出しテキスト */

.kaiwa-text-right {
	position: relative;
	margin-left: 80px;
	padding: 10px;
	border-radius: 10px;
	background-color: #eee;
}
/* 右からの吹き出しテキスト */

.kaiwa-text-left {
	position: relative;
	margin-right: 100px;
	padding: 10px;
	border-radius: 10px;
	background-color: #7d6;
}
p.kaiwa-text {
	margin: 0 0 20px;
}
p.kaiwa-text:last-child {
	margin-bottom: 0;
}
/* 左の三角形を作る */

.kaiwa-text-right:before {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	border-right: 10px solid #eee;
	top: 15px;
	left: -20px;
}
.kaiwa-text-right:after {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	border-right: 10px solid #eee;
	top: 15px;
	left: -19px;
}
/* 右の三角形を作る */

.kaiwa-text-left:before {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	top: 15px;
	right: -20px;
}
.kaiwa-text-left:after {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	border-left: 10px solid #7d6;
	top: 15px;
	right: -19px;
}
/* 回り込み解除 */

.kaiwa:after, .kaiwa:before {
	clear: both;
	content: "";
	display: block;
}
/************************************
** ポイントボックス
************************************/

.point_box {
	border: 2px solid #da4033;
	border-radius: 4px;
	margin: 1em 0;
	padding: 1em;
	position: relative;
	font-size: 100%;
}
.point_box::before {
	background-color: #fff;
	color: #da4033;
	content: "POINT";
	font-weight: 700;
	left: 1em;
	padding: 0 .5em;
	position: absolute;
	top: -1em;
}
.aff_btn_red {
	width: 90%;
	font-size: 32px;
	font-weight: 700;
	text-decoration: none;
	display: block;
	text-align: center;
	margin-left: 5%;
	line-height: 1.3;
	padding: 8px 0 10px;
	background-color: #49a9d4;
	border-radius: 5px;
	color: #fff;
	box-shadow: 4px 4px #963634;
	text-shadow: 0 -1px #963634;
	background-image: -moz-linear-gradient(top, #66cb00 0%, #669a00);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eb5350), to(#eb5350));
}
.aff_btn_red_s {
	font-size: 24px;
}
a.aff_btn_red:link {
	color: #fff !important;
}
a.aff_btn_red:visited {
	color: #fff !important;
}
a.aff_btn_red:hover {
	color: #fff !important;
}
a.aff_btn_red:active {
	color: #fff !important;
}
@media screen and (max-width:768px) {
	.aff_btn_red {
		font-size: 24px;
	}
	.aff_btn_red_s {
		font-size: 14px;
	}
}
@media screen and (max-width:480px) {
	.aff_btn_red {
		font-size: 18px;
	}
	.aff_btn_red_s {
		font-size: 14px;
	}
}
.aff_btn_blue {
	width: 90%;
	font-size: 32px;
	font-weight: 700;
	text-decoration: none;
	display: block;
	text-align: center;
	margin-left: 5%;
	line-height: 1.3;
	padding: 8px 0 10px;
	background-color: #49a9d4;
	border-radius: 5px;
	color: #fff;
	box-shadow: 4px 4px #1d77a0;
	text-shadow: 0 -1px #1d77a0;
	background-image: -moz-linear-gradient(top, #66cb00 0%, #669a00);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#29a7e1), to(#29a7e1));
}
.aff_btn_blue_s {
	font-size: 24px;
}
a.aff_btn_blue:link {
	color: #fff !important;
}
a.aff_btn_blue:visited {
	color: #fff !important;
}
a.aff_btn_blue:hover {
	color: #fff !important;
}
a.aff_btn_blue:active {
	color: #fff !important;
}
@media screen and (max-width:768px) {
	.aff_btn_blue {
		font-size: 24px;
	}
	.aff_btn_blue_s {
		font-size: 14px;
	}
}
@media screen and (max-width:480px) {
	.aff_btn_blue {
		font-size: 18px;
	}
	.aff_btn_blue_s {
		font-size: 14px;
	}
}
/*--------------------------------
スマホのフッターランキング
http://storyinvention.com/smaho-kotei-footer
---------------------------------*/

.footer_ranking_holdout {
	margin: 3px auto;
	padding: 3px;
	width: 100%;
	overflow: hidden;
	border-top: solid 1px #3e8dd4;
}
ul.footer_ranking_hold {
	margin: 3px auto;
	padding: 3px;
	width: 100%;
	display: table;
}
ul.footer_ranking_hold li {
	margin: 0;
	padding: 0;
	display: table-cell;
	vertical-align: middle;
	list-style-type: none;
	font-size: 15px;
}
ul.footer_ranking_hold li a i {
	font-size: 12px;
}
ul.footer_ranking_hold li a {
	border: none;
	display: block;
	color: #3e8dd4;
	text-align: center;
	line-height: 1.5em;
}
.footer_ranking_holdout {
	position: fixed;
	bottom: 0;
	left: 0;
	background: #fff;
	color: #fb1678;
	z-index: 9999999999;
	-moz-opacity: .9;
	opacity: .9;
}
/*●チェックリスト（リストタグ）*/

ul.checklist {
	padding: 1em;
	padding-bottom: 0;
	/*	border: 1px solid #414141;*/
	border: 1px dashed #F5A9A9;
	background-color: #FBF8EF;
}
ul.checklist li {
	margin-bottom: 1.5em;
	/*padding-top: 5px;*/
	font-size: 15px;
	padding-left: 24px;
	background: url(wp-content/themes/opinion_tcd018/img/icon-check01-red.png) left top no-repeat;
	list-style-type: none;
}
/**************************************************************
【引用元の明示】
**************************************************************/

a.inyolink {
	font-size: 10pt;
	color: #808080 !important;
}
/**************************************************************
【小見出しのCSS】
**************************************************************/

.post h2 {
	border-left: 7px solid #27ae60;
	border-bottom: 1px solid #27ae60;
	padding: .6em .8em;
}
.post h3 {
	border-left: 7px solid #27ae60;
	border-bottom: 1px solid #27ae60;
	padding: .6em .8em;
}
.post h4 {
	border-bottom: 1px solid #27ae60;
	padding: .6em .8em;
}
.footer h3 {
	background: #27ae60;
	color: #fff;
	padding: .6em .8em;
}
/**************************************************************
iframe
**************************************************************/

iframe {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
}
/**************************************************************
adsense 真ん中に
**************************************************************/

.ad-center {
	text-align: center;
}
/**************************************************************
比較ページ
**************************************************************/

.rvw-md {
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	padding: .6em .8em;
	margin: 0;
	background: url(wp-content/themes/opinion_tcd018/img/bg_product_sub.png);
}
.sinchaku {
	position: relative;
	padding: 8px 10px;
	border-top: 1px solid #c5c5c5;
	background-color: #efefef;
	font-weight: bold;
	font-size: 16px;
	line-height: 16px;
	margin: 0;
}
.reviewer-rating.rtg-6 {
	padding-left: 89px;
}
.reviewer-rating {
	display: inline-block;
	background: url(wp-content/themes/opinion_tcd018/img/ico_5star.png) no-repeat;
	background-size: 100px 133px;
	color: #755;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.25;
}
/* headline */

.hikaku {
	border-left: 7px solid #b6dbd3;
	border-bottom: 1px solid #b6dbd3;
	clear: both;
	padding: .6em .8em;
	line-height: 1.2;
	font-weight: 600;
	font-size: 130%;
	margin: 0 0 24px;
}
/**************************************************************
比較ページ吹き出し
**************************************************************/

.arrow_answer, .arrow_question {
	position: relative;
	background: #fff;
	border: 1px solid #c8c8c8;
	padding: 30px 25px;
	border-radius: 10px;
	width: 70%;
	font-size: 15px;
}
.arrow_question {
	float: right;
	margin-right: 20px;
}
.arrow_answer:after, .arrow_answer:before, .arrow_question:after, .arrow_question:before {
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_question:after, .arrow_question:before {
	right: 100%;
}
.arrow_answer:after, .arrow_answer:before {
	left: 100%;
}
.arrow_answer:after, .arrow_question:after {
	border-color: rgba(255, 255, 255, 0);
	border-width: 15px;
	margin-top: -15px;
}
.arrow_answer:after {
	border-left-color: #fff;
}
.arrow_question:after {
	border-right-color: #fff;
}
.arrow_answer:before, .arrow_question:before {
	border-color: rgba(200, 200, 200, 0);
	border-width: 16px;
	margin-top: -16px;
}
.arrow_answer:before {
	border-left-color: #c8c8c8;
}
.arrow_question:before {
	border-right-color: #c8c8c8;
}
.question_image {
	float: left;
	vertical-align: middle;
}
.answer_image {
	float: right;
	margin-right: 20px;
}
.answer_image img, .question_image img {
	border-radius: 50px;
}
.question_Box {
	margin-bottom: 25px;
	overflow: hidden;
}
/**************************************************************
蛍光マーカー
**************************************************************/

strong {
	background: linear-gradient(transparent 0%, #ffff66 0%);
}
strong.yellow_maker {
	background: linear-gradient(transparent 0%, #ffff66 0%);
}
strong.blue_maker {
	background: linear-gradient(transparent 80%, #66ccff 80%);
}
strong.red_maker {
	background: linear-gradient(transparent 80%, rgb(255, 170, 170) 80%);
}
/**************************************************************
フラットデザインボタン
**************************************************************/

.btn_03 {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	border-radius: 10px;
	background-color: #fe5151;
	color: #fff !important;
}
.btn_03 a:visited {
	background-color: #fc6e71;
	border-radius: 10px;
	color: #fff !important;
}
.btn_03 a:hover {
	background-color: #fc6e71;
	border-radius: 10px;
	color: #fff !important;
}
.btn_green {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	border-radius: 10px;
	background-color: #2ecc71;
	color: #fff !important;
}
.btn_green a:visited {
	background-color: #27ae60;
	border-radius: 10px;
	color: #fff !important;
}
.btn_green a:hover {
	background-color: #27ae60;
	border-radius: 10px;
	color: #fff !important;
}
.btn {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	display: block;
	color: #fff;
	text-align: center;
	text-decoration: none;
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	width: 100%;
}
/**************************************************************
ランキング
**************************************************************/

ul li, ol li {
	list-style: none;
}
.listRow {
	margin-right: 5px;
}
.listRow li {
	position: relative;
	padding: 10px 7px 10px 16px;
	border-bottom: 1px dotted #e6e6e6;
}
.listRow .listRanking, .listRow .ranking1st, .listRow .ranking2nd, .listRow .ranking3rd {
	position: absolute;
	display: block;
	top: 9px;
	left: 5px;
	text-align: center;
	height: 90px;
	width: 90px;
	margin: 0 5px;
	line-height: 30px;
	font-size: 18px;
	font-weight: bold;
	color: #666666;
	vertical-align: middle;
}
.listRow .ranking1st {
	background: url(http://xn--line-3p4cvbwq.com/wp-content/uploads/2016/08/rank11.png);
	background-repeat: no-repeat;
}
.listRow .ranking2nd {
	background: url(http://xn--line-3p4cvbwq.com/wp-content/uploads/2016/08/rank21.png);
	background-repeat: no-repeat;
}
.listRow .ranking3rd {
	background: url(http://xn--line-3p4cvbwq.com/wp-content/uploads/2016/08/rank31.png);
	background-repeat: no-repeat;
}
.listRow a {
	display: block;
	padding: 0 0 0 90px;
	font-weight: bold;
	font-size: 1.3em;
}
/*
- Table Contents -
1.0 - commons 
2.0 - containers
3.0 - headings
4.0 - lists
5.0 - tables
6.0 - forms
7.0 - links
8.0 - typographys
9.0 - embededs
10.0 - headers footers
11.0 - mains sidebars
12.0 - pc devices
13.0 - tablet devices
141.0 - mobile devices
15.0 - alignments
16.0 - cleanings
17.0 - customs
*/

/*1.0 - commons
****************************************************************************/

* {
	font-family: ;
	word-wrap: normal;
	word-break: break-all;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
a img {
	border: none;
}
/*2.0 - containers
****************************************************************************/

body {
	position: relative;
	padding-bottom: 800px;
}
#rank_wrapper {
	width: auto;
	max-width: 1336px;
	height: auto;
	margin: auto;
}
#rank_inner_wrapper {
	width: 1000px;
	margin: auto;
}
#rank_header {
	width: 100%;
	height: auto;
	border-bottom: solid 5px silver;
}
#rank_inner_header {
	position: relative;
	width: 1000px;
	height: 170px;
	margin: auto;
}
#rank_menu {
	width: 1000px;
	margin: auto;
	position: absolute;
	bottom: -5px;
}
#rank_breadcrumb {}
#rank_main {
	float: left;
	width: 630px;
	height: auto;
	margin-right: 25px;
	position: relative;
	padding-top: 30px;
	padding-bottom: 150px;
}
#rank_sidebar {
	float: left;
	width: 100%;
	max-width: 345px;
	height: auto;
	padding-top: 60px;
}
#rank_footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	clear: both !important;
	background: #fff;
}

/**/

/*3.0 - headings
****************************************************************************/

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
/**/

/*4.0 - lists
****************************************************************************/

ul {}
ol {}
li {}
dl {}
dt {}
dd {}
/**/

/*5.0 - tables
****************************************************************************/

table {}
thead {}
tbody {}
tfoot {}
tr {}
th {}
td {}
caption {}
colgroup {}
col {}
/**/

/*6.0 - forms
****************************************************************************/

form {}
filedset {}
legend {}
input {}
textarea {}
/**/

/*7.0 - links
****************************************************************************/

a:link {}
a:hover {}
a:active {}
a:visited {}
/**/

/*8.0 - typographys
****************************************************************************/

p {}
pre {}
code {}
cite {}
strong {}
blockquote {}
q {}
b {}
i {}

s {}
small {}
sub {}
sup {}
strike {}
dfn {}
abbr {}
time {}
var {}
samp {}
kbd {}
mark {}
ruby {}
rt {}
rp {}
bdo {}
wbr {}
ins {}
del {}
address {}
/**/

/*9.0 - embededs
****************************************************************************/

img {}
iframe {}
object {}
embed {}
video {}
audio {}
source {}
parame {}
canvas {}
map {}
area {}
/**/

/*10.0 - headers footers
****************************************************************************/

/*header*/

#rank_header h1 {
	font-size: 10px;
	font-weight: normal;
	padding: 3px;
}
#rank_logo {
	width: 240px;
	height: 68px;
	background: silver;
	margin-top: 15px;
	overflow: hidden;
}
#rank_menu ul {
	list-style: none;
	border-bottom: 5px solid pink;
	height: 40px;
	border-right: solid 1px silver;
}
#rank_menu ul li {
	cursor: pointer;
	float: left;
	width: 16.5%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-left: solid 1px silver;
}
#rank_menu ul li:nth-child(6) {}
#rank_breadcrumb {
	width: auto;
	padding: 5px;
}
#rank_breadcrumb ul {
	list-style: none;
}
#rank_breadcrumb ul li {
	float: left;
	padding: 5px;
}
#footer_navi {
	width: 1000px;
	margin: auto;
}
#rank_footer_link {
	width: 1000px;
	margin: auto;
}
#rank_footer_copy_right {
	width: 1000px;
	margin: auto;
}
/*footer*/

#rank_footer_navi {
	width: 1000px;
	margin: auto;
	border: solid 2px silver;
}
#rank_footer_list1 {
	margin: 35px;
}
#rank_footer_list1 h3 {
	font-size: 15px;
	padding-bottom: 5px;
	border-bottom: dotted 1px silver;
	border-left: solid 5px pink;
	text-indent: 5px;
}
#rank_footer_list1 ul {
	list-style: none;
}
#rank_footer_list1 ul li {
	float: left;
	border-right: solid 1px silver;
	padding-right: 10px;
	margin-top: 5px;
}
#rank_footer_list2 {
	margin: 35px;
}
#rank_footer_list2 h3 {
	font-size: 15px;
	padding-bottom: 5px;
	border-bottom: dotted 1px silver;
	border-left: solid 5px pink;
	text-indent: 5px;
}
#rank_footer_list2 ul {
	list-style: none;
}
#rank_footer_list2 ul li {
	float: left;
	border-right: solid 1px silver;
	padding-right: 10px;
	margin-top: 5px;
}
#rank_footer_list3 {
	margin: 35px;
}
#rank_footer_list3 h3 {
	font-size: 15px;
	padding-bottom: 5px;
	border-bottom: dotted 1px silver;
	border-left: solid 5px pink;
	text-indent: 5px;
}
#rank_footer_list3 ul {
	list-style: none;
}
#rank_footer_list3 ul li {
	float: left;
	border-right: solid 1px silver;
	padding-right: 10px;
	margin-top: 5px;
}
#rank_footer_list4 {
	margin: 35px;
}
#rank_footer_list4 h3 {
	font-size: 15px;
	padding-bottom: 5px;
	border-bottom: dotted 1px silver;
	border-left: solid 5px pink;
	text-indent: 5px;
}
#rank_footer_list4 ul {
	list-style: none;
}
#rank_footer_list4 ul li {
	float: left;
	border-right: solid 1px silver;
	padding-right: 10px;
	margin-top: 5px;
}
#rank_footer_list5 {
	margin: 35px;
}
#rank_footer_list5 h3 {
	font-size: 15px;
	padding-bottom: 5px;
	border-bottom: dotted 1px silver;
	border-left: solid 5px pink;
	text-indent: 5px;
}
#rank_footer_list5 ul {
	list-style: none;
}
#rank_footer_list5 ul li {
	float: left;
	border-right: solid 1px silver;
	padding-right: 10px;
	margin-top: 5px;
}
#rank_footer_list6 {
	margin: 35px;
}
#rank_footer_list6 h3 {
	font-size: 15px;
	padding-bottom: 5px;
	border-bottom: dotted 1px silver;
	border-left: solid 5px pink;
	text-indent: 5px;
}
#rank_footer_list6 ul {
	list-style: none;
}
#rank_footer_list6 ul li {
	float: left;
	border-right: solid 1px silver;
	padding-right: 10px;
	margin-top: 5px;
}
#rank_footer_list7 {
	margin: 35px;
}
#rank_footer_list7 h3 {
	font-size: 15px;
	padding-bottom: 5px;
	border-bottom: dotted 1px silver;
	border-left: solid 5px pink;
	text-indent: 5px;
}
#rank_footer_list7 ul {
	list-style: none;
}
#rank_footer_list7 ul li {
	float: left;
	border-right: solid 1px silver;
	padding-right: 10px;
	margin-top: 5px;
}
#rank_footer_link {
	margin-top: 30px;
	border-top: 5px solid pink;
}
#rank_footer_link ul {
	list-style: none;
	margin: 20px auto 15px;
	width: 380px;
}
#rank_footer_link ul li {
	float: left;
	text-align: center;
}
#rank_footer_copyright {
	text-align: center;
	margin-bottom: 30px;
}
address {
	font-style: normal;
}
/**/

/*11.0 - mains sidebars
****************************************************************************/

/*main*/

#rank_pagetop {
	position: absolute;
	bottom: 0;
	right: 0;
}
.rank_main_heading {
	padding: 20px;
}
#rank_main_text {
	padding: 5px;
	background: #faf0f5;
	margin-bottom: 30px;
}
.rank_main_entry {
	border: solid 1px silver;
	border-radius: 10px;
	background: #fff;
	min-height: 240px;
	height: auto;
	margin-bottom: 40px;
}
.rank_star {
	display: inline-block;
	padding-left: 15px;
	padding-right: 15px;
}
#main_rank1 .rank_num {
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 50px;
	height: 50px;
	background: url(wp-content/themes/opinion_tcd018/imgs/rm_heading1.png) no-repeat center center;
	background-size: cover;
	text-align: center;
	line-height: 50px;
	font-weight: bold;
}
#main_rank2 .rank_num {
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 50px;
	height: 50px;
	background: url(wp-content/themes/opinion_tcd018/imgs/rm_heading2.png) no-repeat center center;
	background-size: cover;
	text-align: center;
	line-height: 50px;
	font-weight: bold;
}
#main_rank3 .rank_num {
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 50px;
	height: 50px;
	background: url(wp-content/themes/opinion_tcd018/imgs/rm_heading3.png) no-repeat center center;
	background-size: cover;
	text-align: center;
	line-height: 50px;
	font-weight: bold;
}
#main_rank4 .rank_num {
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 50px;
	height: 50px;
	background: silver;
	text-align: center;
	line-height: 50px;
	font-weight: bold;
	border-radius: 5px;
}
#main_rank5 .rank_num {
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 50px;
	height: 50px;
	background: silver;
	text-align: center;
	line-height: 50px;
	font-weight: bold;
	border-radius: 5px;
}
#main_rank6 .rank_num {
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 50px;
	height: 50px;
	background: silver;
	text-align: center;
	line-height: 50px;
	font-weight: bold;
	border-radius: 5px;
}
#main_rank7 .rank_num {
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 50px;
	height: 50px;
	background: silver;
	text-align: center;
	line-height: 50px;
	font-weight: bold;
	border-radius: 5px;
}
#main_rank8 .rank_num {
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 50px;
	height: 50px;
	background: silver;
	text-align: center;
	line-height: 50px;
	font-weight: bold;
	border-radius: 5px;
}
#main_rank9 .rank_num {
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 50px;
	height: 50px;
	background: silver;
	text-align: center;
	line-height: 50px;
	font-weight: bold;
	border-radius: 5px;
}
#main_rank10 .rank_num {
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 50px;
	height: 50px;
	background: silver;
	text-align: center;
	line-height: 50px;
	font-weight: bold;
	border-radius: 5px;
}
#main_rank11 .rank_num {
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 50px;
	height: 50px;
	background: silver;
	text-align: center;
	line-height: 50px;
	font-weight: bold;
	border-radius: 5px;
}
#main_rank12 .rank_num {
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 50px;
	height: 50px;
	background: silver;
	text-align: center;
	line-height: 50px;
	font-weight: bold;
	border-radius: 5px;
}
.rank_entry_header {
	border-bottom: 1px solid silver;
	padding: 15px;
	position: relative;
	height: 30px;
}
.rank_entry_header span {
	position: absolute;
	top: 15px;
	left: 15px;
	font-size: 26px;
	display: inline-block;
	font-weight: bold;
}
.rank_entry_header h2 {
	font-weight: normal;
	font-size: 30px;
	position: absolute;
	top: 15px;
	left: 100px;
}
.rank_num {}
.rank_entry_img {
	width: 240px;
	height: 160px;
	background: silver;
	overflow: hidden;
	float: left;
	margin: 10px;
}
.rank_entry_contents {
	width: 340px;
	margin-left: 270px;
	margin-bottom: 15px;
}
.rank_entry_value {
	position: relative;
	height: 40px;
	line-height: 40px;
	border-bottom: 3px solid silver;
}
.rank_entry_text p {
	margin: 10px;
	padding-left: 15px;
	font-size: 13px;
}
/*sidebar*/

.rank_sidebar_title {
	border-bottom: 5px pink solid;
	font-size: 25px;
	padding: 5px;
	padding-left: 50px;
	margin-bottom: 15px;
}
.rank_side_entry:not(#side_rank6) {
	border-bottom: solid 1px silver;
	height: auto;
	position: relative;
}
#side_rank6 {
	border-bottom: none;
	height: auto;
	position: relative;
}
#side_rank1 {
	min-height: 160px;
}
.rank_entry_num {
	display: inline-block;
	padding-left: 10px;
}
.rank_side_entry_num {
	display: inline-block;
	padding: 10px;
}
.rank_side_num {
	font-weight: bold;
}
#side_rank1 .rank_side_num {
	display: inline-block;
	width: 35px;
	height: 35px;
	background: url(wp-content/themes/opinion_tcd018/imgs/rs_heading1.png) no-repeat center center;
	background-size: cover;
	position: absolute;
	top: 2.5px;
	left: 0;
	border-radius: 5px;
	text-align: center;
	line-height: 35px;
}
#side_rank2 .rank_side_num {
	display: inline-block;
	width: 35px;
	height: 35px;
	background: url(wp-content/themes/opinion_tcd018/imgs/rs_heading2.png) no-repeat center center;
	background-size: cover;
	position: absolute;
	top: 2.5px;
	left: 0;
	border-radius: 5px;
	text-align: center;
	line-height: 35px;
}
#side_rank3 .rank_side_num {
	display: inline-block;
	width: 35px;
	height: 35px;
	background: url(wp-content/themes/opinion_tcd018/imgs/rs_heading3.png) no-repeat center center;
	background-size: cover;
	position: absolute;
	top: 2.5px;
	left: 0;
	border-radius: 5px;
	text-align: center;
	line-height: 35px;
}
#side_rank4 .rank_side_num {
	display: inline-block;
	width: 35px;
	height: 35px;
	background: silver;
	position: absolute;
	top: 2.5px;
	left: 0;
	border-radius: 5px;
	text-align: center;
	line-height: 35px;
}
#side_rank5 .rank_side_num {
	display: inline-block;
	width: 35px;
	height: 35px;
	background: silver;
	position: absolute;
	top: 2.5px;
	left: 0;
	border-radius: 5px;
	text-align: center;
	line-height: 35px;
}
#side_rank6 .rank_side_num {
	display: inline-block;
	width: 35px;
	height: 35px;
	background: silver;
	position: absolute;
	top: 2.5px;
	left: 0;
	border-radius: 5px;
	text-align: center;
	line-height: 35px;
}
#side_rank1 .rank_side_entry_contents {
	margin-top: 10px;
}
#side_rank1 .rank_side_entry_eyecatch {
	background: silver;
	width: 150px;
	height: 100px;
	float: left;
	overflow: hidden;
}
#side_rank1 .rank_side_entry_value {}
#side_rank2 {
	min-height: 160px;
}
#side_rank2 .rank_side_entry_contents {
	margin-top: 10px;
}
#side_rank2 .rank_side_entry_eyecatch {
	background: silver;
	width: 150px;
	height: 100px;
	float: left;
}
#side_rank2 .rank_side_entry_value {}
#side_rank3 {
	min-height: 160px;
}
#side_rank3 .rank_side_entry_contents {
	margin-top: 10px;
}
#side_rank3 .rank_side_entry_eyecatch {
	background: silver;
	width: 150px;
	height: 100px;
	float: left;
}
#side_rank3 .rank_side_entry_value {}
#side_rank4 .rank_side_entry_contents {
	padding: 10px;
}
#side_rank5 .rank_side_entry_contents {
	padding: 10px;
}
#side_rank6 .rank_side_entry_contents {
	padding: 10px;
}
.rank_side_entry_header {}
.rank_side_entry_header h2 {
	font-weight: normal;
	padding: 5px;
	padding-left: 50px;
}
#rank_side_entry_more {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 60px;
	padding: 10px;
	background: pink;
}
.rank_aside_entry {
	min-height: 80px;
}
.rank_aside_header {
	margin-bottom: 5px;
}
.rank_aside_eyecatch {
	float: left;
	width: 90px;
	height: 60px;
	margin-right: 10px;
	background: silver;
}
.rank_aside_contents p {
	font-size: 15px;
}
/**/

/*12.0 - pc devices
****************************************************************************/

@media screen and (min-width: 1024px) {}
/**/

/*13.0 - tablet devices*/

@media screen and (min-width: 568px) and (max-width: 1024px) {
	#rank_wrapper {
		width: 100% !important;
	}
	#rank_inner_wrapper {
		width: 100% !important;
		max-width: 1000px !important;
	}
	#rank_inner_header {
		max-width: 1000px !important;
		width: 98% !important;
		margin: auto 1% !important;
	}
	#rank_menu {
		width: 98% !important;
		max-width: 1000px !important;
		margin: auto 1% !important;
	}
	#rank_menu ul li {
		width: 16.4% !important;
	}
	#rank_main {
		clear: both !important;
		width: 100% !important;
	}
	.rank_entry_contents {
		width: 45%;
	}
	.rank_main_entry {
		margin: 1% !important;
	}
	.rank_entry_value {
		font-size: 10px;
	}
	.rank_side_entry {
		margin: 1% !important;
	}
	#rank_sidebar {
		clear: both !important;
		width: 100% !important;
		max-width: 1000px !important;
	}
	.rank_aside_entry {
		margin: 1% !important;
	}
	#rank_footer_navi {
		width: 97.5% !important;
	}
	#rank_footer_link {
		width: 98% !important;
		max-width: 1000px !important;
	}
}
/**/

/*141.0 - mobile devices
****************************************************************************/

@media screen and (max-width: 568px) {
	#rank_wrapper {
		width: 100% !important;
	}
	#rank_inner_wrapper {
		width: 100% !important;
		max-width: 1000px !important;
	}
	#rank_inner_header {
		max-width: 1000px !important;
		width: 98% !important;
		margin: auto 1% !important;
	}
	#rank_logo {
		margin: 15px auto auto !important;
	}
	#rank_menu {
		width: 98% !important;
		max-width: 1000px !important;
		margin: auto 1% !important;
	}
	#rank_menu ul li {
		width: 16.3% !important;
	}
	#rank_main {
		clear: both !important;
		width: 100% !important;
	}
	.rank_entry_header h2 {
		left: 60px !important;
	}
	.rank_entry_contents {
		width: 100% !important;
		position: static !important;
		height: auto !important;
		margin-left: 0 !important;
	}
	.rank_entry_img {
		position: static !important;
		width: 100% !important;
		height: 225px !important;
		margin: 0 !important;
	}
	.rank_main_entry {
		margin: 1% !important;
		height: auto !important;
	}
	.rank_entry_value {
		font-size: 10px;
		height: auto !important;
	}
	.rank_entry_caption {
		padding-left: 10px !important;
	}
	.rank_entry_value span {
		width: 100% !important;
	}
	.rank_side_entry {
		margin: 1% !important;
	}
	#rank_sidebar {
		clear: both !important;
		width: 100% !important;
		max-width: 1000px !important;
	}
	.rank_side_entry_eyecatch {
		width: 100% !important;
		height: 260px !important;
	}
	.rank_side_entry .rank_side_entry_value {
		clear: both !important;
	}
	.rank_aside_entry {
		margin: 1% 1% 25px !important;
	}
	.rank_aside_eyecatch {
		width: 100% !important;
		height: 260px !important;
	}
	.rank_aside_contents {
		clear: both !important;
		padding: 10px;
	}
	#rank_footer_navi {
		width: 97.5% !important;
	}
	#rank_footer_link {
		width: 98% !important;
		max-width: 1000px !important;
		font-size: x-small !important;
	}
	#rank_footer_link ul {
		width: 240px !important;
		position: relative;
		left: 8px;
	}
	address {
		font-size: x-small !important;
	}
}
.detailInfo ul li {
	list-style-image: url(wp-content/themes/opinion_tcd018/imgs/list_arrow.gif);
	margin-top: 10px;
	margin-left: 20px;
	line-height: 1.3;
	margin-bottom: 7px;
	font-size: 90%;
}
.archive .rankConTitleBox a, .rankConTitleBox a {
	display: inline;
	background: none;
	padding-left: 50px;
	font-size: 20px;
}
.Info {
	margin-left: 20px;
}
/**/

/*15.0 - alignments
****************************************************************************/

/**/

/*16.0 - cleanings
****************************************************************************/

/**/

/*17.0 - customs
****************************************************************************/

/**/

/**************************************************************
リンクリスト
**************************************************************/

ul.arrowList li {
	list-style: none;
	padding-left: 1.5rem;
	position: relative;
	margin-top: .5em;
	margin-bottom: .5em;
	line-height: 1.5em;
	text-align: left;
	/* リスト行間 */
}
ul.arrowList li:before, ul.arrowList li:after {
	content: "";
	display: block;
	position: absolute;
}
ul.arrowList li:before {
	width: 12px;
	height: 12px;
	border-radius: 2px;
	background: #27ae60;
	left: 0;
	top: 5px;
}
ul.arrowList li:after {
	border: 3px solid transparent;
	border-left-color: #fff;
	left: 5px;
	top: 8px;
}
ul.arrowList a:link {
	color: #04C;
}
ul.arrowList a:visited {
	color: #2980b9;
}
ul.arrowList a:hover {
	color: #04C;
}
ul.arrowList a:active {
	color: #04C;
}
/*--------------------------------
スマホのフッターメニュー
---------------------------------*/

ul.footer_menu_hold {
	margin: 3px auto;
	padding: 3px;
	width: 100%;
	overflow: hidden;
	display: table;
}
ul.footer_menu_hold li {
	margin: 0;
	padding: 0;
	display: table-cell;
	vertical-align: middle;
	list-style-type: none;
	font-size: 15px;
}
ul.footer_menu_hold li a i {
	font-size: 24px;
}
ul.footer_menu_hold li a {
	border: none;
	display: block;
	color: #4169e1;
	text-align: center;
	line-height: 1.5em;
}
.footer_menu_hold {
	position: fixed;
	bottom: 0;
	left: 0;
	background: #56a534;
	z-index: 9999999999;
	-moz-opacity: .9;
	opacity: .9;
}
/*--------------------------------
スマホのフッターメニュー
---------------------------------*/

ul.footer_menu_hold_pc {
	margin: 3px auto;
	padding: 3px;
	width: 100%;
	overflow: hidden;
	display: table;
}
ul.footer_menu_hold_pc li {
	margin: 0;
	padding: 0;
	display: table-cell;
	vertical-align: middle;
	list-style-type: none;
	font-size: 15px;
}
ul.footer_menu_hold_pc li a i {
	font-size: 24px;
}
ul.footer_menu_hold_pc li a {
	border: none;
	display: block;
	color: #4169e1;
	text-align: center;
	line-height: 1.5em;
}
.footer_menu_hold_pc {
	position: fixed;
	bottom: 0;
	left: 0;
	background: #fff;
	z-index: 9999999999;
	-moz-opacity: .9;
	opacity: .9;
}
/**************************************************************
ポイントボックス
**************************************************************/

.point_box {
	border: 2px solid #da4033;
	border-radius: 4px;
	margin: 1em 0;
	padding: 1em;
	position: relative;
	font-size: 100%;
}
.point_box::before {
	background-color: #fff;
	color: #da4033;
	content: "POINT";
	font-weight: bold;
	left: 1em;
	padding: 0 .5em;
	position: absolute;
	top: -1em;
}
/**************************************************************
結論ボックス
**************************************************************/

.ketsuron_box {
	border: 2px solid #da4033;
	border-radius: 4px;
	margin: 2em 0;
	padding: 2em;
	position: relative;
	font-size: 120%;
}
.ketsuron_box::before {
	background-color: #fff;
	color: #da4033;
	content: "結論";
	font-weight: bold;
	left: 1em;
	padding: 0 .5em;
	position: absolute;
	top: -1em;
}
/**************************************************************
アフィリエイトリンクボタン
**************************************************************/

.aff_btn_green {
	width: 90%;
	font-size: 32px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	text-align: center;
	margin-left: 5%;
	line-height: 1.3;
	padding: 8px 0 10px;
	background-color: #49a9d4;
	border-radius: 5px;
	color: #fff;
	box-shadow: 4px 4px #006D4D;
	text-shadow: 0 -1px #006D4D;
	background-image: -moz-linear-gradient(top, #66cb00 0%, #669a00);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#66cb00), to(#669a00));
}
.aff_btn_green_s {
	font-size: 24px;
}
a.aff_btn_green:link {
	color: #fff;
}
a.aff_btn_green:visited {
	color: #fff;
}
a.aff_btn_green:hover {
	color: #fff;
}
a.aff_btn_green:active {
	color: #fff;
}
@media screen and (max-width:768px) {
	.aff_btn_green {
		font-size: 24px;
	}
	.aff_btn_green_s {
		font-size: 14px;
	}
}
@media screen and (max-width:480px) {
	.aff_btn_green {
		font-size: 18px;
	}
	.aff_btn_green_s {
		font-size: 14px;
	}
}