/* CSS Document */
body{color:#333333;}
#cs_hdrank2 h1 {margin: 0px;padding: 24px 0 0 20px;font-size:18px;line-height: 160%;color: #2F2F2F;font-weight: bold;float: left;}
#cscontainer{margin:0px;padding:0px;width:975px;font-family:"ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;font-size:16px;}
#csleft{margin:0px;padding:0px;width:665px;float:left;}
#csright{margin:0px 0px 0px 4px;padding:0px;width:300px;float:left;}

.header-content {width:665px; padding-bottom:10px; margin-top:10px; background-color:#ebebeb; color:#333;}
.header-content .header-read {font-size:14px; padding:10px 10px 10px; line-height:140%;}

.feature_cont{margin:0px;padding:0px 0px 12px 0px;width:665px;line-height:190%;}
.feature_cont a:link{color:#0000FF;text-decoration:underline;}
.feature_cont a:visited{color:#0000FF;text-decoration:underline;}
.feature_cont a:hover{color:#0000FF;text-decoration:none;}
.feature_cont a:active{color:#0000FF;text-decoration:underline;}

.cat_date{margin:0;padding:0px;width:665px;height:30px;background:url(//life-cdn.oricon.co.jp/special/imgsp/cat_date_bg.png) no-repeat;}
.text_cat{margin:0px;padding:8px 0px 0px 8px;font-size:16px;line-height:16px;color:#fff;font-weight:bold;float:left;}
.text_date{margin:0px;padding:10px 10px 0px 0px;font-size:12px;line-height:12px;color:#fff;font-weight:400;float:right;}
.text_title{margin:0 0 15px 0;padding:10px 0px 0px 0px;font-size:18px;line-height:20px;color:#900;font-weight:bold;}
.text_featmain{margin:0px;padding:0px;font-size:16px;line-height:24px;color:#333;font-weight:400;}
.subtitle_area{margin:16px 0px 0px 0px;padding:0px;width:665px;background:url(//life-cdn.oricon.co.jp/special/imgsp/subtitle_bg.png) repeat-y;}
.text_subtitle{margin:0 0 6px 0;padding:2px 0px 2px 10px;font-size:16px;line-height:20px;color:#333;font-weight:bold;border-bottom:1px solid #999;}
.txtgreen{margin:0px;padding:0px;font-size:16px;line-height:20px;color:#339900;font-weight:600;}
.txtgreenb{margin:0px;padding:4px 0px 0px 0px;font-size:16px;line-height:20px;color:#339900;font-weight:600;}
.text_credit{margin:0px;padding:10px 0px;font-size:11px;line-height:16px;color:#333;font-weight:400;}
.text_credit a:link{font-size:11px;line-height:16px;color:#0000FF;text-decoration:underline;}
.text_credit a:visited{font-size:11px;line-height:16px;color:#0000FF;text-decoration:underline;}
.text_credit a:hover{font-size:11px;line-height:16px;color:#0000FF;text-decoration:none;}
.text_credit a:active{font-size:11px;line-height:16px;color:#0000FF;text-decoration:underline;}

/*image*/
.img_left{margin:0px 10px 10px 0px;float:left;clear:left;}
.img_right{margin:0px 0px 10px 10px;float:right;clear:right;}
.img_center{margin:1px 0px 10px 0px;padding:0px;width:665px;text-align:center;clear:both;}
.img_capleft200{margin:0px 10px 10px 0px;padding:0px;width:200px;float:left;clear:left;}
.img_capright200{margin:0px 0px 10px 10px;padding:0px;width:200px;float:right;clear:right;}
.img_captxt200{margin:0px;padding:4px;width:192px;font-size:12px;line-height:18px;background-color:#F3F3F3;}

.img_capleft280{margin:0px 10px 10px 0px;padding:0px;width:280px;float:left;clear:left;}
.img_capright280{margin:0px 0px 10px 10px;padding:0px;width:280px;float:right;clear:right;}
.img_captxt280{margin:0px;padding:4px;width:272px;font-size:12px;line-height:18px;background-color:#F3F3F3;}

/*box*/
.box1{width:661px;margin:5px 0;padding:8px;font-size:16px;line-height:24px;color:#333;border:2px solid #ccc;background-color:#F3F3F3;}
.box1 ul li{font-size:16px;line-height:24px;color:#333;}
.box2area{margin:0px;padding:0px;width:665px;border-bottom:1px solid #ccc;}
.box2txtl{margin:0px;padding:6px 8px;width:316px;font-size:16px;line-height:20px;color:#333;border-top:2px solid #ccc;border-right:1px solid #ccc;float:left;}
.box2txtr{margin:0px;padding:6px 8px;width:316px;font-size:16px;line-height:20px;color:#333;border-top:2px solid #ccc;float:left;}
.box2txtl_pink{margin:0px 0px 0px 2px;padding:6px 8px;width:316px;font-size:16px;line-height:20px;color:#333;border-top:2px solid #ccc;background-color:#FFDFFF;float:left;}
.box2txtr_pink{margin:0px 2px;padding:6px 8px;width:313px;font-size:16px;line-height:20px;color:#333;border-top:2px solid #ccc;background-color:#FFDFFF;float:left;}
.box2txtl_blue{margin:0px 0px 0px 2px;padding:6px 8px;width:316px;font-size:16px;line-height:20px;color:#333;border-top:2px solid #ccc;background-color:#D0DFFF;float:left;}
.box2txtr_blue{margin:0px 2px;padding:6px 8px;width:313px;font-size:16px;line-height:20px;color:#333;border-top:2px solid #ccc;background-color:#D0DFFF;float:left;}
.box2txtl_gray{margin:0px 0px 0px 2px;padding:6px 8px;width:316px;font-size:16px;line-height:20px;color:#333;border-top:2px solid #ccc;background-color:#F3F3F3;float:left;}
.box2txtr_gray{margin:0px 2px;padding:6px 8px;width:313px;font-size:16px;line-height:20px;color:#333;border-top:2px solid #ccc;background-color:#F3F3F3;float:left;}

#box3area{margin:0px;padding:0px;width:665px;border-bottom:2px solid #ccc;background:url(//life-cdn.oricon.co.jp/special/imgsp/box3bg.gif) repeat-y;}
.box3txt{margin:0px;padding:8px;width:205px;font-size:16px;line-height:20px;color:#333;border-top:2px solid #ccc;float:left;}
.box3txt_pink{margin:0px 0px 0px 2px;padding:6px 8px;width:203px;font-size:16px;line-height:20px;color:#333;border-top:2px solid #ccc;background-color:#FFDFFF;float:left;}
.box3txt_blue{margin:0px 0px 0px 2px;padding:6px 8px;width:203px;font-size:16px;line-height:20px;color:#333;border-top:2px solid #ccc;background-color:#D0DFFF;float:left;}
.box3txt_gray{margin:0px 0px 0px 2px;padding:6px 8px;width:203px;font-size:16px;line-height:20px;color:#333;border-top:2px solid #ccc;background-color:#F3F3F3;float:left;}

#box2area2{margin:0px;padding:0px;width:665px;border-bottom:2px solid #ccc;background:url(//life-cdn.oricon.co.jp/special/imgsp/box2bg2.gif) repeat-y;}
.box2txtl2{margin:0px;padding:6px 8px;width:205px;font-size:16px;line-height:20px;color:#333;border-top:2px solid #ccc;float:left;}
.box2txtr2{margin:0px;padding:6px 8px;width:428px;font-size:16px;line-height:20px;color:#333;border-top:2px solid #ccc;float:left;}
.box2txtl2_pink{margin:0px 0px 0px 2px;padding:6px 8px;width:203px;font-size:16px;line-height:20px;color:#333;border-top:2px solid #ccc;background-color:#FFDFFF;float:left;}
.box2txtr2_pink{margin:0px 2px;padding:6px 8px;width:424px;font-size:16px;line-height:20px;color:#333;border-top:2px solid #ccc;background-color:#FFDFFF;float:left;}
.box2txtl2_blue{margin:0px 0px 0px 2px;padding:6px 8px;width:203px;font-size:16px;line-height:20px;color:#333;border-top:2px solid #ccc;background-color:#D0DFFF;float:left;}
.box2txtr2_blue{margin:0px 2px;padding:6px 8px;width:424px;font-size:16px;line-height:20px;color:#333;border-top:2px solid #ccc;background-color:#D0DFFF;float:left;}
.box2txtl2_gray{margin:0px 0px 0px 2px;padding:6px 8px;width:203px;font-size:16px;line-height:20px;color:#333;border-top:2px solid #ccc;background-color:#F3F3F3;float:left;}
.box2txtr2_gray{margin:0px 2px;padding:6px 8px;width:424px;font-size:16px;line-height:20px;color:#333;border-top:2px solid #ccc;background-color:#F3F3F3;float:left;}

.boxareatxt_left{margin:0px 0px 4px 0px;padding:0px;width:665px;font-size:16px;font-weight:bold;}
.boxareatxt_center{margin:0px 0px 4px 0px;padding:0px;width:665px;font-size:16px;font-weight:bold;text-align:center;}
.boxareatxtgreen_left{margin:0px 0px 4px 0px;padding:0px;width:665px;font-size:16px;color:#339900;font-weight:bold;}
.boxareatxtgreen_center{margin:0px 0px 4px 0px;padding:0px;width:665px;font-size:16px;color:#339900;font-weight:bold;text-align:center;}

.profilebox{margin:0px;padding:6px;width:651px;font-size:12px;line-height:18px;border:1px dashed #999;}

/*pagechangelink*/
.page_change{margin:20px 0px 10px 0px;font-size:16px;}
.page_prev{float:left;width:289px;text-align:left;}
.page_prev a:link{font-size:16px;color:#0000FF;text-decoration:underline;}
.page_prev a:visited{font-size:16px;color:#0000FF;text-decoration:underline;}
.page_prev a:hover{font-size:16px;color:#0000FF;text-decoration:none;}
.page_prev a:active{font-size:16px;color:#0000FF;text-decoration:underline;}
.page_next{float:right;width:289px;text-align:right;}
.page_next a:link{font-size:16px;color:#0000FF;text-decoration:underline;}
.page_next a:visited{font-size:16px;color:#0000FF;text-decoration:underline;}
.page_next a:hover{font-size:16px;color:#0000FF;text-decoration:none;}
.page_next a:active{font-size:16px;color:#0000FF;text-decoration:underline;}

.cautions_text{margin:10px 0px;font-size:12px;text-align:right;}
.cautions_text a:link{font-size:12px;color:#0000FF;text-decoration:underline;}
.cautions_text a:visited{font-size:12px;color:#0000FF;text-decoration:underline;}
.cautions_text a:hover{font-size:12px;color:#0000FF;text-decoration:none;}
.cautions_text a:active{font-size:12px;color:#0000FF;text-decoration:underline;}

.reset{clear:both;margin:0px;padding:0px;font-size:0px;line-height:0px;height:0px;display:block;}

/*tyousei*/
#snsArea{margin-top:5px;}
.font_bold{line-height: 26px;font-weight: bold !important;}
.font_small{line-height: 18px;font-size:12px !important;}
.font_big{line-height: 26px;font-size:16px !important;}
.font_pink{line-height: 26px;color:#FF4DFF !important;}
.font_green{line-height: 26px;color:#390 !important;}
.font_blue{line-height: 26px;color:#2D71FF !important;}
.type_text_right_menu{text-align: right;}
.type_text_left_menu{text-align: left;}
.type_text_center_menu{text-align: center;}
.type_list{margin:5px 0;padding: 8px;line-height:24px;color: #333;border: 2px solid #ccc;background-color: #F3F3F3;}
.mylist_none{list-style-type: none;}
.mylist_disc{list-style-type: disc;list-style-position:inherit;margin-left:20px;}
.mylist_square{list-style-type: square;list-style-position:inherit;margin-left:20px;}
.mylist_upper-roman{list-style-type: upper-roman;list-style-position:inherit;margin-left:20px;}
.mylist_decimal{list-style-type: decimal;list-style-position:inherit;margin-left:20px;}
.mybox{margin:5px 0;padding:8px;width:647px;font-size:16px;line-height:24px;border: 1px solid #999;}
.solid{border: 1px solid #999 !important;}
.double{width:661px;border: 4px double #999 !important;}
.dashed{border: 1px dashed #999 !important;}
.dotted{border: 1px dotted #999 !important;}
.clearfix:after {  content: ".";   display: block;   height: 0;   clear: both;   visibility: hidden;}
.clearfix {display: inline-table;}
* html #clearfix {height:1%;}
.clearfix {display: block;}
.mgtb10{margin:10px 0;}
.pgl15{padding-left:15px;}
/*.clearfix img{border: 4px double #ccc;max-width:370px;}*/
/*.imgbox{width:665px;display:table;margin:5px 0;}
.imgArea{display:table-cell;width:280px;}
.captionArea{background:#F3F3F3;padding:4px;font-size:12px;line-height:16px;}
.infotextArea{display:table-cell;width:385px;vertical-align:top;}
.infotext{padding:7px 15px;line-height:24px;}*/
.imgbox{width:665px;display:block;margin:5px 0;}
.subimgbox{display:table-cell;vertical-align:top;text-align:center;width:280px;background:#f3f3f3;}
.imgright{float:right;width:280px;margin-left:15px;}
.imgleft{float:left;width:280px;margin-right:15px;}
.imgArea{display:block;float:right;width:280px;}
.infotextArea{display:block;float:left;vertical-align:top;}
.captionArea{display:block;background:#F3F3F3;padding:4px;font-size:12px;line-height:18px;}
.infotext{font-size:16px;line-height:24px;}
.notleftpg{padding-left:0;}
.centerCaption{text-align:center;font-size:12px;margin-top:5px;}
.bg_white{background:#FFFFFF;}
.bg_gray{background: #F3F3F3;}
.bg_blue{background: #D0DFFF;}
.bg_pink{background: #FFDFFF;}
.tablebox{width:668px;display:table;margin-top: -1px;}

.row1{display:table-cell;width:222px;border:1px solid #ccc;vertical-align: top;box-sizing: border-box;}
.row2{display:table-cell;width:222px;border:1px solid #ccc;vertical-align: top;border-left:none;box-sizing: border-box;}
.row3{display:table-cell;width:221px;border:1px solid #ccc;vertical-align: top;border-left:none;box-sizing: border-box;}
.lefttbl1{display:table-cell;width:332px;border:1px solid #ccc;box-sizing: border-box;}
.righttbl1{display:table-cell;width:333px;border:1px solid #ccc;border-left:none;box-sizing: border-box;}
.lefttbl2{display:table-cell;width:222px;border:1px solid #ccc;box-sizing: border-box;}
.righttbl2{display:table-cell;width:443px;border:1px solid #ccc;border-left:none;box-sizing: border-box;}
.lefttbl3{display:table-cell;width:444px;border:1px solid #ccc;border-right:none;box-sizing: border-box;}
.righttbl3{display:table-cell;width:221px;border:1px solid #ccc;box-sizing: border-box;}

.text_feattbl{margin: 0px;padding:6px 8px;font-size:16px;line-height:20px;color: #333;font-weight:400;}

.text_feattbl a {word-break:break-all;}

/*releated link*/
.relatedlink{margin:10px 0px; padding:0px;width:665px;}
.relatedlink_title{margin:0px;padding:0px;width:665px;height:22px;background:#999;border-bottom:1px solid #666;}
.relatedlink_title p{margin:0px;padding:5px 0 0 5px;font-size:13px;line-height:13px;font-weight:600;color:#fff;}
.relatedlink ul{margin:0px 0px;padding:0px;}
.relatedlink ul li{margin:0px;padding:5px 0 5px 5px;font-size:13px;line-height:13px;font-weight:400;border-bottom:1px dotted #666;}
a:hover img.wink{opacity: 0.5;filter: alpha(opacity=50);}
.relatedtxtlink {margin: 0px 0 20px 0;padding: 0;border-top: 1px dotted #666666;}
.relatedtxtlink ul li {margin: 0;padding: 8px 0 8px 5px;font-size: 13px;font-weight: 400;line-height: 13px;border-bottom: 1px dotted #666666;list-style-image: url(//life-cdn.oricon.co.jp/img/csnews_arrow.gif);list-style-position: inside;}
/*right column*/
#csrank_right{margin:0px; padding:0px;}
#csrank_right a{color:#0000FF; text-decoration:none; font-size:12px; line-height:24px;}
#csrank_right a:link{color:#0000FF; text-decoration:underline;}
#csrank_right a:visited{color:#0000FF; text-decoration:underline;}
#csrank_right a:active{color:#0000FF; text-decoration:underline;}
#csrank_right a:hover{color:#0000FF; text-decoration:none;}

.righttitlebg{margin:0px;padding:4px 0px 0px 10px;width:290px;height:22px;background:url(//life-cdn.oricon.co.jp/img/top/r_titlebg.jpg)  0 0 no-repeat;font-size:16px;line-height:18px;color:#FFF;font-weight:bold;display:block;}
.rightareabg{margin:0px 0px 8px 0px;padding:0px;width:298px;background:#fff;border:1px solid #D7D8DD;}

.newsicon{margin:2px 0px 4px 0px;padding:2px 0px 0px 0px;width:60px;height:13px;font-size:10px;line-height:10px;color:#fff;text-align:center;background:url(//life-cdn.oricon.co.jp/img/top/iconbg2.png) no-repeat;float:left;}
.newsdate{margin:2px 0px 0px 0px;padding:0px;font-size:10px;line-height:10px;color:#333;float:right;}

.sparea ul{margin:0px;padding:0px;list-style-type:none;}
.sparea ul li{margin:0px;padding:0px;border-bottom:1px dotted #C9C9C9;clear:both;display:block;}
.sparea ul li a{margin:0px;padding:6px;height:60px;width:286px;text-decoration:none;display:block;}
.sparea ul li a:hover{text-decoration:none;background:#C1E0FF;display:block;}
.sparea ul li a span.sptxt{margin:0px;padding:0px;width:220px;font-size:13px;line-height:18px;color:#0000FF;text-decoration:underline;float:right;}
.sparea ul li a:hover span.sptxt{text-decoration:none;}
.sparea ul li img{margin:0px 6px 0px 0px;padding:0px;float:left;}

.spnew{margin:2px 0px 0px 4px;padding:0px;font-size:13px;line-height:13px;color:#FF0000;font-weight:bold;/*float:left;*/}
.specialtoplist .spnew{margin:2px 0px 0px 4px;padding:0px;font-size:13px;line-height:13px;color:#FF0000;font-weight:bold;float:none;}
.boxtitle{margin:0px 0 5px 0;padding: 4px;font-size: 16px;color: #FFF;text-align: center;font-weight: bold;background-color: #666;}
#cs_hdtxt {margin: 0px;padding: 16px 0 0 20px;font-size: 16px !important;line-height: 22px !important;color: #2F2F2F !important;font-weight: bold !important;float: left;font-family: メイリオ, Osaka, Arial, Helvetica, sans-serif;}


.app-box .infotext {display:table; height:100%; width:100%; text-align:center; margin-top:10px;}
.app-box .infotext .detail-info-img {display:table-cell; vertical-align:middle; width:200px; padding:0 20px;}
.app-box .infotext .detail-info-img img {max-width:100%;}
.app-box .detail-info {display:table-cell;}
.app-box .detail-info p {text-align:left;}
.app-box .detail-info a {margin:0 15px 0 15px;}
.app-box .detail-info p.app-dl-link {text-align:center; margin:10px 0 0;}
.app-box .detail-info p.app-name {font-size:16px; font-weight:bold;}
.app-box .infotext .detail-info-img .app-img-cap {font-size:11px; display:block; padding:3px 0;}


/********** ランキング下部 特集用 *********/
.rank-bottom-special-box .rank-special-box {margin:10px 0 60px 0;}
.rank-bottom-special-box .rank-special-box-title {padding:8px 10px 5px 10px; font-size:18px; color:#3398cc; border-bottom:3px solid #3398cc; background-color:#f3f3f3; margin-top:40px; margin-bottom:15px;}
.rank-bottom-special-box .rank-special-box .text_title {padding:5px 10px; background-color:#ddd; color:#333; font-size:15px;}
.rank-bottom-special-box .subtitle_area,
.rank-bottom-special-box .imgbox {width:650px;}
.rank-bottom-special-box .tablebox {width:655px;}
.rank-bottom-special-box .double {width:626px;}
.rank-bottom-special-box .box1 {width:630px;}



/*******************************************************************************/
a:link, a:visited {color:#1188aa;}
#header .inner,
#footer .inner {width:980px;}
.inner {width:auto;}
.breadcrumb {border-bottom:1px solid #eee; height:auto; padding:6px 0 7px;}
.breadcrumb p {line-height:140%;}
.genre-name p {display:table-cell; height:56px; vertical-align:middle;}
.sm-margin {margin-bottom:15px;}
.feature-list .border-box {width:300px; box-sizing:border-box;}

.tablebox .specialClass2 {margin-top:0;}
.card-body-sub {width:170px; padding-left:0; padding-right:10px; vertical-align:middle; text-align:center;}
.card-body-sub .image {top:0; right:0;}
.card-body-sub .image img {max-height:160px; max-width:160px;}
.card-body h4 {font-size:16px; font-weight:bold;}
.card-body .lead {line-height:160%;}
.card-footer {display:block; width:auto; margin:0; text-align:right;}
.block-connection article {margin:10px auto;}
.block-connection article a {display:block; color:#333; border:1px solid #ccc; padding:18px 18px 18px;}
.block-connection article a:hover {background-color:#f9f9f9; text-decoration:none;}
.sb-box {margin:0 auto; text-align:center;}


.cont-special-detail .unit-notes {font-size:16px;}


/* ********************************************************************************* */


div.special_new h3, div.special_new h4, .special_menu h4 {
	margin-left: 8px;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #6e86dc;
	padding-left: 10px;
	line-height: 160%;
	margin-bottom: 0.5em;
}
div.special_new h3 {margin:15px 0 10px 0; border:none; padding:10px 15px; background-color:#e7eaeb; border-radius:4px; background: url(//life-cdn.oricon.co.jp/img/common/bg-heading.png) repeat #f3f3f3; font-size:18px;}

div.special_new dl {
	background-color: #FFF;
	clear: both;
	margin-right: 8px;
	margin-left: 8px;
	margin-bottom: 1em;
	margin-top: 0px;
	padding: 8px;
	}
div.special_new dl dt{
	clear: right;
	float: left;
	width: 250px;
	}
div.special_new dl dd{
	margin-left: 265px;
	}
div.special_new .sp_update{
	font-size: 12px;
	color: #000;
	text-align: right;
	}
.sp_title_t a {
	font-size: 14px;
	line-height: 140%;
	padding:4px 0;
	display:block;
	font-weight: bold;
	text-decoration: underline;
	color: #00F;
	}
.sp_title_t a:hover, div.bg_white ul li a:hover {
	text-decoration: none;
	}
.spnew{
	color: #F00;
	font-weight: bold;
	}
.sp_info {
	font-size: 13px;
	line-height: 180%;
	color: #000;
}
div.special_menu{
	padding-top: 1em;
	margin-bottom: 1em;
	border-bottom: dotted 1px #999999;
	}
div.special_menu dl{
	border-top: dotted 1px #999999;
	clear: both;
	padding: 8px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-top:0;
	}
div.special_menu dl dt {
	clear: right;
	float: left;
	width: 150px;
	padding-bottom: 8px;
	margin-left: 5px;
}
div.special_menu dl dd {
	margin-left: 170px;
	padding-bottom: 0;
}

/* ********************************************************************************* */




.related-special {margin-bottom:20px; width:665px;}
.related-special h2 {padding:14px 20px; font-size:115%; line-height:1.2; color:#333; border-radius:3px 3px 0 0;
	background:#ddd url(//life-cdn.oricon.co.jp/img/index/bg-line-dot-light.png) repeat-x left bottom; font-weight:bold;}
.related-special .special-box {padding:1px 0 0; border:1px solid #dfe3e8; border-top:0 none; border-radius:0 0 3px 3px;}
.related-special .special-box dl {margin:14px 15px; padding-top:15px; position:relative;	border-top:2px solid #ddd;}
.related-special .special-box dl:first-child {border:none; padding-top:0;}
.related-special .special-box dl:after {content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;}

.related-special .special-box dt {float:left; width:150px; margin-right:15px;}
.related-special .special-box dt a {display:block; text-align:center; background-color:#f0f0f0;}
.related-special .special-box dt img {max-height:106px; max-width:150px;}
.related-special .special-box dd {display:inline-block; margin-left:0; width:453px;}
.related-special .special-box dd br {display:none;}
.related-special .special-box .sp_title {border-left:7px solid #999; padding-left:10px; margin-bottom:8px; font-size:14px;
	font-weight:bold; color:#999; line-height:22px;}
.related-special .special-box .list_link {position:absolute; top:15px; right:0;}
.related-special .special-box dl:first-child .list_link {top:0;}
.related-special .special-box .list_link a {padding:1px 3px; border:1px solid #ccc; font-size:11px; background-color:#b3b3b3; color:#fff; border-radius:3px;}
.related-special .special-box .sp_menu {margin:4px 0; background:none; line-height:150%;}
.related-special .special-box .sp_menu a:before {content: ""; display: inline-block; width: 0; height: 0; margin-right: 3px;
	vertical-align: 1px; border-style: solid; border-width: 4px 0 4px 5px;
	border-color: transparent transparent transparent #1189aa;}


.related-special.related-link {margin-bottom:40px;}
.related-special.related-link h3.ttl-detail-b {margin:0 0 10px 0; font-size:18px; font-weight:bold;}
.related-special.related-link h3 .icon-connection {width: 32px; height: 32px; margin-right: 5px; background: url(//contents.oricon.co.jp/pc/img/_parts/icon/icon-connection01.png) no-repeat 0 50%; vertical-align: middle; display: inline-block;}
.related-special.related-link .special-box {border:1px solid #dfe3e8;}

.related-special.related-news-list .special-box dl {margin:0;}


div.special_new .pr .sp_title_t a:after,
div.special_menu .pr .sp_title_t a:after,
.related-special .special-box .sp_menu.pr a:after {content:""; width:28px; display:inline-block; height:17px; padding-right:4px; background: url(//contents.oricon.co.jp/pc/img/_parts/icon/icon-pr01.png) no-repeat center center; vertical-align:top;}


#footpagetop {text-align:right;}



/* 面だし */
.rank_special dl dt a {width:150px; height:106px;}
.rank_special dl dt a img {max-width:150px; max-height:106px;}

.content article h2.ttl-b {font-size:20px; margin-top:20px; line-height:1.4; padding:6px 0; border-bottom:3px solid #0f4c81;}
.content article h3.ttl-b {font-size:18px; margin-top:20px; line-height:1.4; border-left:6px solid #0f4c81; padding:2px 0 2px 10px;    border-bottom: none;}
.content article h3.ttl-b span, .content article h2.ttl-b span{background: none;padding: 0;}



/* *** link *** */
.cont-special-detail .special-content a {text-decoration:underline;}
.cont-special-detail .special-content a:hover {opacity:0.6;}

/* *** marker *** */
.specialClass5 {background: linear-gradient(transparent 60%, #ffd5f2 60%);}
.specialClass6 {background: linear-gradient(transparent 60%, #bdf 60%);}
.specialClass7 {background: linear-gradient(transparent 60%, #cbebc0 60%);}
.specialClass8 {background: linear-gradient(transparent 60%, #fefe99 60%);}
.specialClass9 {background: linear-gradient(transparent 60%, #ccc 60%);}

/* *** Memo Parts *** */
.bgm01 {width: 92%; height: 100%; font-size: 15px; margin: 20px auto; line-height: 140%; padding: 40px 20px 20px; background-color: #f7fdff; position: relative;}
.bgm01::before {content: ""; position: absolute; right: 0; top: 0; border-width: 0 34px 34px 0; border-style: solid; border-color: #0f4c81 #fff #0f4c81; box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.3);}
.bgm01::after {width:100%; height:calc(100% - 32px);  box-shadow:1px 1px 2px rgba(0, 0, 0, 0.1); display:block; position:absolute; top:32px; left:0; z-index: -1;}

/* *** Background-color Parts *** */
.bgc01 {padding:20px; background-color:#fff7fd;}
.bgc02 {padding:20px; background-color:#eaf5ff;}
.bgc03 {padding:20px; background-color:#f6fff3;}
.bgc04 {padding:20px; background-color:#ffffe9;}
.bgc05 {padding:20px; background-color:#f9f9f9;}

/* *** Speech Bubble *** */
.user-chat-icon {position:relative; display:inline-block; background-color:#cce6ff; width:75px; height:75px; float:left;}
.user-type01 {background:url(https://life-cdn.oricon.co.jp/img/special/icon-speech-bubble-type01.png) 50% 50% no-repeat; background-size:100% auto;}
.user-type02 {background:url(https://life-cdn.oricon.co.jp/img/special/icon-speech-bubble-type02.png) 50% 50% no-repeat; background-size:100% auto;}
.user-type03 {background:url(https://life-cdn.oricon.co.jp/img/special/icon-speech-bubble-type03.png) 50% 10% no-repeat; background-size:70% auto;}
.speech-bubbleL .chat,
.speech-bubbleR .chat {display:block; text-align:left; border-radius:10px; word-break:break-word; position:relative; margin:0 0 5px 90px; padding:15px; background:#f0f0f0; line-height:150%; font-size:14px;}
.speech-bubbleL .chat::before,
.speech-bubbleR .chat::before {content:""; display:inline-block; position:absolute; top:13px; left:-23px; border:12px solid transparent; border-right:1rem solid #f0f0f0;}
.speech-bubbleR .chat {margin:0 90px 5px 0;}
.speech-bubbleR .chat::before {right:-23px; left:auto; border:12px solid transparent; border-left:1rem solid #f0f0f0;}
.speech-bubbleR .user-chat-icon {float:right;}

/* *** H2 TITLE DECORATION *** */
.ttl-type01 {font-size:18px; margin:20px 0; line-height:140%; font-weight:bold; padding:10px 15px; background-color:#0f4c81; color:#fff;}
/* *** H3 TITLE DECORATION *** */
.ttl-sub-type01 {font-size:17px; margin:20px 0; line-height:140%; font-weight:bold; padding:6px 0; border-bottom:3px solid #0f4c81;}
/* *** H4 TITLE DECORATION *** */
.ttl-sub-type02 {font-size:16px; margin:20px 0; line-height:140%; font-weight:bold; padding:2px 0 2px 10px; border-left:6px solid #0f4c81; border-bottom:none;}
/* *** H5 TITLE DECORATION *** */
.ttl-sub-type03 {font-size:15px; margin:20px 0; line-height:140%; font-weight:bold; padding:5px 10px; background-color:#f3f3f3;}

.unit-photo p.image img {max-width: 660px;}

.table-caption {text-align: left; font-weight: bold;}
.table-caption::before {content: "\025a0"; color: #0f4c81;}
.table-annotation {font-size: 12px; margin-top: 2px; line-height: normal; display: inline-block;}
.table-annotation.right {text-align: right;}

.section.table2 div {overflow-x: scroll;  white-space: normal;}
.section.table2 table {  width: 100%; border-collapse: collapse; display: table; table-layout: auto;}
.section.table2 td {display: table-cell; width: 300px; min-width:300px; border: 1px solid #ccc; vertical-align: top; box-sizing: border-box;}
.section.table2 tr {display: table-row; width:auto;}
.section.table2 td.type1 {width:165px; min-width: 165px;}
.section.table2 td.type1.lefttbl {width: 150px; min-width: 150px;}
.section.table2 td.type2 {width:150px; min-width:150px; }
.section.table2 td.type2.lefttbl {width: 165px; min-width: 165px;}

.section.table3 .tableWrap {overflow: hidden; overflow-x: scroll; overflow-y: scroll; max-height: 350px;}
.section.table3 .tableWrap table tr.tablebox { display:table-row; width: 100%; }
.section.table3 .tableWrap table { border-top: 1px solid #ccc;  width: 100%; border-collapse: collapse; display: table; table-layout: auto;}
.section.table3 .tableWrap table th, .table3 .tableWrap table td { display: table-cell; width: 300px; min-width:300px; border: 1px solid #ccc; vertical-align: top; box-sizing: border-box; margin: 0; padding: 6px 8px; font-size: 16px; line-height: 20px; color: #333; font-weight: 400; background-color: #FFF}
.section.table3 .tableWrap table th {background: #d0dfff;}
.section.table3 .tableWrap table td.center,.table3 .tableWrap table th.center { text-align:center; }
.section.table3 .tableWrap table td.right,.table3 .tableWrap table th.center { text-align:right; }
.section.table3 .tableWrap.tableLeft td { min-width:300px; }
.section.table3 .tableWrap.tableLeft td:first-child { min-width:150px; }
.section.table3 .tableWrap.tableRight td { min-width:150px; }
.section.table3 .tableWrap.tableRight td:first-child { min-width:300px; }
.section.table3 .tableWrap.tableGray tr:nth-child(2n) td { background-color: #f3f3f3; }
.section.table3 .tableWrap.tableLeftFix th:first-child,
.section.table3 .tableWrap.tableLeftFix td:first-child {  position: sticky; left:0; }
.section.table3 .tableWrap.tableTopFix tr:first-child{  position: sticky; top:0;}
/* ** csranking ** */
.company-rank-parts {margin:40px 40px 20px;}
.company-rank-parts h4 {font-weight:bold; font-size:26px; position:relative;}
.company-rank-parts .rank-name-resister {position:absolute; display:block; font-size:12px; padding:0 0 3px; margin-bottom:5px;}
.company-rank-parts .comapny-rank-info {display:flex; align-items:center; align-items: stretch;}
.company-rank-parts .rank-genre-name {flex:1; padding-bottom:5px; font-weight:bold; font-size:26px; position:relative; border-bottom:10px solid #0f4c81; display:block; padding:20px 0 0 0;}
.company-rank-parts .comapny-genre-rank {width:100px; font-size:14px; border-bottom:10px solid #55a0c5; padding:10px 0 0 0; text-align:center; align-content:center; min-height:62px;}
.company-rank-parts .comapny-genre-rank img {vertical-align:bottom;}
.company-rank-parts .comapny-genre-rank.crown01 {border-color:#b2951f; padding:0;}
.company-rank-parts .comapny-genre-rank.crown02 {border-color:#868a8e; padding:0;}
.company-rank-parts .comapny-genre-rank.crown03 {border-color:#9e7e6f; padding:0;}
.company-rank-parts .comapny-genre-rank .crown-total {background-color:#0f4c81; border-radius:2px; padding:5px; color:#fff; display:inline-block; margin-right:2px; font-size:12px; margin-bottom:9px;}
.company-rank-parts .comapny-genre-rank.crown01 .crown-total {background-color:#b2951f;}
.company-rank-parts .comapny-genre-rank.crown02 .crown-total {background-color:#868a8e;}
.company-rank-parts .comapny-genre-rank.crown03 .crown-total {background-color:#9e7e6f;}
.company-rank-parts .comapny-genre-rank.other .company-rank-high-evaluation {border:1px solid #999; color:#666; border-radius:2px; padding:2px 5px; font-size:15px; text-align:center;}
.company-rank-parts .company-rank-num {color:#55a0c5; font-size:36px;}
.company-ranking-table-box {padding:0 40px;}
.company-ranking-table-parts {width:100%; border-bottom:3px solid #0f4c81; border-top:none; margin:0 auto 20px;}
.company-ranking-table-parts caption {background-color:#0f4c81; color:#fff; font-weight:bold; padding:10px; font-size:15px;}
.company-ranking-table-parts th,
.company-ranking-table-parts td {border-bottom:1px solid #ccc; background-color:#fff; padding:6px 10px; vertical-align:middle;}
.company-ranking-table-parts td {text-align:center; width:100px; background-color:#f9feff; height:42px}
.company-ranking-table-parts .t-title {background-color:#dce2e8; text-align:center; font-weight:bold; font-size:12px; padding:2px 10px; border-top:2px solid #ccc; border-bottom:2px solid #ccc;}
.company-ranking-table-parts .t-title:nth-of-type(1) {border-right:1px solid #fff;}
.company-ranking-table-parts .t-ranking-name {text-align:left; border-right:1px solid #f0f0f0; font-size:14px; font-weight:bold;}
.company-ranking-table-parts .t-ranking-rank {font-weight:bold;}
.company-ranking-table-parts .t-ranking-rank img {width:30px; height:auto;}
.company-ranking-table-parts .rank-num-unit {font-weight:normal; font-size:70%;}
.company-ranking-table-parts tr:last-of-type th,
.company-ranking-table-parts tr:last-of-type td {border-bottom:2px solid #ccc;}
.csranking {margin-bottom: 40px;}
.csranking p.footer {text-align: right; margin-top: -10px;}
.csranking p.footer a {font-size: 12px; text-align: right; margin-right: 40px; color: #18a;}
.csranking p.footer a::before {content: ""; position: relative; display: inline-block; top: 1px; width: 0; height: 0; margin-right: 3px; border-style: solid; border-width: 6px 0 6px 6px; border-color: transparent transparent transparent #246abe;}
.csranking p.footer a:hover {text-decoration: none;}