@charset "UTF-8";

/*=============================================================
・ranking.css
=============================================================*/

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated:2010-09-17
Author:Richard Clark - http://richclarkdesign.com
Twitter:@rich_clark
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;color#000}
ins{background-color:#fff;color:#000;text-decoration:none}
mark{background-color:#fff;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1pxdotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1pxsolid#cccccc;margin:1em0;padding:0}
input,select{vertical-align:middle}

/* ===================================================================
CSS information
style info :body初期設定
=================================================================== */
html{
overflow-x : hidden;
overflow-y : auto;
}

body{
overflow-x : hidden;
overflow-y : auto;
}
/* --------------------------------------------------------
	default
-------------------------------------------------------- */
html,body{height:100%;width:100%}
body{-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;color:#333;font:13px/1.6 'メイリオ',Meiryo, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;*font:82%/1.6 'メイリオ',Meiryo, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif}
/*
body:before {
	background:url(/image/campaign201512/kanna3.jpg) no-repeat left 80px;
	background-size: 140% auto;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-bottom: 108px;
	content: "";
	z-index: -1;
}
*/
.left{float:left}
.right{float:right}
.test{border:1px solid #f00}
.center{text-align:center}
.bold{font-weight:bold}
.clearfloat{clear:both}
.clearfix:before,.clearfix:after{content:" ";display:table;clear:both}
.clearfix{*zoom:1}
.cf:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;line-height:0}
* html .cf{zoom:1}
*:first-child+html .cf{zoom:1}
img{vertical-align:bottom}

/* --------------------------------------------------------
	site setting
-------------------------------------------------------- */
a{text-decoration:none;color:#555}
a:hover{color:#555;opacity:1.0;filter:alpha(opacity=100);-ms-filter:"alpha(opacity=100)";-moz-opacity:1.0;-khtml-opacity:1.0}
pre{font-size:0.88em;line-height:1.45em;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;white-space:pre-wrap;word-wrap:break-word;padding:5px;background:#efefef}
img{max-width:100%;height:auto;width /***/:auto}

/* --------------------------------------------------------
	ヘッダー
-------------------------------------------------------- */
/*.
navi-top {
	z-index:999;
}
*/
#header{
	margin:0 0 0;
	width:100%;
	z-index:950;
	background:#FFF;
	position: relative;
}
@media
only screen and (min-device-width: 1001px){
	#header{ background-attachment: fixed; }
}
#header #logo-box{
	z-index:100;
}
#header #logo{
	float:left;
	width:125px;
	padding:3px 0 0 6px;
	margin:4px 0 0;
	z-index:100;
	background:#FFF;
}
#header #logo #twiran{
	z-index:100;
	height:35px;
}
#header #logo #twiran img{
	width:125px;
	z-index:100;
}
#header .top-btn{
	z-index:100;
	background:#FFF;
	float:right;
	width: 182px;
	padding-right:3px;
}
#header #logo-box li{
	display:table-cell;
	vertical-align:middle;
	width:35px;
	padding:3px 2px 0;
	float:right;
	text-align:center;
	margin:3px 0 0;
	z-index:990;
}
#header #logo-box li.info{
	padding:3px 4px 0 0;
	margin:1px 0 0;
}
#header #logo-box li.sb-toggle-right {
	padding:1px 2px 0 4px;
}
#header .alert img,
#header .menu img,
#header .camera img{
	width:35px;
	z-index:3;
}
#header .info img{
	width:30px;
	z-index:3;
}
#header #logo-box .h-time{
	font-size:90%;
	width:109px;
	text-align:right;
	line-height:150%;
	padding:2px 2px 2px 0;
}
#header #logo-box .h-time span{
	font-weight:bold;
	font-size:108%;
}
#header #logo-box .h-time span.ref{
	font-weight:normal;
	font-size:100%;
	color:#F36963;
}
#header #logo-box li.refresh{
	display:table-cell;
	vertical-align:middle;
	width:25px;
	padding:3px 0 0;
	float:right;
	text-align:center;
	margin:0px 0 0 5px;
	z-index:2;
}
.push #tsuiraninfo {
	display:none;
}
#header #tsuiraninfo {
	margin:5px 7px 0;
	border:1px solid #DDC;
	background:#FFE;
	text-align:center;
}
#header #tsuiraninfo p{
	font-size:116%;
	margin:5px 0 0;
}
#header #tsuiraninfo a {
	display:block;
	background:#2DB200;
	padding:5px 0;
	width: 260px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	margin:7px auto;
	border-radius:5px;
	font-size:108%;
	box-shadow: 0px 0px 3px #999;
	-moz-box-shadow: 0px 0px 3px #999;
	-webkit-box-shadow: 0px 0px 3px #999;
}

.affilink {
	display:none;
}
.fixed .affilink {
	display: block;
	/*display:none;
	background:#FFF;*/
	padding:5px 0;
}
.fixed .affilink a{
	display:block;
	text-align:center;
	padding:5px;
	background:#00B200;
	border-radius: 45px;
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	font-weight:bold;
	color:#FFF;
	width:190px;
	margin:0 auto;
}
.img-icon-refresh {border:none;}
#pickup #header .top-btn .refresh,
#pickup #header .top-btn .h-time,
#jpy #header .top-btn .refresh,
#jpy #header .top-btn .h-time,
#heat #header .top-btn .refresh,
#heat #header .top-btn .h-time,
#header #logo-box li.toroku,
.detail-body #header .top-btn .refresh{
	display:none;
}
#pickup #header #logo-box li.toroku,
#blog #header #logo-box li.toroku {
	display:block;
	width:30px;
	margin:0 0 0 0;
}
#footer-menu #translate {
	padding:20px 0 0;
	margin:20px 0 0;
	width:100%;
	border-top:1px dotted #999;
	text-align:center;
}
#footer-menu #translate a{
	display:inline;
	color: #333;
	padding: 0px;
	margin: 0px;
	border-left: none;
	font-size: 100%;
	background: none;
}
#footer-menu #translate p {
	color:#FFF;
	padding:0 0 5px;
}
#footer-menu #follow {
	padding:0 0 15px;
}
#footer-menu #follow .twfollow,
#foter-menu  #follow .fbiine{
	display:inline-block;
	margin:0 0 5px;
}
/* --------------------------------------------------------
	時間変更
-------------------------------------------------------- */
#change-time {
	width:100%;
	border-top:1px solid #CCC;
	font-size:80%;
}
#change-time .rewind {
	float:left;
	width:14%;
	min-height:30px;
	border-right:1px solid #CCC;
}
#change-time .rewind a{
	display:block;
	padding:8px 0 5px 0;
	text-align:center;
	color:#0000FF;
}
#change-time .forward {
	float:right;
	width:14%;
	min-height:30px;
	border-left:1px solid #CCC;
}
#change-time .forward a{
	display:block;
	padding:8px 0 5px 0;
	text-align:center;
	color:#0000FF;
}
#change-time .ranking-time {
	/*float:left;*/
	text-align:center;
	width:100%;
	font-size:120%;
	padding:6px 0px 0;
	color:#333;
}
.detail-body #change-time .ranking-time {
	text-align:center;
	display:inline-block;
	width:100%;
	font-size:120%;
	padding:6px 0px 4px;
	color:#333;
}
#change-time .ranking-time span{
	font-weight:bold;
	font-size:114%;
}
/* --------------------------------------------------------
	コンテンツ共通
-------------------------------------------------------- */
/*#container .inner{padding:5px}*/
#container h3{
	padding:5px 5px 5px 5px;
	font-size:124%;
	line-height:140%;
}
#detail h3{
	border-bottom:1px solid #CCC;
	padding:5px 5px 2px 2px;
	margin:0;
	font-size:100%;
	font-weight:normal;
	line-height:140%
}
#detail h3 span{
	font-size:80%;
	color:#999;
}
#detail .wadai{
	padding:0 0 0;
	background:#FFF;
}
.hidden{display:none !important}
#container {
	padding:0.1px 0 0;
	background:#FFF;
}
/* --------------------------------------------------------
	コンテンツ
-------------------------------------------------------- */
#ranking{
	margin-top:0;
	background:#FFF;
	padding-top:1px;
}
.rankinbox{
	padding:0 0 10px;
}
#hima #ranking{margin:0}
.graph-box{
	position:relative;
}
.graph-box .time{
	padding:0;
	font-size:100%;
	text-align:center;
	color:#FFF;
	margin:0 0 0;
}
#hima .graph-box .time{margin:0}
.graph-box .time p{
	padding:2px 0;
	font-size:100%;
	font-weight:bold;
}
/*
#sp04 .graph-box .time p{
	color: #C49850;
}
*/
#sp04 .graph-box .time p{
	color: #FFF;
}
.graph-box .time p span{
	font-weight:normal;
	font-size:77%;
}
#ranking article{
	position:relative;
	background:#FFF;
	border-bottom: dotted 1px #CCC;
}
#ranking .inner-box article:nth-child(even) {
	background:#F7F7F7;
}
/*
#ranking .inner-box article:nth-child(20){
	border-bottom: none;
}
*/
#ranking .word-tweet a{
	position:relative;
	left: 170px;
	top: -30px;
	background:#55ACEE;
	width:20px;
	text-align: center;
	border-radius: 3px;
	font-size: 50%;
}

/*ランキングタブ*/
#change-time .select-time{
	border-bottom:5px solid #24AAE4;
}
#time-hour,
#time-day,
#time-week,
#time-default,
#article-list {
	margin:0 0 10px;
}
#change-time #time-default {
	border-bottom:5px solid #D93600;
}
#change-time #article-list {
	border-bottom: 5px solid #2DB200;
	margin:0 0 10px;
}
#change-time .select-time li{
	float:left;
	width:20%;
	text-align:center;
	font-size:116%;
	height:38px;
}
#change-time .select-time li a{
	display:block;
	padding:7px 0 ;
	border-right:1px solid #FFF;
	background:#DDD;
	/*background-color: rgba(36,170,228,0.25);*/
	font-size:120%;
	height:24px;
}
/*
#change-time .select-time li.time-default a{
	background-color: rgba(217,54,0,0.25);
}
*/
#change-time .select-time li.articlelist {
	border:3px solid #FFF;
	border-top:none;
	box-sizing:border-box;
	height:35px;
}
#change-time .select-time li.articlelist a{
	border-right:none;
	background-color: rgba(45,178,0,0.4);
	height:20px;
	padding:6px 0 8px;
	border-radius:3px;
}
/*
#change-time .select-time li.time-week a{
	border-right:none;
}
*/
#change-time #time-default li.time-default a{
	background-color: rgba(217,54,0,1);
	color:#FFF;
	font-weight:bold;
}
#change-time #time-hour li.time-hour a,
#change-time #time-day li.time-day a,
#change-time #time-week li.time-week a{
	background-color: rgba(36,170,228,1);
	color:#FFF;
	font-weight:bold;
}
#change-time #article-list li.articlelist a{
	background-color: rgba(45,178,0,1);
	color:#FFF;
	font-weight:bold;
}
#article-list {
	margin:0 0 0 0;
}
.accordion {
	min-width: 300px;
	margin: 0 auto;
	padding:3px 0 10px;
}
.detail-body .accordion {
	min-width: 10px;
	margin: 0 auto;
	padding:0 0 0;
}
.accordion .ac-content {
	margin: 0 10px;
	position:relative;
}
.accordion .ac-content .nextbox {
	float: right;
	width:23%;
	font-size:28px;
	line-height:30%;
	text-align: left;
	margin-top:-38px;
}
.accordion .ac-content .prevbox {
	float: left;
	width:23%;
	font-size:28px;
	line-height:30%;
	text-align:right;
	margin-top:-38px;
}
.accordion .ac-content .nextbox span,
.accordion .ac-content .prevbox span {
	font-size:30%;
}
.accordion .ac-content .nextbox i,
.accordion .ac-content .prevbox i {
	color:#999;
	font-size:105%;
}
.accordion label {
	display: block;
	cursor: pointer;
	padding: 6px 0;
	border: 2px solid #24AAE4;
	border-radius:5px;
	text-align:center;
	width: 256px;
	margin:0 auto;
	font-size:120%;
}
.detail-body .accordion label {
	display: block;
	cursor: pointer;
	padding: 6px 6px 0 0;
	border: none;
	border-radius:5px;
	text-align: right;
	width: 305px;
	margin:-29px auto 0;
	font-size:120%;
	color:#24AAE4;
	text-decoration:underline;
	font-weight:bold;
}
* {
	-webkit-appearance: none;
}
.timeselect {
	border:1px solid #CCC;
	color:#666;
	font-size:124%;
	border-radius:2px;
	padding:3px 18px 3px 5px;
	background:url(/image/down.png) no-repeat right center;
	background-size:15px 9px;
	width:90%;
	text-align:center;
	text-align:-webkit-center;
}
.sbmitbutton {
	border:1px solid #CCC;
	color:#FFF;
	border-radius:2px;
	padding:2px 7px;
	font-size:124%;
	background:#999;
}
.ac-content2 input {
	display: none;
}
.ac-content2 input.sbmitbutton {
	display: block;
}
.ac-content2 label {
	cursor: pointer;
	display: inline-block;
	padding: 10px 20px;
	border-radius: 4px;
	color: #FFF;
	-webkit-transition: 0.1s;
	transition: 0.1s;
}
.ac-content2 .panel {
	-webkit-transition: .3s ease;
	transition: .3s ease;
	height: 0;
	overflow: hidden;
	padding: 0 5px;
	border-radius: 5px;
	width:320px;
	margin:0 auto;
}
.ac-content2 input:checked + .panel {
	height: auto;
}
.accordion p {
	font-size:132%;
}
.accordion .period {
	text-align:center;
	width:54%;
	margin:0 auto;
}
.ac-content2 .panel .period {
	display:inline-block;
}
.accordion .period-box {
	padding-right:0;
}
.ac-content2 .timeselect {
	padding:3px 18px 3px 4px;
}
.ac-content2 .sbmitbutton {
	padding: 3px 6px;
}
.ac-content2 .detailsubmit {
	padding:4px 0 0;
}
.accordion .send {
	display: block;
	text-align: center;
	padding: 7px;
	width: 120px;
	margin: 10px auto 0;
	color: #FFF;
	font-weight: bold;
	background: #24AAE4;
	border-radius: 5px;
	box-shadow: 0px 0px 3px #BBB;
	font-size:116%;
}
.detail-body #pickup .relation h3 {
	padding:10px 0 2px;
}
/*ランキング男女比*/
#ranking article p.gender,
.detail-body p.gender{
	font-weight:bold;
	font-size:108%;
	line-height:100%;
	color: #999;
	border-top:1px dotted #CCC;
	padding:10px 5px 0;
}
.detail-body .gender-box p.gender{
	padding:10px 0 0;
}
/*
#ranking article p.gender span i {
	font-size:20px;
}
*/
#ranking article p.gender span.men,
.detail-body p.gender span.men {
	color:#00a3d8;
}
#ranking article p.gender span.women,
.detail-body p.gender span.women {
	color:#d83832;
}
#ranking article .percent,
.detail-body .percent {
	background:#E3E3E3;
	margin:5px 0;
}
#ranking article .percent .men-percent,
.detail-body .percent .men-percent{
	background:#7fd1ec;
	height:5px;
	float:left;
	text-indent:-9999px;
}
#ranking article .percent .women-percent,
.detail-body .percent .women-percent{
	background:#ec9b98;
	height:5px;
	float:left;
	text-indent:-9999px;
}
#ranking article .account-box,
.detail-body .account-box {
	padding:0 0 5px;
	color: #999;
}
.detail-body .gender-box .account-box{
	padding:0;
}
#ranking article .account-box .share,
.detail-body .account-box .share{
	float:left;
}
#ranking article .account-box .share .men,
.detail-body .account-box .share .men{color:#00a3d8;}
#ranking article .account-box .share .women,
.detail-body .account-box .share .women{color:#d83832;}
#ranking article .account-box .account,
.detail-body .account-box .account{
	float:right;
}
.detail-body #data {
	margin: 10px 10px 5px;
}
#ranking-attention {
	text-align:center;
	padding:0 0 10px;
	font-size:90%;
}
/* --------------------------------------------------------
	障害発生用
-------------------------------------------------------- */
#failure {
	margin:5px;
	padding:5px;
	background:#DDD;
	font-size:82%;
}
/* --------------------------------------------------------
	企画色
-------------------------------------------------------- */
#sp-box span{
	font-weight:bold;
	font-size:116%;
}
#tab-box{
	padding:0 3px 3px;
	color:#FFF;
	text-align: center;
}
#sp04 .sp04-bg {color: #C49850;}/*紅白歌合戦（白組）*/
#sunrise .sunrise-bg {color: #FF0;}/*初日の出*/
#sp04 .sp04-bg {color: #FFF;}/*風物詩*/

/* --------------------------------------------------------
	初日の出
-------------------------------------------------------- */
#sunrise-box {
	padding:0 5px 5px;
	background:#00BA7D;
	color:#FF0;
}
#sunrise-box span{
	font-weight:bold;
	font-size:116%;
}
#sunrise .graph-box .time p {
	color:#FF0;
}

.traininfo {
	position : absolute;
	bottom:5px;
	right:8px;
}
.traininfo p{
	font-weight:bold;
	padding:0 0 0 5px;
	color:#666;
	text-align:right;
	font-size:93%;
	line-height:100%;
}
.traininfo .trainreport {
	display:block;
	border:2px solid #000;
	color:#000;
	padding:7px 7px 0;
	margin:0;
	text-algin:center;
	border-radius:3px;
	background:#FFBF00;
	height:19px;
}
#traininfo {
	width:170px;
	float:right;
}
#traininfo p{
	float:right;
	font-weight:bold;
	padding:0 0 0 5px;
	color:#666;
	text-align:right;
	font-size:93%;
	line-height:100%;
}
#traininfo p .trainreport {
	display:block;
	border:2px solid #000;
	color:#000;
	padding:7px 7px 0;
	margin:0;
	text-algin:center;
	border-radius:3px;
	background:#FFBF00;
	height:19px;
}
/*
#train #pickup2 {
	display:none;
}
*/
/* ▼広告 -------------------------------------------------------- */
.ad-ranking{
	padding-top:5px;
	text-align:center;
	background:#F7F7F7;
}
.ad-ranking_2{
	padding-top:5px;
	text-align:center;
}
.ad-ranking div{padding-bottom:5px;}
.ad-ranking .h250{height:250px;}
.ad-ranking .h100{height:100px;}
.ad-ranking .h50{height:50px;}
#ranking a{
	display:inline-block;
	padding:5px 10px 0 10px;
	margin:0;
	line-height:100%;
}
#ranking a.box{
	display:block;
	padding:5px 10px;
}
#pickup ranking a {
	padding: 5px 5px 10px 10px;
}
#ULIZA_INERAD_PLAYER,
ULIZA_AD_CONTAINER,
ULIZA_AD_LINK,
ULIZA_WITH_SOUND_WRAPPER,
ULIZA_NATIVE_AD_CONTENTS_WRAPPER,
ULIZA_AD_REST_TIME,
#ULIZA_WRAPPER {
	border:none;
}
#more-new-article {
	padding: 5px 0;
}
#more-new-article a {
	display: block;
	padding: 3px 0 10px;
}
#more-new-article a p {
	background: #24aae4 none repeat scroll 0 0;
	border-radius: 5px;
	box-shadow: 0 0 3px #bbb;
	color: #fff;
	display: block;
	font-weight: bold;
	height: 20px;
	margin: 0 auto;
	padding: 7px;
	text-align: center;
	width: 260px;
}
	
#pickuparticle {
	padding:0;
	border-top:#FFF solid 1px;
	border-bottom:#FFF solid 1px;
	margin:0 0 10px;
}
#pickuparticle #nextarticle {
	width:50%;
	float: right;
}
#pickuparticle #prevarticle {
	width:50%;
	float: left;
}
#pickuparticle p {
	font-size:85%;
	color:#999;
	margin:0 0 3px;
}
#pickuparticle #nextarticle p {
	text-align:right;
}
#pickuparticle #prevarticle a,
#pickuparticle #nextarticle a {
	display:block;
	padding:8px;
}
#pickuparticle .imgbox {
	float:left;
	width:40px;
	height:40px;
	margin:0 5px 5px 0;
	border-radius:3px;
	overflow:hidden;
}
#pickuparticle .imgbox img{
	border-radius: 0;
	position: relative;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	max-width: 140%;
	float: none;
}
#pickuparticle h4 {
	font-size;90%;
	padding:0;
	color:#24AAE4;
	text-decoration:underline;
}
#pickup2 .graph-pickup,
#pickup2 .graph-talent,
#pickup2 .graph-movie,
#pickup2 .graph-tv,
#pickup2 .graph-sports,
#pickup2 .graph-music,
#pickup2 .graph-spgame,
#pickup2 .graph-anime,
#pickup2 .graph-train,
#pickup2 .graph-listen,
#pickup2 .graph-go,
#pickup2 .graph-sweets,
#pickup2 .graph-read,
#pickup2 .graph-pickup,
#pickup2 .graph-trend,
#pickup2 .graph-drama,
#pickup2 .graph-voice,
#pickup2 .graph-detail,
#pickup2 .graph-sp,
#pickup2 .graph-sp01,
#pickup2 .graph-sp03,
#pickup2 .graph-sp04,
#pickup2 .graph-sp05,
#pickup2 .graph-sp06,
#pickup2 .graph-sunrise,
#pickup2 .graph-topic,
#pickup2 .graph-nico,
#pickup2 .graph-pokemon,
#pickup2 .graph-governor,
#pickup2 .graph-koushien,
#pickup2 .graph-rio
{
	width:100%;
	height:180px;
	margin-top:-5px;
}
#pickup2 #graph-cont {
	height:120px;
}
#pickup2 #ULIZA_NATIVE_AD_CONTENTS {
	display:none;
}
#graph-cont{
	min-width:320px;
	width:100%;
	height:110px;
	margin:0 auto;
}
.gender-box {
	padding:2px 8px 0;
}
#ranking .img-box {
	margin: 8px 0 0 0;
	float: right;
	width: 60px;
	height: 60px;
	overflow: hidden;
	background-size: cover;
	background-color: #F9F9F9;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 2px;
}
#ranking .img-box img{
	position: relative;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	max-width: 200%;
}

.swiper-slide {
	/*max-height:220px;*/
	overfllow:hidden;
}
#ranking .txt-box{
	padding:5px 0 0;
	position:relative;
	/*margin-right:100px;*/
}

#ranking .txt-box .todetail{
	background: #FAECB1 url("/image/more-w.png") no-repeat scroll right center / 8px 12px;
	padding:0;
	border:5px solid #FAECB1;
	margin:3px 0;
	text-align:center;
	font-weight:normal;
	font-size:93%;
	font-weight:bold;
	color:#666;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	display:none;
}

#pickup #ranking article {
	border-bottom:1px dotted #CCC;
	padding:0 ;
	margin:0 0 10px;
}

#pickup #ranking article.daily-item {
	border-bottom:1px dotted #CCC;
	padding:0 ;
	margin:0 0 0;
}

#ranking .txt-box h2{
	font-size:139%;
	line-height:120%;
	padding:6px 0 10px 0;
	z-index:50;
	background-size:12px 18px;
	/*color:#555;*/
	color:#24AAE4;
	text-decoration: underline;
	position: relative;
}
#change-time .topictime {
	padding:6px 0 10px;
}
/*
#ranking .txt-box h2.hot:after {
	content: "\f201";
	font: normal normal normal 18px/1 FontAwesome;
	color:#FC0;
	text-decoration: none;
	margin-left:4px;
}
*/

/*
#ranking .txt-box h2.toohot:after {
	content: "\f201";
	font: normal normal normal 18px/1 FontAwesome;
	color:#FC0;
	text-decoration: none;
	margin-left:3px;
}
#ranking .txt-box h2.fever:after {
	content: "\f201";
	font: normal normal normal 22px/1 FontAwesome;
	color:#FC0;
	text-decoration: none;
	margin-left:3px;
}
*/
#ranking .txt-box h2 span{
	font-size:60%;
	color:#FFF;
	font-weight:normal;
	display:inline-block;
	padding:2px 3px;
	background:#666;
	margin-left:5px;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	line-height:100%;
}
#ranking .txt-box h2 span.add {
	color:#777;
	display:inline-block;
	background:none;
	text-decoration: none;
	padding:0px;
	margin-left:3px;
}
/*
#ranking .txt-box h2 span.add::before {
	content: "／";
}
*/
#ranking .cont {
	position:relative;
}
/*
#ranking .txt-box h2.icon-movie{
	background:url(/image/icon-movie.png) no-repeat;
}
*/
#ranking .txt-box h2.icon-movie::after,
#ranking .txt-box h2.icon-anime::after {
	content: "\f16a";
	font-family: FontAwesome;
	color:#FF9673;
	text-decoration: none;
}
#ranking .txt-box h2.icon-spgame::after ,
#ranking .txt-box h2.icon-talent::after ,
#ranking .txt-box h2.icon-tv::after ,
#ranking .txt-box h2.icon-drama::after ,
#ranking .txt-box h2.icon-sports::after ,
#ranking .txt-box h2.icon-music::after ,
#ranking .txt-box h2.icon-sp::after ,
#ranking .txt-box h2.icon-listen::after,
#ranking .txt-box h2.icon-go::after,
#ranking .txt-box h2.icon-sweets::after,
#ranking .txt-box h2.icon-read::after,
#ranking .txt-box h2.icon-april::after,
#ranking .txt-box h2.icon-may::after,
#ranking .txt-box h2.icon-train::after{
	content: "\f05a";
	font-family: FontAwesome;
	color:#FF9673;
	text-decoration: none;
}
/*
#ranking .txt-box h2.icon-spgame::after {
	content: url(/image/icon-game.png) ;
	padding-left:5px;
}
#ranking .txt-box h2.icon-read::after {
	content: url(/image/icon-comic.png) ;
	margin-left:5px;
}
*/
/*
#ranking .cont .textimage-box .keyword-num{
	font-size:200%;
	color:#DDD;
	background:none;
	font-weight:normal;
	display: inline-block;
	margin:0 0 0 5px;
	line-height:100%;
	text-align: left;
	font-family:Futura-MediumItalic;
	letter-spacing: -2px;
	float: left;
	padding:0;
}
*/
#ranking .cont .textimage-box .keyword-num{
	font-size:180%;
	color:#DDD;
	font-weight:normal;
	line-height:100%;
	font-family:Futura-MediumItalic;
	letter-spacing: -2px;
	/*
	text-align: right;
	margin:0 0 0 5px;
	position:absolute;
	top:3px;
	right:0px;
	*/
	z-index:1;
	margin: 0 0 0;
	padding: 0;
}
#ranking .twimg-box {
	border-radius: 2px;
	float: right;
	height: 75px;
	overflow: hidden;
	width: 100px;
	border:1px solid #DDD;
	text-align: center;
	display:table;
	position: absolute;
	right:8px;
	top:8px;
}
#ranking .image-box {
	display:table-cell;
	vertical-align: middle;
	width:100px;
	height:75px;
}
#ranking .image-box img {
	vertical-align: middle;
	max-width:100%;
	max-height:100%;
}
/*
#ranking .image-box:before{
	content: "";
	height:0%;
	vertical-align: middle;
	width: 0px;
	display: inline-block;
}
*/
#ranking .textimage-box {
	float:left;
	min-width:167px;
	margin:0 102px 0 0;
}
#topic #ranking .cont .textimage-box .keyword-num{
	font-size:163%;
}
#ranking .cont .keyword-num span {
	/*font-size:40%;*/
	font-weight:normal;
	color:#DDD;
	letter-spacing: -0.5px;
}
#topic .cont .keyword-num{
	font-size:160%;
}
#topic #ranking .cont .keyword-num span {
	font-size:40%;
	font-weight:bold;
	color:#DDD;
}
#topic #ranking .cont .keyword-num span.tw-count {
	font-size:60%;
	font-weight:normal;
}
#topic #ranking .cont .keyword-num span.tw-count span{
	font-size:50%;
	font-weight:normal;
}
#ranking .cont .rank_one {color:#F6E093;}
#ranking .cont .rank_two {color:#CFD3D7;}
#ranking .cont .rank_three {color:#EFC99B;}

.articleshare {
	margin:0 8px;
}
.rankingshare {
	padding-top:5px;
	margin:0 4px;
}
.rankingshare2 {
	padding:5px 0 10px;
	margin:0 4px;
}
.articleshare li {
	width:25%;
	float:left;
	margin:0 0 10px; 0;
	text-align:center;
	box-sizing: border-box;
}
#ranking .articleshare li a,
#pickup .articleshare li a,
#detail .articleshare li a,
.articleshare li a {
	display:block;
	text-align:center;
	width:95%;
	box-sizing: border-box;
	padding:0;
	margin:0 auto;
	border-radius: 3px;
	color:#FFF;
	font-size:90%;
}

#ranking .articleshare li a img,
#pickup .articleshare li a img,
#detail .articleshare li a img,
.articleshare li a img{
	width:25px;
}

.snshare {
	padding:5px;
	text-align:center;
}
.line-share img{
	height:30px;
	width:123px;
}
.tw-share {
	float: left;
	width:45%;
	text-align:right;
}
.line-share {
	float:right;
	width:53%;
	text-align:left;
}
#ranking .line-share a {
	padding:0;
}

#ranking .articleshare li.tw-share-icon a,
#pickup .articleshare li.tw-share-icon a,
#detail .articleshare li.tw-share-icon a,
.articleshare li.tw-share-icon a { 
	background-color: rgba(85,172,238,1);
	color:#FFF;
	font-size:85%;
	line-height:230%;
	font-weight:bold;
}
#ranking .articleshare li.fb-share-icon a ,
#pickup .articleshare li.fb-share-icon a,
#detail .articleshare li.fb-share-icon a,
.articleshare li.fb-share-icon a { 
	background-color: rgba(59,89,153,1);
	color:#FFF;
	font-size:85%;
	line-height:230%;
	font-weight:bold;
}
#ranking .articleshare li.hatena-share-icon a,
#pickup .articleshare li.hatena-share-icon a,
#detail .articleshare li.hatena-share-icon a,
.articleshare li.hatena-share-icon a { 
	background-color: rgba(0,164,222,1);
	color:#FFF;
	font-size:85%;
	line-height:230%;
	font-weight:bold;
}
#ranking .articleshare li.line-share-icon a,
#pickup .articleshare li.line-share-icon a,
#detail .articleshare li.line-share-icon a,
.articleshare li.line-share-icon a { 
	background-color: rgba(0,195,0,1);
	color:#FFF;
	font-size:85%;
	line-height:230%;
	font-weight:bold;
}

#keyword .keyword-num{
	font-size:220%;
	color:#DDD;
	background:none;
	font-weight:normal;
	display:block;
	margin:0 0 0 0;
	line-height:100%;
	position:absolute;
	right:2px;
	top:7px;
	width:100%;
	z-index:-5;
	text-align:right;
	font-family:Futura-MediumItalic;
	letter-spacing: -2px;
}
#keyword .keyword-num span {
	font-size:40%;
	font-weight:normal;
	color:#DDD;
	letter-spacing: 0px;
}
#keyword .menu {
	width:35px;
	height:35px;
	position:absolute;
	right:4px;
	top:2px;
}
#open-right{
	background: transparent url("/image/sprite.png") no-repeat;
	background-position: -60px -173px;
	text-indent: -9999px;
	display:block;
	width:35px;
	height:35px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	#open-right {
		/* Reference the @2x Sprite */
		background-image: url(/image/sprite@2x.png);
		/* Translate the @2x sprite's dimensions back to 1x */
		background-size: 140px 466px;
	}
}
#keyword .rank_1 {color:#F6E093;}
#keyword .rank_2 {color:#CFD3D7;}
#keyword .rank_3 {color:#EFC99B;}

#ranking .txt-box p{
	color:#999;
	font-size:100%;
	line-height:130%;
	margin:0px 0 3px;
	padding:4px;
	font-weight:bold;
}
#ranking .txt-box p span,
#pickup .tweet-txt-box p span{font-size:80%;font-weight:normal}

#pickup .tweet-txt-box .pickuptweet h3{
	font-weight:normal;
	display:inline-block;
	margin:0 3px 0 0;
	color:#444;
}
#ranking .txt-box img{
	float:none;
	width:20px;
	border:none;
	margin-top:5px;
}
#ranking .rank{
	position: absolute;
	text-align:center;
	width:23px;
	height:16px;
	margin:5px 5px 0 -4px;
	background:url(/image/sprite.png) no-repeat;
	background-position:-44px -363px;
	padding-top:16px;
	color:#FFF;
	font-weight:bold;
	overflow:hidden;
}
#pickup #ranking .rank {
//	display:none;
}
#pickup .share-box {
	padding:0 0 5px ;
	margin:0 10px 0;
}
#ranking .share-box .share,
#pickup .share-box .share{
	width:30px;
	float:right;
	margin:0 0 0 0;
}
#ranking .share-box .line-btn,
#pickup .share-box .line-btn {
	width:30px;
	float:right;
	margin:0 5px 0 0;
}
#ranking .share-box .share a,
#pickup .share-box .share a{
	padding:0;
	text-align:center;
}
#ranking .share-box .line-btn a,
#pickup .share-box .line-btn a{
	padding: 0px;
}
#ranking .share-box .more-btn,
#pickup .share-box .more-btn{
	float:right;
	margin:0 0 0 5px;
	width:20px;
}
#ranking .share-box .more-btn a,
#pickup .share-box .more-btn a,
#pickup2 .share-box .more-btn a{
	padding: 3px;
	display:block;
	width:16px;
}
#pickup {
	margin:0 0 0;
	background:#FFF;
}
#pickup2 {
	margin:0 0 -1px;
	/*background: -moz-linear-gradient(#D0EBFF, #F4FAFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#D0EBFF), to(#F4FAFF));*/
}
#pickup2 .swiper-wrapp {
	background:#FFF;
	padding:0 0 1px;
}
#pickup h1,
#pickup2 h1{
	padding:3px 0 6px;
	text-align:center;
	background:#24AAE4;
	color:#FFF;
	font-size:100%;
}
#pickup2 #genre-pickup {
	background:#FFF;
	color:#333;
	padding:10px 0 ;
	font-size:130%;
}
#pickup #header h1 {
	background: #FFF;
	padding:0;
}
#pickup h1#archivetitle,
#pickup2 h1#archivetitle{
	padding:3px;
	text-align:left;
	color:#FFF;
	font-size:124%;
	background: #e66b6b;
}
#pickup article,
#pickup2 article{
	position:relative;
	background:#FFF;
	border-bottom: dotted 1px #dfdfdf;
}
#pickup article.detail{
	border-bottom:none;
	position:relative;
}
#pickup article.detail .cont{
	padding-bottom:1px;
}
/*
#pickup article:last-child,
#pickup2 article:last-child{
	border-bottom: none;
}
*/
#pickup2 article a{
	display:block;
	padding:4px 8px;
}

/*▼20160511追加▼*/
#pickup2 .pager {
	text-align: center;
	margin: 20px 0;
}
#pickup2 .pager li {
	width: 40px;
	display: inline-block;
	text-align: center;
}
#pickup2 .pager li:last-child {
	margin-right: 0px;
}
#pickup2 .pager li a {
	display: block;
	padding: 8px 0;
	border: solid 2px #24AAE4;
	color: #24AAE4;
	font-weight: bold;
}
#pickup2 .pager-1 li.page1,
#pickup2 .pager-2 li.page2,
#pickup2 .pager-3 li.page3,
#pickup2 .pager-4 li.page4 {
	background:#24AAE4;
}
#pickup2 .pager-1 li.page1 a,
#pickup2 .pager-2 li.page2 a,
#pickup2 .pager-3 li.page3 a,
#pickup2 .pager-4 li.page4 a
 {
	color: #fff;
}

/*▲20160511追加▲*/
#pickup .tweet-txt-box,
#pickup2 .tweet-txt-box{
	margin-left: 50px;
}
#pickup a h2,
#pickup2 a h2{
	font-size:124%;
	line-height:130%;
	padding:10px 5px 10px 5px;
	margin:0 5px 0 5px;
	z-index:5;
	/*color:#444;*/
	color:#24AAE4;
	/*border-left:5px solid #24AAE4;
	background:url(/image/more.png) no-repeat right center;
	background-size:12px 18px;*/
	text-decoration:underline;
}
#pickup2 a h2 {
	text-decoration:underline;
}
#pickup a h2.imagetitle,
#pickup2 a h2.imagetitle{
	font-size: 124%;
	line-height: 130%;
	padding: 10px 0 0 0;
	margin: 0 105px 0 0;
}
#pickup .archive-ranking a h2.imagetitle,
#pickup2 .archive-ranking a h2.imagetitle{
	font-size: 124%;
	line-height: 130%;
	padding: 10px 0 0 0;
	margin: 0 105px 0 27px;
}
#pickup a h2.noimagetitle,
#pickup2 a h2.noimagetitle{
	font-size: 124%;
	line-height: 130%;
	padding: 10px 0 10px 0;
	margin: 0 0 0 0;
	z-index: 5;
}
#pickup .archive-ranking a h2.noimagetitle,
#pickup2 .archive-ranking a h2.noimagetitle{
	font-size: 124%;
	line-height: 130%;
	padding: 10px 0 10px 0;
	margin: 0 0 0 27px;
	z-index: 5;
}
.articleshare {
	margin:0 8px;
}
.articleshare li {
	width:25%;
	float:left;
	margin:0 0 10px; 0;
	text-align:center;
	box-sizing: border-box;
}
#ranking .articleshare li a,
#pickup .articleshare li a {
	display:block;
	text-align:center;
	width:95%;
	box-sizing: border-box;
	padding:0;
	margin:0 auto;
	border-radius: 3px;
}

#ranking .articleshare li a img,
#pickup .articleshare li a img{
	width:25px;
}
#ranking .articleshare li.tw-share-icon a,
#pickup .articleshare li.tw-share-icon a { 
	background-color: rgba(85,172,238,1);
}
#ranking .articleshare li.fb-share-icon a ,
#pickup .articleshare li.fb-share-icon a { 
	background-color: rgba(59,89,153,1);
}
#ranking .articleshare li.hatena-share-icon a,
#pickup .articleshare li.hatena-share-icon a { 
	background-color: rgba(0,164,222,1);
}
#ranking .articleshare li.line-share-icon a,
#pickup .articleshare li.line-share-icon a { 
	background-color: rgba(0,195,0,1);
}

#tweet-image {
	padding:0 0 0;
	position: relative;
}
#tweet-image a.pickupimage{
	display:block;
	width:100%;
	padding:0 0 0;
	position: relative;
	z-index:5;
}
#tweet-image .pickupimage:first-child .imgbox {
	height:140px;
	overflow:hidden;
	background:#EEE;
	position: relative;
	z-index:20;
	z-index:-5;
}
#pickup #tweet-image a.pickupimage h2{
	padding:15px 10px 10px;
	font-size: 124%;
	color:#FFF;
	background: linear-gradient(to bottom, rgba(0, 0, 0, .0), rgba(0, 0, 0, 1.0));
	background: -moz-linear-gradient(top,  
		rgba(0,0,0,0.0),  
		#000);　/* Firefox用 */  
	background: -webkit-gradient(linear, left top, left bottom,  
		from(rgba(0,0,0,0.0)),  
		to(#000));　/* Safari,Google Chrome用 */
	position: absolute;
	margin:-65px 0 0;
	z-index:25;
}
#pickup #tweet-image a.pickupimage h2 span{
	color:#FFF;
}
#tweet-image a.pickupimage .imgbox img {
	position: relative;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	max-width: 150%;
	float: none;
	z-index:-5;
}
#pickup .twimg-box,
#pickup #ranking .twimg-box,
#pickup2 .twimg-box {
	width:100px;
	height:75px;
	overflow:hidden;
	margin: 5px 0 5px 0;
	float: right;
	border-radius:2px;
}
#pickup #ranking .twimg-box {
	border: none;
	display: block;
	position: relative;
	right: 0;
	top: 0;
}
#pickup2 .twimg-box {
	margin: 5px 0 5px 0;
}
#pickup .twimg-box img,
#pickup #ranking .twimg-box img,
#pickup2 .twimg-box img {
	border-radius: 0;
	position: relative;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	max-width: 180%;
	float: none;
}
.archive .pickuptweet,
.archive .linkbox,
.detail-body .pickuptweet,
.detail-body .linkbox{
	display:none;
}
/*
.archive #pickup a h2,
.archive #pickup2 a h2{
	padding:10px 5px 0;
}

.archive #pickup a.detail-link h2,
.archive #pickup2 a.detail-link h2{
	padding:10px 5px ;
}
*/
#pickup h2,
#pickup2 h2{
	color:#444;
	font-size:124%;
	line-height:130%;
	padding:10px 5px 10px 10px;
}
#pickup2 a h2{
	border-left:none;
	padding:10px 5px 10px 10px;
	font-size:116%;
	background:none;
}

#pickup .tweet-txt-box p,
#pickup2 .tweet-txt-box p{
	line-height:130%;
	width:100%;
}
#pickup .tweet-txt-box .cf span,
#pickup2 .tweet-txt-box .cf span{
	color:#24AAE4;
}
#pickup h2 span,
#pickup2 h2 span{
	font-size:80%;
	color:#FFF;
	font-weight:normal;
	display:inline-block;
	padding:2px;
	background:#666;
	margin:0 5px;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	line-height:100%;
	border:none;
}
#pickup h2 span.up-date,
#pickup2 h2 span.up-date{
	color:#666;
	background:none;
	font-size:60%;
	margin:0 ;
}
#pickup2 h3 {
	padding:3px 0 0 5px;
	margin:0 0 -5px;
	font-size:90%;
	font-weight:normal;
	color:#666;
}
.pickuptweet {
	color: #444;
	line-height: 130%;
	margin: -2px 10px 10px;
	font-size: 90%;
	padding: 3px 3px 0 3px;
	background-color: #FFF;
	position: relative;
	border-radius: 5px;
	border:2px solid #DDD;
}
.usertweet {
	margin:-10px auto 0;
	padding: 0 10px 0;
	box-sizing: border-box;
}
#pickup h3#pickup-detail-titile {
	font-size: 116%;
	font-weight:bold;
	line-height: 120%;
	padding: 10px 0px 0 10px;
	z-index: 5;
}
.pickuptweet::before {
	content: "";
	position: absolute;
	border-bottom: 10px solid #DDD;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	top: -10px;
	left: 32px;
}
#pickuptweet::after {
	content: "";
	position: absolute;
	border-bottom: 10px solid #DDD;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	top: -10px;
	left: 32px;
}
#pickup .tweet-txt-box {
	background: url(/image/more.png) no-repeat right center;
	background-size:12px 18px;
	padding-right:14px;
}
#pickup2 .inner-box {
	padding:0 0 10px;
}
.pickuptweet a {
	color:#24AAE4;
	font-size:90%;
}
.pickuptweet .tw-btn {
	text-align:right;
	border-top:1px dotted #BBB;
	padding-top:3px;
	margin-top:3px;
	display:none;
}
#pickup h3{
	padding: 5px 5px 0 2px;
	margin: 0px 0 3px;
	font-size: 100%;
	font-weight: normal;
	line-height: 140%;
}
#pickup article.daily-item .detail-link{
	display:block;
	padding: 2px 8px 5px;
}
#pickup article .detail-link{
	display:block;
	padding: 2px 8px;
}
#pickup article .cont {
	position: relative;
}
#pickup relation article .cont {
	padding:0 0 0 4px;
}

#pickup article .cont #prev{
	position: absolute;
	bottom:60px;
	left:10px;
}
#pickup article .cont #next{
	position: absolute;
	bottom:60px;
	right:10px;
}
#pickup article .cont #prev a,
#pickup article .cont #next a {
	display:block;
	padding:5px 8px 3px;
	border:2px solid #24AAE4;
	color:#24AAE4;
	background:#FFF;
	border-radius:5px;
	font-weight:bold;
	font-size:90%;
}
#tsuirantushin article .detail-link{
	padding:0;
	display:block;
}
#tsuirantushin .ad-ranking {
	margin:2px -5px 7px;
	border-bottom:none;
	padding-top:5px;
	padding-bottom:0;
}
#pickup .image-box,
#pickup2 .image-box {
	float: left;
	text-align: center;
	width: 45px;
}
#pickup .image-box img,
#pickup2 .image-box img{
	width: 45px;
	border-radius: 45px;
}
#pickup a.more {
	font-size:85%;
	line-height:130%;
	padding:0 0 0;
	font-weight:bold;
	display:block;
	text-align: center;
	width:50%;
	float:left;
}
#pickup a.more p{
	color:#444;
	border:7px solid #F6D963;
	height:14px;
	margin:0 auto;
	padding:2px 5px 0 0;
	border-radius: 5px;
	background:url(/image/more-w.png) no-repeat center right #F6D963;
	background-size:12px 18px;
	text-align: center;
	font-size:108%;
}
#pickup .more p span{
	font-weight:normal;
	text-decoration: none;
	font-size:90%;
	color:#777;
}
#pickup #tsuirantushin h2 {
	border:none;
	padding:0 0 0 0;
	color:#24AAE4;
	font-size:112%;
}
#pickup .tweetimage {
	padding:2px 0 5px;
	text-align:center;
}
#pickup .swiper-button-next {
	right: 0px;
}
#pickup .swiper-button-prev {
	left: 0px;
}
/*
#pickup .tweetimage img{
	max-height:280px;
	max-width:300px;
}
*/
#pickup .swiper-container-horizontal > .swiper-pagination-bullets,
#pickup .swiper-pagination-custom,
#pickup .swiper-pagination-fraction {
	bottom: 0px;
	left: 0;
	width: 100%;
}
#pickup .user {
	padding:0 0 5px 0;
	display:table;
}
#pickup .user p{
	display:table-cell;
	vertical-align:middle;
	padding:0 0 0 5px;
	font-size:116%;
}
#pickup .user .image-box, #pickup2 .user .image-box {
	float: none;
	width: 45px;
	display:table-cell;
}
#comment {
	/*margin:7px;*/
	padding:10px 10px 20px ;
	font-size:116%;
	background:#FFF;
	/*border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow: 0px 0px 3px #BBB;
	-moz-box-shadow: 0px 0px 3px #BBB;
	-webkit-box-shadow: 0px 0px 3px #BBB;*/
}
#comment ol li {
	margin: 0 0 5px 30px;
}
/*
#pickup #comment br {
	content: "";
	margin: 2em;
	display: block;
	margin-bottom: -10px; 
}
*/
#pickup #comment .usertweet br {
	content: "";
	margin: 2em;
	display: none;
}
#pickup #comment h3 {
	border-left: 4px solid #f93;
	padding-left: 4px;
	font-weight: bold;
	margin: 5px 0 0;
	font-size:115%;
}
#pickup #comment h3.top {
	margin: 0 0 10px;
}
#pickup #comment h4 {
	font-size:107%;
}
#comment a{
	color:#24AAE4;
	text-decoration:underline;
}
#comment .usertweet {
	margin: 0px auto 0;
	max-width:500px;
	width:100%;
	box-sizing: border-box;
}
.detail-tweet p {
	font-size:116%;
	line-height: 150%;
	padding:0 0 5px;
}
.pickuptweet .detail-tweet a{
	font-size:108%;
}
#tsuirantushin p {
	padding:5px 5px 0;
	line-height:140%;
	font-suze:93%;
}
#pickup #tsuirantushin .more{
	text-align:right;
	padding: 10px 17px 10px 0;
	line-height:100%;
	color:#F36963;
	font-weight:bold;
}
/*
#pickup #more-box {
	background:#FFF;
}
*/
#pickup #blog-contents #more-box,
#pickup #blog-contents #more-pict,
#pickup2 .more-box {
	border-bottom: none;
	padding:10px 0;
	margin:0 -5px;
}
#pickup #more-box {
	padding:5px 0 ;
}
#pickup #more-box a,
#pickup #more-pict a,
#pickup2 .more-box {
	padding:3px 0 10px;
	display:block;
}
#pickup #blog-contents #more-box a,
#pickup #blog-contents #more-pict a{
	padding:0;
}
#pickup2 .more-box {
	padding:5px 0 15px;
}
#pickup #more-box a p,
#pickup2 .more-box a p{
	display: block;
	text-align: center;
	padding: 7px;
	width: 260px;
	height: 20px;
	margin: 0 auto ;
	color: #FFF;
	font-weight:bold;
	background: #24AAE4;
	border-radius: 5px;
	box-shadow: 0px 0px 3px #BBB;
	-moz-box-shadow: 0px 0px 3px #BBB;
	-webkit-box-shadow: 0px 0px 3px #BBB;
}
#pickup #more-pict a p{
	display: block;
	text-align: center;
	padding: 10px 7px 7px;
	width: 260px;
	height: 17px;
	margin: 0 auto ;
	color: #FFF;
	font-weight:bold;
	background: #6440E5;
	border-radius: 5px;
	box-shadow: 0px 0px 3px #BBB;
	-moz-box-shadow: 0px 0px 3px #BBB;
	-webkit-box-shadow: 0px 0px 3px #BBB;
}
#pickup #blog-contents #more-box a p,
#pickup #blog-contents #more-pict a p{
	color:#444;
	border: 7px solid #F6D963;
	font-weight:bold;
	background: url(/image/more-w.png) no-repeat center right #F6D963;
	background-size: 12px 18px;
	padding: 0;
}
#pickup #more-box a p#archivetext{
	background: #00B200;
}
#pickup .linkbox {
	padding:0 10px 10px;
}
#pickup .linkbox .snsbox {
	width:50%;
	float:right;
	text-align:right;
}
#pickup .linkbox .snsbox li{
	display:inline-block;
	width:32px;
}
#pickup .linkbox .snsbox li a img{
	width:30px;
}
#pickup #ranking .txt-box h2 span{
	font-size:60%;
}
#pickup #ranking .txt-box h2 span:after {
	content:" 1位"
}
#pickup #ranking .tweet-txt-box h2 span {
	font-size:60%;
}
#pickup #ranking .tweet-txt-box h2 span:after {
	content:""
}
#ranking .one{background-position:-80px -356px;color:#EEC128;}
#ranking .two{background-position:-115px -430px;color:#878E9A;}
#ranking .three{background-position:-10px -374px;color:#DE8926;}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	#ranking .rank,
	#ranking .one,
	#ranking .two,
	#ranking .three {
		/* Reference the @2x Sprite */
		background-image: url(/image/sprite@2x.png);
		/* Translate the @2x sprite's dimensions back to 1x */
		background-size: 140px 466px;
	}
}
.image-layout {
	position:relative;
}
#ranking .up{
	background:url(/image/icon-up.png) no-repeat 8px 50px;
	background-size:18px 18px;
}
#ranking .down{
	background:url(/image/icon-down.png) no-repeat 8px 50px;
	background-size:18px 18px;
}
#ranking .stay{
	background:url(/image/icon-stay.png) no-repeat 8px 50px;
	background-size:18px 18px;
}
#ranking .new{
	background:url(/image/icon-new.png) no-repeat 9px 48px;
	background-size:22px 22px;
}
#ranking .up .rank,
#ranking .down .rank,
#ranking .stay .rank,
#ranking .new .rank {
	margin:5px 1px 0 -27px;
}
#ranking .up .gender,
#ranking .up .percent,
#ranking .up .account-box,
#ranking .down .gender,
#ranking .down .percent,
#ranking .down .account-box,
#ranking .stay .gender,
#ranking .stay .percent,
#ranking .stay .account-box,
#ranking .new .gender,
#ranking .new .percent,
#ranking .new .account-box {
	margin:4px 0 0;
}
#ranking .up a,
#ranking .down a,
#ranking .stay a,
#ranking .new a {
	padding-left:33px ;
}
#ranking .more a{
	text-align:center;
	padding:10px;
	border:3px solid #D3EFFA;
	width:150px;
	height:20px;
	margin:5px auto 0;
}
#ranking .posinega-box {
	margin:2px 0 0;
	position:relative;
	bottom:3px;
}
#ranking .posi-txt,
#ranking .nega-txt{
	color:#8B65AE;
	font-size:80%;
	margin:0 5px 0 0;
	padding-top:2px;
	height:19px;
	display:block;
	float:left;
}
#ranking .posi-txt{
	color:#E5983E;
	margin-right:5px;
}
/*画像*/
#ranking .box-hima {
	padding:5px 5px 0;
	background:#FFF;
}
#ranking .box-hima a,
#ranking .box-hima2 a{
	display:block;
	padding:0 0 0 0;
	border-left:none;
	margin:0;
	line-height:100%;
	position:relative;
}
#ranking .box-hima2 {
	padding:5px 5px 0;
	background:#FFF;
}
#ranking .box-hima a img,
#ranking .box-hima2 a img{width:100%}
#ranking .box-hima a .rank{position:absolute;top:10px;left:10px}
#ranking .box-hima a .up,#ranking .box-hima a .down,#ranking .box-hima a .stay,#ranking .box-hima a .new,#ranking .box-hima a .txt-box{position:absolute}
#ranking .box-hima a .up{
	background:url(/image/icon-up.png) no-repeat;
	background-size:18px 18px;
	width:18px;
	height:18px;
	top:46px;
	left:12px;
}
#hima #ranking {padding:0;}
#hima #change-time {border-top: none;}
#ranking .box-hima a .down{
	background:url(/image/icon-down.png) no-repeat;
	background-size:18px 18px;
	width:18px;
	height:18px;
	top:46px;
	left:12px;
}
#ranking .box-hima a .stay{
	background:url(/image/icon-stay.png) no-repeat;
	background-size:18px 18px;
	width:18px;
	height:18px;
	top:42px;
	left:12px;
}
#ranking .box-hima a .new{
	background:url(/image/icon-new.png) no-repeat;
	background-size:24px 24px;
	width:24px;
	height:24px;
	top:45px;
	left:9px;
}
#ranking .box-hima a .txt-box,
#ranking .box-hima2 a .txt-box{
	bottom:0px;
	left:0;
	padding:3px 0 ;
	width:100%;
	background:url(/image/bg-white.png);
	position:absolute;
	margin: 0px 0 0;
	font-weight: bold;
	text-align:left;
	font-size:55%;
}
#ranking .box-hima a .txt-box p,
#ranking .box-hima2 a .txt-box p{
	color:#333;
	font-size:90%;
	line-height:140%;
	margin: 0px 0 0;
	padding: 0 2px;
	font-weight: bold;
}
.tiles-wrap a {
	font-weight: bold;
	text-align: left;
	color: #000000;
	font-size: 12px;
	line-height: 16px;
	height: auto;
	border: 0px;
	display: block;
	width: 200px;
	position: relative;
	height: 100%;
	text-transform: uppercase;
}
/**
 * Placerholder css
 */
.wookmark-placeholder {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #eee;
	border: 1px solid #dedede;
	z-index: -1;
}

/**
 * Grid container
 */
.tiles-wrap {
	position: relative; /** Needed to ensure items are laid out relative to this container **/
	margin: 0 0;
	padding: 0;
	list-style-type: none;
	display: none;
}

#image {
	width:100%;
	margin:0 auto;
}
.tiles-wrap li {
	width: 49.2%;
	float: left;
}
/*
.tiles-wrap li {
	float: left;
	cursor: pointer;
	width: 50%;
}
*/
.tiles-wrap.animated li {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.tiles-wrap li.wookmark-inactive {
	visibility: hidden;
	opacity: 0;
}

.tiles-wrap img {
	display: block;
}
.tiles-wrap li img {
	width: 100%;
	height: 100%;
}

.tiles-wrap a {
	color: #555;
	text-align: center;
	width: 100%;
	height: 100%;
	font-size: 2em;
	font-weight: bold;
	text-decoration: none;
}

.tile-loading:after {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #ddd;
	content: "Loading\2026";
	padding-top: 20px;
	color: #999;
}

#ranking .box-hima img{
	float:none;
}

#ranking .box-hima .ad-ranking{float:none;width:100%;text-align:center}

/*プッシュ通知を許可していない場合*/
#push-overlay {
	background-color: rgba(51,51,51,0.9);
	position: fixed;
	width: 100%;
	height: 100%;
	z-index:190;
	top:0;
	left:0;
}
.layer_board_bg {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 100;
	top: 0;
	left: 0;
	display: none;
	cursor: pointer;
	background: #000;
}
.layer_board {
	position: fixed;
	display: none;
	padding:0px;
	width:240px;
	left:50%;
	bottom:170px;
	margin: -55px auto 0px -120px;
	text-align: left;
	z-index: 200;
	background:#FFF;
	border-radius: 5px;
}
.layer_board::before {
	content: "";
	position: absolute;
	border-top: 30px solid #FFF;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	bottom: -20px;
	left: 100px;
}
.layer_board::after {
	content: "";
	position: absolute;
	border-top: 30px solid #FFF;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	bottom: -20px;
	left: 100px;
}
.layer_board .layer_in {
	position: relative;
	padding:5px;
}
.layer_board .layer_in .btn_close a {
	display:block;
	text-align:center;
	border:2px solid #999;
	padding:1px 3px 5px;
	border-radius: 40px;
	width:15px;
	height:15px;
	position: absolute;
	right:-15px;
	top: -15px;
	background:#FFF;
	font-weight:bold;
	font-size:102%;
}
#pickup .layer_board h2, #pickup2 .layer_board h2 {
	padding:5px 0 3px;
	margin:0 0 3px;
	background:#2CB200;
	color:#FFF;
	text-align:center;
}
.layer_board p {
	font-size:100%;
}
.layer_board p.lead1 {
	font-weight:bold;
	font-size:124%;
	background:#F96CA7;
	color:#FFF;
	text-align:center;
	padding:5px 0 3px;
	border-radius: 5px;
}
.layer_board p.lead {
	font-size:124%;
	color:#666;
	text-align:center;
	padding:10px 0 5px;
	line-height:140%;
}
.layer_board p.lead span{
	font-weight:bold;
	font-size:108%;
	color:#5A97F5;
}
#pickup .layer_board img {
	margin:3px auto;
	width:290px;
}

#ranking .box-hima .ad-ranking{float:none;width:100%;text-align:center}

/*プッシュ通知を許可していない場合*/
#push-overlay {
	background-color: rgba(51,51,51,0.9);
	position: fixed;
	width: 100%;
	height: 100%;
	z-index:1900;
	top:0;
	left:0;
}
.layer_board_bg {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1000;
	top: 0;
	left: 0;
	display: none;
	cursor: pointer;
	background: #000;
}
.layer_board {
	position: fixed;
	display: none;
	padding:0px;
	width:240px;
	left:50%;
	bottom:170px;
	margin: -55px auto 0px -120px;
	text-align: left;
	z-index: 2000;
	background:#FFF;
	border-radius: 5px;
}
.layer_board::before {
	content: "";
	position: absolute;
	border-top: 30px solid #FFF;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	bottom: -20px;
	left: 100px;
}
.layer_board::after {
	content: "";
	position: absolute;
	border-top: 30px solid #FFF;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	bottom: -20px;
	left: 100px;
}
.layer_board .layer_in {
	position: relative;
	padding:5px;
}
.layer_board .layer_in .btn_close a {
	display:block;
	text-align:center;
	border:2px solid #999;
	padding:1px 3px 5px;
	border-radius: 40px;
	width:15px;
	height:15px;
	position: absolute;
	right:-15px;
	top: -15px;
	background:#FFF;
	font-weight:bold;
	font-size:102%;
}
#pickup .layer_board h2, #pickup2 .layer_board h2 {
	padding:5px 0 3px;
	margin:0 0 3px;
	background:#2CB200;
	color:#FFF;
	text-align:center;
}
.layer_board p {
	font-size:100%;
}
.layer_board p.lead1 {
	font-weight:bold;
	font-size:124%;
	color:#FFF;
	background:#F96CA7;
	text-align:center;
	padding:5px 0 3px;
	border-radius: 5px;
	margin:0 0 0;
}
.layer_board p.lead {
	font-size:124%;
	color:#666;
	text-align:center;
	padding:5px 0 ;
	line-height:140%;
}
.layer_board p.lead span{
	font-weight:bold;
	font-size:108%;
	color:#090;
}
#pickup .layer_board img {
	margin:3px auto;
	width:290px;
}
/*モーダル（ランキング詳細）*/
#tweet a.tweet-box {
	display:block;
}
#cboxOverlay {
	background: #000;
	position: fixed;
	width: 100%;
	height: 100%;
}
#cboxLoadedContent {
	background: none;
}
#inline-content {
	margin: 20px;
}
#ajax-wrap {
	margin: 20px;
}
#cboxLoadedContent {
	padding: 0;
	overflow: auto;
}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose , #cboxTitle {
	top: -30px;
}
#colorbox, #cboxOverlay, #cboxWrapper {
	overflow: visible ;
}
#cboxTitle {
	color: #fff;
}
#cboxClose {
	border:2px solid #FFF;
	z-index:999;
}

#colorbox, #cboxOverlay, #cboxWrapper{
	top:0;
	left:0;
	z-index:999;
	overflow:hidden;
	position: absolute;
}
#cboxWrapper {
	min-width:300px;
	background: url(/image/loding.svg) no-repeat center 110px;
}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#colorbox{outline:0;}
    #cboxContent{margin-top:20px; overflow:visible; background:none;}
        .cboxIframe{background:none;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:none; padding:1px;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/image/controls.png) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}


/* --------------------------------------------------------
	タブ
-------------------------------------------------------- */
.navi{
	width:100%;
	height:40px;
	overflow:hidden;
	padding:12px 0 0;
	position: relative;
	background:#FFF;
}
.flickity-enabled
.is-draggable{
	background:#000;
}
.navi .tab{
	color:#FFF;
	height:44px;
	line-height:110%;
	text-align:center;
	font-size:108%;
	background:#FFF;
	width:75px;
	background:#999;
	display:inline-block;
}
.navi .tab-hima {
	width:90px;
}
.navi .tab-pickup{
	width:90px;
}
.navi .tab-april,
.navi .tab-may,
.navi .tab-june{
	width:125px;
}
.navi .tab-nico {
	width:170px;
}
.navi .tab-heat {
	width:100px;
}
.navi .tab a{
	display:block;
	width:100%;
	height:35px;
	padding:14px 0px 0;
	color:#FFF;
	font-weight:bold;
}
.navi .tab-sp04 a{
	color: #C49850;/*紅白歌合戦（白組）*/
}
.navi .tab-sunrise a{
	color: #FF0;/*初日の出*/
}
.navi .tab-sp04 a{
	color: #FFF;/*風物詩*/
}
#emotion .graph-emotion{
	height:110px;
	border:5px solid #FFF;
}
#sunrise .navi .tab-sunrise a{color:#FFFF00;}/*初日の出*/
#sp04 .navi .tab-sp04 a{color:#C49850;}/*紅白歌合戦（白組）*/
#sp04 .navi .tab-sp04 a{color:#FFF;}/*風物詩*/

#pickup .navi .tab-pickup a,
#emotion .navi .tab-emotion a,
#hima .navi .tab-hima a,
#talent .navi .tab-talent a,
#read .navi .tab-read a,
#train .navi .tab-train a,
#anime .navi .tab-anime a,
#go .navi .tab-go a,
#sports .navi .tab-sports a,
#listen .navi .tab-listen a,
#game .navi .tab-game a,
#tv .navi .tab-tv a,
#spgame .navi .tab-spgame a,
#movie .navi .tab-movie a,
#music .navi .tab-music a,
#sweets .navi .tab-sweets a,
#trend .navi .tab-trend a,
#voice .navi .tab-voice a,
#drama .navi .tab-drama a,
#sp .navi .tab-sp a,
#sp01 .navi .tab-sp01 a,
#sp03 .navi .tab-sp03 a,
#sp04 .navi .tab-sp04 a,
#sp05 .navi .tab-sp05 a,
#sp06 .navi .tab-sp06 a,
#sunrise .navi .tab-sunrise a,
#topic .navi .tab-topic a,
#april .navi .tab-april a,
#may .navi .tab-may a,
#nico .navi .tab-nico a,
#pokemon .navi .tab-pokemon a,
#jpy .navi .tab-jpy a,
#heat .navi .tab-heat a,
#councillors .navi .tab-councillors a,
#governor .navi .tab-governor a,
#koushien .navi .tab-koushien a,
#rio .navi .tab-rio a,
#riopara .navi .tab-rio a{
	padding: 3px 0px 0;
	font-size:116%;
}

.fixed{
	position:fixed;
	z-index:999;
	width:100%;
	box-shadow:0px 0 10px rgba(0,0,0,0.9);
	-webkit-box-shadow:0px 0 10px rgba(0,0,0,0.9);
	-moz-box-shadow:0px 0 10px rgba(0,0,0,0.9);
}

.detail-body .fixed{
	box-shadow:none;
}

.detail-body .fixed .detail-head{
	background:#FFF;
	box-shadow:0px 0 10px rgba(0,0,0,0.9);
	-webkit-box-shadow:0px 0 10px rgba(0,0,0,0.9);
	-moz-box-shadow:0px 0 10px rgba(0,0,0,0.9);
}
.fixed2{
	position:fixed;
	top:0px;
	width:100%;
}
/* --------------------------------------------------------
	SNSボタン
-------------------------------------------------------- */
#sns-group{
	padding:0 0 0px;
	background:#EEE;
	margin:0;
	z-index:11;
}
#pickup #sns-group {
	border-bottom:1px solid #CCC;
	padding:0 0 5px;
}
.detail-body #sns-group{border-top:1px solid #CCC;}
#sns-group h2, #pickup > #ranking h2.header {
	color:#555;
	padding:3px 0;
	color:#FFF;
	background:#24AAE4;
	text-align:center;
	margin:0 0 10px;
	font-size:108%;
}
#sns-group ul{margin:5px 10px 0;}
#sns-group .btn{
	width:100%;
}
#sns-group .btn img{width:25px;vertical-align:middle}
#sns-group .btn a{
	display:block;
	padding:10px 0;
	background:#FFF;
	height:23px;
	line-height:100%;
	text-align:center;
	font-weight:bold;
	margin:0 0 10px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
#sns-group .tw-btn-icon a{
	border:2px solid #55ACEE;
	width:48%;
	float:left;
	color:#55ACEE;
}
#sns-group .line-btn-icon a{
	border:2px solid #00C300;
	width:48%;
	float:right;
	color:#00C300;
}
#sns-group .fb-btn-icon a{
	border:2px solid #3B5999;
	width:48%;
	float:right;
	color:#3B5999;
}
#sns-group .hatena-btn-icon a{
	border:2px solid #0090DF;
	width:48%;
	float:left;
	color:#0090DF;
}
/*
#sns-group .fb-btn-icon a{background:#3C5B99}
#sns-group .htn-btn-icon a{background:#008FDF}
#sns-group .pocket-btn-icon a{background:#F03E56}
#sns-group .gplus-btn-icon a{background:#C63829}
*/
#sns-group h1 {
	text-align:center;
	color:#55ACEE;
	font-size:124%;
}
#sns-group li a span {
	color:#fff;
	font-size:110%;
	margin-left:5px;
	font-weight:bold;
}
#sns-group #sharecount-fb,
#sns-group #sharecount-tw,
#sns-group #sharecount-line,
#sns-group #sharecount-hatena {
	color:#FFF;
}
/* --------------------------------------------------------
	フッター
-------------------------------------------------------- */
#foot-area{width:100%;background:#F4F4F4}
#foot-area .foot-ad{background:#1378BC;}
.foot-copy{padding:5px 0;text-align:center;color:#fff;font-size:62%;background:#1378BC}
#page-top{position:fixed;bottom:90px;right:10px;font-size:77%;z-index:30;width:40px;height:40px}
#foot-ad{padding:0 0 10px;text-align:center;background:#333;}
#pickup #foot-ad{padding:0 0 10px;text-align:center;background:#333;}
#footer-menu{
	padding:10px 0 20px 5px;
	background:#333;
}
#footer-menu a{
	display:block;
	color:#FFF;
	padding:7px 0 7px 5px;
	margin:0 5px 0 0;
	border-left:5px solid #444;
	font-size:90%;
	background:#555;
}

#footer-menu li{
	margin:0 0 0 0;
	width:33%;
	float:left
}
#footer-menu li:nth-child(3n){margin:0 0 5px 0}
#footer-menu .g-menu{margin:0 0 10px 0}
#footer-menu .s-menu{margin:0 0 0 0;}
#info #footer-menu .s-menu{margin:0 auto 60px auto;}
#footer-menu h3{
	color:#FFF;
	margin:0 0 5px;
	font-size:108%;
}
#footer-menu h3.ranking-menu{
	color:#FFF;
	margin:0 0 5px;
	font-size:108%;
}
#footer-menu .tsushin {
	margin:5px 0 5px 0;
}
#footer-menu .tsushin li{
	width:50%;
	float:left;
	margin:0 0 5px 0;
}
#footer-menu .tsushin a{
	border-left:5px solid #FFF;
	padding:7px 0 7px 5px;
}
#footer-menu .tsushin a:nth-child(2n){
	border-left:3px solid #FFF;
	margin-right:0;
}

/* --------------------------------------------------------
	メニュー
-------------------------------------------------------- */
#side-menu a{
	display:block;
	color:#FFF;
	padding:7px 0 7px 7px;
	margin:0 5px 0 0;
	border-left:5px solid #777;
	font-size:85%;
	background:#555;
}

#side-menu{margin:0 0 0 ; padding:0px 0 300px; z-index:901;width:100%;}
#side-menu .menu-box {padding:0 0 0 5px}

#side-menu li{
	margin:0 0 5px 0;
	float:left;
	width:50%;
}
#side-menu li:nth-child(4n){margin:0 0 5px 0}
#side-menu .g-menu{margin:0 0 10px 0}
#side-menu .s-menu{margin:0 0 0 0;}
#side-menu h3{
	color:#FFF;
	margin:0 0 5px;
	font-size:108%;
}
#side-menu h3.ranking-menu{
	color:#FFF;
	margin:0 0 5px;
	font-size:108%;
}
#side-menu .tsushin {
	margin:5px 0 10px 0;
}
/*
#side-menu .tsushin li{
	width:50%;
	float:left;
}
*/
#side-menu .tsushin a{
	border-left:5px solid #FFF;
	padding:7px 0 7px 5px;
}
#side-menu .tsushin a:nth-child(2n){
	border-left:5px solid #FFF;
	margin-right:0;
}
#side-menu .tsushin .menu-sp a{
	border-left:5px solid #D69E00;
	padding:7px 0 7px 5px;
	background:#846100;
}

.site-base #side-menu {
	padding: 00px 0px 350px;
}

#blog #header #logo-box .sb-toggle-right,
#info #header #logo-box .sb-toggle-right{
	display: block;
}
/*=============================================================
・drawer.css
=============================================================*/
/* Slidebars 0.10.3 (http://plugins.adchsm.me/slidebars/) written by Adam Smith (http://www.adchsm.me/) released under MIT License (http://plugins.adchsm.me/slidebars/license.txt) */
#sb-site,
.sb-site-container,
.sb-slidebar,
body,
html{
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
body,
html{
	width:100%;
	overflow-x:hidden
}
html{
	height:100%
}
body{
	min-height:100%;
	height:auto;
	position:relative
}
html.sb-scroll-lock.sb-active:not(.sb-static){
	overflow:hidden
}
#sb-site,
.sb-site-container{
	width:100%;
	min-height:100vh;
	position:relative;
	z-index:1;
	background-color:#fff
}
#sb-site:after,
#sb-site:before,
.sb-site-container:after,
.sb-site-container:before{
	content:' ';
	display:table;
	clear:both
}
.sb-slidebar{
	height:100%;
	overflow-y:auto;
	position:fixed;
	top:0;
	z-index:0;
	display:none;
	background-color:#444;
	box-shadow: 5px 5px 20px 2px rgba(0,0,0,0.7) inset;
}
.sb-slidebar,
.sb-slidebar *{
	-webkit-transform:translateZ(0px)
}
.sb-left{
	left:0
}
.sb-right{
	right:0
}
.sb-slidebar.sb-static,
html.sb-static .sb-slidebar{
	position:absolute
}
.sb-slidebar.sb-active{
	display:block;
	z-index:900;
}
.sb-style-overlay{
	z-index:999
}
.sb-momentum-scrolling{
	-webkit-overflow-scrolling:touch
}
.sb-slidebar{
	width:30%
}
.sb-width-thin{
	width:15%
}
.sb-width-wide{
	width:45%
}
@media (max-width:480px){
	.sb-slidebar{
	width:70%
}
.sb-width-thin{
	width:55%
}
.sb-width-wide{
	width:85%
}

}
@media (min-width:481px){
	.sb-slidebar{
	width:55%
}
.sb-width-thin{
	width:40%
}
.sb-width-wide{
	width:70%
}

}
@media (min-width:768px){
	.sb-slidebar{
	width:40%
}
.sb-width-thin{
	width:25%
}
.sb-width-wide{
	width:55%
}

}
@media (min-width:992px){
	.sb-slidebar{
	width:370px
}
.sb-width-thin{
	width:15%
}
.sb-width-wide{
	width:45%
}

}
@media (min-width:1200px){
	.sb-slidebar{
	width:370px
}
.sb-width-thin{
	width:5%
}
.sb-width-wide{
	width:35%
}

}
#sb-site,
.sb-site-container,
.sb-slide,
.sb-slidebar{
	-webkit-transform:translate(0px);
	-moz-transform:translate(0px);
	-o-transform:translate(0px);
	transform:translate(0px);
	-webkit-transition:-webkit-transform 400ms ease;
	-moz-transition:-moz-transform 400ms ease;
	-o-transition:-o-transform 400ms ease;
	transition:transform 400ms ease;
	-webkit-transition-property:-webkit-transform,
	left,
	right;
	-webkit-backface-visibility:hidden
}
.sb-hide{
	display:none
}

.sb-toggle-right {
	overflow: hidden;
}
.sb-toggle-right a.img-icon-menu {
	padding:0;
}
.main-visual {
	display: block;
	width: 100%;
	height: 500px;
	background-color: #888;
}
.sb-slidebar {
	color: #fafafa;
	padding: 60px 0 30px 10px;
}
.detail-body .sb-slidebar {
	padding: 60px 0 30px 10px;
}
.sb-slidebar ul {
	padding: 5px 0 5px 0px;
}
.sb-slidebar li {
	list-style: none;
	margin: 16px 0;
}

/* サイドバー */
.sb-slidebar.sb-right {
	-webkit-overflow-scrolling: touch;
}

.sb-right-inner {
	border: none;
	width: 100%;
	height: 100%;
}

/*=============================================================
・detail.css
=============================================================*/
#keyword{
	width:100%;
	margin:0;
	left:0;
	top:0;
	display:table;
	position: relative;
	z-index:99;
	background:#FFF;
}
#h-back{display:block;width:100%;padding:7px 0 ;}
#keyword h1{
	font-size:139%;
	padding:0 45px 0 5px;
	line-height:130%;
	display:table-cell;
	vertical-align:middle;
}
#keyword .rank{
	display:table-cell;
	width:23px;
	height:20px;
	background:url(/image/sprite.png) no-repeat;
	background-position:-38px -363px;
	padding:12px 0 0 6px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	display:none;
}
#keyword .back{
	width:32px;
	display:table-cell;
	border-right:1px dotted #ccc;
	vertical-align:middle;
	text-align:center;
	padding:0;
}
#keyword .back img{width:24px;height:24px}
#keyword .one{background-position:-74px -356px;color:#EEC128;}
#keyword .two{background-position:-109px -430px;color:#878E9A;}
#keyword .three{background-position:-4px -374px;color:#DE8926;}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	#keyword .rank,
	#keyword .one,
	#keyword .two,
	#keyword .three {
		/* Reference the @2x Sprite */
		background-image: url(/image/sprite@2x.png);
		/* Translate the @2x sprite's dimensions back to 1x */
		background-size: 140px 466px;
	}
}

#keyword .janre{padding:5px ;margin:0 0 5px;font-size:80%}
#keyword .janre span{font-size:120%}
#keyword .pickup{background:#24aae4; }

#time{
	padding:6px 3px 0;
	font-size:100%;
	border-top:1px dotted #CCC;
}
#time .icon{color:#FFF;padding:5px;float:left;margin-right:10px}
#time .book{background:#2880ba}
#time .point{padding:5px;display:inline}
#time p{text-align: center;font-size:93%;color:#999}

#sp04 #time p{color:#C49850}/*紅白歌合戦（白組）*/

#sp04 #time p{color:#FFF}/*風物詩*/

#keyword h1 span{font-size:60%;color:#FFF;font-weight:normal;display:inline-block;padding:2px 3px;background:#666;margin-left:5px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;line-height:100%}

#sp04 #keyword h1 span{color:#C49850;}/*紅白歌合戦（白組）*/

#sp04 #keyword h1 span{color:#FFF;}/*風物詩*/



#keyword .fixed{position:fixed;top:45px;z-index:1;width:100%;box-shadow:0px 0 10px rgba(0,0,0,0.9);-webkit-box-shadow:0px 0 10px rgba(0,0,0,0.9);-moz-box-shadow:0px 0 10px rgba(0,0,0,0.9);margin-top:-5px}
/*
.affiliate-box {
	border-bottom:2px solid #CCC;
}
*/
.affi-desc {
	margin:3px 0 0;
	z-index:5;
}
.affiliate-box .affiliate {
	padding:4px;
	border:1px solid #DDD;
	margin:0 5px 0;
	position: relative;
	/*border-radius: 5px;
	display:none;*/
}
/*
.affiliate-box .affiliate::before {
	content: "";
	position: absolute;
	border-bottom: 10px solid #DDD;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	top: -11px;
	left: 60px;
}
.affiliate-box .affiliate::after {
	content: "";
	position: absolute;
	border-bottom: 10px solid #FFF;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	top: -9px;
	left: 60px;
}
*/
.affiliate-box a.more {
	text-align:right;
	color:#24AAE4;
	padding:35px 0 0;
	background:url(/image/bg-white.png);
}
.affiliate-box .affiliate img{
	float:left;
	margin:0 5px 0 0;
	width:25%;
	border-radius: 3px;
}
/*
.affiliate-box a {
	display:block;
	text-align:center;
	border:2px solid #24AAE4;
	background:#FFF;
	border-radius:5px;
	height:25px;
	padding:5px 0 0;
	width:300px;
	margin:5px auto 5px;
}
*/
.affiliate .affitext {
	margin:0 0 0 25.5%;
}
.truncate_more,
.truncate_ellipsis {
	display:inline;
}
.affiliate-box .affiliate-contents span {
	font-size:90%;
}
/* --------------------------------------------------------
	詳細：グラフ
-------------------------------------------------------- */
.detail-graph-box{
	margin:0 0 5px;
	position:relative;
	background:#FFF;
	width:100%;
	min-width:320px;
	padding:0;
}
.detail-graph-box .change{float:left}
.detail-graph-box .left,.graph-box .right{width:49%;display:box;display:-webkit-box;display:-moz-box;display:-o-box}
.posinega,.retweet{background:#CCC}
.posinega{margin-bottom:0}
.posinega .posi{background:#E5983E;height:25px;float:left}
.posinega .nega{background:#8B65AE;height:25px;float:right}
.retweet .rt{background:#73C480;height:25px;float:left}
.detail-graph .rt-txt{color:#73C480;display:inline-block;font-size:93%;margin:5px 0 0 0}
.detail-graph p{font-size:116%;padding:3px 5px 0 0;font-weight:bold}
.graph-box .marquee{
	width:100%;
	padding:12px 0 0;
	overflow:hidden;
	position:absolute;
	top:30px;
	left:0;
}
.detail-graph-box .marquee2{
	width:100%;
	padding:12px 0 0;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0;
}
.graph-box .marquee div,
.detail-graph-box .marquee2 div{
	padding:0 0 12px;
	over-flow:-webkit-marquee;
}
.graph-box .marquee div:after {
	content:"";
	white-space:nowrap;
	padding-right:50px;
}
.detail-graph-box .marquee2 div:after {
	content:"";
	white-space:nowrap;
	padding-right:50px;
}
.detail-graph-box .marquee2 div:nth-child(1) {
	margin:0;
	width:700%;
	font-size:100%;
	font-weight:bold;
	color:#1378BC;
	padding:0 0 5px 100%;
	display:inline-block;
	text-shadow: 1px 1px 1px #FFF;
	white-space:nowrap;
		-webkit-animation-name:marquee;
		-webkit-animation-timing-function:linear;
		-webkit-animation-duration:35s;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-name:marquee;
		-moz-animation-timing-function:linear;
		-moz-animation-duration:35s;
		-moz-animation-iteration-count:infinite;
		-ms-animation-name:marquee;
		-ms-animation-timing-function:linear;
		-ms-animation-duration:35s;
		-ms-animation-iteration-count:infinite;
		-o-animation-name:marquee;
		-o-animation-timing-function:linear;
		-o-animation-duration:35s;
		-o-animation-iteration-count:infinite;
		animation-name:marquee;
		animation-timing-function:linear;
		animation-duration:35s;
		animation-iteration-count:infinite;
}
.detail-graph-box .marquee2 div:nth-child(2) {
	margin:0;
	width:1000%;
	font-size:120%;
	font-weight:bold;
	color:#1378BC;
	padding:0 0 5px 140%;
	display:inline-block;
	text-shadow: 1px 1px 1px #FFF;
	white-space:nowrap;
		-webkit-animation-name:marquee;
		-webkit-animation-timing-function:linear;
		-webkit-animation-duration:50s;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-name:marquee;
		-moz-animation-timing-function:linear;
		-moz-animation-duration:50s;
		-moz-animation-iteration-count:infinite;
		-ms-animation-name:marquee;
		-ms-animation-timing-function:linear;
		-ms-animation-duration:50s;
		-ms-animation-iteration-count:infinite;
		-o-animation-name:marquee;
		-o-animation-timing-function:linear;
		-o-animation-duration:50s;
		-o-animation-iteration-count:infinite;
		animation-name:marquee;
		animation-timing-function:linear;
		animation-duration:50s;
		animation-iteration-count:infinite;
}
.detail-graph-box .marquee2 div:nth-child(3) {
	margin:0;
	width:700%;
	font-size:80%;
	font-weight:bold;
	color:#1378BC;
	padding:0 0 5px 120%;
	display:inline-block;
	text-shadow: 1px 1px 1px #FFF;
	white-space:nowrap;
		-webkit-animation-name:marquee;
		-webkit-animation-timing-function:linear;
		-webkit-animation-duration:20s;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-name:marquee;
		-moz-animation-timing-function:linear;
		-moz-animation-duration:20s;
		-moz-animation-iteration-count:infinite;
		-ms-animation-name:marquee;
		-ms-animation-timing-function:linear;
		-ms-animation-duration:20s;
		-ms-animation-iteration-count:infinite;
		-o-animation-name:marquee;
		-o-animation-timing-function:linear;
		-o-animation-duration:20s;
		-o-animation-iteration-count:infinite;
		animation-name:marquee;
		animation-timing-function:linear;
		animation-duration:20s;
		animation-iteration-count:infinite;
}
.graph-box .marquee div:nth-child(1) {
	margin:0;
	width:700%;
	font-size:100%;
	font-weight:bold;
	color:#1378BC;
	padding:0 0 5px 100%;
	display:inline-block;
	text-shadow: 1px 1px 1px #FFF;
	white-space:nowrap;
		-webkit-animation-name:marquee;
		-webkit-animation-timing-function:linear;
		-webkit-animation-duration:35s;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-name:marquee;
		-moz-animation-timing-function:linear;
		-moz-animation-duration:35s;
		-moz-animation-iteration-count:infinite;
		-ms-animation-name:marquee;
		-ms-animation-timing-function:linear;
		-ms-animation-duration:35s;
		-ms-animation-iteration-count:infinite;
		-o-animation-name:marquee;
		-o-animation-timing-function:linear;
		-o-animation-duration:35s;
		-o-animation-iteration-count:infinite;
		animation-name:marquee;
		animation-timing-function:linear;
		animation-duration:35s;
		animation-iteration-count:infinite;
}

.graph-box .marquee div:nth-child(2) {
	margin:0;
	width:1000%;
	font-size:120%;
	font-weight:bold;
	color:#1378BC;
	padding:0 0 5px 160%;
	display:inline-block;
	text-shadow: 1px 1px 1px #FFF;
	white-space:nowrap;
		-webkit-animation-name:marquee;
		-webkit-animation-timing-function:linear;
		-webkit-animation-duration:50s;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-name:marquee;
		-moz-animation-timing-function:linear;
		-moz-animation-duration:50s;
		-moz-animation-iteration-count:infinite;
		-ms-animation-name:marquee;
		-ms-animation-timing-function:linear;
		-ms-animation-duration:50s;
		-ms-animation-iteration-count:infinite;
		-o-animation-name:marquee;
		-o-animation-timing-function:linear;
		-o-animation-duration:50s;
		-o-animation-iteration-count:infinite;
		animation-name:marquee;
		animation-timing-function:linear;
		animation-duration:50s;
		animation-iteration-count:infinite;
}
.graph-box .marquee div:nth-child(3) {
	margin:0;
	width:700%;
	font-size:80%;
	font-weight:bold;
	color:#1378BC;
	padding:0 0 5px 140%;
	display:inline-block;
	text-shadow: 1px 1px 1px #FFF;
	white-space:nowrap;
		-webkit-animation-name:marquee;
		-webkit-animation-timing-function:linear;
		-webkit-animation-duration:20s;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-name:marquee;
		-moz-animation-timing-function:linear;
		-moz-animation-duration:20s;
		-moz-animation-iteration-count:infinite;
		-ms-animation-name:marquee;
		-ms-animation-timing-function:linear;
		-ms-animation-duration:20s;
		-ms-animation-iteration-count:infinite;
		-o-animation-name:marquee;
		-o-animation-timing-function:linear;
		-o-animation-duration:20s;
		-o-animation-iteration-count:infinite;
		animation-name:marquee;
		animation-timing-function:linear;
		animation-duration:20s;
		animation-iteration-count:infinite;
}
.graph-box .marquee div span {
	font-size:80%;
	font-weight:normal;
}
@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}
@-webkit-keyframes marquee2 {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee2 {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee2 {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee2 {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee2 {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}
.work img {
	width:20px;
	height:20px;
	margin:-30px 5px 0 0;
}
/* --------------------------------------------------------
	詳細：SNSボタン
-------------------------------------------------------- */
#detail #sns-group{margin:15px 0}

/* --------------------------------------------------------
	詳細：画像
-------------------------------------------------------- */
#detail {
	background:#FFF;
	padding:0 0 1px;
}
#detail .images{
	margin:-5px 0 0;
	height:140px;
	overflow:hidden;
}
#detail .images .heightLine{position:relative;}
#detail .images .heightLine p{
	width:100%;
	text-align:center;
	position:absolute;
	bottom:-22px
}
#detail .images a{
	display:block;
	width:100%;
}
#detail .images .heightLine p a{
	width:100%;
	color:#55ACEE;
	padding:2px;
	font-size:82%;
}
#detail .images .slick-track {
	display:table;
	border-collapse: separate;  /* セルの間隔を空ける */
	border-spacing: 5px 10px;  /* 左右 上下で記述 */
}
#detail .images div.slick-slide{
	text-align:center;
	border:1px solid #DDD;
	margin:5px 5px 0 0;
	background:#FFF;
	display:table-cell;
	vertical-align:middle;
	height:103px;
}
#detail .images img{
	max-height:103px;
	max-width:100%;
	margin:0;
	vertical-align:middle;
}
#detail .images a.link{display:inline;font-size:8px}

/* --------------------------------------------------------
	詳細：関連の高いワード
-------------------------------------------------------- */
#tag-cloud{
	color:#777;
	line-height:130%;
	margin:0 10px 0;
	font-size:80%;
	padding:10px 10px 5px;
	border:1px solid #CCC;
	position:relative;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	overflow:auto;
}
#tag-cloud:before{
	content:'';
	position:absolute;
	border-bottom:10px solid #FFF;
	border-right:5px solid transparent ;
	border-left:5px solid transparent;
	top:-11px;
	left:32px;
}
#tag-cloud:after{
	content:'';
	position:absolute;
	border-bottom:10px solid #FFF;
	border-right:5px solid transparent;
	border-left:5px solid transparent;
	top:-9px;
	left:32px;
}
#tag-cloud h2{
	margin:0px 3px 2px 0px;
	color:#666;
}
#tag-cloud span{
	display:inline-block;
	padding:0 6px 5px 0px;
	margin:5px 3px 2px 0;
	font-size:134%;
}
#tag-cloud span a{
	color:#24AAE4;
	text-decoration:underline;
}
.wadai .posi-txt{
	color:#E5983E;
	font-size:93%;
	display:inline-block;
	margin:5px 3px 0px 0;
	height:20px;
	vertical-align:middle;
}
.wadai .nega-txt{
	color:#8B65AE;
	font-size:93%;
	display:inline-block;
	margin:5px 3px 0px 0;
	height:20px;
	vertical-align:middle;
}
.wadai .share-box {
	padding: 0 0px 0;
	margin: 0px 5px 0;
}
.wadai .share-box .line-btn {
	width: 30px;
	float: right;
	margin: 0px 5px 0px 0px;
}
.wadai .share-box .share {
	width: 30px;
	float: right;
}
#ttl-retweet {
	padding: 3px 0;
	color: #FFF;
	background: #24AAE4;
	text-align: center;
	margin: 0 0 5px;
	font-size: 108%;
}
/* --------------------------------------------------------
	詳細：開閉
-------------------------------------------------------- */
.wadai .readmore-button-box a {
	background-color: #2c80ff;
	color: white;
	border-radius: 25px;
	padding: 5px 0;
	display: inline-block;
	margin:0 auto;
	font-weight: bold;
	width:100%;
	box-shadow: 0 0 6px #FFF;
	/*border:2px solid #FFF;*/
	text-align: center;
}
.wadai .readmore-button-box {
	text-align: center;
	background: linear-gradient( 180deg, rgba(255,255,255,0.01), white );
	position: relative;
	width:60%;
	margin:-70px 0 0;
	padding:30px 20% 15px;
}
.wadai .readmore-area {
	display: none;   /* デフォルトでは非表示にしておく */
}
/* --------------------------------------------------------
	詳細：関連記事
-------------------------------------------------------- */
.related-box {
	background:#FFF;
}
.product-box {
	background:#FFF;
}
#detail .related {
	padding:2px;
}
#detail .related a{
	display:block;
	padding: 5px;
	margin:5px 0;
	border-bottom:1px dotted #CCC;
}
#detail .related a .img-box{float:right;text-align:center;width:89px;height:89px;border:1px solid #CCC;overflow:hidden; margin-left:5px;}
#detail .related a .img-box img{text-align:center;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
#detail .related a h2{font-size:116%;line-height:130%;padding-bottom:5px}
#detail .related a p span{font-weight:bold;font-size:80%}
#detail .related a p{color:#666;font-size:100%;line-height:120%;margin:0 0 5px}
#detail .related a p.quote{color:#999;font-size:80%;line-height:120%}
#detail .related .more a{text-align:center;padding:7px;border:3px solid #D3EFFA;width:150px;height:20px;margin:5px auto 0;color:#2c80ff}

/* --------------------------------------------------------
	詳細：関連商品
-------------------------------------------------------- */
#detail .product{text-align:center;	padding:5px 10px 5px 10px}
#detail .product .afi{float:left;	margin:5px 0;	width:50%;	text-align:center}
#detail .product a{color:#333}
#detail .product a img{width:90%;	border:1px solid #CCC}
#detail .product a.pr{width:30%;padding:8px 0;font-size:12px;background:#ffb76b;background:-moz-linear-gradient(top, #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04));background:-webkit-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%);background:-o-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%);background:-ms-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%);background:linear-gradient(to bottom, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 )}
#detail .product a span{font-size:10px}

/* --------------------------------------------------------
	詳細：ポスト
-------------------------------------------------------- */
#tweet {
	background: #FFF;
}
#tweet .tweet .box-list .usertweetbox {
	border-bottom:1px dotted #DFDFDF;
}
#detail .tweet .box{
	display:block;
	padding: 5px;
	background:#FFF;
}
#detail .tweet .more a{
	display:block;
	text-align:center;
	padding: 7px;
	width: 260px;
	height: 20px;
	margin: 0 auto;
	color: #FFF;
	background: #24AAE4;
	margin:10px auto 10px;
	color:#FFF;
	background:#24AAE4;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0px 0px 3px #BBB;
	-moz-box-shadow: 0px 0px 3px #BBB;
	-webkit-box-shadow: 0px 0px 3px #BBB;
}
#detail .tweet .box .img-box{float:left;text-align:center;width:45px}
#detail .tweet .box .text{
	margin-left:50px;
	background-size:12px 18px;
	padding-right:14px;
}
#detail .tweet .box .img-box img{width:45px;border-radius:45px;-webkit-border-radius:45px;-moz-border-radius:45px}
#detail .tweet p{color:#333;font-size:124%;line-height:150%;margin:0 0 3px}
#detail .tweet .tw-btn{text-align:right;float:right;width:100px}
#detail .tweet .tw-btn i{margin-right:5px;}
#detail .tweet .cf{font-size:93%}
#detail #tweet .box {
	position:relative;
	padding-bottom:15px;
}
#detail #tweet .userinfo {
	bottom:2px;
	right:0;
	position: absolute;
}
#detail .tweet .cf a{color:#2c80ff}
/* --------------------------------------------------------
	詳細：広告
-------------------------------------------------------- */
#detail .ad-ranking{
	padding:5px 0;
	background:url(/image/hook-spinner.gif) no-repeat center center;
	min-height:100px;
	text-align:center;
	margin:7px 0;
	background:#FFF;
}
#detail .ad-ranking2{padding:5px 0;background:url(/image/hook-spinner.gif) no-repeat center center;min-height:50px;border-bottom:1px dotted #CCC;text-align:center}

/* --------------------------------------------------------
	swipebox.css
-------------------------------------------------------- */
html.swipebox-html.swipebox-touch{overflow:hidden !important}
#swipebox-overlay img{border:none !important}
#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999 !important;overflow:hidden;-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
#swipebox-container{position:relative;width:100%;height:100%}
#swipebox-slider{-webkit-transition:-webkit-transform 0.4s ease; transition:transform 0.4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}
#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}
#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
#swipebox-slider .slide img,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide .swipebox-inline-container{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}
#swipebox-slider .slide .swipebox-video-container{background:none;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box; box-sizing:border-box}
#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100% !important;height:100% !important;position:absolute;top:0;left:0}
#swipebox-slider .slide-loading{background:url(/image/loader.gif) no-repeat center center}
#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:0.5s; transition:0.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}
#swipebox-bottom-bar{bottom:-50px}
#swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0,-50px,0); transform:translate3d(0,-50px,0)}
#swipebox-top-bar{top:-50px}
#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0,50px,0); transform:translate3d(0,50px,0)}
#swipebox-title{display:block;width:100%;text-align:center}
#swipebox-prev,#swipebox-next,#swipebox-close{background-image:url(/image/icons.png);background-repeat:no-repeat;border:none !important;text-decoration:none !important;cursor:pointer;width:50px;height:50px;top:0}
#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}
#swipebox-prev{background-position:-32px 13px;float:left}
#swipebox-next{background-position:-78px 13px;float:right}
#swipebox-close{top:0;right:0;position:absolute;z-index:999;background-position:15px 12px}
.swipebox-no-close-button #swipebox-close{display:none}
#swipebox-prev.disabled,#swipebox-next.disabled{opacity:0.3}
.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring 0.3s; animation:rightSpring 0.3s}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring 0.3s; animation:leftSpring 0.3s}
.swipebox-touch #swipebox-container:before,.swipebox-touch #swipebox-container:after{-webkit-backface-visibility:hidden; backface-visibility:hidden;-webkit-transition:all .3s ease; transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}
.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0px 10px -8px #656565; box-shadow:inset 10px 0px 10px -8px #656565}
.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0px 10px -8px #656565; box-shadow:inset -10px 0px 10px -8px #656565}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before{opacity:1}
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}
@-webkit-keyframes rightSpring{
	0%{left:0}
	50%{left:-30px}
	100%{left:0}
}
@keyframes rightSpring{
	0%{left:0}
	50%{left:-30px}
	100%{left:0}
}
@-webkit-keyframes leftSpring{
	0%{left:0}
	50%{left:30px}
	100%{left:0}
}
@keyframes leftSpring{
	0%{left:0}
	50%{left:30px}
	100%{left:0}
}
@media screen and (min-width:800px){
	#swipebox-close{right:10px}
	#swipebox-arrows{width:92%; max-width:800px}
}
/* Skin
--------------------------*/
#swipebox-overlay{background:url(/image/bg-black.png)}
#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px black;background:#000;opacity:0.95}
#swipebox-top-bar{color:white !important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif}

/* --------------------------------------------------------
	登録：コンテンツ
-------------------------------------------------------- */
#registration{padding:15px;background:#EEE}
#registration h1{background:#999;padding:5px 0 5px;font-size:124%;line-height:140%;text-align:center;color:#FFF}
#registration .requisite,
#registration .option{margin:0 0 15px;font-size:124%}
#registration .box{padding:20px 0 20px;background:#FFF;margin-bottom:1px}
#registration .icon{width:65px;padding:0 10px 0 20px;float:left;font-weight:bold;color:#666}
#registration .icon span{font-size:9px;color:#C00;font-weight:bold}
#registration .icon img{width:35px}
#registration .option .cont{width:20%;float:left}
#registration .textbox{border:1px solid #999;padding:5px;width:55%}
#registration .right-box{padding:5px}
#registration .right-box img{width:35px}
#registration .right-box a{padding:5px;color:#22ABE4;text-decoration:underline}
#registration .right-box .clear{font-size:10px}
#registration .attention{padding:0 15px}
#registration .attention span{color:#F46963;font-size:90%}
#registration a.sendmail{display:block;text-align:center;padding:5px 0;color:#FFF;background:#22ABE4;width:50%;margin:0 auto;font-size:124%;font-weight:bold;-webkit-appearance:none}
#registration .btn{width:50%;margin:0 auto}
#registration .btn-submit{padding:5px 0;color:#FFF;background:#22ABE4;border:none;width:100%;margin:0 auto;-webkit-appearance:none;border-radius:0;font-weight:bold;font-size:124%}
#registration .error{color:#F46963;font-size:60%}

/* --------------------------------------------------------
	登録：ステップ
-------------------------------------------------------- */
#step{margin:0 -10px 10px 0}
#step.step01{float:left;width:25%}
#step.step01 span{display:block;margin:0 10px 5px 0;padding:12px 0 0;height:28px;text-align:center;color:#999;background:#FFF;font-size:86%}
#step.step01 span.on{font-weight:bold;color:#444;background:#B7EC82}

/* --------------------------------------------------------
	初回アクセス時
-------------------------------------------------------- */
div.modal{
	position:absolute;
	display:none;
	z-index:99999;
	top:30px;
	left:50%;
	width:260px;
	margin-left:-130px;
	padding:0;
	text-align:center;
	color:#666;
}
div.modal .pr_box{
	padding:5px;
	height:auto;
	box-shadow:3px 3px 3px rgba(0,0,0,0.4);
	background:#FFFFFF;
}
.intro01{position:relative;}
.intro01 p,.intro02 p{padding:10px;font-size:116%;}
.intro03,.intro04{padding:0 0 10px;}
.intro03 p,.intro04 p{padding:5px 10px 0;font-size:108%;}
.intro03 {
	text-align:left;
}
.intro03 h3 {
	padding:5px 0 0;
	font-size:116%;
	color:#0CAAE6;
}
.intro03 a.toroku{
	display:block;
	height:30px;
	margin:5px 10px 0px;
	padding:2px 0 0;
	border-radius:3px;
	color:#ffffff;
	line-height:30px;
	text-decoration:none;
	font-size:116%;
	background:#E97373;
	text-align:center;
}
.intro03 a{color:#E97373;}
.intro03 .close_modal {
	text-align:right;
	font-size:80%;
}
.close{
	position:absolute;
	width:30px;
	height:30px;
	top:-10px;
	right:-10px;
	z-index:600;
}
.close a{
	display:block;
	width:30px;
	height:30px;
	color:#FFF;
	background:#333;
	border:3px solid #FFF;
	border-radius:30px;
	font-size:150%;
	font-weight:bold;
	text-align:center;
}

/*
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.owl-carousel{position:relative;width:100%;-ms-touch-action:pan-y;}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition:height 500ms ease-in-out;
	-moz-transition:height 500ms ease-in-out;
	-ms-transition:height 500ms ease-in-out;
	-o-transition:height 500ms ease-in-out;
	transition:height 500ms ease-in-out;
}

.owl-carousel .owl-item{float:left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer;}
.owl-controls{
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.grabbing{cursor:url(grabbing.png) 8 8,move;}
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:   hidden;
	-ms-backface-visibility:	hidden;
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
}
.owl-theme .owl-controls{margin-top:10px; text-align:center;}
.owl-theme .owl-controls .owl-buttons div{
	color:#FFF;
	display:inline-block;
	zoom:1;
	*display:inline;
	margin:5px;
	padding:3px 10px;
	font-size:12px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	background:#869791;
	filter:Alpha(Opacity=50);
	opacity:0.5;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none;}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline;}
.owl-theme .owl-controls .owl-page span{
	display:block;
	width:12px;
	height:12px;
	margin:5px 7px;
	filter:Alpha(Opacity=50);
	opacity:0.5;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	background:#869791;
}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1;}
.owl-theme .owl-controls .owl-page span.owl-numbers{
	height:auto;
	width:auto;
	color:#FFF;
	padding:2px 10px;
	font-size:12px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
}
.owl-item.loading{min-height:150px;background:url(AjaxLoader.gif) no-repeat center center}

.img-icons, .img-noimage, .img-logo, .img-arrow-up, .img-icon-menu,.img-icon-refresh,
.img-reg-gend, .img-reg-mail, .img-reg-pw, .img-reg-tw, .img-loader,
.img-logo-fb, .img-logo-gplus, .img-logo-htn, .img-logo-pocket, .img-logo-tw,
.img-icon-back2, .img-icon-one, .img-icon-other, .img-icon-three, .img-icon-two,
.img-btn-rt, .img-icon-posi, .img-icon-nega, .img-btn-fv, .img-btn-re{ display:inline-block; background:url('/image/sprite.png') no-repeat; overflow:hidden; text-indent:-9999px; text-align:left; }

.img-icons{ background-position:-10px -0px; width:120px; height:24px; }
.img-noimage{ background-position:-10px -34px; width:89px; height:89px; }
.img-logo{ background-position:-11px -131px; width:124px; height:34px; }
.img-arrow-up{ background-position:-10px -173px; width:40px; height:40px; }
.img-icon-menu{ background-position:-60px -173px; width:36px; height:36px; z-index:9999;}
.img-icon-refresh{ background-position:-105px -173px; width:25px; height:36px; }
.img-reg-gend{ background-position:-85px -133px; width:35px; height:35px; }
.img-reg-mail{ background-position:-60px -219px; width:35px; height:24px; }
.img-reg-pw{ background-position:-10px -223px; width:35px; height:35px; }
.img-reg-tw{ background-position:-55px -253px; width:35px; height:35px; }
.img-loader{ background-position:-10px -268px; width:31px; height:31px; }
.img-logo-fb{ background-position:-51px -298px; width:25px; height:25px; }
.img-logo-gplus{ background-position:-86px -298px; width:25px; height:16px; }
.img-logo-htn{ background-position:-10px -309px; width:25px; height:21px; }
.img-logo-pocket{ background-position:-86px -324px; width:25px; height:22px; }
.img-logo-tw{ background-position:-45px -333px; width:25px; height:20px; }
.img-icon-back2{ background-position:-10px -340px; width:24px; height:24px; }
.img-btn-rt{ background-position:-43px -409px; width:21px; height:21px; }
.img-icon-posi{ background-position:-100px -255px; width:19px; height:24px;margin-right:3px;vertical-align:middle;}
.img-icon-nega{ background-position:-10px -417px; width:19px; height:24px;margin-right:2px;vertical-align:middle;}
.img-btn-fv{ background-position:-38px -436px; width:16px; height:16px; }
.img-btn-re{ background-position:-64px -440px; width:16px; height:16px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	.img-icons, .img-noimage, .img-logo, .img-arrow-up, .img-icon-menu, .img-icon-refresh,
	.img-reg-gend, .img-reg-mail, .img-reg-pw, .img-reg-tw, .img-loader,
	.img-logo-fb, .img-logo-gplus, .img-logo-htn, .img-logo-pocket, .img-logo-tw,
	.img-icon-back2, .img-icon-one, .img-icon-other, .img-icon-three, .img-icon-two,
	.img-btn-rt, .img-icon-posi, .img-icon-nega, .img-btn-fv, .img-btn-re {
		/* Reference the @2x Sprite */
		background-image: url(/image/sprite@2x.png);
		/* Translate the @2x sprite's dimensions back to 1x */
		background-size: 140px 466px;
	}
}

/*インフォ*/
#info #header #logo-box .h-time{
	display:none;
}
#info #header{
	border-bottom: 3px solid #DDD;
	padding:0 0 0;
}
#info-box {
	margin:0 0 0;
}
#info #header #logo-box li.refresh,
#info .navi,
.detail-body #header #logo-box li.refresh,
.detail-body #header #logo-box li.toroku {
	display:none;
}
#info-box h1{
	padding:10px;
	color:#FFF;
	border-bottom: 3px solid #DDD;
	background:#1378BC;
	font-size:124%;
}
#info-box #content{
	padding:10px;
}
#info-box h3 {
	counter-increment: story;
	font-size:108%;
	margin:10px 0 0;
}
#info-box h3::before {
	content: counter(story)"." ;
}
#content-terms {
	padding:0 10px 20px;
}

#info-box .ul{
	margin: 1em 0;
	padding-left: 20px;
	list-style-type: disc;
}

/*ついランとは*/
#section0 h2 {
	color:#EA7373;
	margin:-5px 0 0px;
	font-size:160%;
}
.section p,
#lead {
	font-size:124%;
}
#entame{
	color:#0CAAE6;
	margin:10px 0 0px;
	font-size:160%;
	font-weight:bold;
}
#section1 {
	margin:10px -10px 0px;
	background:#FFD173;
	padding:10px;
}
#section2 {
	margin:0 -10px 0px;
	background:#F19086;
	padding:10px;
}
#section3 {
	margin:0 -10px 0px;
	background:#CA9EDF;
	padding:10px;
}
#section1 .time,
#section2 .time,
#section3 .time {
	width:50%;
}
#section1 h2,
#section2 h2,
#section3 h2 {
	font-size:130%;
	margin:5px 0 0;
}
#section4 {
	margin:10px 0;
}
#section4 h2 {
	color:#EA7373;
	margin:-5px 0 0px;
	font-size:160%;
}
#section4 a{
	display:block;
	height:30px;
	margin:5px 10px 0px;
	padding:2px 0 0;
	border-radius:3px;
	color:#ffffff;
	line-height:30px;
	text-decoration:none;
	background:#E97373;
	text-align:center;
}
/*ついランからのお知らせ*/
#news {
	text-align:left;
}
#news .box{
	padding:10px 0 5px;
	border-bottom:1px dotted #DDD;
}
#news .box a {
	color:#24aae4;
	text-decoration: underline;
}
#news .box .date{
	font-size:85%;
	color:#999;
}
#news .box p{
	padding:0 0 5px;
}
/*=============================================================
・ブログ
=============================================================*/
#blog #header{border-bottom:3px solid #DDD;padding:0 0 0;}
#blog #header #logo-box .h-time, #blog #header #logo-box li.refresh, #blog .navi{display:none;}
#blog-box{margin-top:0;}
#blog-contents{
	padding:1px 0;
	margin-top:0px;
	background:#FFF;
}
#blog-box h2.tsushin {
	padding:10px 10px 0;
	font-size:160%;
	color:#555;
	margin:0;
}
#blog-box p.lead {
	padding:0px 10px 10px;
}
#blog-contents article,
#blog-contents .blog-box {
	padding:7px;
	background:#FFF;
}
#blog-contents article .blog-image {
	margin:0 5px 0 0;
	width:88px;
	border:1px solid #CCC;
	float:left;
	display:table-cell;
	vertical-align: middle;
	text-align:center;
}
#blog-contents article .blog-image img{
	max-width:88px;
	max-height:88px;
}
#blog-contents article .blog-contents .blog-title{
	font-weight:bold;
	color:#24AAE4;
	font-size:132%;
	line-height:125%;
}
#blog-contents #blog-title {
	font-size:140%;
	line-height:130%;
	margin:5px 0 0;
	font-weight:bold;
}
#blog-contents #blog-date {
	text-align:right;
	color:#888;
}
#blog-contents #blog-text {
	font-size:124%;
}
#blog-contents #blog-text h2{
	font-size:108%;
	margin:5px 0 5px;
	border-left: 4px solid #F93;
	padding:3px 0 3px 5px;
}
#blog-contents #blog-text .archive {
	padding:20px 0 0;
}
#blog-contents #blog-text .archive .blog-contents .blog-title{
	font-size:100%;
}
#blog-contents #blog-text .archive .blog-contents .blog-date{
	font-size: 90%;
}
#blog-contents #blog-text a{
	color:#24ABE3;
}
.inner-info-box .first,
.inner-info-box .second,
.inner-info-box .more{
	background:#FFF;
}
.inner-info-box .prev {
	float:left;
	width:50%;
	padding:0 0 10px;
}
.inner-info-box .next {
	float:right;
	width:50%;
	padding:0 0 10px;
}
.inner-info-box .first .prev {
	float:left;
	width:50%;
	padding:5px 0 0;
}
.inner-info-box .first .next {
	float:right;
	width:50%;
	padding:5px 0 0;
}
.inner-info-box .prev a,
.inner-info-box .next a {
	display:block;
	padding:5px 8px 3px;
	border:2px solid #24AAE4;
	color:#24AAE4;
	background:#FFF;
	border-radius:5px;
	font-weight:bold;
	width:90px;
	text-align:center;
	margin-left:6px;
}
.inner-info-box .next a {
	float:right;
	margin-right:6px;
}
.inner-info-box .more {
	padding:10px 0 20px;
}
.inner-info-box .more a {
	display: block;
	text-align: center;
	padding: 7px;
	width: 260px;
	height: 20px;
	margin: 0 auto;
	color: #FFF;
	background: #24AAE4;
	border-radius: 5px;
	box-shadow: 0px 0px 3px #BBB;
}
/*=============================================================
・キャンペーン
=============================================================*/
#campaign201512 {
	margin:50px 0 0;
	background:#000;
	color:#FFF;
}
#campaign201512 h1 {
	color:#FFF;
	font-size:140%;
	padding:5px 0 5px 5px;
}
#campaign201512 .lead {
	padding:5px 5px 10px 5px;
}
#smartphone {
	display: none;
}

#sunrise #ranking .cont .keyword-num {
	right: 110px;
	top: 0px;
}
#sunrise #ranking .txt-box .relation {
	margin:5px 95px 3px 0px;
}

/*=============================================================
・アーカイブ
=============================================================*/
#calender-box {
	border-bottom:1px solid #DDD;
	padding:0 0 10px;
	background:#FFF;
}
#calender-box h3{
	color:#666;
	text-align:left;
	padding:10px 0 0;
	margin:0 10px 0;
	font-weight:normal;
	font-size:108%;
	/*border-bottom: 1px solid #CCC;*/
}
#calender-box .recent {
	padding:0;
}
#calender-box .recent a{
	display:table;
	padding:4px 8px;
	border-bottom: 1px dotted #CCC;
	width:95%;
}
#calender-box .recent a:last-child {
	border-bottom:none;
}
#calender-box .recent div{
	color:#FFF;
	width:60px;
	background:#E66B6B;
	display: table-cell;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
	line-height:165%;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#calender-box .recent div span {
	font-size:200%;
}
#calender-box .recent p {
	display: table-cell;
	padding-left:5px;
	vertical-align:middle;
	line-height:130%;
}
#calender-box .recent p span{
	font-weight:bold;
	/*color: #24AAE4;
	text-decoration: underline;*/
	color: #444;
	font-size: 124%;
}
#date {
	margin:5px 10px 10px;
}
#date .month {
	display:inline-block;
	text-align:center;
	padding:0 0 0;
	font-size: 160%;
	text-transform: lowercase;
	position:absolute;
	width:100%;
	top:3px;
	left:0;
	z-index:1;
}
.calendar {
	width:100%;
}
.calendar th,
.calendar td {
	width:12.295%;
	text-align:center;
	padding:5px 0;
}
.calendar th a,
.calendar td a {
	display:block;
	width:100%;
	color:#24AAE4;
	text-decoration:underline;
}
.calendar td a.active {
	background:#e66b6b;
	color:#FFF;
}
table,
table thead,
table tbody {
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
}
table tbody {
	border:1px solid #EEE;
}
thead {
	background:#EEE;
}
.calendar-container {
	position: relative;
}
.calendar-container header {
	border-radius: 3px 1e3pxm 0 0;
	background: #e66b6b;
	color: #fff;
	text-align:center;
	position:relative;
	height:35px;
	border-radius: 5px 5px 0 0;
}
.calendar-container header a.prev{
	color: #fff;
	text-decoration:underline;
	display:block;
	padding:10px 5px 0px;
	position:absolute;
	z-index:5;
	left:5px;
	top:0;
}
.calendar-container header a.next{
	color: #fff;
	text-decoration:underline;
	display:block;
	padding:10px 5px 0px;
	z-index:5;
	position:absolute;
	right:5px;
	top:0;
}
.calendar {
	background: #fff;
	/*
	-webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .2), 0 3px 1px #fff;
	box-shadow: 0 2px 1px rgba(0, 0, 0, .2), 0 3px 1px #fff;
	*/
	padding: 2px;
	width:100%;
}
.calendar-container thead {
	color: #555;
	font-weight: 700;
	text-transform: uppercase;
}
.calendar-container thead .sat{
	color: #2154D4;
}
.calendar-container thead .sun{
	color: #e66b6b;
}
.current-day {
	color: #e66b6b;
}
.prev-month,
.next-month {
	color: #cacaca;
}
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.epub {
	width:100%;
	max-width: 468px;
	margin:0 auto;
}
.epub iframe {
	width: 100% !important;
}
.archive-adbox {
	text-align:center;
}
/*=============================================================
・関連記事
=============================================================*/
#ranking .txt-box .relation{
	color:#777;
	line-height:130%;
	margin:0 0 5px;
	/*margin:0 90px 3px 0;*/
	font-size:80%;
	padding:3px 0 0 0;
	max-height:26px;
	overflow:hidden;
}
#pickup .relation a h2 {
	padding:2px 0 5px;
	margin:0 ;
	font-size:100%;
}
#ranking .txt-box .relation h3{
	font-weight:normal;
	display:inline-block;
	margin:0 3px 0 0;
	color:#444;
}
#ranking .txt-box .relation span{
	display:inline-block;
	padding:0 6px 0 0px;
	margin:0 3px 0 0;
	font-weight:bold;
	font-size:100%;
}
#pickup .relation .article1,
#pickup .relation .article2,
#pickup .relation .article3 {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	max-width:480px;
	padding:0 5px;
}
#pickup .relation .article3 article {
	width:33.3%;
	padding:0 0 5px;
	border-bottom: none;
	background:#FFF;
}
#pickup .relation .article2 article {
	width:50%;
	padding:0 0 5px;
	border-bottom: none;
	background:#FFF;
}
#pickup .relation .article1 article {
	width:100%;
	padding:0 0 5px;
	border-bottom: none;
	background:#FFF;
}
#pickup .relation a h2 {
	padding:2px 0 5px;
	margin:0 ;
	font-size:100%;
}
#pickup .relation .twimg {
	width:100%;
	height:80px;
	overflow:hidden;
	border-radius:2px;
}
#pickup .relation .article1 .twimg {
	height:120px;
}
#pickup .relation .twimg img {
	border-radius: 0;
	position: relative;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	max-width: 180%;
	float: none;
}
#pickup .relation {
	padding:0 0 0 0;
}
#pickup .relation:nth-child(even){
	padding:5px 0 10px 4px;
}
#pickup .relation h3{
	padding: 0 0 2px ;
	margin: 0px 4px 10px 4px;
	font-size: 108%;
	font-weight: normal;
	line-height: 140%;
	color:#666;
	border-bottom:1px solid #CCC;
}
#pickup .relation .detail-link {
	padding:2px 4px 5px;
}

/*=============================================================
・企画色
=============================================================*/
/*バックグラウンド用*/
#pickup .graph-box .time,
.navi .tab-pickup {background:#24AAE4; }

#ranking .txt-box h2 span.categry-emotion,
#pickup h2 span.categry-emotion,
#pickup2 h2 span.categry-emotion,
#emotion #change-time .ranking-time2,
.emotion-bg,
#emotion .graph-box .time,
.navi .tab-emotion,
#keyword .emotion,
#emotion #time2,
#keyword h1 span.categry-emotion,
#emotion .navi .tab-emotion{background:#F36963;}

#ranking .txt-box h2 span.categry-hima,
#pickup h2 span.categry-hima,
#pickup2 h2 span.categry-hima,
#hima #change-time .ranking-time2,
.hima-bg,
#hima .graph-box .time,
.navi .tab-hima,
#keyword .hima,
#hima #time2,
#keyword h1 span.categry-hima,
#hima .navi .tab-hima{background:#6440E5;}

#ranking .txt-box h2 span.categry-talent,
#pickup h2 span.categry-talent,
#pickup2 h2 span.categry-talent,
#talent #change-time .ranking-time2,
.talent-bg,
#talent .graph-box .time,
.navi .tab-talent,
#keyword .talent,
#talent #time2,
#keyword h1 span.categry-talent,
#talent .navi .tab-talent{background:#00BA7D;}

#ranking .txt-box h2 span.categry-read,
#pickup h2 span.categry-read,
#pickup2 h2 span.categry-read,
#read #change-time .ranking-time2,
.read-bg,
#read .graph-box .time,
.navi .tab-read,
#keyword .read,
#read #time2,
#keyword h1 span.categry-read,
#read .navi .tab-read{background:#906CFF;}

#ranking .txt-box h2 span.categry-anime,
#pickup h2 span.categry-anime,
#pickup2 h2 span.categry-anime,
#anime #change-time .ranking-time2,
.anime-bg,
#anime .graph-box .time,
.navi .tab-anime,
#keyword .anime,
#anime #time2,
#keyword h1 span.categry-anime,
#anime .navi .tab-anime{background:#2154D4;}

#ranking .txt-box h2 span.categry-go,
#pickup h2 span.categry-go,
#pickup2 h2 span.categry-go,
#go #change-time .ranking-time2,
.go-bg,
#go .graph-box .time,
.navi .tab-go,
#keyword .go,
#go #time2,
#keyword h1 span.categry-go,
#go .navi .tab-go{background:#00B2B2;}

#ranking .txt-box h2 span.categry-train,
#pickup h2 span.categry-train,
#pickup2 h2 span.categry-train,
#train #change-time .ranking-time2,
.train-bg,
#train .graph-box .time,
.navi .tab-train,
#keyword .train,
#train #time2,
#keyword h1 span.categry-train,
#train .navi .tab-train{background:#009C00;}

#ranking .txt-box h2 span.categry-sports,
#pickup h2 span.categry-sports,
#pickup2 h2 span.categry-sports,
#sports #change-time .ranking-time2,
.sports-bg,
#sports .graph-box .time,
.navi .tab-sports,
#keyword .sports,
#sports #time2,
#keyword h1 span.categry-sports,
#sports .navi .tab-sports{background:#09A086;}

#ranking .txt-box h2 span.categry-listen,
#pickup h2 span.categry-listen,
#pickup2 h2 span.categry-listen,
#listen #change-time .ranking-time2,
.listen-bg,
#listen .graph-box .time,
.navi .tab-listen,
#keyword .listen,
#listen #time2,
#keyword h1 span.categry-listen,
#listen .navi .tab-listen{background:#6A008D;}

#ranking .txt-box h2 span.categry-game,
#pickup h2 span.categry-game,
#pickup2 h2 span.categry-game,
#game #change-time .ranking-time2,
.game-bg,
#game .graph-box .time,
.navi .tab-game,
#keyword .game,
#game #time2,
#keyword h1 span.categry-game,
#game .navi .tab-game{background:#A67C51;}

#ranking .txt-box h2 span.categry-hobby,
#pickup h2 span.categry-hobby,
#pickup2 h2 span.categry-hobby,
#hobby #change-time .ranking-time2,
.hobby-bg,
#hobby .graph-box .time,
.navi .tab-hobby,
#keyword .hobby,
#hobby #time2,
#keyword h1 span.categry-hobby,
#hobby .navi .tab-hobby{background:#409877;}

#ranking .txt-box h2 span.categry-tv,
#pickup h2 span.categry-tv,
#pickup2 h2 span.categry-tv,
#tv #change-time .ranking-time2,
.tv-bg,
#tv .graph-box .time,
.navi .tab-tv,
#keyword .tv,
#tv #time2,
#keyword h1 span.categry-tv,
#tv .navi .tab-tv{background:#465DAB;}

#ranking .txt-box h2 span.categry-sweets,
#pickup h2 span.categry-sweets,
#pickup2 h2 span.categry-sweets,
#sweets #change-time .ranking-time2,
.sweets-bg,
#sweets .graph-box .time,
.navi .tab-sweets,
#keyword .sweets,
#sweets #time2,
#keyword h1 span.categry-sweets,
#sweets .navi .tab-sweets{background:#FF7F00;}

#ranking .txt-box h2 span.categry-spgame,
#pickup h2 span.categry-spgame,
#pickup2 h2 span.categry-spgame,
#spgame #change-time .ranking-time2,
.spgame-bg,
#spgame .graph-box .time,
.navi .tab-spgame,
#keyword .spgame,
#spgame #time2,
#keyword h1 span.categry-spgame,
#spgame .navi .tab-spgame{background:#A67C51;}

#ranking .txt-box h2 span.categry-music,
#pickup h2 span.categry-music,
#pickup2 h2 span.categry-music,
#music #change-time .ranking-time2,
.music-bg,
#music .graph-box .time,
.navi .tab-music,
#keyword .music,
#music #time2,
#keyword h1 span.categry-music,
#music .navi .tab-music{background:#D62D7D;}

#ranking .txt-box h2 span.categry-movie,
#pickup h2 span.categry-movie,
#pickup2 h2 span.categry-movie,
#movie #change-time .ranking-time2,
.movie-bg,
#movie .graph-box .time,
.navi .tab-movie,
#keyword .movie,
#movie #time2,
#keyword h1 span.categry-movie,
#movie .navi .tab-movie{background:#F9931A;}

#ranking .txt-box h2 span.categry-trend,
#pickup h2 span.categry-trend,
#pickup2 h2 span.categry-trend,
#trend #change-time .ranking-time2,
.trend-bg,
#trend .graph-box .time,
.navi .tab-trend,
#keyword .trend,
#trend #time2,
#keyword h1 span.categry-trend,
#trend .navi .tab-trend{background:#C73C42;}

#ranking .txt-box h2 span.categry-drama,
#pickup h2 span.categry-drama,
#pickup2 h2 span.categry-drama,
#drama #change-time .ranking-time2,
.drama-bg,
#drama .graph-box .time,
.navi .tab-drama,
#keyword .drama,
#drama #time2,
#keyword h1 span.categry-drama,
#drama .navi .tab-drama{background:#CA71FF;}

#ranking .txt-box h2 span.categry-voice,
#pickup h2 span.categry-voice,
#pickup2 h2 span.categry-voice,
#voice #change-time .ranking-time2,
.voice-bg,
#voice .graph-box .time,
.navi .tab-voice,
#keyword .voice,
#voice #time2,
#keyword h1 span.categry-voice,
#voice .navi .tab-voice{background:#518DFF;}

#ranking .txt-box h2 span.categry-love,
#pickup h2 span.categry-love{background:#DBADAC;color:#333;}
#ranking .txt-box h2 span.categry-peace,
#pickup h2 span.categry-peace{background:#B5ED9C;color:#333;}
#ranking .txt-box h2 span.categry-hopeness,
#pickup h2 span.categry-hopeness{background:#F8C68C;color:#333;}
#ranking .txt-box h2 span.categry-pleasure,
#pickup h2 span.categry-pleasure{background:#EFEA65;color:#333;}
#ranking .txt-box h2 span.categry-fun,
#pickup h2 span.categry-fun{background:#C0B7CD;color:#333;}
#ranking .txt-box h2 span.categry-thanx,
#pickup h2 span.categry-thanx{background:#F9C9E7;color:#333;}
#ranking .txt-box h2 span.categry-praise,
#pickup h2 span.categry-praise{background:#C4D3FF;color:#333;}
#ranking .txt-box h2 span.categry-joy,
#pickup h2 span.categry-joy{background:#E3DA00;color:#333;}
#ranking .txt-box h2 span.categry-surprise,
#pickup h2 span.categry-surprise{background:#9CC6E0;color:#333;}

#ranking .txt-box h2 span.categry-sp,
#pickup h2 span.categry-sp,
#pickup2 h2 span.categry-sp,
#sp #change-time .ranking-time2,
.sp-bg,
#sp .graph-box .time,
.navi .tab-sp,
#keyword .sp,
#sp #time2,
#keyword h1 span.categry-sp,
#sp .navi .tab-sp{background:#D69E00;color:#FFF;}
/*レコード大賞*/
#ranking .txt-box h2 span.categry-sp01,
#pickup h2 span.categry-sp01,
#pickup2 h2 span.categry-sp01,
#sp01 #change-time .ranking-time2,
.sp01-bg,
#sp01 .graph-box .time,
.navi .tab-sp01,
#keyword .sp01,
#sp01 #time2,
#keyword h1 span.categry-sp01,
#sp01 .navi .tab-sp01{background:#00BA7D;color:#FFF;}
/*紅白歌合戦（紅組）*/
#ranking .txt-box h2 span.categry-sp03,
#pickup h2 span.categry-sp03,
#pickup2 h2 span.categry-sp03,
#sp03 #change-time .ranking-time2,
.sp03-bg,
#sp03 .graph-box .time,
.navi .tab-sp03,
#keyword .sp03,
#sp03 #time2,
#keyword h1 span.categry-sp03,
#sp03 .navi .tab-sp03{background:#FF0000;color:#FFF;}
/*
#ranking .txt-box h2 span.categry-sp04,
#pickup h2 span.categry-sp04{background:#EEE;color:#C49850;}紅白歌合戦（白組）
*/
/*ニューイヤー駅伝*/
#ranking .txt-box h2 span.categry-sp05,
#pickup h2 span.categry-sp05,
#pickup2 h2 span.categry-sp05,
#sp05 #change-time .ranking-time2,
.sp05-bg,
#sp05 .graph-box .time,
.navi .tab-sp05,
#keyword .sp05,
#sp05 #time2,
#keyword h1 span.categry-sp05,
#sp05 .navi .tab-sp05{background:#F9931A;color:#FFF;}
/*箱根駅伝*/
#ranking .txt-box h2 span.categry-sp06,
#pickup h2 span.categry-sp06,
#pickup2 h2 span.categry-sp06,
#sp06 #change-time .ranking-time2,
.sp06-bg,
#sp06 .graph-box .time,
.navi .tab-sp06,
#keyword .sp06,
#sp06 #time2,
#keyword h1 span.categry-sp06,
#sp06 .navi .tab-sp06{background:#D32D7A;color:#FFF;}
/*初日の出*/
#ranking .txt-box h2 span.categry-sunrise,
#pickup h2 span.categry-sunrise,
#pickup2 h2 span.categry-sunrise,
#sunrise #change-time .ranking-time2,
.sunrise-bg,
#sunrise .graph-box .time,
.navi .tab-sunrise,
#keyword .sunrise,
#sunrise #time2,
#keyword h1 span.categry-sunrise,
#sunrise .navi .tab-sunrise{background:#00BA7D;color:#FFF;}
/*急上昇*/
#ranking .txt-box h2 span.categry-topic,
#pickup h2 span.categry-topic,
#pickup2 h2 span.categry-topic,
#topic #change-time .ranking-time2,
.topic-bg,
#topic .graph-box .time,
.navi .tab-topic,
#keyword .topic,
#topic #time2,
#keyword h1 span.categry-topic,
#topic .navi .tab-topic{background:#EE0000;color:#FFF;}
/*2月風物詩*/
#ranking .txt-box h2 span.categry-sp04,
#pickup h2 span.categry-sp04,
#pickup2 h2 span.categry-sp04,
#sp04 #change-time .ranking-time2,
.sp04-bg,
#sp04 .graph-box .time,
.navi .tab-sp04,
#keyword .sp04,
#sp04 #time2,
#keyword h1 span.categry-sp04,
#sp04 .navi .tab-sp04{background:#B00;color:#FFF;}
/*4月風物詩*/
#ranking .txt-box h2 span.categry-april,
#pickup h2 span.categry-april,
#pickup2 h2 span.categry-april,
#april #change-time .ranking-time2,
.april-bg,
#april .graph-box .time,
.navi .tab-april,
#keyword .april,
#april #time2,
#keyword h1 span.categry-april,
#april .navi .tab-april{background:#FFABF0;color:#FFF;}
/*5月風物詩*/
#ranking .txt-box h2 span.categry-may,
#pickup h2 span.categry-may,
#pickup2 h2 span.categry-may,
#may #change-time .ranking-time2,
.may-bg,
#may .graph-box .time,
.navi .tab-may,
#keyword .may,
#may #time2,
#keyword h1 span.categry-may,
#may .navi .tab-may{background:#00AB84;color:#FFF;}
/*ニコニコ超会議*/
#ranking .txt-box h2 span.categry-nico,
#pickup h2 span.categry-nico,
#pickup2 h2 span.categry-nico,
#nico #change-time .ranking-time2,
.nico-bg,
#nico .graph-box .time,
.navi .tab-nico,
#keyword .nico,
#nico #time2,
#keyword h1 span.categry-nico,
#nico .navi .tab-nico{background:#F485A2;color:#FFF;}
/*ポケモン*/
#ranking .txt-box h2 span.categry-pokemon,
#pickup h2 span.categry-pokemon,
#pickup2 h2 span.categry-pokemon,
#pokemon #change-time .ranking-time2,
.pokemon-bg,
#pokemon .graph-box .time,
.navi .tab-pokemon,
#keyword .pokemon,
#pokemon #time2,
#keyword h1 span.categry-pokemon,
#pokemon .navi .tab-pokemon{background:#2C62AA;color:#FFF;}
/*JPy*/
#ranking .txt-box h2 span.categry-jpy,
#pickup h2 span.categry-jpy,
#pickup2 h2 span.categry-jpy,
#jpy #change-time .ranking-time2,
.jpy-bg,
#jpy .graph-box .time,
.navi .tab-jpy,
#keyword .jpy,
#jpy #time2,
#keyword h1 span.categry-jpy,
#jpy .navi .tab-jpy{background:#F0759D;color:#FFF;}
/*視聴熱*/
#ranking .txt-box h2 span.categry-heat,
#pickup h2 span.categry-heat,
#pickup2 h2 span.categry-heat,
#heat #change-time .ranking-time2,
.heat-bg,
#heat .graph-box .time,
.navi .tab-heat,
#keyword .heat,
#heat #time2,
#keyword h1 span.categry-heat,
#heat .navi .tab-heat{background:#F64035;color:#FFF;}
/*参院選*/
#ranking .txt-box h2 span.categry-councillors,
#pickup h2 span.categry-councillors,
#pickup2 h2 span.categry-councillors,
#councillors #change-time .ranking-time2,
.councillors-bg,
#councillors .graph-box .time,
.navi .tab-councillors,
#keyword .councillors,
#councillors #time2,
#keyword h1 span.categry-councillors,
#councillors .navi .tab-councillors{background:#0B385B;color:#FFF;}
/*都知事選*/
#ranking .txt-box h2 span.categry-governor,
#pickup h2 span.categry-governor,
#pickup2 h2 span.categry-governor,
#governor #change-time .ranking-time2,
.governor-bg,
#governor .graph-box .time,
.navi .tab-governor,
#keyword .governor,
#governor #time2,
#keyword h1 span.categry-governor,
#governor .navi .tab-governor{background:#0B385B;color:#FFF;}
/*甲子園*/
#ranking .txt-box h2 span.categry-koushien,
#pickup h2 span.categry-koushien,
#pickup2 h2 span.categry-koushien,
#koushien #change-time .ranking-time2,
.koushien-bg,
#koushien .graph-box .time,
.navi .tab-koushien,
#keyword .koushien,
#koushien #time2,
#keyword h1 span.categry-koushien,
#koushien .navi .tab-koushien{background:#5698EC;color:#FFF;}
/*リオオリンピック*/
#ranking .txt-box h2 span.categry-rio,
#pickup h2 span.categry-rio,
#pickup2 h2 span.categry-rio,
#rio #change-time .ranking-time2,
.rio-bg,
#rio .graph-box .time,
#riopara .graph-box .time,
.navi .tab-rio,
#keyword .rio,
#rio #time2,
#riopara #time2,
#keyword h1 span.categry-rio,
#rio .navi .tab-rio,
#riopara .navi .tab-rio{background:#3B9E48;color:#FFF;}

.navi .tab-pokemon {
	width: 100px;
}


/*border-left*/
#footer-menu .menu-pickup a,
#side-menu .menu-pickup a{border-left:5px solid #24AAE4}
#footer-menu .menu-emotion a,
#side-menu .menu-emotion a{border-left:5px solid #F36963}
#footer-menu .menu-hima a,
#side-menu .menu-hima a{border-left:5px solid #6440E5}
#footer-menu .menu-talent a,
#side-menu .menu-talent a{border-left:5px solid #00BA7D}
#footer-menu .menu-read a,
#side-menu .menu-read a{border-left:5px solid #906CFF}
#footer-menu .menu-anime a,
#side-menu .menu-anime a{border-left:5px solid #2154D4}
#footer-menu .menu-go a,
#side-menu .menu-go a{border-left:5px solid #19B29F}
#footer-menu .menu-train a,
#side-menu .menu-train a{border-left:5px solid #009C00}
#footer-menu .menu-sports a,
#side-menu .menu-sports a{border-left:5px solid #09A086}
#footer-menu .menu-listen a,
#side-menu .menu-listen a{border-left:5px solid #6A008D}
#footer-menu .menu-tv a,
#side-menu .menu-tv a{border-left:5px solid #465DAB}
#footer-menu .menu-sweets a,
#side-menu .menu-sweets a{border-left:5px solid #FF7F00}
#footer-menu .menu-spgame a,
#side-menu .menu-spgame a{border-left:5px solid #A67C51}
#footer-menu .menu-music a,
#side-menu .menu-music a{border-left:5px solid #D62D7D}
#footer-menu .menu-movie a,
#side-menu .menu-movie a{border-left:5px solid #F9931A}
#footer-menu .menu-trend a,
#side-menu .menu-trend a{border-left:5px solid #C73C42}
#footer-menu .menu-voice a,
#side-menu .menu-voice a{border-left:5px solid #518DFF}
#footer-menu .menu-drama a,
#side-menu .menu-drama a{border-left:5px solid #CA71FF}
#footer-menu .menu-sp a,
#side-menu .menu-sp a{border-left:5px solid #D69E00}
#footer-menu .menu-sp01 a,
#side-menu .menu-sp01 a{border-left:5px solid #00BA7D}/*レコード大賞*/
#footer-menu .menu-sp03 a,
#side-menu .menu-sp03 a{border-left:5px solid #FF0000}/*紅白歌合戦（紅組）*/
#footer-menu .menu-sp04 a,
#side-menu .menu-sp04 a{border-left:5px solid #EEE}/*紅白歌合戦（白組）*/
#footer-menu .menu-sp05 a,
#side-menu .menu-sp05 a{border-left:5px solid #F9931A}/*ニューイヤー駅伝*/
#footer-menu .menu-sp06 a,
#side-menu .menu-sp06 a{border-left:5px solid #D32D7A}/*箱根駅伝*/
#footer-menu .menu-sunrise a,
#side-menu .menu-sunrise a{border-left:5px solid #00BA7D}/*初日の出*/
#footer-menu .menu-topic a,
#side-menu .menu-topic a{border-left:5px solid #EE0000}/*急上昇*/
#footer-menu .menu-april a,
#side-menu .menu-april a{border-left:5px solid #FFABF0}/*3月風物詩*/
#footer-menu .menu-may a,
#side-menu .menu-may a{border-left:5px solid #00AB84}/*5月風物詩*/
#footer-menu .menu-topics a,
#side-menu .menu-topics a{border-left:5px solid #24AAE4}/*今日のトピックス*/
#footer-menu .menu-nico a,
#side-menu .menu-nico a{border-left:5px solid #F485A2}/*ニコニコ超会議*/
#footer-menu .menu-pokemon a,
#side-menu .menu-pokemon a{border-left:5px solid #2C62AA}/*ポケモン*/
#footer-menu .menu-jpy a,
#side-menu .menu-jpy a{border-left:5px solid #F0759D; }/*JPy*/
#footer-menu .menu-heat a,
#side-menu .menu-heat a{border-left:5px solid #F64035; }/*視聴熱*/
#footer-menu .menu-councillors a,
#side-menu .menu-councillors a{border-left:5px solid #0B385B; }/*参院選*/
#footer-menu .menu-governor a,
#side-menu .menu-governor a{border-left:5px solid #0B385B; }/*都知事選*/
#footer-menu .menu-koushien a,
#side-menu .menu-koushien a{border-left:5px solid #5698EC; }/*甲子園*/
#footer-menu .menu-rio a,
#side-menu .menu-rio a,
#footer-menu .menu-riopara a,
#side-menu .menu-riopara a{border-left:5px solid #3B9E48; }/*リオオリンピック*/

/*border-bottom*/
#pickup .navi,
#pickup .fixed #keyword {border-bottom:5px solid #24AAE4; }
#emotion .navi,
#emotion .fixed #keyword {border-bottom:5px solid #F36963}
#hima .navi,
#hima .fixed #keyword {border-bottom:5px solid #6440E5; margin:0}
#talent .navi,
#talent .fixed #keyword {border-bottom:5px solid #00BA7D; }
#read .navi,
#read .fixed #keyword {border-bottom:5px solid #906CFF; }
#anime .navi,
#anime .fixed #keyword {border-bottom:5px solid #2154D4; }
#go .navi,
#go .fixed #keyword {border-bottom:5px solid #00B2B2; }
#train .navi,
#train .fixed #keyword {border-bottom:5px solid #009C00; }
#sports .navi,
#sports .fixed #keyword {border-bottom:5px solid #09A086; }
#listen .navi,
#listen .fixed #keyword {border-bottom:5px solid #6A008D; }
#game .navi,
#game .fixed #keyword {border-bottom:5px solid #A67C51; }
#hobby .navi,
#hobby .fixed #keyword {border-bottom:5px solid #409877; }
#tv .navi,
#tv .fixed #keyword {border-bottom:5px solid #465DAB; }
#sweets .navi,
#sweets .fixed #keyword {border-bottom:5px solid #FF7F00; }
#spgame .navi,
#spgame .fixed #keyword {border-bottom:5px solid #A67C51; }
#music .navi,
#music .fixed #keyword {border-bottom:5px solid #D62D7D; }
#movie .navi,
#movie .fixed #keyword {border-bottom:5px solid #F9931A; }
#trend .navi,
#trend .fixed #keyword {border-bottom:5px solid #C73C42; }
#voice .navi,
#voice .fixed #keyword {border-bottom:5px solid #518DFF; }
#drama .navi,
#drama .fixed #keyword {border-bottom:5px solid #CA71FF; }
#sp .navi,
#sp .fixed #keyword {border-bottom:5px solid #D69E00; }
#sp01 .navi,
#sp01 .fixed #keyword {border-bottom:5px solid #00BA7D; }/*レコード大賞*/
#sp03 .navi,
#sp03 .fixed #keyword {border-bottom:5px solid #FF0000; }/*紅白歌合戦（紅組）*/
#sp04 .navi,
#sp04 .fixed #keyword {border-bottom:5px solid #EEE; }/*紅白歌合戦（白組）*/
#sp05 .navi,
#sp05 .fixed #keyword {border-bottom:5px solid #F9931A; }/*ニューイヤー駅伝*/
#sp06 .navi,
#sp06 .fixed #keyword {border-bottom:5px solid #D32D7A; }/*箱根駅伝*/
#sunrise .navi,
#sunrise .fixed #keyword {border-bottom:5px solid #00BA7D; }/*初日の出*/
#topic .navi,
#topic .fixed #keyword {border-bottom:5px solid #EE0000; }/*急上昇*/
#sp04 .navi,
#sp04 .fixed #keyword {border-bottom:5px solid #B00; }/*2月風物詩*/
#april .navi,
#april .fixed #keyword {border-bottom:5px solid #FFABF0; }/*3月風物詩*/
#may .navi,
#may .fixed #keyword {border-bottom:5px solid #00AB84; }/*5月風物詩*/
#nico .navi,
#nico .fixed #keyword {border-bottom:5px solid #F485A2; }/*ニコニコ超会議*/
#pokemon .navi,
#pokemon .fixed #keyword {border-bottom:5px solid #2C62AA; }/*ポケモン*/
#jpy .navi,
#jpy .fixed #keyword {border-bottom:5px solid #F0759D; }/*JPy*/
#heat .navi,
#heat .fixed #keyword {border-bottom:5px solid #F64035; }/*視聴熱*/
#councillors .navi,
#councillors .fixed #keyword {border-bottom:5px solid #0B385B; }/*参院選*/
#governor .navi,
#governor .fixed #keyword {border-bottom:5px solid #0B385B; }/*都知事選*/
#koushien .navi,
#koushien .fixed #keyword {border-bottom:5px solid #5698EC; }/*甲子園*/
#rio .navi,
#rio .fixed #keyword {border-bottom:5px solid #3B9E48; }/*リオオリンピック*/
#riopara .navi,
#riopara .fixed #keyword {border-bottom:5px solid #3B9E48; }/*リオパラリンピック*/


/*タブ用*/
#pickup .navi .tab-pickup {
	background: #24AAE4;
	color: #fff;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

#emotion .navi .tab-emotion {
	color: #fff;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

#hima .navi .tab-hima{
	color: #fff;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

#talent .navi .tab-talent {
	color: #fff;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

#read .navi .tab-read {
	color: #fff;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

#anime .navi .tab-anime {
	color: #fff;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

#go .navi .tab-go {
	color: #fff;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

#train .navi .tab-train {
	color: #fff;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

#sports .navi .tab-sports {
	color: #fff;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

#listen .navi .tab-listen {
	color: #fff;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

#tv .navi .tab-tv {
	color: #fff;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

#spgame .navi .tab-spgame {
	color: #fff;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

#movie .navi .tab-movie {
	color: #fff;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

#music .navi .tab-music {
	color: #fff;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

#sweets .navi .tab-sweets {
	color: #fff;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

#trend .navi .tab-trend {
	color: #fff;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

#voice .navi .tab-voice {
	color: #fff;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

#drama .navi .tab-drama {
	color: #fff;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

#sp .navi .tab-sp {
	color: #fff;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

/*レコード大賞*/
#sp01 .navi .tab-sp01 {
	color: #fff;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

/*紅白歌合戦（紅組）*/
#sp03 .navi .tab-sp03 {
	color: #fff;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

/*紅白歌合戦（白組）*/
/*
#sp04 .navi .tab-sp04 {
	color: #C49850;
	margin-top:-7px;
	overflow: hidden;
	padding:8px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}
*/
/*風物詩*/
#sp04 .navi .tab-sp04 {
	color: #FFF;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

/*ニューイヤー駅伝*/
#sp05 .navi .tab-sp05 {
	color: #fff;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

/*箱根駅伝*/
#sp06 .navi .tab-sp06 {
	color: #fff;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

/*初日の出*/
#sunrise .navi .tab-sunrise {
	color: #fff;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

/*急上昇*/
#topic .navi .tab-topic {
	color: #fff;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

/*3月風物詩*/
#april .navi .tab-april {
	color: #fff;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}
/*5月風物詩*/
#may .navi .tab-may {
	color: #fff;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

/*ニコニコ超会議*/
#nico .navi .tab-nico {
	color: #fff;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

/*ポケモン*/
#pokemon .navi .tab-pokemon {
	color: #FFD000;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	width: 110px;
}

/*JPy*/
#jpy .navi .tab-jpy {
	color: #fff;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

/*視聴熱*/
#heat .navi .tab-heat {
	color: #fff;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

/*参院選*/
#councillors .navi .tab-councillors {
	color: #fff;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

/*都知事選*/
#governor .navi .tab-governor {
	color: #fff;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	width: 100px;
}

/*甲子園*/
#koushien .navi .tab-koushien {
	color: #fff;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	width:100px;
}

/*リオオリンピック*/
#rio .navi .tab-rio {
	color: #fff;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	width:100px;
}

/*リオパラリンピック*/
#riopara .navi .tab-rio {
	color: #fff;
	margin-top:-7px;
	overflow: hidden;
	padding:14px 0 0;
	position: relative;
	height:42px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	width:100px;
}

#ranking .txt-box h2 span.categry-governor,
#pickup h2 span.categry-governor,
#pickup2 h2 span.categry-governor,
#governor #change-time .ranking-time2,
.governor-bg,
#governor .graph-box .time,
.navi .tab-governor,
#keyword .governor,
#governor #time2,
#keyword h1 span.categry-governor,
#governor .navi .tab-governor{background:#0B385B;color:#FFF;}


/*=============================================================
・メンテナス用
=============================================================*/
.maintenance a{
	display:block;
	border:2px solid #FCC;
	background:#FFFFDF;
	padding:5px;
	margin:5px auto;
	width:260px;
	text-align:center;
	border-radius: 5px;
	font-weight:bold;
	text-decoration:underline;
	color:#24aae4;
}

/*=============================================================
・PC用
=============================================================*/
@media only screen and (min-width: 900px){
	/*プッシュ通知を許可していない場合*/
	#push-overlay {
		background-color: rgba(51,51,51,0.9);
		position: fixed;
		width: 100%;
		height: 100%;
		z-index:1900;
		top:0;
		left:0;
	}
	.layer_board_bg {
		position: fixed;
		width: 100%;
		height: 100%;
		z-index: 1000;
		top: 0;
		left: 0;
		display: none;
		cursor: pointer;
		background: #000;
	}
	.layer_board {
		position: fixed;
		display: none;
		padding:5px;
		width:400px;
		height:100px;
		left:80px;
		top:150px;
		margin: 0 auto 0px 0;
		text-align: left;
		z-index: 2000;
		background:#FFF;
		border-radius: 5px;
	}
	.layer_board::after,
	.layer_board::before {
		display:none;
	}
	.layer_board_pc::before {
		content: "";
		position: absolute;
		border-top:none;
		border-bottom: 30px solid #FFF;
		border-right: 15px solid transparent;
		border-left: 15px solid transparent;
		top: -20px;
		left: 200px;
	}
	.layer_board_pc::after {
		content: "";
		position: absolute;
		border-top:none;
		border-bottom: 30px solid #FFF;
		border-right: 15px solid transparent;
		border-left: 15px solid transparent;
		top: -20px;
		left: 200px;
	}
	.layer_board .layer_in {
		position: relative;
		padding:5px;
	}
	.layer_board .layer_in .btn_close a {
		display:block;
		text-align:center;
		border:2px solid #999;
		padding:1px 3px 5px;
		border-radius: 40px;
		width:15px;
		height:15px;
		position: absolute;
		right:-15px;
		top: -15px;
		background:#FFF;
		font-weight:bold;
		font-size:102%;
	}
	#pickup .layer_board h2, #pickup2 .layer_board h2 {
		padding:5px 0 3px;
		margin:0 0 3px;
		background:#2CB200;
		color:#FFF;
		text-align:center;
	}
	.layer_board p {
		font-size:100%;
	}
	.layer_board p.lead1 {
		font-weight:bold;
		font-size:124%;
		background:#F96CA7;
		color:#FFF;
		text-align:center;
		padding:5px 0 3px;
		border-radius: 5px;
	}
	.layer_board p.lead {
		font-size:124%;
		color:#666;
		text-align:center;
		padding:10px 0 5px;
		line-height:140%;
	}
	.layer_board p.lead span{
		font-weight:bold;
		font-size:108%;
		color:#090;
		color:#5A97F5;
	}
	#pickup .layer_board img {
		margin:3px auto;
		width:290px;
	}
	body {
		background:#FFF;
	}
	.wrapper {
		width:480px;
		margin:0 auto;
	}
	#tweet-image {
		width:890px;
		margin:0 auto;
	}
	#tweet-image .pickupimage:first-child .imgbox {
		height: 220px;
		background:#EEE;
	}
	#tweet-image .pickupimage .imgbox img {
		max-width: 890px;
	}
	#cboxClose {
		left: 0;
		right: 0;
		bottom:-30px;
		margin:0 auto;
	}
	#pickup,
	#ranking,
	#blog-contents {
		background: #FFF;
	}
	#ranking article,
	#pickup article,
	#detail .tweet .box,
	.related-box,
	.product-box,
	#detail .ad-ranking,
	#blog-contents article,
	#blog-contents .blog-box,
	#comment {
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		padding:10px;
		border-bottom:#CCC 1px dotted;
		box-shadow: 0px 0px 0 #FFF;
		-moz-box-shadow: 0px 0px 0 #FFF;
		-webkit-box-shadow: 0px 0px 0 #FFF;
	}
	#pickup #tsuirantushin h2 {
		font-size:134%;
	}
	#pickup2 {
		min-height:150px;
	}
	#pickup a h2.noimagetitle,
	#pickup2 a h2.noimagetitle,
	#pickup a h2.imagetitle,
	#pickup2 a h2.imagetitle,
	#pickup #tweet-image a h2,
	#pickup .archive-ranking a h2.imagetitle,
	#pickup .archive-ranking a h2.noimagetitle,
	#pickup2 .archive-ranking a h2.noimagetitle {
		font-size: 200%;
	}
	#pickup2 article{
		width:880px;
		margin:0 auto;
		background:none;
		border-bottom: 1px dotted #CCC;
	}
	#pickup2 article:last-child{
		border-bottom: none;
	}
	#pickup2 #graph-cont {
		height: 200px;
	}
	#pickuparticle {
		width:900px;
		margin:20px auto;
		border:none;
	}
	#pickuparticle .imgbox {
		width: 80px;
		height: 80px;
		margin: 0 10px 0 0;
	}
	#pickuparticle p,
	#pickuparticle h4 {
		font-size:124%;
	}
	#pickuparticle #nextarticle a,
	#pickuparticle #prevarticle a {
		height:120px;
		padding:10px;
	}
	#comment {
		padding: 0 20px 30px;
		font-size: 132%;
	}
	.pickuptweet {
		margin: 5px 10px 10px;
	}
	.inner-box {
		width:900px;
		margin:0 auto;
		background:#FFF;
		overflow:hidden;
		padding:0 20px;
		position:relative;
	}
	.detail-graph-box,
	#detail,
	#tweet{
		background:#FFF;
	}
	#detail .wadai,
	#detail .images {
		border: none;
	}
	#sns-group .inner-box {background:none;}
	.inner-box2 {
		width:900px;
		margin:0 auto;
		background:#FFF;
		overflow:hidden;
		padding:0;
		position:relative;
	}
	#header {
		margin: 0px;
		width: 100%;
		z-index: 950;
		background: #FFF none;
	}
	#header #logo-box {
		height: 48px;
		background:#FFF;
	}
	#header .logo-box{
		position:relative;
	}
	#header .top-btn {
		z-index: 100;
		background: #FFF none repeat scroll 0% 0%;
		float: right;
		width:300px;
	}
	#header #logo-box .h-time {
		font-size: 108%;
		width: 140px;
		text-align: right;
		line-height: 150%;
		padding: 0 2px 0px 0px;
	}
	#smartphone {
		display:block;
		padding:15px 0 0 10px;
		font-size:88%;
		width:500px;
		float:left;
	}
	.graph-box .time p {
		padding:10px 0px 5px;
		font-size: 124%;
		font-weight: bold;
	}
	#graph-cont {
		height:150px;
		width:900px;
	}
	.graph-box .marquee {
		width:900px;
		margin:0 auto;
		padding: 12px 0px 0px;
		overflow: hidden;
		position: absolute;
		top: 30px;
		left: 0px;
	}
	.marquee {
		width:900px;
		margin:0 auto;
	}
	.drawer--top .drawer-hamburger, .drawer--top.drawer-open .drawer-hamburger {
		position: absolute;
		top: 4px;
		right: 3px;
		padding: 0px;
		z-index: 999;
	}
	#container {
		width:940px;
		margin:0 auto;
		background:#FFF;
	}
	.tiles-wrap li {
		display: block;
		opacity: 1;
		text-align: center;
		list-style-type: none;
		background-color: #fff;
		float: left;
		cursor: pointer;
		width: 49.2%;
		padding:0 0 5px;
		font-size:140%;
	}
	.navi {
		width: 100%;
		height: 38px;
		overflow: hidden;
		padding: 15px 0px 0px;
		background: #FFF none repeat scroll 0% 0%;
		margin: -5px 0px 0px;
	}
	.navi .tab {
		color: #FFF;
		height: 44px;
		line-height: 110%;
		text-align: center;
		font-size: 116%;
		width: 15%;
	}
	.navi .tab-pokemon a {
		color:FFD000;
	}
	#pickup .navi .tab-pickup,
	#emotion .navi .tab-emotion,
	#hima .navi .tab-hima,
	#talent .navi .tab-talent,
	#read .navi .tab-read,
	#anime .navi .tab-anime,
	#go .navi .tab-go,
	#train .navi .tab-train,
	#sports .navi .tab-sports,
	#listen .navi .tab-listen,
	#game .navi .tab-game,
	#tv .navi .tab-tv,
	#drama .navi .tab-drama,
	#spgame .navi .tab-spgame,
	#movie .navi .tab-movie,
	#music .navi .tab-music,
	#sweets .navi .tab-sweets,
	#trend .navi .tab-trend,
	#sp .navi .tab-sp,
	#sp01 .navi .tab-sp01,
	#sp02 .navi .tab-sp02,
	#sp03 .navi .tab-sp03,
	#sp04 .navi .tab-sp04,
	#sp05 .navi .tab-sp05,
	#sp06 .navi .tab-sp06,
	#may .navi .tab-may,
	#pokemon .navi .tab-pokemon,
	#governor .navi .tab-governor,
	#koushien .navi .tab-koushien,
	#rio .navi .tab-rio {
		font-size: 132%;
		width: 15%;
	}
	.navi .tab a {
		display: block;
		width: 100%;
		height: 35px;
		padding: 11px 0px 0px;
		color: #FFF;
		font-weight: normal;
	}
	#pokemon .navi .tab-pokemon a {
		color:FFD000;
	}
	/*
	.navi .tab-sp04 a {
		color: #C49850;
	}
	*/
	.navi .tab-sp04 a {
		color: #FFF;
	}
	#ranking .txt-box h2 {
		font-size: 200%;
		line-height: 120%;
		padding: 3px 0px 12px;
		z-index: 5;
	}
	#pickup h2,
	#pickup2 h2 {
		font-size: 148%;
		line-height: 120%;
		padding: 10px 0px 6px 10px;
		z-index: 5;
	}
	.pickuptweet {
		font-size: 124%;
		padding:10px;
	}
	.usertweet {
		width:100%;
		max-width:500px;
		margin:0 auto;
		padding: 0 10px 0;
		box-sizing: border-box;
	}
	.timeline {
		max-width: 100% !important;
		width: 100% !important;
		box-sizing:border-box;
	}
	#pickup .tweetimage {
		padding:5px 10px 10px;
		margin:0 auto;
	}
	#calender-box {
		width:900px;
		margin: 0 auto 0;
	}
	#pickup .share-box ,
	#pickup2 .share-box {
		font-size: 124%;
		padding:10px 0;
	}
	#pickup .share-box .up-date,
	#pickup2 .share-box .up-date {
		width:300px;
	}
	#pickup .share-box .more,
	#pickup2 .share-box .more {
		width:500px;
	}
	#ranking .txt-box .posi-txt, #ranking .txt-box .nega-txt {
		font-size: 124%;
		margin: 0px 10px 5px 0;
		padding-top: 2px;
		height: 100%;
		display: inline-block;
	}
	#ranking .posinega-box {
		margin: 10px 0px 0px;
	}
	#ranking .txt-box .todetail {
		background: #F6D963 url("/image/more-w.png") no-repeat scroll right center / 8px 12px;
		padding: 0px;
		border: 10px solid #F6D963;
		margin: 5px 30px;
		text-align: center;
		font-size: 100%;
		font-weight: bold;
		color: #444;
		border-radius: 3px;
	}
	#ranking .cont .keyword-num {
		right: 10px;
		top: 5px;
	}
	#ranking .txt-box h2 span {
		font-size: 50%;
		padding: 5px;
	}
	#detail h3 {
		font-size: 124%;
		padding: 15px 5px 2px 2px;
	}
	#side-menu{
		margin:20px 0 0;
	}
	#side-menu h3.ranking-menu{
		color: #FFF;
		margin: 0px 0px 5px;
		font-size: 132%;
	}
	#side-menu a,
	#footer-menu a {
		display: block;
		color: #FFF;
		padding: 7px 0px 7px 5px;
		margin: 0px 5px 0px 0px;
		font-size: 116%;
		background: #555 none repeat scroll 0% 0%;
	}
	#footer-menu h3,
	#footer-menu h3.ranking-menu {
		width:900px;
		margin:0 auto 5px;
		font-size: 132%;
	}
	#footer-menu .g-menu,
	#footer-menu .s-menu,
	#footer-menu .tsushin {
		width:900px;
		margin:0 auto 15px;
	}
	#footer-menu .s-menu{
		margin-bottom:0;
	}
	#footer-menu  #follow {
		width:900px;
		margin:0 auto 10px;
	}
	#footer-menu  #follow .twfollow{
		margin: 0 0 0;
		width:230px;
		float:left;
	}
	#footer-menu  #follow .fbiine{
		margin: 3px 0 0;
		width:150px;
		float:left;
	}
	.drawer--top.drawer-open .drawer-nav {
		top: 0px;
	}
	.drawer--top .drawer-nav {
		top: -100%;
		left:0;
		width:100%;
		margin:0 0 0 -200px;
		max-height: 100%;
		transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	}
	#page-top {
		display:none;
	}
	#keyword {
		margin: 0px;
		left: 0px;
		padding:5px 0 0;
	}
	.wadai .posi-txt,
	.wadai .nega-txt {
		font-size: 124%;
	}
	#tag-cloud {
		padding: 10px 5px 5px 10px;
		font-size: 100%;
	}
	#tag-cloud span {
		margin: 5px 3px 5px 0px;
	}
	#detail .related a h2 {
		font-size: 140%;
	}
	#detail .related a p {
		font-size: 124%;
	}
	#detail .tweet .box .text {
		margin-left: 90px;
	}
	#detail .tweet .box .img-box img {
		width: 80px;
		border-radius: 80px;
	}
	#detail .tweet .box .img-box {
		width: 80px;
	}
	#keyword .keyword-num {
		font-size: 270%;
		background: transparent none repeat scroll 0% 0%;
		font-weight: normal;
		display: block;
		margin: 0px;
		line-height: 100%;
		position: absolute;
		right: 45px;
		top: 5px;
		width: 160px;
		z-index: -5;
		text-align: right;
		font-family: Futura-MediumItalic;
		letter-spacing: -2px;
		float:right;
	}
	#keyword h1 {
		font-size: 200%;
		padding: 0px 5px;
		line-height: 130%;
		display: table-cell;
		vertical-align: middle;
	}
	#keyword h1 span {
		font-size: 50%;
		padding: 5px;
	}
	#keyword .inner {
		width:940px;
		margin:0 auto;
		position: relative;
	}
	.img-icons, .img-noimage, .img-logo, .img-arrow-up, .img-icon-menu,.img-icon-refresh,
	.img-reg-gend, .img-reg-mail, .img-reg-pw, .img-reg-tw, .img-loader,
	.img-logo-fb, .img-logo-gplus, .img-logo-htn, .img-logo-pocket, .img-logo-tw,
	.img-icon-back2, .img-icon-one, .img-icon-other, .img-icon-three, .img-icon-two,
	.img-btn-rt, .img-icon-posi, .img-icon-nega, .img-btn-fv, .img-btn-re {
		display:inline-block;
		background-image: url(/image/sprite@2x.png);
		background-size: 140px 466px;
		overflow:hidden;
		text-indent:-9999px;
		text-align:left;
	}
	.fixed {
		position: fixed;
		top: 75px;
		z-index: 1000;
		width: 100%;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
	}
	.graph-box {
		position: relative;
	}
	#sns-group ul {
		width:900px;
		margin:5px auto 0;
	}
	.inner-info-box {
		width:900px;
		margin:0 auto;
		background:#FFF;
		overflow:hidden;
		padding:0 20px;
		position:relative;
	}
	.inner-info-box .prev {
		float:left;
		width:50%;
		padding:10px 0 30px;
	}
	.inner-info-box .next {
		float:right;
		width:50%;
		padding:10px 0 30px;
	}
	.inner-info-box .prev a,
	.inner-info-box .next a {
		display:block;
		padding:5px 8px 3px;
		border:2px solid #24AAE4;
		color:#24AAE4;
		background:#FFF;
		border-radius:5px;
		font-weight:bold;
		width:90px;
		text-align:center;
		margin-left:10px;
	}
	.inner-info-box .next a {
		float:right;
		margin-right:10px;
	}
	.inner-info-box .prev a:hover,
	.inner-info-box .next a:hover {
		background:#24AAE4;
		color:#FFF;
	}
	.inner-info-box .first,
	.inner-info-box .second,
	.inner-info-box .more{
		background:#FFF;
	}
	.inner-info-box .more {
		padding:20px 0 30px;
		margin:0 5px;
	}
	.latest-topic {
		padding:0 0 30px;
	}
	#pickup h3#pickup-detail-titile {
		font-size: 132%;
	}
	/*ついランとは*/
	.inner-guide {
		text-align:center;
	}
	#section1 .time, #section2 .time, #section3 .time {
		width: 200px;
		margin:0 auto;
	}
	/*marquee*/
	.detail-graph-box .marquee2 div:nth-child(1) {
		margin:0;
		width:700%;
		font-size:100%;
		font-weight:bold;
		color:#1378BC;
		padding:0 0 5px 100%;
		display:inline-block;
		text-shadow: 1px 1px 1px #FFF;
		white-space:nowrap;
			-webkit-animation-name:marquee;
			-webkit-animation-timing-function:linear;
			-webkit-animation-duration:35s;
			-webkit-animation-iteration-count:infinite;
			-moz-animation-name:marquee;
			-moz-animation-timing-function:linear;
			-moz-animation-duration:35s;
			-moz-animation-iteration-count:infinite;
			-ms-animation-name:marquee;
			-ms-animation-timing-function:linear;
			-ms-animation-duration:35s;
			-ms-animation-iteration-count:infinite;
			-o-animation-name:marquee;
			-o-animation-timing-function:linear;
			-o-animation-duration:35s;
			-o-animation-iteration-count:infinite;
			animation-name:marquee;
			animation-timing-function:linear;
			animation-duration:35s;
			animation-iteration-count:infinite;
	}
	.detail-graph-box .marquee2 div:nth-child(2) {
		margin:0;
		width:1000%;
		font-size:120%;
		font-weight:bold;
		color:#1378BC;
		padding:0 0 5px 140%;
		display:inline-block;
		text-shadow: 1px 1px 1px #FFF;
		white-space:nowrap;
			-webkit-animation-name:marquee;
			-webkit-animation-timing-function:linear;
			-webkit-animation-duration:40s;
			-webkit-animation-iteration-count:infinite;
			-moz-animation-name:marquee;
			-moz-animation-timing-function:linear;
			-moz-animation-duration:40s;
			-moz-animation-iteration-count:infinite;
			-ms-animation-name:marquee;
			-ms-animation-timing-function:linear;
			-ms-animation-duration:40s;
			-ms-animation-iteration-count:infinite;
			-o-animation-name:marquee;
			-o-animation-timing-function:linear;
			-o-animation-duration:40s;
			-o-animation-iteration-count:infinite;
			animation-name:marquee;
			animation-timing-function:linear;
			animation-duration:40s;
			animation-iteration-count:infinite;
	}
	.detail-graph-box .marquee2 div:nth-child(3) {
		margin:0;
		width:700%;
		font-size:80%;
		font-weight:bold;
		color:#1378BC;
		padding:0 0 5px 120%;
		display:inline-block;
		text-shadow: 1px 1px 1px #FFF;
		white-space:nowrap;
			-webkit-animation-name:marquee;
			-webkit-animation-timing-function:linear;
			-webkit-animation-duration:30s;
			-webkit-animation-iteration-count:infinite;
			-moz-animation-name:marquee;
			-moz-animation-timing-function:linear;
			-moz-animation-duration:30s;
			-moz-animation-iteration-count:infinite;
			-ms-animation-name:marquee;
			-ms-animation-timing-function:linear;
			-ms-animation-duration:30s;
			-ms-animation-iteration-count:infinite;
			-o-animation-name:marquee;
			-o-animation-timing-function:linear;
			-o-animation-duration:30s;
			-o-animation-iteration-count:infinite;
			animation-name:marquee;
			animation-timing-function:linear;
			animation-duration:30s;
			animation-iteration-count:infinite;
	}
	.graph-box .marquee div:nth-child(1) {
		margin:0;
		width:700%;
		font-size:100%;
		font-weight:bold;
		color:#1378BC;
		padding:0 0 5px 100%;
		display:inline-block;
		text-shadow: 1px 1px 1px #FFF;
		white-space:nowrap;
			-webkit-animation-name:marquee;
			-webkit-animation-timing-function:linear;
			-webkit-animation-duration:35s;
			-webkit-animation-iteration-count:infinite;
			-moz-animation-name:marquee;
			-moz-animation-timing-function:linear;
			-moz-animation-duration:35s;
			-moz-animation-iteration-count:infinite;
			-ms-animation-name:marquee;
			-ms-animation-timing-function:linear;
			-ms-animation-duration:35s;
			-ms-animation-iteration-count:infinite;
			-o-animation-name:marquee;
			-o-animation-timing-function:linear;
			-o-animation-duration:35s;
			-o-animation-iteration-count:infinite;
			animation-name:marquee;
			animation-timing-function:linear;
			animation-duration:35s;
			animation-iteration-count:infinite;
	}
	.graph-box .marquee div:nth-child(2) {
		margin:0;
		width:1000%;
		font-size:120%;
		font-weight:bold;
		color:#1378BC;
		padding:0 0 5px 160%;
		display:inline-block;
		text-shadow: 1px 1px 1px #FFF;
		white-space:nowrap;
			-webkit-animation-name:marquee;
			-webkit-animation-timing-function:linear;
			-webkit-animation-duration:40s;
			-webkit-animation-iteration-count:infinite;
			-moz-animation-name:marquee;
			-moz-animation-timing-function:linear;
			-moz-animation-duration:40s;
			-moz-animation-iteration-count:infinite;
			-ms-animation-name:marquee;
			-ms-animation-timing-function:linear;
			-ms-animation-duration:40s;
			-ms-animation-iteration-count:infinite;
			-o-animation-name:marquee;
			-o-animation-timing-function:linear;
			-o-animation-duration:40s;
			-o-animation-iteration-count:infinite;
			animation-name:marquee;
			animation-timing-function:linear;
			animation-duration:40s;
			animation-iteration-count:infinite;
	}
	.graph-box .marquee div:nth-child(3) {
		margin:0;
		width:700%;
		font-size:80%;
		font-weight:bold;
		color:#1378BC;
		padding:0 0 5px 140%;
		display:inline-block;
		text-shadow: 1px 1px 1px #FFF;
		white-space:nowrap;
			-webkit-animation-name:marquee;
			-webkit-animation-timing-function:linear;
			-webkit-animation-duration:30s;
			-webkit-animation-iteration-count:infinite;
			-moz-animation-name:marquee;
			-moz-animation-timing-function:linear;
			-moz-animation-duration:30s;
			-moz-animation-iteration-count:infinite;
			-ms-animation-name:marquee;
			-ms-animation-timing-function:linear;
			-ms-animation-duration:30s;
			-ms-animation-iteration-count:infinite;
			-o-animation-name:marquee;
			-o-animation-timing-function:linear;
			-o-animation-duration:30s;
			-o-animation-iteration-count:infinite;
			animation-name:marquee;
			animation-timing-function:linear;
			animation-duration:30s;
			animation-iteration-count:infinite;
	}
	.line-btn,
	#sns-group .line-btn-icon,
	#pickup .linkbox .snsbox li.line-btn-icon {
		display:none;
	}
	#pickup2 article .cont{
		width:900px;
		margin:0 auto;
	}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
		right: 50px;
		left: auto;
	}
	/**/
	#calender-box .recent a{
		display:table;
		padding:5px 1%;
		border-bottom: 1px dotted #CCC;
		width:98%;
	}
	#pickup article .cont {
		position: relative;
	}
	#pickup article .cont #prev{
		position: absolute;
		top:150px;
		left:20px;
	}
	#pickup article .cont #next{
		position: absolute;
		top:150px;
		right:20px;
	}
	#pickup article .cont #prev a,
	#pickup article .cont #next a {
		display:block;
		padding:5px 8px 3px;
		border:2px solid #24AAE4;
		color:#24AAE4;
		background:#FFF;
		border-radius:5px;
		font-weight:bold;
	}
	#pickup article .cont #prev a:hover,
	#pickup article .cont #next a:hover {
		background:#24AAE4;
		color:#FFF;
	}
	#ranking .box-hima2 {
		display:none;
	}
	#pickup #tweet-image a.pickupimage h2{
		padding:15px 10px 10px;
		font-size: 200%;
		margin:-90px 0 0;
		z-index:25;
	}
	.fixed .affilink {
		padding:10px 0;
	}
	.fixed .affilink a{
		padding:10px;
		width:190px;
	}
	.affiliate-box .affiliate {
		padding:9px;
	}
	/*
	#ranking .txt-box h2.icon-movie::after,
	#ranking .txt-box h2.icon-music::after,
	#ranking .txt-box h2.icon-anime::after {
		content: \f14a ;
		font-family: FontAwesome; ;
	}
	#ranking .txt-box h2.icon-spgame::after {f05a
		content: url(/image/icon-game2.png) ;
	}
	#ranking .txt-box h2.icon-read::after {
		content: url(/image/icon-comic2.png) ;
	}
	*/
	#pickup .genre article .detail-link {
		height:205px;
	}
	#pickup article.daily-item .detail-link {
		padding: 10px 15px 20px;
	}
	.accordion {
		width: 900px;
		margin: 0 auto;
		padding: 3px 0 10px;
	}
	#ranking .txt-box .relation {
		color: #777;
		line-height: 130%;
		margin: 5px -5px 10px 0px;
		font-size: 108%;
		padding: 0;
		position: relative;
		border-radius: 5px;
		max-height: 126px;
	}
	#ranking .txt-box .relation span {
		display: inline-block;
		padding: 0px 6px 0px 0px;
		margin: 0px 3px 7px 0px;
		font-weight: bold;
		font-size: 116%;
	}
	#pickup .relation .article1,
	#pickup .relation .article2,
	#pickup .relation .article3 {
		max-width:900px;
		padding:0 5px;
}
	#pickup .relation .detail-link {
		padding:2px 4px 5px;
	}
	#pickup .relation a h2 {
		padding: 2px 0 5px;
		margin: 0;
		font-size: 124%;
	}
	#pickup .relation {
		padding:20px 0;
	}
	#pickup .relation h3 {
		padding: 0 0 2px;
		margin: 0px 0 10px 0;
		font-size: 132%;
		font-weight: normal;
		line-height: 140%;
		color: #666;
		border-bottom: 1px solid #CCC;
	}
	#pickup .relation .twimg {
		width: 100%;
		height: 150px;
		overflow: hidden;
		border-radius: 5px;
	}
	#pickup .relation .article1 .twimg {
		width: 100%;
		background:#CCC;
		height: 180px;
		overflow: hidden;
		border-radius: 5px;
	}
	#tweet .tweet .box-list {
		width:900px;
	}
	.wadai .readmore-button-box a {
		padding: 10px 0;
		display:block;
		margin:0 auto;
		font-weight: bold;
		width:300px;
		border:2px solid #FFF;
		text-align: center;
		border-radius:25px;
	}
	.wadai .readmore-button-box {
		width:100%;
		margin:-70px 0 0;
		padding:30px 0 15px;
	}
	.articleshare {
		margin:10px 0;
	}
	/*
	.accordion .ac-content .prevbox {
		left: 250px;
	}
	.accordion .ac-content .nextbox {
		right: 250px;
	}
	*/
}

/*=============================================================
・blog.commucom.jpでのiframe埋め込まれ用　300px以下時に適用
=============================================================*/
@media only screen and (max-width: 300px){
	#logo-box,#footer-menu,.graph-box,.navi,
	#change-time,#sns-group,#page-top,#foot-ad,#header{
		display: none;
	}
	.foot-copy{
		background-color: #fff;
		color:#666;
	}
	#ranking {
		margin-top: 0;
		background-color: #fff;
	}
	#ranking .cont {
		margin: 0px 2px 0 0;
		background:url("/image/more.png") no-repeat scroll right center / 12px 18px;
		padding:0px 15px 0px 0px;
	}
	#ranking a.box {
		padding:0px;
		margin: 0px ;
	}
	#ranking .txt-box h2 {
		padding:13px 0px 6px;
		text-decoration: underline;
		color:#24AAE4;
		font-size:120%;
		background: none;
	}
	#ranking .posi-txt {
		margin: 3px 0px 5px 0;
	}
	#ranking .rank {
		margin: 5px 5px 0 5px;
	}
	#ranking .txt-box {
		background-size:12px 18px;
		padding: 0px 0px 0px 5px;
		background: none;
	}
	#pickup #ranking .txt-box{
		background: none;
	}
	#ranking .img-box img {
		position: relative;
		top: 50%;
		left: 50%;
		width: auto;
		height: auto;
		transform: translate(-50%, -50%);
		max-width: 100%;
	}
	#pickup #ranking a {
		padding: 0 0 0 0;
	}
	#ranking .cont .keyword-num {
		font-size: 150%;
		padding-top:5px;
	}
	#ranking .img-box {
		margin: 5px 0px 5px 5px;
		height: 88px;
		width: 88px;
		border:1px solid #CCC;
	}
	#ranking .textimage-box {
		margin-right: 95px;
	}
	#train #ranking .txt-box {
		min-height:100px;
	}
	#ranking .nega-txt {
		margin: 5px 5px 0px 5px;
	}
}

/*=============================================================
・画像表示用CSS 画像が非表示の時は必ずコメントアウトすること
=============================================================*/
/*
#ranking .txt-box .relation {
	margin: 5px 100px 5px 0;
	max-height:48px;
	overflow:hidden;
}
#ranking .cont .keyword-num {
	right: 115px;
}
#ranking .share-box .more-btn {
	display:none;
}
*/

/*=============================================================
・ナビゲーション
=============================================================*/
#global-nav {
	position: absolute;
	/* 開いてないときは画面外に配置 */
	top: -500px;
	background: #333;
	width: 100%;
	text-align: center;
	padding: 10px 0;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
#global-nav ul {
	list-style: none;
	position: static;
	right: 0;
	bottom: 0;
	font-size: 14px;
}
#global-nav ul li {
	float: none;
	position: static;
}
#top-head #global-nav ul li a,
#top-head.fixed #global-nav ul li a {
	width: 100%;
	display: block;
	color: #fff;
	padding: 18px 0;
}
#nav-toggle {
	display: block;
}
/* #nav-toggle 切り替えアニメーション */
.open #nav-toggle span:nth-child(1) {
	top: 11px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
	width: 0;
	left: 50%;
}
.open #nav-toggle span:nth-child(3) {
	top: 11px;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
}
/* #global-nav スライドアニメーション */
.open #global-nav {
	/* #global-nav top + #mobile-head height */
	-moz-transform: translateY(556px);
	-webkit-transform: translateY(556px);
	transform: translateY(556px);
}
.ad-ranking3 {
	border-bottom: 1px dotted #DFDFDF;
}

/*
ニッポンのつぶやきランキング
*/
#comment ol br {
	display: none;
}

#comment ol li {
	padding: 15px 15px 15px 45px;
	margin: 0;
	list-style:none;
	border-bottom: dotted 1px #EAEAEA;
	position: relative;
	font-size: 90%;
	color: #717171;
}
#comment ol li:nth-of-type(1),
#comment ol li:nth-of-type(2),
#comment ol li:nth-of-type(3) {
}
#comment ol li:before {
	padding: 5px 13px;
	color: #fff;
	background: #D8D8D8;
	position: absolute;
	top: 11px;
	left: 0px;
}

#comment ol li:nth-of-type(1):before,
#comment ol li:nth-of-type(2):before,
#comment ol li:nth-of-type(3):before {
	color: #fff;
	border: none;
	font-size: 115%;
	font-weight: bold;
	top: 14px;
}
#comment ol li:nth-of-type(1):before {
	background: #FF0000;
}
#comment ol li:nth-of-type(2):before {
	background: #FFA100;
}
#comment ol li:nth-of-type(3):before {
	background: #FFD700;
}

#comment ol li b a {
	font-weight: normal;
	font-size: 110%;
}

#comment ol li:nth-of-type(1) b a,
#comment ol li:nth-of-type(2) b a,
#comment ol li:nth-of-type(3) b a {
	font-weight: bold;
	font-size: 150%;
}
#comment ol li:nth-of-type(1):before {
	content: '1';
}
#comment ol li:nth-of-type(2):before {
	content: '2';
}
#comment ol li:nth-of-type(3):before {
	content: '3';
}
#comment ol li:nth-of-type(4):before {
	content: '4';
}
#comment ol li:nth-of-type(5):before {
	content: '5';
}
#comment ol li:nth-of-type(6):before {
	content: '6';
}
#comment ol li:nth-of-type(7):before {
	content: '7';
}
#comment ol li:nth-of-type(8):before {
	content: '8';
}
#comment ol li:nth-of-type(9):before {
	content: '9';
}
#comment ol li:nth-of-type(10):before {
	content: '10';
	padding: 5px 9px;
}

/*
関連記事
*/
.related_article {
	overflow: hidden;
	border: solid 1px #DDD;
	margin:10px 0;
}
.related_article h4 {
	vertical-align: middle;
	padding: 5px;
	background: #f1f1f1;
	font-weight: normal;
	font-size: 80% !important;
}
.related_article a {
	padding: 5px;
	display: block;
}
.related_article br {
	display: none;
}

/*
昨日の結果
*/
.ystd {
	position: relative;
}
.ystd a {
	border: solid 1px #24AAE4;
	padding: 10px 15px;
	border-radius: 3px;
	font-weight: bold;
	text-decoration: none !important;
	display: inline-block;
	padding-left: 47px;
}
.ystd a span {
	position: absolute;
	top: 10px;
	left: 15px;
	font-weight: normal;
}

/*
フォントサイズ＆色＆ボールド
*/
#comment .small {
	font-size: 80%;
}
#comment .middle {
	font-size: 150%;
}

#comment .large {
	font-size: 200%;
}

#comment .red {
	color: #FF2E2E;
}

#comment .gray {
	color:#848484;
}

#comment .green {
	color: #148A00;
}

#comment .quotation {
	background: #EBEBEB;
	padding: 60px 30px;
	position: relative;
	color: #696969;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
}
#comment .quotation br {
	display: none;
}
#comment .quotation:before {
	content: url(/image/quote_icon.png);
	position: absolute;
	top: 15px;
	left: 15px;
}
#comment .quotation:after {
	content: url(/image/quote_icon2.png);
	position: absolute;
	bottom: 5px;
	right: 15px;
}
#comment .quotation a {
	display: block;
}
/*
まとめ記事用
*/
#comment .index-box {
	border:1px solid #CCC;
	padding:5px;
	margin:10px 0 0;
}
#comment .index-box span {
	font-weight:bold;
	font-size: 115%;
}