@charset "UTF-8";

/*=============================================================
・ranking.css
=============================================================*/
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;
	background: transparent;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	font-size: 100%;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display: block;
}
nav ul,ul,ol{
	list-style: none;
}
blockquote,q{
	quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after{
	content: "";
	content: none;
}
a{
	margin: 0;
	padding: 0;
	background: transparent;
	vertical-align: baseline;
	color: #000;
	font-size: 100%;
}
ins{
	background-color: #fff;
	color: #000;
	text-decoration: none;
}
mark{
	background-color: #fff;
	color: #000;
	font-weight: bold;
	font-style: italic;
}
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;
	margin: 1em0;
	padding: 0;
	border: 0;
	border-top: 1pxsolid#cccccc;
}
input,select{
	vertical-align: middle;
}

/* --------------------------------------------------------
	default
-------------------------------------------------------- */
html,body{
	width: 100%;
}
html{
	position:relative;
	overflow-y:scroll;
	overflow-x: hidden;
}
body{
	line-height: 1;
	overflow-x: hidden;
	color: #333;
	font:  13px/1.6 'Roboto','Kosugi Maru',"メイリオ",Meiryo, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
	-webkit-text-size-adjust: none;
}
.left{
	float: left;
}
.right{
	float: right;
}
.test{
	box-sizing: border-box;
	border: 1px solid #f00;
}
.center{
	text-align: center;
}
.bold{
	font-weight: bold;
}
.clearfloat{
	clear: both;
}
.clearfix:before,
.clearfix:after{
	content: " ";
	clear: both;
	display: table;
}
.clearfix{
	*zoom: 1;
}
.cf:after{
	content: " ";
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	font-size: 0;
	visibility: hidden;
}
* html .cf{
	zoom: 1;
}
*:first-child + html .cf{
	zoom: 1;
}
img{
	vertical-align: bottom;
}

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

#sub-box{
	display: none;
}

/* --------------------------------------------------------
	ヘッダー
-------------------------------------------------------- */
#message{
	width: 1100px;
	margin: 0 auto -40px;
	padding: 70px 0 0;
}
#message span{
	font-weight: bold;
}
#smartphone{
	display: none;
}
#tsuiran{
	width: 100%;
	margin: 0;
	box-sizing: border-box;
}
#header{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9000;
	width: 100%;
	margin: 0 auto 5px;
	background-color: rgba(255, 255, 255, 0.95);
	box-shadow: 0 1px 3px 1px #ccc;
}
#header .inner-box{
	display:flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1100px;
	height:45px;
	margin-left:auto;
	margin-right:auto;
	padding-left:5px;
	padding-right:5px;
	box-sizing:border-box;
}
#header #logo-box{
	padding: 0 0 0 3px;
}
#header #logo{
	flex:0 0 40px;
	margin-right:5px;
	box-sizing: border-box;
}
#twiran{
	height: 35px;
	box-sizing: border-box;
}
#n-logo img{
	width: 40px;
	height: 35px;
}
#home-box{
	flex:1 1 100%;
}
#home-box ul{
	display:flex;
	justify-content: space-around;
	padding-left:5px;
	padding-right:5px;
}
#home-box ul li{
	padding-left:5px;
	padding-right:5px;
	flex:1 1 25%;
}
#home-box ul li a{
	display: block;
	padding: 5px;
	border-radius: 5px;
	text-align: center;
	color: #444;
	font-size: 90%;
	font-weight: bold;
}
@media screen and (max-width:480px){
	#home-box ul li{
		padding-left:3px;
		padding-right:3px;
	}
	#home-box ul li a{
		font-size: 11px;
		white-space: nowrap;
	}
}
@media screen and (max-width:340px){
	#home-box ul li a{
		font-size: 10px;
	}
}
#logo h2{
	float: left;
	min-width: 87px;
}
#logo h2 a{
	display: block;
	padding: 4px 0 0;
	font-size: 15px;
}

#header .top-btn{

}

#header #logo-box li{
	position: relative;
	z-index: 500;
	float: right;
	display: table-cell;
	width: 35px;
	margin: 3px 0 0;
	padding: 3px 2px 0;
	text-align: center;
	vertical-align: middle;
}
#header #logo-box li.info{
	margin: 1px 0 0;
	padding: 3px 4px 0 0;
}
#header #logo-box li.sb-toggle-right{
	position: relative;
	z-index: 999;
	width: 80px;
	height: 25px;
	margin: 5px 0 0 0;
	padding: 5px 0 0;
	text-align: left;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
	text-indent: 25px;
}
#header .alert img,
#header .menu img,
#header .camera img{
	z-index: 3;
	width: 35px;
}
#header .logo img{
	width: 100%;
}
#header .info img{
	z-index: 3;
	width: 25px;
	margin: 3px 0 0;
}
#header #logo-box .h-time{
	width: 109px;
	padding: 2px 2px 2px 0;
	line-height: 150%;
	text-align: right;
	font-size: 90%;
}
#header #logo-box .h-time span{
	font-size: 108%;
	font-weight: bold;
}
#header #logo-box .h-time span.ref{
	color: #f36963;
	font-size: 100%;
	font-weight: normal;
}
#header #logo-box li.refresh{
	z-index: 2;
	float: right;
	display: table-cell;
	width: 25px;
	margin: 0 0 0 5px;
	padding: 3px 0 0;
	text-align: center;
	vertical-align: middle;
}
.img-icon-refresh{
	border: none;
}
.push #tsuiraninfo{
	display: none;
}
#header #tsuiraninfo{
	margin: 5px 7px 0;
	background: #ffe;
	border: 1px solid #ddc;
	text-align: center;
}
#header #tsuiraninfo p{
	margin: 5px 0 0;
	font-size: 116%;
}
#header #tsuiraninfo a{
	display: block;
	width: 260px;
	margin: 7px auto;
	padding: 5px 0;
	background: #2db200;
	border-radius: 5px;
	text-align: center;
	color: #fff;
	font-size: 108%;
	font-weight: bold;
	-webkit-box-shadow: 0 0 3px #999;
	   -moz-box-shadow: 0 0 3px #999;
	        box-shadow: 0 0 3px #999;
}
#searchbox{
	display: none;
}
#header #login{
	position: relative;
	display: inline-block;
	width: 32px;
	padding: 4px 0 0 0;
	line-height: 120%;
	text-align: center;
	font-size: 6px;
}
#header #login .fa-user{
	font-size: 24px;
}
#header #login .notice{
	position: absolute;
	top: 3px;
	right: -1px;
	display: block;
	padding: 3px 4px;
	background: #c00;
	border: 1px solid#fff;
	border-radius: 10px;
	line-height: 100%;
	text-align: center;
	color: #fff;
	font-size: 8px;
	font-weight: bold;
}
/*アフィリエイトリンク*/
.affilink{
	display: block;
	padding: 5px 0;
}
.affilink a{
	display: block;
	width: 190px;
	margin: 0 auto;
	padding: 5px;
	background: #00b200;
	-webkit-border-radius: 45px;
	   -moz-border-radius: 45px;
	        border-radius: 45px;
	text-align: center;
	color: #fff;
	font-weight: bold;
}
/*フッターの翻訳&SNS*/
#footer-menu #translate{
	width: 100%;
	margin: 20px 0 0;
	padding: 20px 0 0;
	border-top: 1px dotted #999;
	text-align: center;
}
#footer-menu #translate a{
	display: inline;
	margin: 0;
	padding: 0;
	background: none;
	border-left: none;
	color: #333;
	font-size: 100%;
}
#footer-menu #translate p{
	padding: 0 0 5px;
	color: #fff;
}
#footer-menu #follow{
	padding: 0 0 15px;
}
#footer-menu #follow .twfollow,
#foter-menu  #follow .fbiine{
	display: inline-block;
	margin: 0 0 5px;
}

#follow .twfollow img{
	width: 30px; 
	height: 30px;
	background-color: rgba(0,0,0);
	padding: 5px;
}
/* --------------------------------------------------------
	HOME
-------------------------------------------------------- */
#home{
	padding: 0 3px 5px;
}
#home h1.home-title{
	padding: 0 5px 0;
	font-size: 156%;
}
#home h2{
	margin: 0 -10px 10px;
	padding: 5px 5px 2px;
	border-bottom: 3px solid #00698c;
	font-size: 124%;
}
#home .pickup-article a{
	position: relative;
	display: block;
	margin: 0 0 10px;
	padding: 0 0 5px;
}
#home .pickup-article a h4{
	color: #24aae4;
	text-decoration: underline;
}
#home .pickup-article a span{
	font-size: 90%;
}
#home .categories{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
#home .categories .category{
	float: left;
	width: 50%;
	padding: 5px;
	box-sizing: border-box;
}
#home .categories .category .insert{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 5px;
	box-sizing: border-box;
}
#home .categories .category a{
	position: relative;
	z-index: 0;
	display: block;
}
#home .category .imgbox{
	position: relative;
	z-index: 2;
	overflow: hidden;
	width: 100%;
	height: 150px;
	margin: -27px 0 0;
	background: #000;
}
#home .category .imgbox img{
	position: relative;
	top: 50%;
	left: 50%;
	z-index: -5;
	float: none;
	width: auto;
	max-width: 150%;
	min-width: 100%;
	height: auto;
	min-height: 100%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	   -moz-transform: translate3d(-50%, -50%, 0);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	        transform: translate3d(-50%, -50%, 0);
}
#home .category h3{
	position: relative;
	z-index: 10;
	display: inline-block;
	margin: 0 0 0 0;
	padding: 1px 8px;
	background: #ccc;
	border-radius: 3px;
	color: #fff;
	font-size: 100%;
	font-weight: normal;
}
#home .category h3:after{
	content: " \f0a9";
	font-family: FontAwesome;
	font-size: 120%;
}
#home .category .text{
	position: absolute;
	bottom: 26px;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 43px;
	padding: 5px 3px 5px;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.7);
}
#home .category .text div{
	overflow: hidden;
	height: 45px;
	line-height: 140%;
	color: #000;
	font-size: 100%;
	font-weight: normal;
}
#home .category .ranking{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 8;
	overflow: hidden;
	width: 100%;
	height: 26px;
	padding: 2px 5px 5px;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.9);
	border-top: 1px solid #333;
	color: #000;
}
#home .category .text div.article{
	font-size: 100%;
	font-weight: bold;
}
#home .category .text p{
	margin: 0 0 3px;
	padding: 0 3px;
	color: #000;
	text-shadow: 0 0 4px #fff;
}
#home .category .ranking p{
	white-space: nowrap;
}
#home .category .text p span{
	font-size: 138%;
}
#home .category .text p span.word{
	font-size: 100%;
	font-weight: bold;
}
#home .cat-jpy .text,
#home .cat-heat .text{
	bottom: 0;
	height: 75px;
}
#home .cat-jpy .text div,
#home .cat-heat .text div,
#home .cat-report .text div{
	margin: 0 0 0;
}
#home .category .marquee p:after{
	content: "";
	padding-right: 50px;
	white-space: nowrap;
}
#home .category .marquee p{
	display: inline-block;
	white-space: nowrap;
	        animation-name: marquee;
	        animation-duration: 40s;
	        animation-timing-function: linear;
	        animation-iteration-count: infinite;
	-webkit-animation-duration: 40s;
	   -moz-animation-duration: 40s;
	    -ms-animation-duration: 40s;
	     -o-animation-duration: 40s;
	-webkit-animation-iteration-count: infinite;
	   -moz-animation-iteration-count: infinite;
	    -ms-animation-iteration-count: infinite;
	     -o-animation-iteration-count: infinite;
	-webkit-animation-name: marquee;
	   -moz-animation-name: marquee;
	    -ms-animation-name: marquee;
	     -o-animation-name: marquee;
	-webkit-animation-timing-function: linear;
	   -moz-animation-timing-function: linear;
	    -ms-animation-timing-function: linear;
	     -o-animation-timing-function: linear;
}
#home .category:nth-child(2n) .marquee p{
	-webkit-animation-duration: 50s;
	   -moz-animation-duration: 50s;
	    -ms-animation-duration: 50s;
	     -o-animation-duration: 50s;
	        animation-duration: 50s;
}
#home .category:nth-child(3n) .marquee p{
	-webkit-animation-duration: 30s;
	   -moz-animation-duration: 30s;
	    -ms-animation-duration: 30s;
	     -o-animation-duration: 30s;
	        animation-duration: 30s;
}
#home .category:nth-child(4n) .marquee p{
	-webkit-animation-duration: 20s;
	   -moz-animation-duration: 20s;
	    -ms-animation-duration: 20s;
	     -o-animation-duration: 20s;
	        animation-duration: 20s;
}
#home .category:nth-child(5n) .marquee p{
	-webkit-animation-duration: 10s;
	   -moz-animation-duration: 10s;
	    -ms-animation-duration: 10s;
	     -o-animation-duration: 10s;
	        animation-duration: 10s;
}
/* --------------------------------------------------------
	TOPランキング & メニュー
-------------------------------------------------------- */
#top-ranking h1{
	padding: 5px 5px 2px;
	border-bottom: 3px solid #00698c;
	font-size: 124%;
}
#navbox h3,
#pickup #navbox h3,
#ranking #navbox h3{
	margin: 0 -10px 10px;
	padding: 5px 5px 2px;
	border-bottom: 3px solid #444;
	color: #fff;
	font-size: 116%;
}
#top-ranking ul{
	padding: 0 0 0 0;
}
#top-ranking li{
	box-sizing: border-box;
	border-bottom: 1px solid #dfdfdf;
}
#navbox .s-menu li.pickup{
	display: none;
}
#navbox li{
	margin: 0 0 10px;
	box-sizing: border-box;
}
#navbox ul.s-menu li a{
	padding: 5px;
}
#top-ranking ul li{
	width: 100%;
}
#navbox ul li:nth-child(2n+0){
	float: right;
	width: 49%;
}
#navbox ul li:nth-child(2n+1){
	float: left;
	width: 49%;
}
#navbox ul li.jpy{
	float: left;
}
#navbox li a{
	display: block;
	margin: 0 0 0;
	padding: 7px 0 7px 5px;
	box-sizing: border-box;
	background-color: rgba(255, 255, 255, 0.1);
	border-left: 5px solid #ccc;
	color: #fff;
	font-size: 95%;
}
#top-ranking li .effect1,
#top-ranking li .effect2,
#top-ranking li .effect3{
	color: #fff;
}
#top-ranking li:nth-child(2n+0){
	background: #f4f4f4;
}
#top-ranking li:nth-child(2n+0) .effect1,
#top-ranking li:nth-child(2n+0) .effect2,
#top-ranking li:nth-child(2n+0) .effect3{
	color: #f4f4f4;
}
#top-ranking li a{
	display: block;
	width: 100%;
	padding: 6px 5px 6px ;
	box-sizing: border-box;
}
#navbox li.logo a{
	background: none;
	border-bottom: none;
}
#navbox li a .image{
	float: left;
	overflow: hidden;
	width: 45px;
	height: 30px;
	margin-right: 5px;
}
#navbox li a .image img{
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	max-width: 150%;
	height: auto;
}
#navbox li a p{
	padding: 7px 0 7px 7px;
}
#top-ranking .lead{
	padding: 5px ;
	border-bottom: 1px dotted #ccc;
}
#top-ranking li a p{
	float: left;
	width: 80px;
	height: 60px;
	padding: 24px 0 0;
	background: #ccc;
	border-radius: 3px;
	line-height: 170%;
	text-align: center;
	color: #fff;
	font-size: 100%;
}
#top-ranking li a p i{
	font-size: 140%;
}
#top-ranking li a .rankingbox{
	margin: 0 0 0 85px;
}
#top-ranking li a .rankingbox .box{
	overflow: hidden;
	height: 35px;
	padding: 0 3px 0;
	white-space: nowrap;
	font-size: 108%;
	font-weight: bold;
}
#top-ranking li a .rankingbox .box:nth-child(1){
	padding: 5px 3px 0;
}
#top-ranking li a .rankingbox .box .number{
	display: inline-block;
	margin: -2px 10px 0 0;
	padding: 16px 0 2px 0;
	font-size: 85%;
}
@media only screen and (min-width: 800px){
	#top-ranking li a .rankingbox .box .number{
		padding: 14px 0 2px 0;
	}
}
#top-ranking li a .rankingbox .box .effect1,
#top-ranking li a .rankingbox .box .effect2,
#top-ranking li a .rankingbox .box .effect3,
#top-ranking li a .rankingbox .box .check{
	display: inline-block;
	padding: 8px 0 0 5px;
	font-size: 116%;
}
#top-ranking li a .rankingbox .box .rank-related-none{
	padding: 8px 0 0 98px;
	color: #aaa;
	font-size: 85%;
	font-weight: normal;
	display: none;
}
#top-ranking li a .rankingbox .box .rank-related{
	padding: 8px 0 0 98px;
	color: #aaa;
	font-size: 85%;
	font-weight: normal;
}
@media only screen and (max-width: 800px){
	#top-ranking #ranking .rankingbox .box .rank{
		height: 10px;
		padding: 12px 0 2px 0;
		border-bottom: 1px solid #ccc;
		font-size: 75%;
	}
	#top-ranking li a .rankingbox .box{
		height: 28px;
		line-height: 100%;
	}
	#top-ranking #ranking .rankingbox .box .one{
		border-bottom: 1px solid #f1c531;
	}
	#top-ranking #ranking .rankingbox .box .two{
		border-bottom: 1px solid #828996;
	}
	#top-ranking #ranking .rankingbox .box .three{
		border-bottom: 1px solid #dc8620;
	}
	#top-ranking li a .rankingbox .box .effect1,
	#top-ranking li a .rankingbox .box .effect2,
	#top-ranking li a .rankingbox .box .effect3,
	#top-ranking li a .rankingbox .box .check{
		margin: -5px 0 0;
		padding: 0 0 0 5px;
		vertical-align: middle;
	}
}

#top-ranking li a .rankingbox .box:nth-child(1) .number{
	color: #ffd700;
	font-weight: normal;
}
#top-ranking li a .rankingbox .box:nth-child(2) .number{
	color: #c0c0c0;
	font-weight: normal;
}
#top-ranking li a .rankingbox .box:nth-child(3) .number{
	color: #c47222;
	font-weight: normal;
}
#top-ranking li a .rankingbox .box .effect1 span,
#top-ranking li a .rankingbox .box .effect2 span,
#top-ranking li a .rankingbox .box .effect3 span{
	color: #666;
}
#top-ranking li a .rankingbox .box .twnum{
	display: inline-block;
	width: 31px;
	padding: 5px 0 0 28px;
	color: #999;
	text-align:right;
	/*font-family: Futura-MediumItalic,"Gill Sans", sans-serif;*/
	font-size: 80%;
	font-weight: normal;
	letter-spacing: -1px;
}
/* --------------------------------------------------------
	TOP
-------------------------------------------------------- */
#pickup-title{
	position: relative;
	z-index: 5;
	margin: 0 0 0;
	padding: 5px 5px 2px;
	background: #fff;
	font-size: 124%;
}
#pickup-title span{
	font-size: 65%;
	font-weight: normal;
}
#pickup-title span.rtattention{
	color: #999;
	font-size: 55%;
}
#pickup-title h1{
	display: inline-block;
	margin-right: 5px;
}
#pickup-title .select{
	display: inline-block;
}
#pickup-title .select select{
	padding: 1px 15px 1px 5px;
	background: url(/image/down.png) no-repeat right center #fff;
	background-size: 10px 6px;
	border: 1px solid #ccc;
	border-radius: 2px;
	text-align:         center;
	text-align: -webkit-center;
	color: #666;
	font-size: 80%;
}
.genre #pickup-title{
	margin: 0 0 8px;
	padding: 5px;
	background: #999;
	border-bottom: none;
	color: #fff;
	font-size: 100%;
}
.genre #pickup-title h1{
	font-size: 124%;
}
.genre #pickup-title .select select{
	font-size: 100%;
}
/* --------------------------------------------------------
	コンテンツ
-------------------------------------------------------- */
/*ジャンルタイトル*/
#genre-title h1{
	text-align: center;
	color: #fff;
	font-size: 124%;
}
/*ランキング*/
#ranking{
	margin-top: 0;
	padding-top: 1px;
	background: #fff;
}
.rankinbox{
	padding: 0 0 10px;
}
.graph-box{
	position: relative;
}
.graph-box .time{
	margin: 0 0 0;
	padding: 0;
	text-align: center;
	color: #fff;
	font-size: 100%;
}
.graph-box .time p{
	padding: 2px 0;
	font-size: 100%;
	font-weight: bold;
}
.graph-box .time p span{
	font-size: 77%;
	font-weight: normal;
}
#ranking .rankinbox article{
	position: relative;
	background: #fff;
	border-bottom: solid 1px #dfdfdf;
}
#ranking .rankinbox article:nth-child(even),
#pickup .inner-box article:nth-child(even){
	background: #f4f4f4;
}
#pickup #header .inner-box{
	margin-top: 0;
	border-top: 0 dotted #ccc;
}
a.more-topics{
	display: block;
	width: 100%;
	padding: 8px 0;
	border-top: 1px dotted #ccc;
	text-align: center;
	font-size: 108%;
}
a.more-topics-detail{
	display: block;
	width: 100%;
	margin: 0 0 0;
	padding: 8px 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	text-align: center;
	font-size: 108%;
}
#ranking a.more-topics,
#pickup a.more-topics{
	padding: 8px 0;
	border-top: none;
}
/*ランキングタブ*/
#change-time{
	padding: 5px 0 0;
}
#change-time2{
	margin: 0 0 10px;
	padding: 0 0;
}
#change-time h1{
	margin: 0 0 0;
	padding: 0 5px 2px;
	color: #555;
	font-size: 124%;
}
#ranking-title h1,
#pickup-title h1{
	float: left;
}
#ranking-title .link,
#pickup-title .link{
	float: right;
	width: 120px;
	padding: 5px 0 0 0;
	font-size: 90%;
}
#ranking-title .link a{
	display: block;
	width: 103px;
	height: 20px;
	margin-right: 5px;
	padding: 7px 0 0 12px;
	background: #eeeeee;
	border: #9b9b8c;
	border-radius: 3px;
	line-height: 100%;
	-webkit-clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
	        clip-path: polygon(0% 0%, 90% 0%, 100% 20%, 90% 100%, 0% 100%);
}
#pickup-title .link a{
	display: block;
	width: 111px;
	height: 22px;
	margin-right: 0;
	padding: 5px 0 0 9px;
	background: #eeeeee;
	border: #9b9b8c;
	border-radius: 3px;
	-webkit-clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
	        clip-path: polygon(0% 0%, 90% 0%, 100% 20%, 90% 100%, 0% 100%);
}
#pickup-title .link{
	padding: 1px 0 0 0;
}
#pickup-title a{
	float: right;
	display: inline-block;
	text-align: right;
	color: #2c80ff;
	font-size: 95%;
	font-weight: normal;
	text-decoration: underline;
}
/*ランキング・記事一覧の切り替え*/
#genre-box{
	padding: 5px;
}
#genre-box .genre-ttl{
	float: left;
	width: 120px;
	background: #aaa;
	border-radius: 3px;
}
#genre-box .genre-ttl a{
	display: block;
	padding: 7px 0;
	line-height: 100%;
	text-align: center;
	color: #fff;
	font-size: 124%;
	font-weight: bold;
}
#genre-toggle{
	float: right;
	width: 180px;
}
#genre-toggle li{
	float: left;
	width: 90px;
}
#genre-toggle li a i{
	margin-right: 2px;
	font-size: 124%;
}
#genre-toggle li a{
	display: block;
	width: 100%;
	padding: 7px 0;
	box-sizing: border-box;
	background: #eee;
	border: 1px solid #ccc;
	line-height: 100%;
	text-align: center;
	color: #aaa;
	font-size: 85%;
}
#genre-toggle .tab-ranking a{
	border-right: none;
	border-radius: 4px 0 0 4px;
}
#genre-toggle .tab-article a{
	border-radius: 0 4px 4px 0;
}
#ranking #genre-toggle .tab-ranking a,
#pickup #genre-toggle .tab-article a{
	background: #fff;
	color: #444;
}
/*ランキング・記事一覧の切り替え(ワード詳細ページ)*/
#genre-box-word{
	padding: 5px;
}
#genre-box-word .genre-ttl{
	float: left;
	width: 100%;
	background: #aaa;
	border-radius: 3px;
}
#genre-box-word .genre-ttl a{
	display: block;
	padding: 7px 0;
	line-height: 100%;
	text-align: center;
	color: #fff;
	font-size: 175%;
	font-weight: bold;
}
/*タブ・ワード詳細のタブ含む*/
#time-hourly,
#time-daily,
#time-weekly,
#time-boost,
#article-list{
	margin: 0 0 0;
}
#change-time .select-time{
	margin: 0 0 0;
	padding: 0 0 0 5px;
	border-bottom: 1px solid #999;
}
#detail #change-time .select-time{
	margin: 0;
	padding: 0 0 0 5px;
	border-bottom: 1px solid #999;
}
#detail #change-time2 .select-time{
	margin: 0;
	padding: 0 0 0 5px;
	border-top: 1px solid #999;
}
#change-time .select-time li,
#change-time .select-time2 li{
	float: left;
	width: 33.3%;
	height: 31px;
	margin: 0 0 0 0;
	padding: 0;
	text-align: center;
}
#detail #change-time .select-time li,
#detail #change-time2 .select-time li{
	float: left;
	width: 33.3%;
	height: 31px;
	margin: 0 ;
	padding: 0;
	text-align: center;
}
#detail #change-time .select-time li.time-boost,
#detail #change-time2 .select-time li.time-boost{
	width: 34%;
}
#change-time .select-time li a{
	display: block;
	height: 17px;
	margin: 0 5px 1px 0;
	padding: 8px 5px 5px ;
	background-color: #eee;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	        border-radius: 3px 3px 0 0 / 3px 3px 0 0;
	color: #aaa;
	font-size: 116%;
	-webkit-border-radius: 3px 3px 0 0 / 3px 3px 0 0;
	   -moz-border-radius: 3px 3px 0 0 / 3px 3px 0 0;
}

#change-time2 .select-time li a{
	display: block;
	height: 17px;
	margin: 0 5px 1px 0;
	padding: 8px 5px 5px ;
	background-color: #eee;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	        border-radius: 0 0 3px 3px / 0 0 3px 3px;
	color: #aaa;
	font-size: 116%;

	-webkit-border-radius: 0 0 3px 3px / 0 0 3px 3px;
	   -moz-border-radius: 0 0 3px 3px / 0 0 3px 3px;
}
#detail #change-time .select-time li a,
#detail #change-time2 .select-time li a{
	height: 21px;
	padding: 4px 5px 5px ;
}
#change-time .select-time li.articlelist,
#change-time2 .select-time li.articlelist{
	height: 25px;
	box-sizing: border-box;
	border: 3px solid #fff;
	border-top: none;
}
#change-time .select-time li.articlelist a,
#change-time2 .select-time li.articlelist a{
	height: 10px;
	padding: 6px 0 8px;
	background-color: rgba(255,255,255,0.5);
	border-right: none;
	border-radius: 3px;
}
#change-time #time-boost li.time-boost a,
#change-time #time-hourly li.time-hourly a,
#change-time #time-daily li.time-daily a,
#change-time #time-weekly li.time-weekly a{
	height: 18px;
	background-color: rgba(255,255,255,1);
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	color: #666;
	color: #444;
}
#change-time2 #time-boost2 li.time-boost a,
#change-time2 #time-hourly2 li.time-hourly a,
#change-time2 #time-daily2 li.time-daily a,
#change-time2 #time-weekly2 li.time-weekly a{
	height: 18px;
	background-color: rgba(255,255,255,1);
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	color: #666;
	color: #444;
}
#detail #change-time #time-boost li.time-boost a,
#detail #change-time #time-hourly li.time-hourly a,
#detail #change-time #time-daily li.time-daily a,
#detail #change-time #time-weekly li.time-weekly a,
#detail #change-time2 #time-boost2 li.time-boost a,
#detail #change-time2 #time-hourly2 li.time-hourly a,
#detail #change-time2 #time-daily2 li.time-daily a,
#detail #change-time2 #time-weekly2 li.time-weekly a{
	height: 22px;
}
#detail #change-time2 #time-boost2 li.time-boost,
#detail #change-time2 #time-hourly2 li.time-hourly,
#detail #change-time2 #time-daily2 li.time-daily,
#detail #change-time2 #time-weekly2 li.time-weekly{
	margin: -1px 0 0;
}
#article-list{
	margin: 0 0 0 0;
}
.end{
	padding: 40px 0 40px;
	font-size: 132%;
}
.end a{
	color: #24aae4;
	text-decoration: underline;
}
.accordion{
	min-width: 300px;
	margin: 0 auto;
	padding: 10px 0 0;
}
.detail-body .accordion{
	min-width: 10px;
	margin: 0 auto;
	padding: 0 0 0;
}
.accordion .ac-content{
	position: relative;
	margin: 0 10px;
}
.accordion .ac-content .nextbox{
	float: right;
	width: 23%;
	margin-top: -38px;
	line-height: 30%;
	text-align: left;
	font-size: 28px;
}
.accordion .ac-content .prevbox{
	float: left;
	width: 23%;
	margin-top: -35px;
	line-height: 30%;
	text-align: right;
	font-size: 28px;
}
.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%;
}
.timeselect{
	width: 90%;
	padding: 3px 18px 3px 5px;
	background: url(/image/down.png) no-repeat right center;
	background-size: 15px 9px;
	border: 1px solid #ccc;
	border-radius: 2px;
	text-align:         center;
	text-align: -webkit-center;
	color: #666;
	font-size: 100%;
}
.accordion p{
	font-size: 132%;
}
.accordion .period{
	width: 54%;
	margin: 0 auto;
	text-align: center;
}
/*ランキング男女比*/
.detail-body p.gender{
	line-height: 100%;
	color: #999;
	font-size: 108%;
	font-weight: bold;
}
.detail-body .gender-box p.gender{
}
@media screen and (min-width: 800px){
	.detail-body .gender-box p.gender{
		font-size: 124%;
	}
}
.detail-body p.gender i{
	font-size: 150%;
}
.detail-body p.gender span.men{
	color: #00a3d8;
}
.detail-body p.gender span.women{
	color: #d83832;
}
#ranking article .percent,
.detail-body .percent{
	margin: 5px 0;
	background: #e3e3e3;
}
.detail-body .percent .men-percent{
	float: left;
	height: 8px;
	background: linear-gradient(-45deg, #7fd1ec 25%, #e3e3e3 25%, #e3e3e3 50%, #7fd1ec 50%, #7fd1ec 75%, #e3e3e3 75%, #e3e3e3);
	background-size: 8px 8px;
	text-indent: -9999px;
	-webkit-animation: stripeBg 15s linear infinite;
}
.detail-body .percent .women-percent{
	float: left;
	height: 8px;
	background: linear-gradient(-45deg, #ec9b98 25%, #e3e3e3 25%, #e3e3e3 50%, #ec9b98 50%, #ec9b98 75%, #e3e3e3 75%, #e3e3e3);
	background-size: 8px 8px;
	text-indent: -9999px;
	-webkit-animation: stripeBg 15s linear infinite;
}
.detail-body .account-box{
	padding: 0 0 5px;
	color: #999;
}
.detail-body .gender-box .account-box{
	padding: 0;
}
@media screen and (min-width: 800px){
	.detail-body .gender-box .account-box{
		font-size: 124%;
	}
}
.detail-body .account-box .share{
	float: left;
}
.detail-body .account-box .share .men{
	color: #00a3d8;
}
.detail-body .account-box .share .women{
	color: #d83832;
}
.detail-body .account-box .account{
	float: right;
}
.detail-body #data{
	margin: 10px 10px 5px;
}
#ranking-attention{
	padding: 10px 5px 10px;
	text-align: left;
	font-size: 85%;
}
/* --------------------------------------------------------
	障害発生用
-------------------------------------------------------- */
#failure{
	margin: 5px;
	padding: 5px;
	background: #ddd;
	font-size: 82%;
}
/* ▼広告 -------------------------------------------------------- */
.ad-ranking{
	padding-top: 5px;
	text-align: center;
}
.ad-ranking_2{
	padding-top: 5px;
	text-align: center;
}
.ad-ranking3{
	border-bottom: 1px dotted #ccc;
}
.ad-ranking div{
	padding-bottom: 5px;
}
.ad-ranking .h250{
	height: 250px;
}
.ad-ranking .h100{
	height: 100px;
}
.ad-ranking .h50{
	height: 50px;
}
.ad-ranking__about{
	text-align: right;
	text-decoration: underline;
}
.ad-ranking__about a{
	color: #24aae4;
}
#ranking a{
	display: inline-block;
	margin: 0;
	padding: 5px 10px 0 10px;
	line-height: 100%;
}
#ranking a.box{
	display: block;
	padding: 5px ;
}
#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;
}
/*PC用*/
.pc-ad{
	display: none;
}
.pc-box{
	display: none;
}
.sp-box{
	display: block;
}
@media screen and (min-width: 800px){
	.pc-ad{
		display: block;
	}
	.pc-box{
		display: block;
	}
	.sp-box{
		display: none;
	}
}
.pc-ad .adbox{
	width: 728px;
	margin: 0 auto;
	text-align: center;
}
.pc-ad .adbox .ad1,
.pc-ad .adbox .ad2{
	float: left;
	width: 336px;
	text-align: center;
}
.pc-ad .adbox .ad2{
	float: right;
}
/*スマホ用*/
.sp-ad{
	display: block;
}
@media screen and (min-width: 800px){
	.sp-ad{
		display: none;
	}
}

#graph-cont{
	width: 100%;
	min-width: 320px;
	height: 110px;
	margin: 0 auto;
}
#ranking .img-box{
	float: right;
	overflow: hidden;
	width: 60px;
	height: 60px;
	margin: 8px 0 0 0;
	background-color: #f9f9f9;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 2px;
}
#ranking .img-box img{
	position: relative;
	top: 50%;
	left: 50%;
	        transform: translate(-50%,-50%);
	width: auto;
	max-width: 200%;
	height: auto;

	-webkit-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
}
.swiper-slide{
	overfllow: hidden;
}
#ranking .txt-box{
	position: relative;
	padding: 5px 0 0;
}
#pickup #ranking article{
	margin: 0 0 ;
	padding: 0 ;
	border-bottom: 1px dotted #ccc;
}
#pickup #ranking article:nth-child(2n){
	background: #f7f7f7;
}
#ranking .rankinbox h2{
	position: relative;
	z-index: 50;
	padding: 13px 0 5px 28px;
	background-size: 12px 18px;
	line-height: 140%;
	color: #555;
	font-size: 100%;
	font-weight: normal;
}
#ranking .rankinbox .stay h2,
#ranking .rankinbox .up h2,
#ranking .rankinbox .down h2{
	float: left;
	display: inline-block;
	width: 74%;
	max-width: 680px;
	padding: 13px 3px 5px 25px;
	box-sizing: border-box;
}
#ranking .rankinbox h2 span{
	padding: 13px 0 13px 0;
	color: #24aae4;
	font-size: 134%;
	font-weight: bold;
	text-decoration: underline;
}
#change-time .topictime{
	padding: 6px 0 10px;
}
#ranking .txt-box h2 span{
	display: inline-block;
	margin-left: 5px;
	padding: 2px 3px;
	background: #666;
	        border-radius: 2px;
	line-height: 100%;
	color: #fff;
	font-size: 60%;
	font-weight: normal;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
}
#ranking .txt-box h2 span.add{
	display: inline-block;
	margin-left: 3px;
	padding: 0;
	background: none;
	color: #777;
	text-decoration: none;
}
#ranking .cont{
	position: relative;
}
#ranking .twimg-box{
	position: absolute;
	top: 8px;
	right: 8px;
	float: right;
	overflow: hidden;
	display: table;
	width: 100px;
	height: 75px;
	border: 1px solid #ddd;
	border-radius: 2px;
	text-align: center;
}
#ranking .image-box{
	display: table-cell;
	width: 100px;
	height: 75px;
	vertical-align: middle;
}
#ranking .image-box img{
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
#ranking .textimage-box{
	float: left;
	min-width: 167px;
	margin: 0 0 0 25px;;
}
/*▼共起語▼*/
#ranking .tag-cloud .tag{
	overflow: hidden;
	height: 30px;
}
#ranking .tag-cloud{
	position: relative;
	width: 100%;
	margin: 3px 0 5px;
	padding: 0 0 0 3px;
	box-sizing: border-box;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
}
#ranking .rankinbox article:nth-child(2n) .tag-cloud{
	border: 1px solid #d6d6d6;
}
#ranking .tag-cloud:after,
#ranking .tag-cloud:before{
	content: " ";
	position: absolute;
	bottom: 100%;
	left: 40px;
	width: 0;
	height: 0;
	border: solid transparent;
	pointer-events: none;
}
#ranking .tag-cloud:before{
	margin-left: -8px;
	border-width: 8px;
	border-color: rgba(221, 221, 221, 0);
	border-bottom-color: #d3d3d3;
}
#ranking .rankinbox article:nth-child(2n) .tag-cloud:before{
	border-bottom-color: #c9c9c9;
}
#ranking .tag-cloud:after{
	margin-left: -7px;
	border-width: 7px;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
}
#ranking .rankinbox article:nth-child(2n) .tag-cloud:after{
	border-bottom-color: #f7f7f7;
}
#ranking .tag-cloud .up span,
#ranking .tag-cloud .down span,
#ranking .tag-cloud .stay span{
	display: inline-block;
	margin: 5px 3px 2px 0;
	padding: 0 0 5px 0;
}
#ranking .tag-cloud span a{
	padding: 10px 3px;
	color: #999;
	font-size: 100%;
	text-decoration: underline;
}
#ranking .rankinbox article a .marquee{
	position: relative;
	z-index: 3;
	overflow: hidden;
	width: 100%;
	padding: 5px 0 0;
	font-size: 116%;
}
#ranking .rankinbox article a .marquee div:after{
	content: "";
	padding-right: 50px;
	white-space: nowrap;
}
#ranking .rankinbox article a .marquee div{
	display: inline-block;
	white-space: nowrap;
	text-align: left;
	-webkit-animation-duration: 25s;
	   -moz-animation-duration: 25s;
	    -ms-animation-duration: 25s;
	     -o-animation-duration: 25s;
	-webkit-animation-iteration-count: infinite;
	   -moz-animation-iteration-count: infinite;
	    -ms-animation-iteration-count: infinite;
	     -o-animation-iteration-count: infinite;
	-webkit-animation-name: marquee;
	   -moz-animation-name: marquee;
	    -ms-animation-name: marquee;
	     -o-animation-name: marquee;
	-webkit-animation-timing-function: linear;
	   -moz-animation-timing-function: linear;
	    -ms-animation-timing-function: linear;
	     -o-animation-timing-function: linear;
}
#ranking .rankinbox article:nth-child(2n) .marquee div{
	-webkit-animation-duration: 20s;
	   -moz-animation-duration: 20s;
	    -ms-animation-duration: 20s;
	     -o-animation-duration: 20s;
}
#ranking .rankinbox article:nth-child(3n) .marquee div{
	-webkit-animation-duration: 10s;
	   -moz-animation-duration: 10s;
	    -ms-animation-duration: 10s;
	     -o-animation-duration: 10s;
}
#ranking .rankinbox article:nth-child(4n) .marquee div{
	-webkit-animation-duration: 13s;
	   -moz-animation-duration: 13s;
	    -ms-animation-duration: 13s;
	     -o-animation-duration: 13s;
}
#ranking .rankinbox article:nth-child(5n) .marquee div{
	-webkit-animation-duration: 15s;
	   -moz-animation-duration: 15s;
	    -ms-animation-duration: 15s;
	     -o-animation-duration: 15s;
}
/*▲共起語▲*/
#ranking .keyword-num{
	float: right;
	display: inline-block;
	width: 26%;
	max-width: 160px;
	margin: 0 0 0;
	padding: 15px 4px 5px 0;
	box-sizing: border-box;
	text-align: right;
	color: #999;
	/*font-family: "MigMix 1P","M+ P Type-1 (basic latin) Black",Futura-MediumItalic,"Gill Sans", sans-serif;*/
	font-size: 170%;
	font-weight: normal;
	letter-spacing: -2px;
}
#ranking .keyword-num span{
	font-size: 60%;
	font-weight: normal;
}
#ranking .keyword-num span.shuffle,
#ranking .keyword-num span.shuffle span{
	font-size: 100%;
}
#ranking article .hot:before{
	content: "\f201";
	margin-right: 4px;
	color: #cccccc;
	font: normal normal normal 18px/1 FontAwesome;
	text-decoration: none;
}
/*最多属性*/
#ranking article .share{
	margin: -22px 0 0;
	padding: 0 5px 7px 0;
	text-align: right;
	color: #868686;
	font-size: 100%;
}
#ranking .twimgbox{
	right: 5px;
	margin: 0 0 15px;
}
#ranking article .tweetcount{
	padding: 15px 4px 0 0;
}
#ranking article .attribute{
	padding: 8px 90px 7px 0;
}
#ranking article .rankshare{
	margin: -38px 0 0;
	padding: 0 0 0 0;
	text-align: right;
}
#ranking article .rankshare a{
	width: 40px;
	margin: -2px 0 0;
	padding: 0;
}
#ranking article .rankshare a img{
	width: 35px;
}
#ranking article .rankshare li{
	display: inline-block;
}
#ranking article .rankshare a{
	width: 40px;
	margin: 0 0 0;
	padding: 8px 0 0;
}
#ranking article .share .women{
	color: #d83832;
}
#ranking article .share .men{
	color: #00a3d8;
}
/*写真あり*/
#ranking .left{
	width: 100%;
	padding: 0 110px 0 0;
	box-sizing: border-box;
}
#ranking .cont .rank_one{
	color: #f6e093;
}
#ranking .cont .rank_two{
	color: #cfd3d7;
}
#ranking .cont .rank_three{
	color: #efc99b;
}
/*シェアボタン*/
.articleshare{
	margin: 7px 5px 0;
}
.realtime .articleshare{
	margin: 14px 5px 0;
}
.rankingshare{
	margin: 0 4px;
	padding-top: 5px;
}
.articleshare li{
	float: left;
	width: 25%;
	margin: 0 0 10px;
	box-sizing: border-box;
	text-align: center;
}
#ranking .articleshare li a,
#pickup .articleshare li a,
#detail .articleshare li a,
.articleshare li a{
	display: block;
	width: 95%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	border-radius: 3px;
	text-align: center;
	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;
}
#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(0,0,0);
	line-height: 230%;
	color: #fff;
	font-size: 85%;
	font-weight: bold;
}

#ranking .articleshare li.tw-share-icon a img,
#pickup .articleshare li.tw-share-icon a img,
#detail .articleshare li.tw-share-icon a img,
.articleshare li.tw-share-icon a img{
	width: 15px;
	height: 15px;
	padding: 5px;
}

#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);
	line-height: 230%;
	color: #fff;
	font-size: 85%;
	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);
	line-height: 230%;
	color: #fff;
	font-size: 85%;
	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);
	line-height: 230%;
	color: #fff;
	font-size: 85%;
	font-weight: bold;
}
#ranking .rank{
	position: absolute;
	overflow: hidden;
	width: 23px;
	height: 16px;
	margin: 5px 5px 0 0;
	padding-top: 16px;
	background: url(/image/sprite.png) no-repeat;
	background-position: -44px -363px;
	text-align: center;
	color: #fff;
	font-weight: bold;
}
#loading-pickup{
	padding-bottom: 90px;
	background: url(/image/loading60.gif) no-repeat center bottom;
	background-position: center bottom 10pt ;
}
#pickup article{
	position: relative;
	background: #fff;
	border-bottom: solid 1px #dfdfdf;
}
#pickup article.detail{
	position: relative;
	border-bottom: none;
}
#pickup article.detail .cont{
	padding-bottom: 1px;
}
#pickup .tweet-txt-box{
	margin-left: 50px;
}
#pickup a h2{
	z-index: 5;
	margin: 0 5px 0 5px;
	padding: 10px 5px 10px 5px;
	line-height: 130%;
	color: #24aae4;
	font-size: 124%;
	text-decoration: underline;
}
#pickup h2.imagetitle{
	margin: 0 105px 0 0;
	padding: 10px 0 0 0;
	line-height: 130%;
	font-size: 124%;
}
#pickup .archive-ranking a h2.imagetitle{
	margin: 0 105px 0 27px;
	padding: 10px 0 0 0;
	line-height: 130%;
	font-size: 124%;
}
#pickup a h2.noimagetitle{
	z-index: 5;
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
	line-height: 130%;
	font-size: 124%;
}
#pickup .archive-ranking a h2.noimagetitle{
	z-index: 5;
	margin: 0 0 0 27px;
	padding: 10px 0 10px 0;
	line-height: 130%;
	font-size: 124%;
}
#tweet-image{
	position: relative;
	padding: 0 0 0;
}
#tweet-image a.pickupimage{
	position: relative;
	z-index: 5;
	display: block;
	width: 100%;
	padding: 0 0 0;
}
#tweet-image .pickupimage:first-child .imgbox{
	position: relative;
	z-index: 20;
	z-index: -5;
	overflow: hidden;
	height: 140px;
	background: #eee;
}
#pickup #tweet-image a.pickupimage h2{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 25;
	width: 100%;
	margin: -65px 0 0;
	padding: 15px 10px 10px;
	box-sizing: border-box;
	background:      linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 1.0));
	background: -moz-linear-gradient(top,
	rgba(0,0,0,0.0),
	#000);
	background: -webkit-gradient(linear, left top, left bottom,
	from(rgba(0,0,0,0.0)),
	to(#000));
	color: #fff;
	font-size: 124%;
}
#pickup #tweet-image a.pickupimage h2 span{
	color: #fff;
} 
#tweet-image a.pickupimage .imgbox img{
	position: relative;
	top: 50%;
	left: 50%;
	z-index: -5;
	-webkit-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
	float: none;
	width: auto;
	max-width: 150%;
	height: auto;
}
#pickup .twimg-box,
#pickup #ranking .twimg-box{
	float: right;
	overflow: hidden;
	width: 100px;
	height: 75px;
	margin: 5px 0 5px 0;
	border-radius: 2px;
}
#pickup #ranking .twimg-box{
	position: relative;
	top: 0;
	right: 0;
	display: block;
	border: none;
}
#pickup .twimg-box img,
#pickup #ranking .twimg-box img{
	position: relative;
	top: 50%;
	left: 50%;
	float: none;
	width: auto;
	max-width: 180%;
	height: auto;
	border-radius: 0;
	-webkit-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
}
#pickup h2{
	padding: 10px 5px 0 10px;
	line-height: 130%;
	color: #444;
	font-size: 124%;
}
#pickup h2.imagetitle{
	padding: 10px 0 0 0;
}
#pickup h2 span{
	display: inline-block;
	margin: 0 5px;
	padding: 2px;
	background: #666;
	border: none;
	line-height: 100%;
	color: #fff;
	font-size: 80%;
	font-weight: normal;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	        border-radius: 2px;
}
#pickup h2 span a{
	padding: 2px;
	color: #fff;
}
#pickup h2 span.up-date{
	margin: 0 ;
	background: none;
	color: #666;
	font-size: 60%;
}
#pickup2 h3{
	margin: 0 0 -5px;
	padding: 3px 0 0 5px;
	color: #666;
	font-size: 90%;
	font-weight: normal;
}
#pickup article .detail-link{
	display: block;
	padding: 2px 5px;
}
#comment{
	padding: 10px 10px 20px;
	background: #fff;
	font-size: 116%;
}
#comment ol li{
	margin: 0 0 5px 30px;
}
#pickup #comment .usertweet br{
	content: "";
	display: none;
	margin: 2em;
}
#pickup #comment h3{
	margin: 5px 0 0;
	padding-left: 4px;
	border-left: 4px solid #f93;
	font-size: 115%;
	font-weight: bold;
}
#pickup #comment h4{
	font-size: 107%;
}
#comment .usertweet{
	width: 100%;
	max-width: 500px;
	margin: 0 auto 0;
	box-sizing: border-box;
}
#comment .r-tweet{
	overflow: auto;
	width: 100%;
	max-width: 760px;
	height: 300px;
	margin: 0 auto 0;
	box-sizing: border-box;
	border: 2px solid #ddd;
}
#comment .nagara{
	padding: 10px;
	background: #fee none repeat scroll 0 0;
	border: 1px dotted #f90;
	border-radius: 5px;
}
#comment .nagara a{
	font-weight: bold;
}
@media only screen and (min-width: 800px){
	#comment .r-tweet{
		height: 500px;
	}
}
#comment a{
	color: #24aae4;
	text-decoration: underline;
}
#comment .usertweet,
#pickup article .usertweet{
	width: 100%;
	max-width: 500px;
	margin: 0 auto 0;
	box-sizing: border-box;
}
#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{
		background-image: url(/image/sprite@2x.png);
		background-size: 140px 466px;
	}
}
#ranking .up{
	background: url(/image/icon-up.png) no-repeat 35px 17px;
	background-size: 18px 18px;
}
#ranking .down{
	background: url(/image/icon-down.png) no-repeat 35px 17px;
	background-size: 18px 18px;
}
#ranking .stay{
	background: url(/image/icon-stay.png) no-repeat 35px 17px;
	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 ;
}
/*プッシュ通知を許可していない場合*/
#push-overlay{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 190;
	width: 100%;
	height: 100%;
	background-color: rgba(51,51,51,0.9);
}
.layer_board_bg{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	display: none;
	width: 100%;
	height: 100%;
	background: #000;
	cursor: pointer;
}
.layer_board{
	position: fixed;
	bottom: 170px;
	left: 50%;
	z-index: 1001;
	display: none;
	width: 240px;
	margin: -55px auto 0 -120px;
	padding: 0;
	background: #fff;
	border-radius: 5px;
	text-align: left;
}
.layer_board::before{
	content: "";
	position: absolute;
	bottom: -20px;
	left: 100px;
	border-top: 30px solid #fff;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
}
.layer_board::after{
	content: "";
	position: absolute;
	bottom: -20px;
	left: 100px;
	border-top: 30px solid #fff;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
}
.layer_board .layer_in{
	position: relative;
	padding: 5px;
}
.layer_board .layer_in .btn_close a{
	position: absolute;
	top: -15px;
	right: -15px;
	display: block;
	width: 15px;
	height: 15px;
	padding: 1px 3px 5px;
	background: #fff;
	border: 2px solid #999;
	border-radius: 40px;
	text-align: center;
	font-size: 102%;
	font-weight: bold;
}
#pickup .layer_board h2, #pickup2 .layer_board h2{
	margin: 0 0 3px;
	padding: 5px 0 3px;
	background: #2cb200;
	text-align: center;
	color: #fff;
}
.layer_board p{
	font-size: 100%;
}
.layer_board p.lead1{
	padding: 5px 0 3px;
	background: #f96ca7;
	border-radius: 5px;
	text-align: center;
	color: #fff;
	font-size: 124%;
	font-weight: bold;
}
.layer_board p.lead{
	padding: 10px 0 5px;
	line-height: 140%;
	text-align: center;
	color: #666;
	font-size: 124%;
}
.layer_board p.lead span{
	color: #5a97f5;
	font-size: 108%;
	font-weight: bold;
}
#pickup .layer_board img{
	width: 290px;
	margin: 3px auto;
}
/* --------------------------------------------------------
	フッター
-------------------------------------------------------- */
#foot-area{
	width: 100%;
	background: #f4f4f4;
}
#foot-area .foot-ad{
	background: #1378bc;
}
.foot-copy{
	padding: 5px 0;
	background: #1378bc;
	text-align: center;
	color: #fff;
	font-size: 62%;
}
#page-top{
	position: fixed;
	right: 10px;
	bottom: 90px;
	z-index: 1000;
	width: 40px;
	height: 40px;
	font-size: 77%;
}
#foot-ad{
	padding: 10px 0 10px;
	background: #333;
	text-align: center;
}
#pickup #foot-ad{
	padding: 0 0 10px;
	background: #333;
	text-align: center;
}
#footer-menu{
	width: 100%;
	padding: 10px 5px 20px 5px;
	box-sizing: border-box;
	background: #333;
}
#footer-menu a{
	display: block;
	margin: 0 5px 0 0;
	padding: 7px 0 7px 5px;
	background: #555;
	border-left: 5px solid #444;
	color: #fff;
	font-size: 90%;
}

#footer-menu li{
	float: left;
	width: 33%;
	margin: 0 0 0 0;
}
#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{
	margin: 0 0 5px;
	color: #fff;
	font-size: 108%;
}
#footer-menu h3.ranking-menu{
	margin: 0 0 5px;
	color: #fff;
	font-size: 108%;
}
#footer-menu .tsushin{
	margin: 5px 0 5px 0;
}
#footer-menu .tsushin li{
	float: left;
	width: 50%;
	margin: 0 0 5px 0;
}
#footer-menu .tsushin a{
	padding: 7px 0 7px 5px;
	box-sizing: border-box;
	border-left: 5px solid #fff;
}
#footer-menu .tsushin a:nth-child(2n){
	margin-right: 0;
	border-left: 3px solid #fff;
}
#pickup #share-menu,
#pickup #foot-area{
	display: none;
}
#share-menu{
	width: 100%;
	margin: 30px 0 20px;
	box-sizing: border-box;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#share-menu .share-title{
	padding: 5px 0;
	background: #f6f6f6;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
#follow{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	    justify-content: center;
	margin: 0;
	padding: 15px 5px;
	box-sizing: border-box;
}
#share-menu h3{
	margin: 0;
	color: #333;
	font-size: 116%;
}
#share-menu .twfollow{
	overflow: hidden;
	margin: 0;
	box-sizing: border-box;
	font-size: 0;
}
#follow .sns_btn{
	margin: 0 10px;
}


/* --------------------------------------------------------
	メニュー
-------------------------------------------------------- */
.drawer-nav{
	position: fixed;
	top: 0;
	z-index: 500;
	overflow: hidden;
	width: 16.25rem;
	background-color: rgba(0, 0, 0, 0.9);
	color: #222;
}
.drawer-brand{
	display: block;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	line-height: 3.75rem;
	color: #222;
	font-size: 1.5rem;
	font-weight: 700;
	text-decoration: none;
}
.drawer-menu{
	margin: 0;
	padding: 0;
	list-style: none;
}
.drawer-menu-item{
	display: block;
	padding: 0.75rem;
	color: #222;
	font-size: 1rem;
	text-decoration: none;
}
.drawer-menu-item:hover{
	background-color: transparent;
	color: #555;
	text-decoration: underline;
}
.drawer-overlay{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 949;
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
}
.drawer-open .drawer-overlay{
	display: block;
}
.drawer--top.drawer-open .drawer-nav{
	top: 0;
}
.drawer--top .drawer-hamburger,
.drawer--top.drawer-open .drawer-hamburger{
	right: 0;
}
.drawer--top .drawer-nav{
	top: -100%;
	left: 85px;
	z-index: 1010;
	overflow-y: scroll;
	width: 78%;
	min-width: 240px;
	height: auto;
	max-height: 100%;
	-webkit-transition: top 0.6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	        transition: top 0.6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
@media screen and (min-width:800px){
	.drawer--top .drawer-nav{
		left: 0;
		width: 100%;
		overflow-y: hidden;
	}
}
#navbox{
	padding: 60px 10px 120px;
}
.drawer--top .drawer-open .drawer-nav{
	top: 0;
}
.drawer--top .drawer-hamburger,.drawer--top.drawer-open .drawer-hamburger{
	right: 0;
}
.drawer-hamburger{
	display: block;
	width: 35px;
	height: 35px;
	box-sizing: border-box;
	background-color: rgba(40, 40, 40, 0.8);
	border:0;
	border-radius:5px;
	outline: 0;
	-webkit-transform: translateZ(0);
	        transform: translateZ(0);
	-webkit-transition: all 0.6s cubic-bezier(0.19,1,0.22,1);
	        transition: all 0.6s cubic-bezier(0.19,1,0.22,1);
}
@media screen and (min-width:800px){
	.drawer-hamburger{
		width: 85px;
		height: 34px;
	}
}
.drawer-text{
	display:none;
	position: absolute;
	top: 50%;
	left: 28px;
	transform: translateY(-50%);
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}
@media screen and (min-width:800px){
	.drawer-text{
		display:block;
	}
}
.drawer-hamburger:hover{
	cursor: pointer;
}


.drawer-hamburger-icon{
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	display: block;
}
@media screen and (min-width:800px){
	.drawer-hamburger-icon{
		left:8px;
		transform:translateY(-50%);
	}
}
.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before{
	width: 15px;
	height: 2px;
	background-color: #fff;
	-webkit-transition: all 0.6s cubic-bezier(0.19,1,0.22,1);
	        transition: all 0.6s cubic-bezier(0.19,1,0.22,1);
}
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before{
	content: " ";
	position: absolute;
	top: -6px;
	left: 0;
}
.drawer-hamburger-icon:after{
	top: 6px;
}
.drawer-open .drawer-hamburger-icon{
	background-color: transparent;
}
.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before{
	top: 0;
}
.drawer-open .drawer-hamburger-icon:before{
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.drawer-open .drawer-hamburger-icon:after{
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

.drawer--sidebar,.drawer--sidebar .drawer-contents{
	background-color: #fff;
}
.drawer--navbarTopGutter{
	padding-top: 3.75rem;
}
.drawer-navbar .drawer-navbar-header{
	background-color: #fff;
	border-bottom: 1px solid #ddd;
}
.drawer-navbar{
	top: 0;
	z-index: 3;
	width: 100%;
}
.drawer-navbar--fixed{
	position: fixed;
}
.drawer-navbar-header{
	position: relative;
	z-index: 3;
	width: 100%;
	height: 3.75rem;
	padding: 0 0.75rem;
	box-sizing: border-box;
	text-align: center;
}
.drawer-navbar .drawer-brand{
	display: inline-block;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 3.75rem;
	text-decoration: none;
}
.drawer-navbar .drawer-brand:hover{
	background-color: transparent;
}
.drawer-navbar .drawer-nav{
	padding-top: 3.75rem;
}
.drawer-navbar .drawer-menu{
	padding-bottom: 7.5rem;
}
.drawer-dropdown-menu{
	display: none;
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	background-color: #fff;
}
.drawer-dropdown-menu > li{
	width: 100%;
	list-style: none;
}
.drawer-dropdown-menu-item{
	display: block;
	padding: 0;
	padding-left: 1.5rem;
	padding-right: 0.75rem;
	line-height: 3.75rem;
	color: #222;
	text-decoration: none;
}
.drawer-dropdown-menu-item:hover{
	background-color: transparent;
	color: #555;
	text-decoration: underline;
}
.drawer-dropdown.open > .drawer-dropdown-menu{
	display: block;
}
.drawer-dropdown .drawer-caret{
	        transform: rotate(0deg);
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 4px;
	border-top: 4px solid;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	vertical-align: middle;
	        transition: transform 0.2s ease,opacity 0.2s ease;

	-webkit-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	-webkit-transition: opacity 0.2s ease,-webkit-transform 0.2s ease;
}
.drawer-dropdown.open .drawer-caret{
	        transform: rotate(180deg);

	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
}
.drawer-container{
	margin-left: auto;
	margin-right: auto;
}
/*=============================================================
・detail.css
=============================================================*/
#keyword{
	width: 100%;
	overflow:hidden;
	background-color: rgba(255, 255, 255, 0.95);
	border-bottom:1px solid #DFDFDF;
}
#keyword.fix{
	position:fixed;
	top: 45px;
	z-index: 99;
	margin-left: -500%;
	margin-right: -500%;
	padding-left: 500%;
	padding-right: 500%;
	animation:0.5s keyword_slide;
}
@media screen and (min-width:800px) {
	#keyword.fix{
		top: 52px;
	}
}
@keyframes keyword_slide{
	0%{
		opacity:0;
		transform:translateY(-100%);
	}
	100%{
		opacity:1;
		transform:translateY(0);
	}
}
.keyword-ttl__wrap{
	display: flex;
	align-items:center;
	width:100%;
	padding: 5px;
	box-sizing: border-box;
	color: #545454;
	font-size: 170%;
	line-height: 1.3;
}
#keyword h1.ttl{
	margin-right: 30px;
}
.keyword-ttl__cat{
	display: inline-block;
	margin-left: 10px;
	padding: 3px;
	background: #ccc;
	border-radius: 3px;
	line-height: 110%;
	color: #fff;
	font-size: 60%;
	font-weight: normal;
	white-space: nowrap;
}
.keyword-ttl__cat a{
	color: #fff;
}
.keyword-ttl__trend{
	display:block;
	margin-bottom: -5px;
	padding:5px 5px 0;
	transform:translateX(50%);
	opacity:0;
	animation:trend-in 1s both 3s;
}
.keyword-ttl__tw{
	color: #55aced;
	font-weight: bold;
	font-size:12px;
}
.keyword-ttl__trend .shake{
	display: inline-block;
	padding:0 2px;
	animation: shake_trend 0.5s linear infinite;
	transform-origin: left bottom;
}
@keyframes trend-in{
	0%{
		opacity:0;
		transform:translateX(50%);
	}
	100%{
		opacity:1;
		transform:translateX(0);
	}
}
@keyframes shake_trend {
	0% {
		transform: translateY(-2px) rotate(0);
	}
	40% {
		transform: translateY(-2px) rotate(5deg);
	}
	80% {
		transform: translateY(-2px) rotate(-5deg);
	}
	100% {
		transform: translateY(-2px) rotate(0);
	}
}

/*チェック時にボタンを非表示*/
.keyword-wikipedia{
	margin-bottom:20px;
	padding:2px 0 2px 10px;
	border-left:3px solid #ccc;
	
}
@media screen and (max-width: 799px){
	.keyword-wikipedia{
		margin-top:10px;
		margin-bottom:10px;
		padding-right:5px;
	}
}
.keyword-wikipedia__body{
	position: relative;
	box-sizing: border-box;
}
.keyword-wikipedia__icon{
	color :#ccc;
	font-size:14px;
}
.keyword-wikipedia__content{
	margin-top: 2px;
}
.keyword-wikipedia__content.short{
	position: relative;
	overflow: hidden;
	height: 60px;
}
.keyword-wikipedia__content.short:before {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	content: "";
	height: 30px;
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
	background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
}
.keyword-wikipedia__readmore{
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	color: #24aae4;
	cursor:pointer;
}
.keyword-wikipedia__check{
	display: none;
}
.keyword-wikipedia__check:checked ~ .keyword-wikipedia__readmore{
	display: none;
}
.keyword-wikipedia__check:checked ~ .keyword-wikipedia__content{
	height: auto;
}
.keyword-wikipedia__check:checked ~ .keyword-wikipedia__content:before {
	display: none;
}
.keyword-wikipedia__source{
	margin-top:5px;
	font-size: 75%;
	color: #A9A9A9;
}
.keyword-wikipedia__source--link{
	font-size: 12px;
	color: #A9A9A9;
	text-decoration: underline;
}



.next-prev{
	display:flex;
	max-width: 100%;
	margin: 15px 0;
	padding-left:5px;
	padding-right:5px;
}
.next-prev .prev{
	width: 50%;
	padding: 5px;
	box-sizing: border-box;
}
.next-prev .next{
	width: 50%;
	padding: 5px;
	box-sizing: border-box;
	text-align: right;
}
.next-prev a{
	position: relative;
	display: block;
	width: 100%;
	box-sizing: border-box;
	color: #FFF;
	font-size: 100%;
	border-radius:5px;
	background-color:#2c80ff;
	padding:5px;
}
.next-prev .prev a{
	padding-left:40px;
}
.next-prev .next a{
	padding-right:40px;
}
.next-prev .prev a:before,
.next-prev .next a:before{
	content:"";
	position:absolute;
	top:50%;
	width:12px;
	height:12px;
	border-width:2px 2px 0 0;
	border-style:solid;
	border-color:#FFF;
}
.next-prev .prev a:before{
	left:16px;
	transform:translateY(-50%) rotate(225deg);
}
.next-prev .next a:before{
	right:16px;
	transform:translateY(-50%) rotate(45deg);
}
.next-prev__page-word{
	display:block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


#keyword .favorite{
	position: absolute;
	top: 15px;
	right: 0;
	max-width: 150px;
	text-align: left;
}
#keyword .favorite .grid__item{
	text-align: right;
}
#keyword .favorite .grid__item .icobutton{
	width: auto;
	text-align: right;
	font-size: 100%;
}
#keyword .favorite .grid__item span{
	float: left;
}
#keyword .favorite .grid__item .fa{
	color: #24aae4;
	font-size: 232%;
}
#keyword .favorite .grid__item .icobutton__text{
	position: relative;
	top: auto;
	left: auto;
	padding: 5px 0 0 3px;
	color: #24aae4;
	font-size: 132%;
	text-decoration: underline;
}
#keyword .favorite i{
	color: #e66b6b;
	font-size: 200%;
}
.type-shine{
	position: relative;
	overflow: hidden;
}
.type-shine:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	transform: rotate3d(0,0,1,-45deg) translate3d(0,-160%,0);
	width: 100%;
	height: 100%;

	-webkit-animation: shine 0.0s ease 1.5s;
}

#pickup-title{
	z-index: 8;
	background: none;
}
#stop,
#start{
	position: relative;
	z-index: 8;
	margin: -20px 0 0;
	border-bottom: 1px dotted #ccc;
	line-height: 100%;
}
#stop a,
#start a{
	position: relative;
	z-index: 8;
	float: right;
	display: block;
	width: 50px;
	margin: -18px 0 -2px;
	padding: 0 5px 5px 0;
	text-align: right;
	vertical-align: middle;
	color: #24aae4;
	font-size: 116%;
	text-decoration: underline;
}
#stop a i,
#start a i{
	float: none;
	padding: 0 0 0 0;
	font-size: 220%;
}
#start a i{
	color: #e7420e;
}
#stop a span.refresh,
#start a span.refresh{
	display: table-cell;
	vertical-align: middle;
}
#stop a span.move-btn,
#start a span.move-btn{
	display: table-cell;
}
#stop a i.fa-refresh,
#start a i.fa-refresh{
	color: #ccc;
	font-size: 120%;
	font-weight: normal;
}
.box-list{
	position: relative;
	z-index: 1;
}
#pickup-title span#word-num{
	line-height: 100%;
	color: #999;
	font-size: 200%;
	letter-spacing: -2px;
}
#pickup-title span.ryusoku{
	color: #999;
	/*font-family: Futura-MediumItalic,"Gill Sans", sans-serif;*/
	font-size: 90%;
}
#pickup-title span#num-change{
	font-size: 150%;
	font-weight: bold;
}
#pickup-title span.num-up{
	color: #f89296;
}
#pickup-title span.num-down{
	color: #89d3da;
}
#pickup-title span.num-stay{
	color: #ffd24d;
}
.related-article{
	float: right;
	width: 40%;
	margin: 0;
	text-align: right;
}
.related-article a{
	display: inline-block;
	padding: 10px 5px 0 0;
	color: #24aae4;
	text-decoration: underline;
}
#time{
	margin: 0 0 0;
	padding: 6px 3px 3px;
	border-bottom: 1px dotted #ccc;
	font-size: 100%;
}
#time .icon{
	float: left;
	margin-right: 10px;
	padding: 5px;
	color: #fff;
}
#time p{
	text-align: center;
	color: #999;
	font-size: 93%;
}
@media screen and (min-width: 800px){
	#time p{
		padding: 5px 0;
		font-size: 124%;
	}
}
#time-select{
	margin: 0 0 0;
	padding: 10px 0;
	border-bottom: 1px dotted #ccc;
	font-size: 100%;
}

#time-select .accordion .ac-content .prevbox,
#time-select .accordion .ac-content .nextbox{
	margin-top: -30px;
}
#onoff-btn{
	position: fixed;
	bottom: 100px;
	left: 10px;
	z-index: 500;
	width: 80%;
}
#check1{
	position: relative;
	z-index: 530;
	float: left;
}
#detail .wadai #tweet-btn{
	float: left;
	display: block;
	width: 100%;
	padding: 5px 20px;
	box-sizing: border-box;
	background: rgba(85,172,238,0.9);
	border: 2px solid #fff;
	border-radius: 5px;
	text-align: center;
	color: #fff;
	font-size: 124%;
	font-weight: bold;
}
#entryBtn{
	position: relative;
	top: 8px;
	left: 8px;
	width: 100%;
}
#onoff-btn .onoff label{
	position: absolute;
	top: -8px;
	right: -8px;
	z-index: 533;
}
#check1:checked ~ #entryBtn{
	display: none;
}
input[type="checkbox"].my_check{
	display: none;
}
input[type="checkbox"].my_check + label{
	content: "×";
	display: inline-block;
	margin: 0;
	cursor: pointer;
}
input[type="checkbox"].my_check + label::before{
	content: "×";
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 0;
	padding: 0;
	background: #f0f0f0;
	border: 2px solid #999;
	border-radius: 24px;
	line-height: 13px;
	text-align: center;
	vertical-align: middle;
	color: transparent;
	color: #999 !important;
	font-size: 31px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-transition: 0.1s;
	        transition: 0.1s;
}
input[type="checkbox"].my_check + label:hover{
	color: #808080;
}
input[type="checkbox"].my_check + label:hover::before{
	background-color: #fff;
}
input[type="checkbox"].my_check:checked + label{
	color: #15c;
}
input[type="checkbox"].my_check:checked + label::before{
	display: none;
	background: rgba(85,172,238,0.5) !important;
	border-color: #fff !important;
	color: #fff !important;
	font-size: 31px;
}
/*アフィリエイト*/
.affi-desc{
	z-index: 5;
	margin: 0 0 0;
}
.affiliate-box .affiliate{
	position: relative;
	padding: 3px 0 5px;
}
.affimage{
	float: left;
	display: block;
	max-width: 45%;
	margin: 0 5px 0 0;
	text-align: center;
}
@media screen and (min-width: 800px){
	.affimage{
		max-height: 300px;
	}
}
.affiliate-box a.more{
	padding: 35px 0 0;
	background: url(/image/bg-white.png);
	text-align: right;
	color: #24aae4;
}
.affiliate-box .affiliate img{
	border-radius: 3px;
}
@media screen and (min-width: 800px){
	.affiliate-box .affiliate img{
		max-height: 300px;
	}
}
.affiliate .affitext,
.affiliate-contents span{
	margin: 0 0 0 0;
	color: #999;
}
.affiliate-contents span{
	display: block;
}
.truncate_more,
.truncate_ellipsis{
	display: inline;
}
.affiliate-box .affiliate-contents span{
	font-size: 90%;
}
.affiliate-box .affiliate-contents span a{
	color: #24aae4;
	text-decoration: underline;
}
@media screen and (min-width: 800px){
	.affiliate .affitext{
		font-size: 124%;
		font-weight: bold;
	}
	.affiliate-box .affiliate-contents span{
		font-size: 124%;
	}
}
/* --------------------------------------------------------
	詳細：グラフ
-------------------------------------------------------- */
.detail-graph-box{
	position: relative;
	width: 100%;
	min-width: 320px;
	margin: 0 0 5px;
	padding: 0;
	background: #fff;
}
.detail-graph-box .change{
	float: left;
}
.detail-graph-box .left,.graph-box .right{
	display:         box;
	display: -webkit-box;
	display:    -moz-box;
	display:      -o-box;
	width: 49%;
}
.retweet .rt{
	float: left;
	height: 25px;
	background: #73c480;
}
.detail-graph .rt-txt{
	display: inline-block;
	margin: 5px 0 0 0;
	color: #73c480;
	font-size: 93%;
}
.detail-graph p{
	padding: 3px 5px 0 0;
	font-size: 116%;
	font-weight: bold;
}
.work img{
	width: 20px;
	height: 20px;
	margin: -30px 5px 0 0;
}

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

/* --------------------------------------------------------
	詳細：関連の高いワード
-------------------------------------------------------- */
#tc,
#tc2{
	padding: 0 5px;
}
#tc #related-summary{
	font-weight: 800;
	margin: 5px 0;
}
#tag-cloud,
#tag-cloud2{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
	margin: 0 0 5px;
	padding: 10px 0 10px 10px;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
}
#tag-cloud2{
	margin: 10px 0 20px;
}
#detail #tag-cloud h3,
#detail #tag-cloud2 h3{
	padding: 5px 5px 2px 2px;
	line-height: 130%;
	font-size: 108%;
}
#tag-cloud:after,
#tag-cloud:before,
#tag-cloud2:after,
#tag-cloud2:before{
	content: " ";
	position: absolute;
	bottom: 100%;
	left: 10%;
	width: 0;
	height: 0;
	border: solid transparent;
	pointer-events: none;
}
#tag-cloud:before,
#tag-cloud2:before{
	margin-left: -8px;
	border-width: 8px;
	border-color: rgba(221, 221, 221, 0);
	border-bottom-color: #ddd;
}
#tag-cloud:after,
#tag-cloud2:after{
	margin-left: -7px;
	border-width: 7px;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
}
#tag-cloud h2,
#tag-cloud2 h2{
	margin: 0 3px 2px 0;
	color: #666;
}
#tag-cloud span,
#tag-cloud2 span{
	display: inline-block;
	margin: 4px 8px 4px 0;
	padding: 0 ;
	font-size: 100%;
}
#tag-cloud h3 span,
#tag-cloud2 h3 span{
	overflow: hidden;
	max-width: 66%;
	margin: 0;    /* Opera 9-10 */
	white-space: nowrap;
	text-overflow: ellipsis;
}
#tag-cloud h3 span.topics,
#tag-cloud2 h3 span.topics{
	width: 34%;
}
#tag-cloud span a,
#tag-cloud2 span a{
	background: #dfffff;
	color: #666;
	display: inline-block;
	padding: 0 10px;
	border-radius: 10px;
	box-shadow: 1px 1px 2px #dddddd;
	font-size: 140%;
}
.tw-info{
	position:relative;
	display: flex;
	align-items: baseline;
}
@media screen and (max-width:800px){
	.tw-info{
		padding:5px;
		align-items: flex-end;
	}
}

#aggregation{
	display: inline-block;
	width: 40%;
	box-sizing: border-box;
	text-align: right;
	color: #999;
	font-size: 75%;
}
#aggregation p.gender{
	line-height: 160%;
	font-size: 95%;
}
@media screen and (max-width:800px){

	#aggregation{
		width: 60%;
		margin-top: 16px;
	}
	#aggregation p.gender{
		font-size: 124%;
	}
}
#tweet-num{
	display: inline-block;
	width: 60%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	line-height: 100%;
	color: #999;
	/*font-family: Futura-MediumItalic,"Gill Sans", sans-serif;*/
	font-size: 200%;
	font-weight: normal;
	letter-spacing: -2px;
	overflow: hidden;
	white-space: nowrap;
}
#tweet-num .periodbox{
	display:inline-block;
	margin: -5px 0 0 10px;
	line-height: 120%;
	*font: 82%/1.6 "メイリオ",Meiryo, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	font: 13px/1.6 "メイリオ",Meiryo, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	font-size: 40%;
	letter-spacing: 0;
}
@media only screen and (max-width: 800px){
	#tweet-num{
		width: 40%;
		font-size: 30px;
	}
	#tweet-num .periodbox{
		position:absolute;
		top:5px;
		right:5px;
		margin: 0 0;
		font-size: 12px;
		display:block;
	}
	#tag-cloud span a,
	#tag-cloud2 span a{
		background: #dcffff;
	}
}
#tweet-num span{
	font-size: 60%;
	font-weight: normal;
}
#ranking .keyword-num span.count,
#tweet-num span.count{
	font-size: 100%;
}
#tweet-num span.shuffl{
	transition: color 3s ease 0s;
}
.wadai .posi-txt{
	display: inline-block;
	height: 20px;
	margin: 5px 3px 0 0;
	vertical-align: middle;
	color: #e5983e;
	font-size: 93%;
}
.wadai .nega-txt{
	display: inline-block;
	height: 20px;
	margin: 5px 3px 0 0;
	vertical-align: middle;
	color: #8b65ae;
	font-size: 93%;
}
.wadai .share-box{
	margin: 0 5px 0;
	padding: 0 0 0;
}
.wadai .share-box .line-btn{
	float: right;
	width: 30px;
	margin: 0 5px 0 0;
}
.wadai .share-box .share{
	float: right;
	width: 30px;
}
#ttl-retweet{
	margin: 0 0 5px;
	padding: 3px 0;
	background: #24aae4;
	text-align: center;
	color: #fff;
	font-size: 108%;
}
/* --------------------------------------------------------
	詳細：開閉
-------------------------------------------------------- */
.wadai .readmore-button-box a{
	display: inline-block;
	width: 100%;
	margin: 0 auto;
	padding: 5px 0;
	background-color: #2c80ff;
	border-radius: 25px;
	box-shadow: 0 0 6px #fff;
	text-align: center;
	color: white;
	font-weight: bold;
}
.wadai .readmore-button-box{
	position: relative;
	width: 60%;
	margin: -70px 0 0;
	padding: 30px 20% 15px;
	background: linear-gradient( 180deg, rgba(255,255,255,0.01), white );
	text-align: center;
}
.wadai .readmore-area{
	display: none;
}

/* --------------------------------------------------------
	詳細：関連商品
-------------------------------------------------------- */
#detail .product{
	padding: 0 5px 5px ;
	text-align: center;
}
#detail .product .afi{
	float: left;
	width: 50%;
	margin: 5px 0;
	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;
	background: #ffb76b;
	background: linear-gradient(to bottom, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%);
	font-size: 12px;filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 )
}
#detail .product a span{
	font-size: 10px;
}

/* --------------------------------------------------------
	詳細：ポスト
-------------------------------------------------------- */
#tweet{
	background: #fff;
}
#tweet #pickup-title{
	font-size: 108%;
}
#tweet .tweet{
	padding-bottom: 10px;
}
#tweet .tweet .usertweetbox{
	padding-bottom:20px;
	background: #fff;
	border-bottom: 3px solid #dfdfdf;
}

.usertweetbox .twitter-area {
	position: relative;
	background-color: #FFF;
	border-radius: 12px;
	align-items: center;
	justify-content: center;
}

.usertweetbox .twitter-area > iframe {
	z-index: 2;
}

.usertweetbox .twitter-timeline {
	position: absolute;
	z-index: 1;
}

.loader {
	color: #666;
	line-height: 1;
	text-indent: -99999em;
	margin: 55px auto;
	width: 5em;
	height: 5em;
	border: 0.6em solid currentColor;
	border-top-color: rgba(102, 102, 102, 0.3);
	border-radius: 50%;
	box-sizing: border-box;
	position: relative;
	animation: rotate 1s linear infinite;
}

@keyframes rotate {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}

#detail .tweet .box{
	position: relative;
	overflow: hidden;
	display: block;
	padding: 30px 10px 0;
	box-sizing: border-box;
}
#detail .tweet .more a{
	display: block;
	width: 260px;
	height: 20px;
	margin: 0 auto;
	margin: 10px auto 10px;
	padding: 7px;
	background: #24aae4;
	background: #24aae4;
	text-align: center;
	color: #fff;
	color: #fff;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-box-shadow: 0 0 3px #bbb;
	   -moz-box-shadow: 0 0 3px #bbb;
	        box-shadow: 0 0 3px #bbb;
}
#detail #tweet .userinfo,
#detail #tweet .box .text,
#detail #tweet .tw-images,
#detail #tweet .tw-func{
	margin-left: 45px;
}
#detail .tweet .box .img-box{
	float: left;
	width: 35px;
	text-align: center;
}
#detail .tweet .box .text{
	margin-top: 5px;
	margin-bottom: 10px;
	background-size: 12px 18px;
}
#detail .tweet .box .img-box img{
	width: 35px;
	margin-bottom: 10px;
	-webkit-border-radius: 35px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
}
#detail .tweet p{
	margin: 0 0 3px;
	line-height: 150%;
	color: #333;
	font-size: 14px;
}
#detail .tweet .tw-btn{
	float: right;
	width: 100px;
	text-align: right;
}
#detail .tweet .tw-btn i{
	margin-right: 5px;
}
#detail #tweet .userinfo{
	line-height: 140%;
}
#detail #tweet .tw-time{
	float: right;
	display: inline-block;
	width: 120px;
	padding-right: 15px;
	box-sizing: border-box;
	text-align: right;
	color: #999;
	font-size: 132%;
	font-weight: bold;
	letter-spacing: 1px;
}
#detail #tweet .tw-time span{
	font-size: 70%;
}
#detail #tweet .tw-images{
	overflow: hidden;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}
#detail #tweet .tw-images .tw-img{
	float: left;
	overflow: hidden;
	height: auto;
	box-sizing: border-box;
	background: #f5f5f5;
	border: 1px solid #ddd;
	text-align: center;
	vertical-align: middle;
	border-radius:5px;
}
#detail #tweet .tw-images .tw-img img{
	position: relative;
	top: 0;
	left: 0;
	float: none;
	width: auto;
	max-width: 100%;
	border-radius: 0;
}
/* 1つの場合 */
#detail #tweet .tw-images .tw-img:only-child{
	display: block;
	width: 100%;
}
/* 2つの場合 */
#detail #tweet .tw-images .tw-img:nth-last-child(2),
#detail #tweet .tw-images .tw-img:nth-last-child(2) ~ .tw-img{
	width: 49%;
	margin-right: 1px;
}
/* 3つの場合 */
#detail #tweet .tw-images .tw-img:nth-last-child(3),
#detail #tweet .tw-images .tw-img:nth-last-child(3) ~ .tw-img{
	width: 34%;
	height: 180px;
	margin-bottom: 1px;
	margin-right: 0;
}
#detail #tweet .tw-images .tw-img:nth-last-child(3){
	width: 64%;
	height: 361px;
	margin-right: 1px;
}
/* 4つの場合 */
#detail #tweet .tw-images .tw-img:nth-last-child(4),
#detail #tweet .tw-images .tw-img:nth-last-child(4) ~ .tw-img{
	width: 49%;
	height: 240px;
	margin-bottom: 1px;
	margin-right: 1px;
}
@media only screen and (max-width: 800px){
	/* 3つの場合 */
	#detail #tweet .tw-images .tw-img:nth-last-child(3),
	#detail #tweet .tw-images .tw-img:nth-last-child(3) ~ .tw-img{
		width: 34%;
		height: 100px;
		margin-bottom: 1px;
		margin-right: 1px;
	}
	#detail #tweet .tw-images .tw-img:nth-last-child(3) img,
	#detail #tweet .tw-images .tw-img:nth-last-child(3) ~ .tw-img img{
		transform: scale(3.0);
	}
	#detail #tweet .tw-images .tw-img:nth-last-child(3){
		width: 64%;
		height: 201px;
	}
	#detail #tweet .tw-images .tw-img:nth-last-child(3) img{
		transform: scale(1.0);
	}
	/* 4つの場合 */
	#detail #tweet .tw-images .tw-img:nth-last-child(4),
	#detail #tweet .tw-images .tw-img:nth-last-child(4) ~ .tw-img{
		width: 49%;
		height: 100px;
		margin-bottom: 1px;
		margin-right: 1px;
	}
	#detail #tweet .tw-images .tw-img:nth-last-child(4) img,
	#detail #tweet .tw-images .tw-img:nth-last-child(4) ~ .tw-img img{
		transform: scale(1.0);
		width: auto;
		height: auto;
	}
}

#detail #tweet .tw-func{
	display: inline-block;
	width: 146px;
	margin-top: 5px;
	padding-left:10px;
	font-size: 116%;
}
#detail #tweet .tw-func p{
	display: inline-block;
	margin: 0 10px 0 0;
}
#detail #tweet .tw-func p a{
	color: #657786;
}
#detail .tweet a{
	color: #2c80ff;
}
#detail .tweet .tw-link{
	font-size: 116%;
}

#detail .tweet .tw-link__name{
	display: block;
	white-space: nowrap;
	color: #333;
	font-size: 15px;
	font-weight: bold;
	text-overflow: ellipsis;
}
#detail .tweet .tw-link__id{
	font-size: 14px;
	color: rgba(85,172,238,1);
}
@media only screen and (min-width: 800px){
	#detail .tweet .tw-link{
		padding: 7px 0 0;
	}
	#detail .tweet .tw-link a{
		font-size: 108%;
	}
}
/*アニメーション（リアルタイム用）*/
.fadeInDown{
	display: block;
	opacity: 1;
	-webkit-animation-duration: 2.0s;
	   -moz-animation-duration: 2.0s;
	-webkit-animation-name: fade-in;
	   -moz-animation-name: fade-in;
	        animation-name: fade-in;
	        animation-duration: 2.0s;
}
@keyframes fade-in{
	0%{
		display: none;
		background: #ffc;
		opacity: 0.3;

		-webkit-transform: translateY(-5px);
	}
	1%{
		display: block;
		background: #ffc;
		opacity: 0.3;

		-webkit-transform: translateY(-5px);
	}
	100%{
		display: block;
		background: #fff;
		opacity: 1;

		-webkit-transform: translateY(0);
	}
}
/*モーダル（ポストポップアップ表示）*/
#tweet a.tweet-box{
	display: block;
}

#cboxOverlay{
	position: fixed;
	width: 100%;
	height: 100%;
	background: #000;
}

#cboxLoadedContent{
	width: 100% !important;
	background: none;
}

#inline-content{
	margin: 20px;
}

#ajax-wrap{
	margin: 20px;
}

#cboxLoadedContent{
	overflow: auto;
	padding: 0;
}

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose, #cboxTitle{
	top: -30px;
}


#cboxTitle{
	color: #fff;
}

#cboxClose{
	z-index: 999;
	border: 2px solid #fff;
}

#colorbox,
#cboxOverlay,
#cboxWrapper{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}

#cboxWrapper{
	overflow: hidden;
	width: 100%;
	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;
}

#cboxTitle{
	margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{
	cursor: pointer;
}

.cboxPhoto{
	float: left;
	display: block;
	max-width: none;
	margin: auto;
	border: 0;

	-ms-interpolation-mode: bicubic;
}

#cboxLoadedContent{
	display: inline-block;
	padding: 10px 0;
	background: #fff;

	-webkit-overflow-scrolling: touch;
}
@media screen and (min-width:360px){
	#colorbox{
		left: 50% !important;
		transform: translateX(-50%) !important;
		width: 340px !important;
	}
	#cboxWrapper{
		width: 340px !important;
	}
	#cboxContent{
		width: 340px !important;
	}
}

.cboxIframe{
	display: block;
	width: 320px !important;
	height: 100%;
	margin: auto;
	padding: 0;
	background: none;
	border: 0;
}

#colorbox,
#cboxContent,
#cboxLoadedContent{
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
}

#colorbox{
	outline: 0;
}

#cboxContent{
	overflow: visible;
	margin-top: 20px;
	background: none;
}

#cboxError{
	padding: 50px;
	border: 1px solid #ccc;
}

#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{
	position: absolute;
	top: -20px;
	overflow: visible;
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
	background: url(/image/controls.png) no-repeat 0 0;
	border: 0;
	text-indent: -9999px;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active{
	outline: 0;
}

#cboxPrevious{
	right: 44px;
	background-position: 0 0;
}

#cboxPrevious:hover{
	background-position: 0 -25px;
}

#cboxNext{
	right: 22px;
	background-position: -25px 0;
}

#cboxNext:hover{
	background-position: -25px -25px;
}

#cboxClose{
	right: 0;
	background-position: -50px 0;
}

#cboxClose:hover{
	background-position: -50px -25px;
}

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{
	right: 66px;
}

.cboxSlideshow_on #cboxSlideshow{
	right: 44px;
	background-position: -75px -25px;
}

.cboxSlideshow_on #cboxSlideshow:hover{
	background-position: -100px -25px;
}

.cboxSlideshow_off #cboxSlideshow{
	right: 44px;
	background-position: -100px 0;
}

.cboxSlideshow_off #cboxSlideshow:hover{
	background-position: -75px -25px;
}

/* --------------------------------------------------------
	詳細：広告
-------------------------------------------------------- */
#detail .ad-ranking{
	min-height: 100px;
	margin: 7px 0;
	padding: 5px 0;
	background: url(/image/hook-spinner.gif) no-repeat center center;
	background: #fff;
	text-align: center;
}
#detail .ad-ranking2{
	min-height: 50px;
	padding: 5px 0;
	background: url(/image/hook-spinner.gif) no-repeat center center;
	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{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999 !important;
	overflow: hidden;
	width: 100%;
	height: 100%;

	-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{
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	white-space: nowrap;
	        transition:         transform 0.4s ease;
	cursor: pointer;

	-webkit-transition: -webkit-transform 0.4s ease;
}
#swipebox-slider .slide{
	display: inline-block;
	width: 100%;
	height: 100%;
	line-height: 1px;
	text-align: center;
}
#swipebox-slider .slide:before{
	content: "";
	display: inline-block;
	width: 1px;
	height: 50%;
	margin-right: -1px;
}
#swipebox-slider .slide img,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide .swipebox-inline-container{
	display: inline-block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
#swipebox-slider .slide .swipebox-video-container{
	width: 100%;
	max-width: 1140px;
	max-height: 100%;
	padding: 5%;
	        box-sizing: border-box;
	background: none;

	-webkit-box-sizing: border-box;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
#swipebox-slider .slide-loading{
	background: url(/image/loader.gif) no-repeat center center;
}
#swipebox-bottom-bar,#swipebox-top-bar{
	position: absolute;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 50px;
	-webkit-transition: 0.5s;
	        transition: 0.5s;
}
#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{
	top: 0;
	width: 50px;
	height: 50px;
	background-image: url(/image/icons.png);
	background-repeat: no-repeat;
	border: none !important;
	text-decoration: none !important;
	cursor: pointer;
}
#swipebox-arrows{
	display: block;
	width: 100%;
	height: 50px;
	margin: 0 auto;
}
#swipebox-prev{
	float: left;
	background-position: -32px 13px;
}
#swipebox-next{
	float: right;
	background-position: -78px 13px;
}
#swipebox-close{
	position: absolute;
	top: 0;
	right: 0;
	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{
	content: " ";
	position: absolute;
	top: 0;
	z-index: 999;
	width: 20px;
	height: 100%;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	        transition: all 0.3s ease;
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}
.swipebox-touch #swipebox-container:before{
	left: 0;
	-webkit-box-shadow: inset 10px 0 10px -8px #656565;
	        box-shadow: inset 10px 0 10px -8px #656565;
}
.swipebox-touch #swipebox-container:after{
	right: 0;
	-webkit-box-shadow: inset -10px 0 10px -8px #656565;
	        box-shadow: inset -10px 0 10px -8px #656565;
}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before{
	opacity: 1;
}
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{
	opacity: 1;
}
@keyframes rightSpring{
	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{
	background: #000;
	text-shadow: 1px 1px 1px black;
	opacity: 0.95;
}
#swipebox-top-bar{
	line-height: 43px;
	color: white !important;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 15px;
}

/* --------------------------------------------------------
	登録：コンテンツ
-------------------------------------------------------- */
#registration{
	padding: 15px;
	background: #eee;
}
#registration h1{
	padding: 5px 0 5px;
	background: #999;
	line-height: 140%;
	text-align: center;
	color: #fff;
	font-size: 124%;
}
#registration .requisite,
#registration .option{
	margin: 0 0 15px;
	font-size: 124%;
}
#registration .box{
	margin-bottom: 1px;
	padding: 20px 0 20px;
	background: #fff;
}
#registration .icon{
	float: left;
	width: 65px;
	padding: 0 10px 0 20px;
	color: #666;
	font-weight: bold;
}
#registration .icon span{
	color: #c00;
	font-size: 9px;
	font-weight: bold;
}
#registration .icon img{
	width: 35px;
}
#registration .option .cont{
	float: left;
	width: 20%;
}
#registration .textbox{
	width: 55%;
	padding: 5px;
	border: 1px solid #999;
}
#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;
	width: 50%;
	margin: 0 auto;
	padding: 5px 0;
	background: #22abe4;
	text-align: center;
	color: #fff;
	font-size: 124%;
	font-weight: bold;

	-webkit-appearance: none;
}
#registration .btn{
	width: 50%;
	margin: 0 auto;
}
#registration .btn-submit{
	width: 100%;
	margin: 0 auto;
	padding: 5px 0;
	background: #22abe4;
	border: none;
	border-radius: 0;
	color: #fff;
	font-size: 124%;
	font-weight: bold;

	-webkit-appearance: none;
}
#registration .error{
	color: #f46963;
	font-size: 60%;
}

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

/*===============================
背景画像設定
===============================*/
.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{
	overflow: hidden;
	display: inline-block;
	background: url("/image/sprite.png") no-repeat;
	text-align: left;
	text-indent: -9999px;
}

.img-icons{
	width: 120px;
	height: 24px;
	background-position: -10px -0;
}
.img-noimage{
	width: 89px;
	height: 89px;
	background-position: -10px -34px;
}
.img-logo{
	width: 38px;
	height: 35px;
	background-position: -11px -131px;
}
.img-arrow-up{
	width: 40px;
	height: 40px;
	background-position: -10px -173px;
}
.img-icon-menu{
	z-index: 9999;
	width: 36px;
	height: 36px;
	background-position: -60px -173px;
}
.img-icon-refresh{
	width: 25px;
	height: 36px;
	background-position: -105px -173px;
}
.img-reg-gend{
	width: 35px;
	height: 35px;
	background-position: -85px -133px;
}
.img-reg-mail{
	width: 35px;
	height: 24px;
	background-position: -60px -219px;
}
.img-reg-pw{
	width: 35px;
	height: 35px;
	background-position: -10px -223px;
}
.img-reg-tw{
	width: 35px;
	height: 35px;
	background-position: -55px -253px;
}
.img-loader{
	width: 31px;
	height: 31px;
	background-position: -10px -268px;
}
.img-logo-fb{
	width: 25px;
	height: 25px;
	background-position: -51px -298px;
}
.img-logo-gplus{
	width: 25px;
	height: 16px;
	background-position: -86px -298px;
}
.img-logo-htn{
	width: 25px;
	height: 21px;
	background-position: -10px -309px;
}
.img-logo-pocket{
	width: 25px;
	height: 22px;
	background-position: -86px -324px;
}
.img-logo-tw{
	width: 25px;
	height: 20px;
	background-position: -45px -333px;
}
.img-icon-back2{
	width: 24px;
	height: 24px;
	background-position: -10px -340px;
}
.img-btn-rt{
	width: 21px;
	height: 21px;
	background-position: -43px -409px;
}
.img-icon-posi{
	width: 19px;
	height: 24px;
	margin-right: 3px;
	background-position: -100px -255px;
	vertical-align: middle;
}
.img-icon-nega{
	width: 19px;
	height: 24px;
	margin-right: 2px;
	background-position: -10px -417px;
	vertical-align: middle;
}
.img-btn-fv{
	width: 16px;
	height: 16px;
	background-position: -38px -436px;
}
.img-btn-re{
	width: 16px;
	height: 16px;
	background-position: -64px -440px;
}
@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{
	padding: 0 0 0;
	border-bottom: 3px solid #ddd;
}
#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;
	border-bottom: 3px solid #ddd;
	color: #666;
	font-size: 124%;
}
#info-box #content{
	padding: 10px;
}
#info-box h3{
	margin: 10px 0 0;
	font-size: 108%;

	counter-increment: story;
}
#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{
	margin: -5px 0 0;
	color: #ea7373;
	font-size: 160%;
}
.section p,
#lead{
	font-size: 124%;
}
#entame{
	margin: 10px 0 0;
	color: #0caae6;
	font-size: 160%;
	font-weight: bold;
}
#section1{
	margin: 10px -10px 0;
	padding: 10px;
	background: #ffd173;
}
#section2{
	margin: 0 -10px 0;
	padding: 10px;
	background: #f19086;
}
#section3{
	margin: 0 -10px 0;
	padding: 10px;
	background: #ca9edf;
}
#section1 .time,
#section2 .time,
#section3 .time{
	width: 50%;
}
#section1 h2,
#section2 h2,
#section3 h2{
	margin: 5px 0 0;
	font-size: 130%;
}
#section4{
	margin: 10px 0;
}
#section4 h2{
	margin: -5px 0 0;
	color: #ea7373;
	font-size: 160%;
}
#section4 a{
	display: block;
	height: 30px;
	margin: 5px 10px 0;
	padding: 2px 0 0;
	background: #e97373;
	border-radius: 3px;
	line-height: 30px;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
}
/*ついランからのお知らせ*/
#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{
	color: #999;
	font-size: 85%;
}
#news .box p{
	padding: 0 0 5px;
}
/*=============================================================
・埋め込み
=============================================================*/
.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{
	padding: 5px 0;
	text-align: center;
}
#modal-iframe{
	padding: 0 0;
	width: 100%;
	height: 400px;
}
@media screen and (max-width: 800px){
	#modal-iframe{
		padding: 5px 0;
		width: 100%;
		height: 200px;
	}
}
/*=============================================================
・関連記事
=============================================================*/
#ranking .txt-box .relation{
	overflow: hidden;
	max-height: 26px;
	margin: 0 0 5px;
	padding: 3px 0 0 0;
	line-height: 130%;
	color: #777;
	font-size: 80%;
}
#pickup .relation a h2{
	margin: 0 ;
	padding: 2px 0 5px;
	font-size: 100%;
}
#ranking .txt-box .relation h3{
	display: inline-block;
	margin: 0 3px 0 0;
	color: #444;
	font-weight: normal;
}
#ranking .txt-box .relation span{
	display: inline-block;
	margin: 0 3px 0 0;
	padding: 0 6px 0 0;
	font-size: 100%;
	font-weight: bold;
}
#pickup .relation .article1,
#pickup .relation .article2,
#pickup .relation .article3{
	display: -ms-box;
	display: -webkit-flexbox;
	display:    -moz-flexbox;
	display: -moz-flex;
	display:  -ms-flex;
	display:      -ms-flexbox;
	display:      flex;
	        flex-wrap: wrap;
	padding: 0 ;

	-webkit-box-lines: multiple;
	   -moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	   -moz-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
}
#pickup .relation .article3 article{
	width: 33.3%;
	padding: 0 0 5px;
	background: #fff;
	border-bottom: none;
}
#pickup .relation .article2 article{
	width: 50%;
	padding: 0 0 5px;
	background: #fff;
	border-bottom: none;
}
#pickup .relation .article1 article{
	width: 100%;
	padding: 0 0 5px;
	background: #fff;
	border-bottom: none;
}
#pickup .relation a h2{
	margin: 0 ;
	padding: 2px 0 5px;
	font-size: 100%;
}
#pickup .relation .twimg{
	overflow: hidden;
	width: 100%;
	height: 80px;
	border-radius: 2px;
}
#pickup .relation .article1 .twimg{
	height: 120px;
}
#pickup .relation .twimg img{
	position: relative;
	top: 50%;
	left: 50%;
	float: none;
	width: auto;
	max-width: 180%;
	height: auto;
	border-radius: 0;
	-webkit-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
}
#pickup .relation{
	padding: 0 0 0 0;
}
#pickup .relation h3,
#pickup .product-box h3,
#pickup h3.latest{
	margin: 0 4px 10px 4px;
	padding: 0 0 2px ;
	border-bottom: 1px solid #ccc;
	line-height: 140%;
	color: #666;
	font-size: 108%;
	font-weight: normal;
}
#pickup h3.latest{
	margin: 0 4px 2px 4px;
	padding: 15px 0 2px ;
}
#pickup .product-box h3{
	margin: 0 4px 5px 4px;
}
#pickup .relation .detail-link{
	margin: 0 5px;
	padding: 2px 0 5px;
}
#pickup .relation a.external h2 span:after{
	content: "\f08e";
	display: inline-block;
	margin: 5px 0 0 0;
	padding-left: 4px;
	background: #fff;
	color: #777;
	font-family: FontAwesome;
	font-size: 160%;
	font-weight: normal;
	text-decoration: none !important;
}
#pickup .relation a[href^="http"] h2 span:after{
	content: "\f08e";
	display: inline-block;
	margin: 5px 0 0 0;
	padding-left: 4px;
	background: #fff;
	color: #777;
	font-family: FontAwesome;
	font-size: 120%;
	font-weight: normal;
	text-decoration: none !important;
}
#pickup .relation a[href^="//"] h2 span:after{
	content: "\f08e";
	display: inline-block;
	margin: 5px 0 0 0;
	padding-left: 4px;
	background: #fff;
	color: #777;
	font-family: FontAwesome;
	font-size: 120%;
	font-weight: normal;
	text-decoration: none !important;
}
/* --------------------------------------------------------
	タブ
-------------------------------------------------------- */
.navi{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 40px;
	padding: 12px 0 0;
	background: #fff;
}
.flickity-enabled
.is-draggable{
	background: #000;
}
.navi .tab{
	display: inline-block;
	width: 75px;
	height: 44px;
	background: #fff;
	background: #999;
	line-height: 110%;
	text-align: center;
	color: #fff;
	font-size: 108%;
}
.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 0 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{
	padding: 3px 0 0;
	font-size: 116%;
}
/*=============================================================
・企画色
=============================================================*/
/*ヘッダーの文字色*/
#talent #back a{
	color: #00ba7d;
}
#read #back a{
	color: #906cff;
}
#anime #back a{
	color: #2154d4;
}
#go #back a{
	color: #00b2b2;
}
#train #back a{
	color: #009c00;
}
#sports #back a{
	color: #09a086;
}
#listen #back a{
	color: #6a008d;
}
#tv #back a{
	color: #465dab;
}
#sweets #back a{
	color: #ff7f00;
}
#spgame #back a{
	color: #a67c51;
}
#music #back a{
	color: #d62d7d;
}
#movie #back a{
	color: #f9931a;
}
#trend #back a{
	color: #c73c42;
}
#drama #back a{
	color: #ca71ff;
}
#voice #back a{
	color: #518dff;
}
#sp #back a{
	color: #d69e00;
}
#sp01 #back a{
	color: #00ba7d;
}
#sp03 #back a{
	color: #ff0000;
}
#sp04 #back a{
	color: #c49850;
}
#sp05 #back a{
	color: #f9931a;
}
#sp06 #back a{
	color: #d32d7a;
}
#sunrise #back a{
	color: #00ba7d;
}
#february #back a{
	color: #b00;
}
#april #back a{
	color: #ffabf0;
}
#may #back a{
	color: #00ab84;
}
#nico #back a{
	color: #f485a2;
}
#pokemon #back a{
	color: #2c62aa;
}
#jpy #back a{
	color: #f0759d;
}
#heat #back a{
	color: #f64035;
}
#report #back a{
	color: #f64035;
}
#councillors #back a{
	color: #0b385b;
}
#governor #back a{
	color: #0b385b;
}
#koushien #back a{
	color: #5698ec;
}
#rio #back a{
	color: #3b9e48;
}
#lightnovel #back a{
	color: #884898;
}
#appliance #back a{
	color: #e6b422;
}
#psychic #back a{
	color: #e7609e;
}
#genre01 #back a{
	color: #96514d;
}
#genre02 #back a{
	color: #946243;
}
#genre03 #back a{
	color: #cd5e3c;
}
#genre04 #back a{
	color: #ec6d71;
}
#genre05 #back a{
	color: #6a5d21;
}
#genre06 #back a{
	color: #478384;
}
#genre07 #back a{
	color: #7a4171;
}
#genre08 #back a{
	color: #2a83a2;
}
#genre09 #back a{
	color: #007bbb;
}
#genre10 #back a{
	color: #4c6cb3;
}
#genre11 #back a{
	color: #69821b;
}
#genre12 #back a{
	color: #165e83;
}
#ramen #back a{
	color: #b20000;
}

/*バックグラウンド用*/
#top-ranking ul .talent a p,
#talent #pickup-title,
#talent #genre-box .genre-ttl,
#talent #genre-box-word .genre-ttl,
#home .cat-talent h3,
#pickup h2 .category-talent,
#keyword h1 .category-talent,
#article-ranking h3 .category-talent,
#word-ranking h3 .category-talent,
#favorite .favoritebox .keyword .check span.category-talent{
	background: #00ba7d;
}

#top-ranking ul .read a p,
#read #pickup-title,
#read #genre-box .genre-ttl,
#read #genre-box-word .genre-ttl,
#home .cat-read h3,
#pickup h2 .category-read,
#keyword h1 .category-read,
#article-ranking h3 .category-read,
#word-ranking h3 .category-read,
#favorite .favoritebox .keyword .check span.category-read{
	background: #906cff;
}

#top-ranking ul .anime a p,
#anime #pickup-title,
#anime #genre-box .genre-ttl,
#anime #genre-box-word .genre-ttl,
#home .cat-anime h3,
#pickup h2 .category-anime,
#keyword h1 .category-anime,
#article-ranking h3 .category-anime,
#word-ranking h3 .category-anime,
#favorite .favoritebox .keyword .check span.category-anime{
	background: #2154d4;
}

#top-ranking ul .go a p,
#go #pickup-title,
#go #genre-box .genre-ttl,
#go #genre-box-word .genre-ttl,
#home .cat-go h3,
#pickup h2 .category-go,
#keyword h1 .category-go,
#article-ranking h3 .category-go,
#word-ranking h3 .category-go,
#favorite .favoritebox .keyword .check span.category-go{
	background: #00b2b2;
}

#top-ranking ul .train a p,
#train #pickup-title,
#train #genre-box .genre-ttl,
#train #genre-box-word .genre-ttl,
#home .cat-train h3,
#pickup h2 .category-train,
#keyword h1 .category-train,
#article-ranking h3 .category-train,
#word-ranking h3 .category-train,
#favorite .favoritebox .keyword .check span.category-train{
	background: #009c00;
}

#top-ranking ul .sports a p,
#sports #pickup-title,
#sports #genre-box .genre-ttl,
#sports #genre-box-word .genre-ttl,
#home .cat-sports h3,
#pickup h2 .category-sports,
#keyword h1 .category-sports,
#word-ranking h3 .category-sports,
#favorite .favoritebox .keyword .check span.category-sports{
	background: #09a086;
}

#top-ranking ul .listen a p,
#listen #pickup-title,
#listen #genre-box .genre-ttl,
#listen #genre-box-word .genre-ttl,
#home .cat-listen h3,
#pickup h2 .category-listen,
#keyword h1 .category-listen,
#article-ranking h3 .category-listen,
#word-ranking h3 .category-listen,
#favorite .favoritebox .keyword .check span.category-listen{
	background: #6a008d;
}

#top-ranking ul .tv a p,
#tv #pickup-title,
#tv #genre-box .genre-ttl,
#tv #genre-box-word .genre-ttl,
#home .cat-tv h3,
#pickup h2 .category-tv,
#keyword h1 .category-tv,
#article-ranking h3 .category-tv,
#word-ranking h3 .category-tv,
#favorite .favoritebox .keyword .check span.category-tv{
	background: #465dab;
}

#top-ranking ul .sweets a p,
#sweets #pickup-title,
#sweets #genre-box .genre-ttl,
#sweets #genre-box-word .genre-ttl,
#home .cat-sweets h3,
#pickup h2 .category-sweets,
#keyword h1 .category-sweets,
#article-ranking h3 .category-sweets,
#word-ranking h3 .category-sweets,
#favorite .favoritebox .keyword .check span.category-sweets{
	background: #ff7f00;
}

#top-ranking ul .spgame a p,
#spgame #pickup-title,
#spgame #genre-box .genre-ttl,
#spgame #genre-box-word .genre-ttl,
#home .cat-spgame h3,
#pickup h2 .category-spgame,
#keyword h1 .category-spgame,
#article-ranking h3 .category-spgame,
#word-ranking h3 .category-spgame,
#favorite .favoritebox .keyword .check span.category-spgame{
	background: #a67c51;
}

#top-ranking ul .music a p,
#music #pickup-title,
#music #genre-box .genre-ttl,
#music #genre-box-word .genre-ttl,
#home .cat-music h3,
#pickup h2 .category-music,
#keyword h1 .category-music,
#article-ranking h3 .category-music,
#word-ranking h3 .category-music,
#favorite .favoritebox .keyword .check span.category-music{
	background: #d62d7d;
}

#top-ranking ul .movie a p,
#movie #pickup-title,
#movie #genre-box .genre-ttl,
#movie #genre-box-word .genre-ttl,
#home .cat-movie h3,
#pickup h2 .category-movie,
#keyword h1 .category-movie,
#article-ranking h3 .category-movie,
#word-ranking h3 .category-movie,
#favorite .favoritebox .keyword .check span.category-movie{
	background: #f9931a;
}

#top-ranking ul .trend a p,
#trend #pickup-title,
#trend #genre-box .genre-ttl,
#trend #genre-box-word .genre-ttl,
#home .cat-trend h3,
#pickup h2 .category-trend,
#keyword h1 .category-trend,
#article-ranking h3 .category-trend,
#word-ranking h3 .category-trend,
#favorite .favoritebox .keyword .check span.category-trend{
	background: #c73c42;
}

#top-ranking ul .drama a p,
#drama #pickup-title,
#drama #genre-box .genre-ttl,
#drama #genre-box-word .genre-ttl,
#home .cat-drama h3,
#pickup h2 .category-drama,
#keyword h1 .category-drama,
#article-ranking h3 .category-drama,
#word-ranking h3 .category-drama,
#favorite .favoritebox .keyword .check span.category-drama{
	background: #ca71ff;
}

#top-ranking ul .voice a p,
#voice #pickup-title,
#voice #genre-box .genre-ttl,
#voice #genre-box-word .genre-ttl,
#home .cat-voice h3,
#pickup h2 .category-voice,
#keyword h1 .category-voice,
#article-ranking h3 .category-voice,
#word-ranking h3 .category-voice,
#favorite .favoritebox .keyword .check span.category-voice{
	background: #518dff;
}

#top-ranking ul .sp a p,
#top-ranking ul .sp a p,
#sp #pickup-title,
#sp #genre-box .genre-ttl,
#sp #genre-box-word .genre-ttl,
#home .cat-sp h3,
#pickup h2 .category-sp,
#keyword h1 .category-sp,
#article-ranking h3 .category-sp,
#word-ranking h3 .category-sp,
#favorite .favoritebox .keyword .check span.category-sp{
	background: #d69e00;
}

/*レコード大賞*/
#top-ranking ul .sp01 a p,
#sp01 #pickup-title,
#sp01 #genre-box .genre-ttl,
#sp01 #genre-box-word .genre-ttl,
#home .cat-sp01 h3,
#pickup h2 .category-sp01,
#keyword h1 .category-sp01,
#article-ranking h3 .category-sp01,
#word-ranking h3 .category-sp01,
#favorite .favoritebox .keyword .check span.category-sp01{
	background: #00ba7d;
}

/*紅白歌合戦（紅組）*/
#top-ranking ul .sp03 a p,
#sp03 #pickup-title,
#sp03 #genre-box .genre-ttl,
#sp03 #genre-box-word .genre-ttl,
#home .cat-sp03 h3,
#pickup h2 .category-sp03,
#keyword h1 .category-sp03,
#article-ranking h3 .category-sp03,
#word-ranking h3 .category-sp03,
#favorite .favoritebox .keyword .check span.category-sp03{
	background: #ff0000;
}

/*紅白歌合戦（白組）*/
#top-ranking ul .sp04 a p,
#sp04 #pickup-title,
#sp04 #genre-box .genre-ttl,
#sp04 #genre-box-word .genre-ttl,
#home .cat-sp04 h3,
#pickup h2 .category-sp04,
#keyword h1 .category-sp04,
#article-ranking h3 .category-sp04,
#word-ranking h3 .category-sp04,
#favorite .favoritebox .keyword .check span.category-sp04{
	background: #eee;
	color: #c49850;
}
#keyword h1 category-sp04 span a{
	color: #c49850;
}

/*ニューイヤー駅伝*/
#top-ranking ul .sp05 a p,
#sp05 #pickup-title,
#sp05 #genre-box .genre-ttl,
#sp05 #genre-box-word .genre-ttl,
#home .cat-sp05 h3,
#pickup h2 .category-sp05,
#keyword h1 .category-sp05,
#article-ranking h3 .category-sp05,
#word-ranking h3 .category-sp05,
#favorite .favoritebox .keyword .check span.category-sp05{
	background: #f9931a;
}

/*箱根駅伝*/
#top-ranking ul .sp06 a p,
#sp06 #pickup-title,
#sp06 #genre-box .genre-ttl,
#sp06 #genre-box-word .genre-ttl,
#home .cat-sp06 h3,
#pickup h2 .category-sp06,
#keyword h1 .category-sp06,
#article-ranking h3 .category-sp06,
#word-ranking h3 .category-sp06,
#favorite .favoritebox .keyword .check span.category-sp06{
	background: #d32d7a;
	color: #fff;
}

/*初日の出*/
#top-ranking ul .sunrise a p,
#sunrise #pickup-title,
#sunrise #genre-box .genre-ttl,
#sunrise #genre-box-word .genre-ttl,
#home .cat-sunrise h3,
#pickup h2 .category-sunrise,
#keyword h1 .category-sunrise,
#article-ranking h3 .category-sunrise,
#word-ranking h3 .category-sunrise,
#favorite .favoritebox .keyword .check span.category-sunrise{
	background: #00ba7d;
	color: #fff;
}

/*2月風物詩*/
#top-ranking ul .february a p,
#february #pickup-title,
#february #genre-box .genre-ttl,
#february #genre-box-word .genre-ttl,
#home .cat-february h3,
#pickup h2 .category-february,
#keyword h1 .category-february,
#article-ranking h3 .category-february,
#word-ranking h3 .category-february,
#favorite .favoritebox .keyword .check span.category-february{
	background: #b00;
	color: #fff;
}

/*4月風物詩*/
#top-ranking ul .april a p,
#april #pickup-title,
#april #genre-box .genre-ttl,
#april #genre-box-word .genre-ttl,
#home .cat-april h3,
#pickup h2 .category-april,
#keyword h1 .category-april,
#article-ranking h3 .category-april,
#word-ranking h3 .category-april,
#favorite .favoritebox .keyword .check span.category-april{
	background: #ffabf0;
	color: #fff;
}

/*5月風物詩*/
#top-ranking ul .may a p,
#may #pickup-title,
#may #genre-box .genre-ttl,
#may #genre-box-word .genre-ttl,
#home .cat-may h3,
#pickup h2 .category-may,
#keyword h1 .category-may,
#article-ranking h3 .category-may,
#word-ranking h3 .category-may,
#favorite .favoritebox .keyword .check span.category-may{
	background: #00ab84;
	color: #fff;
}

/*ニコニコ超会議*/
#top-ranking ul .nico a p,
#nico #pickup-title,
#nico #genre-box .genre-ttl,
#nico #genre-box-word .genre-ttl,
#home .cat-nico h3,
#pickup h2 .category-nico,
#keyword h1 .category-nico,
#article-ranking h3 .category-nico,
#word-ranking h3 .category-nico,
#favorite .favoritebox .keyword .check span.category-nico{
	background: #f485a2;
	color: #fff;
}

/*ポケモン*/
#top-ranking ul .pokemon a p,
#pokemon #pickup-title,
#pokemon #genre-box .genre-ttl,
#pokemon #genre-box-word .genre-ttl,
#home .cat-pokemon h3,
#pickup h2 .category-pokemon,
#keyword h1 .category-pokemon,
#article-ranking h3 .category-pokemon,
#word-ranking h3 .category-pokemon,
#favorite .favoritebox .keyword .check span.category-pokemon{
	background: #2c62aa;
	color: #fff;
}

/*JPy*/
#top-ranking ul .jpy a p,
#jpy #pickup-title,
#jpy #genre-box .genre-ttl,
#jpy #genre-box-word .genre-ttl,
#home .cat-jpy h3,
#pickup h2 .category-jpy,
#keyword h1 .category-jpy,
#article-ranking h3 .category-jpy,
#word-ranking h3 .category-jpy,
#favorite .favoritebox .keyword .check span.category-jpy{
	background: #f0759d;
	color: #fff;
}

/*視聴熱*/
#top-ranking ul .heat a p,
#heat #pickup-title,
#heat #genre-box .genre-ttl,
#heat #genre-box-word .genre-ttl,
#home .cat-heat h3,
#pickup h2 .category-heat,
#keyword h1 .category-heat,
#article-ranking h3 .category-heat,
#word-ranking h3 .category-heat,
#favorite .favoritebox .keyword .check span.category-heat{
	background: #f64035;
	color: #fff;
}

/*分析レポート*/
#top-ranking ul .report a p,
#report #pickup-title,
#report #genre-box .genre-ttl,
#report #genre-box-word .genre-ttl,
#home .cat-report h3,
#pickup h2 .category-report,
#keyword h1 .category-report,
#article-ranking h3 .category-report,
#word-ranking h3 .category-report,
#favorite .favoritebox .keyword .check span.category-report{
	background: #f64035;
	color: #fff;
}

/*参院選*/
#top-ranking ul .councillors a p,
#councillors #pickup-title,
#councillors #genre-box .genre-ttl,
#councillors #genre-box-word .genre-ttl,
#home .cat-councillors h3,
#pickup h2 .category-councillors,
#keyword h1 .category-councillors,
#article-ranking h3 .category-councillors,
#word-ranking h3 .category-councillors,
#favorite .favoritebox .keyword .check span.category-councillors{
	background: #0b385b;
	color: #fff;
}

/*都知事選*/
#top-ranking ul .governor a p,
#governor #pickup-title,
#governor #genre-box .genre-ttl,
#governor #genre-box-word .genre-ttl,
#home .cat-governor h3,
#pickup h2 .category-governor,
#keyword h1 .category-governor,
#article-ranking h3 .category-governor,
#word-ranking h3 .category-governor,
#favorite .favoritebox .keyword .check span.category-governor{
	background: #0b385b;
	color: #fff;
}

/*甲子園*/
#top-ranking ul .koushien a p,
#koushien #pickup-title,
#koushien #genre-box .genre-ttl,
#koushien #genre-box-word .genre-ttl,
#home .cat-koushien h3,
#pickup h2 .category-koushien,
#keyword h1 .category-koushien,
#article-ranking h3 .category-koushien,
#word-ranking h3 .category-koushien,
#favorite .favoritebox .keyword .check span.category-koushien{
	background: #5698ec;
	color: #fff;
}

/*リオオリンピック*/
#top-ranking ul .rio a p,
#rio #pickup-title,
#rio #genre-box .genre-ttl,
#rio #genre-box-word .genre-ttl,
#home .cat-rio h3,
#pickup h2 .category-rio,
#keyword h1 .category-rio,
#article-ranking h3 .category-rio,
#word-ranking h3 .category-rio,
#favorite .favoritebox .keyword .check span.category-rio{
	background: #3b9e48;
	color: #fff;
}

/*ライトノベル*/
#top-ranking ul .lightnovel a p,
#lightnovel #pickup-title,
#lightnovel #genre-box .genre-ttl,
#lightnovel #genre-box-word .genre-ttl,
#home .cat-lightnovel h3,
#pickup h2 .category-lightnovel,
#keyword h1 .category-lightnovel,
#article-ranking h3 .category-lightnovel,
#word-ranking h3 .category-lightnovel,
#favorite .favoritebox .keyword .check span.category-lightnovel{
	background: #884898;
	color: #fff;
}

/*家電*/
#top-ranking ul .appliance a p,
#appliance #pickup-title,
#appliance #genre-box .genre-ttl,
#appliance #genre-box-word .genre-ttl,
#home .cat-appliance h3,
#pickup h2 .category-appliance,
#keyword h1 .category-appliance,
#article-ranking h3 .category-appliance,
#word-ranking h3 .category-appliance,
#favorite .favoritebox .keyword .check span.category-appliance{
	background: #e6b422;
	color: #fff;
}

/*占い*/
#top-ranking ul .psychic a p,
#psychic #pickup-title,
#psychic #genre-box .genre-ttl,
#psychic #genre-box-word .genre-ttl,
#home .cat-psychic h3,
#pickup h2 .category-psychic,
#keyword h1 .category-psychic,
#article-ranking h3 .category-psychic,
#word-ranking h3 .category-psychic,
#favorite .favoritebox .keyword .check span.category-psychic{
	background: #e7609e;
	color: #fff;
}

#top-ranking ul .genre01 a p,
#genre01 #pickup-title,
#genre01 #genre-box .genre-ttl,
#genre01 #genre-box-word .genre-ttl,
#home .cat-genre01 h3,
#pickup h2 .category-genre01,
#keyword h1 .category-genre01,
#article-ranking h3 .category-genre01,
#word-ranking h3 .category-genre01,
#favorite .favoritebox .keyword .check span.category-genre01{
	background: #96514d;
	color: #fff;
}

#top-ranking ul .genre02 a p,
#genre02 #pickup-title,
#genre02 #genre-box .genre-ttl,
#genre02 #genre-box-word .genre-ttl,
#home .cat-genre02 h3,
#pickup h2 .category-genre02,
#keyword h1 .category-genre02,
#article-ranking h3 .category-genre02,
#word-ranking h3 .category-genre02,
#favorite .favoritebox .keyword .check span.category-genre02{
	background: #946243;
	color: #fff;
}

#top-ranking ul .genre03 a p,
#genre03 #pickup-title,
#genre03 #genre-box .genre-ttl,
#genre03 #genre-box-word .genre-ttl,
#home .cat-genre03 h3,
#pickup h2 .category-genre03,
#keyword h1 .category-genre03,
#article-ranking h3 .category-genre03,
#word-ranking h3 .category-genre03,
#favorite .favoritebox .keyword .check span.category-genre03{
	background: #cd5e3c;
	color: #fff;
}

#top-ranking ul .genre04 a p,
#genre04 #pickup-title,
#genre04 #genre-box .genre-ttl,
#genre04 #genre-box-word .genre-ttl,
#home .cat-genre04 h3,
#pickup h2 .category-genre04,
#keyword h1 .category-genre04,
#article-ranking h3 .category-genre04,
#word-ranking h3 .category-genre04,
#favorite .favoritebox .keyword .check span.category-genre04{
	background: #ec6d71;
	color: #fff;
}

#top-ranking ul .genre05 a p,
#genre05 #pickup-title,
#genre05 #genre-box .genre-ttl,
#genre05 #genre-box-word .genre-ttl,
#home .cat-genre05 h3,
#pickup h2 .category-genre05,
#keyword h1 .category-genre05,
#article-ranking h3 .category-genre05,
#word-ranking h3 .category-genre05,
#favorite .favoritebox .keyword .check span.category-genre05{
	background: #6a5d21;
	color: #fff;
}

#top-ranking ul .genre06 a p,
#genre06 #pickup-title,
#genre06 #genre-box .genre-ttl,
#genre06 #genre-box-word .genre-ttl,
#home .cat-genre06 h3,
#pickup h2 .category-genre06,
#keyword h1 .category-genre06,
#article-ranking h3 .category-genre06,
#word-ranking h3 .category-genre06,
#favorite .favoritebox .keyword .check span.category-genre06{
	background: #478384;
	color: #fff;
}

#top-ranking ul .genre07 a p,
#genre07 #pickup-title,
#genre07 #genre-box .genre-ttl,
#genre07 #genre-box-word .genre-ttl,
#home .cat-genre07 h3,
#pickup h2 .category-genre07,
#keyword h1 .category-genre07,
#article-ranking h3 .category-genre07,
#word-ranking h3 .category-genre07,
#favorite .favoritebox .keyword .check span.category-genre07{
	background: #7a4171;
	color: #fff;
}

#top-ranking ul .genre08 a p,
#genre08 #pickup-title,
#genre08 #genre-box .genre-ttl,
#genre08 #genre-box-word .genre-ttl,
#home .cat-genre08 h3,
#pickup h2 .category-genre08,
#keyword h1 .category-genre08,
#article-ranking h3 .category-genre08,
#word-ranking h3 .category-genre08,
#favorite .favoritebox .keyword .check span.category-genre08{
	background: #2a83a2;
	color: #fff;
}

#top-ranking ul .genre09 a p,
#genre09 #pickup-title,
#genre09 #genre-box .genre-ttl,
#genre09 #genre-box-word .genre-ttl,
#home .cat-genre09 h3,
#pickup h2 .category-genre09,
#keyword h1 .category-genre09,
#article-ranking h3 .category-genre09,
#word-ranking h3 .category-genre09,
#favorite .favoritebox .keyword .check span.category-genre09{
	background: #007bbb;
	color: #fff;
}

#top-ranking ul .genre10 a p,
#genre10 #pickup-title,
#genre10 #genre-box .genre-ttl,
#genre10 #genre-box-word .genre-ttl,
#home .cat-genre10 h3,
#pickup h2 .category-genre10,
#keyword h1 .category-genre10,
#article-ranking h3 .category-genre10,
#word-ranking h3 .category-genre10,
#favorite .favoritebox .keyword .check span.category-genre10{
	background: #4c6cb3;
	color: #fff;
}

#top-ranking ul .genre11 a p,
#genre11 #pickup-title,
#genre11 #genre-box .genre-ttl,
#genre11 #genre-box-word .genre-ttl,
#home .cat-genre11 h3,
#pickup h2 .category-genre11,
#keyword h1 .category-genre11,
#article-ranking h3 .category-genre11,
#word-ranking h3 .category-genre11,
#favorite .favoritebox .keyword .check span.category-genre11{
	background: #69821b;
	color: #fff;
}

#top-ranking ul .genre12 a p,
#genre12 #pickup-title,
#genre12 #genre-box .genre-ttl,
#genre12 #genre-box-word .genre-ttl,
#home .cat-genre12 h3,
#pickup h2 .category-genre12,
#keyword h1 .category-genre12,
#article-ranking h3 .category-genre12,
#word-ranking h3 .category-genre12,
#favorite .favoritebox .keyword .check span.category-genre12{
	background: #165e83;
	color: #fff;
}

#top-ranking ul .ramen a p,
#ramen #pickup-title,
#ramen #genre-box .genre-ttl,
#ramen #genre-box-word .genre-ttl,
#home .cat-ramen h3,
#pickup h2 .category-ramen,
#keyword h1 .category-ramen,
#article-ranking h3 .category-ramen,
#word-ranking h3 .category-ramen,
#favorite .favoritebox .keyword .check span.category-ramen{
	background: #b20000;
	color: #fff;
}

/*border-left*/
#footer-menu .menu-pickup a,
#navbox li.pickup a{
	border-left: 5px solid #24aae4;
}
#footer-menu .menu-emotion a,
#navbox li.emotion a{
	border-left: 5px solid #f36963;
}
#footer-menu .menu-hima a,
#navbox li.hima a{
	border-left: 5px solid #6440e5;
}
#footer-menu .menu-talent a,
#navbox li.talent a{
	border-left: 5px solid #00ba7d;
}
#footer-menu .menu-read a,
#navbox li.read a{
	border-left: 5px solid #906cff;
}
#footer-menu .menu-anime a,
#navbox li.anime a{
	border-left: 5px solid #2154d4;
}
#footer-menu .menu-go a,
#navbox li.go a{
	border-left: 5px solid #19b29f;
}
#footer-menu .menu-train a,
#navbox li.train a{
	border-left: 5px solid #009c00;
}
#footer-menu .menu-sports a,
#navbox li.sports a{
	border-left: 5px solid #09a086;
}
#footer-menu .menu-listen a,
#navbox li.listen a{
	border-left: 5px solid #6a008d;
}
#footer-menu .menu-tv a,
#navbox li.tv a{
	border-left: 5px solid #465dab;
}
#footer-menu .menu-sweets a,
#navbox li.sweets a{
	border-left: 5px solid #ff7f00;
}
#footer-menu .menu-spgame a,
#navbox li.spgame a{
	border-left: 5px solid #a67c51;
}
#footer-menu .menu-music a,
#navbox li.music a{
	border-left: 5px solid #d62d7d;
}
#footer-menu .menu-movie a,
#navbox li.movie a{
	border-left: 5px solid #f9931a;
}
#footer-menu .menu-trend a,
#navbox li.trend a{
	border-left: 5px solid #c73c42;
}
#footer-menu .menu-voice a,
#navbox li.voice a{
	border-left: 5px solid #518dff;
}
#footer-menu .menu-drama a,
#navbox li.drama a{
	border-left: 5px solid #ca71ff;
}
#footer-menu .menu-sp a,
#navbox li.sp a{
	border-left: 5px solid #d69e00;
}
#footer-menu .menu-sp01 a,
#navbox li.sp01 a{
	border-left: 5px solid #00ba7d;
}/*レコード大賞*/
#footer-menu .menu-sp03 a,
#navbox li.sp03 a{
	border-left: 5px solid #ff0000;
}/*紅白歌合戦（紅組）*/
#footer-menu .menu-sp04 a,
#navbox li.sp04 a{
	border-left: 5px solid #eee;
}/*紅白歌合戦（白組）*/
#footer-menu .menu-sp05 a,
#navbox li.sp05 a{
	border-left: 5px solid #f9931a;
}/*ニューイヤー駅伝*/
#footer-menu .menu-sp06 a,
#navbox li.sp06 a{
	border-left: 5px solid #d32d7a;
}/*箱根駅伝*/
#footer-menu .menu-sunrise a,
#navbox li.sunrise a{
	border-left: 5px solid #00ba7d;
}/*初日の出*/
#footer-menu .menu-topic a,
#navbox li.topic a{
	border-left: 5px solid #ee0000;
}/*急上昇*/
#footer-menu .menu-april a,
#navbox li.april a{
	border-left: 5px solid #ffabf0;
}/*3月風物詩*/
#footer-menu .menu-may a,
#navbox li.may a{
	border-left: 5px solid #00ab84;
}/*5月風物詩*/
#footer-menu .menu-topics a,
#navbox li.topics a{
	border-left: 5px solid #24aae4;
}/*今日のトピックス*/
#footer-menu .menu-nico a,
#navbox li.nico a{
	border-left: 5px solid #f485a2;
}/*ニコニコ超会議*/
#footer-menu .menu-pokemon a,
#navbox li.pokemon a{
	border-left: 5px solid #2c62aa;
}/*ポケモン*/
#footer-menu .menu-jpy a,
#navbox li.jpy a{
	border-left: 5px solid #f0759d;
}/*JPy*/
#footer-menu .menu-heat a,
#navbox li.heat a{
	border-left: 5px solid #f64035;
}/*視聴熱*/
#footer-menu .menu-report a,
#navbox li.report a{
	border-left: 5px solid #f64035;
}/*分析レポート*/
#footer-menu .menu-councillors a,
#navbox li.councillors a{
	border-left: 5px solid #0b385b;
}/*参院選*/
#footer-menu .menu-governor a,
#navbox li.governor a{
	border-left: 5px solid #0b385b;
}/*都知事選*/
#footer-menu .menu-koushien a,
#navbox li.koushien a{
	border-left: 5px solid #5698ec;
}/*甲子園*/
#footer-menu .menu-rio a,
#navbox li.rio a{
	border-left: 5px solid #3b9e48;
}/*リオオリンピック*/
#footer-menu .menu-lightnovel a,
#navbox li.lightnovel a{
	border-left: 5px solid #884898;
}/*ライトノベル*/
#footer-menu .menu-appliance a,
#navbox li.appliance a{
	border-left: 5px solid #e6b422;
}/*家電*/
#footer-menu .menu-psychic a,
#navbox li.psychic a{
	border-left: 5px solid #e7609e;
}/*占い*/
#footer-menu .menu-genre01 a,
#navbox li.genre01 a{
	border-left: 5px solid #96514d;
}
#footer-menu .menu-genre02 a,
#navbox li.genre02 a{
	border-left: 5px solid #946243;
}
#footer-menu .menu-genre03 a,
#navbox li.genre03 a{
	border-left: 5px solid #cd5e3c;
}
#footer-menu .menu-genre04 a,
#navbox li.genre04 a{
	border-left: 5px solid #ec6d71;
}
#footer-menu .menu-genre05 a,
#navbox li.genre05 a{
	border-left: 5px solid #6a5d21;
}
#footer-menu .menu-genre06 a,
#navbox li.genre06 a{
	border-left: 5px solid #478384;
}
#footer-menu .menu-genre07 a,
#navbox li.genre07 a{
	border-left: 5px solid #7a4171;
}
#footer-menu .menu-genre08 a,
#navbox li.genre08 a{
	border-left: 5px solid #2a83a2;
}
#footer-menu .menu-genre09 a,
#navbox li.genre09 a{
	border-left: 5px solid #007bbb;
}
#footer-menu .menu-genre10 a,
#navbox li.genre10 a{
	border-left: 5px solid #4c6cb3;
}
#footer-menu .menu-genre11 a,
#navbox li.genre11 a{
	border-left: 5px solid #69821b;
}
#footer-menu .menu-genre12 a,
#navbox li.genre12 a{
	border-left: 5px solid #165e83;
}
#footer-menu .menu-ramen a,
#navbox li.ramen a{
	border-left: 5px solid #b20000;
}

#header #logo-box li.sb-toggle-right,
#pcmenu{
	display: none;
}

#pickup #pickup-box{
	margin: 0 0 10px;
	padding: 0 0 40px;
	background: url(/image/loading60.gif) no-repeat bottom center;
	background-size: 30px 30px;
	text-align: center;
}
#pickup #pickup-box::after{
	content: "Now Loading...";
	line-height: 300%;
}
#pickup #pickup-box article{
	text-align: left;
}
/*=============================================================
・メンテナス用
=============================================================*/
.maintenance a{
	display: block;
	width: 260px;
	margin: 5px auto;
	padding: 5px;
	background: #ffffdf;
	border: 2px solid #fcc;
	border-radius: 5px;
	text-align: center;
	color: #24aae4;
	font-weight: bold;
	text-decoration: underline;
}
/*ドラマ特別枠*/
#drama-sp{
	margin: 5px 10px 10px;
	padding: 10px;
	border: 1px solid #ccc;
}
/*ドラマ記事特別枠*/
#drama-article-sp{
	margin: 5px 10px 0;
	padding: 10px;
	border: 1px solid #ccc;
}
/*=============================================================
・PC用
=============================================================*/

@media screen and (min-width: 800px){
	#pickup #pickup-list{
		margin: 0 0 20px;
		background-size: 40px 40px;
	}
	#tsuiran{
		width: 100%;
		max-width: 1100px;
		margin: 10px auto 0;
		box-sizing: border-box;
		border: 1px solid #fff;
	}
	#main-box{
		float: left;
		width: 100%;
		margin-right: -320px;
	}
	#inner{
		margin-right: 320px;
		box-sizing: border-box;
	}
	#sub-box{
		float: right;
		display: block;
		width: 300px;
	}

	/*プッシュ通知を許可していない場合*/
	#push-overlay{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1900;
		width: 100%;
		height: 100%;
		background-color: rgba(51,51,51,0.9);
	}
	.layer_board_bg{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
		display: none;
		width: 100%;
		height: 100%;
		background: #000;
		cursor: pointer;
	}
	.layer_board{
		position: fixed;
		top: 150px;
		left: 80px;
		z-index: 2000;
		display: none;
		width: 400px;
		height: 100px;
		margin: 0 auto 0 0;
		padding: 5px;
		background: #fff;
		border-radius: 5px;
		text-align: left;
	}
	.layer_board::after,
	.layer_board::before{
		display: none;
	}
	.layer_board_pc::before{
		content: "";
		position: absolute;
		top: -20px;
		left: 200px;
		border-top: none;
		border-bottom: 30px solid #fff;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
	}
	.layer_board_pc::after{
		content: "";
		position: absolute;
		top: -20px;
		left: 200px;
		border-top: none;
		border-bottom: 30px solid #fff;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
	}
	.layer_board .layer_in{
		position: relative;
		padding: 5px;
	}
	.layer_board .layer_in .btn_close a{
		position: absolute;
		top: -15px;
		right: -15px;
		display: block;
		width: 15px;
		height: 15px;
		padding: 1px 3px 5px;
		background: #fff;
		border: 2px solid #999;
		border-radius: 40px;
		text-align: center;
		font-size: 102%;
		font-weight: bold;
	}
	#pickup .layer_board h2, #pickup2 .layer_board h2{
		margin: 0 0 3px;
		padding: 5px 0 3px;
		background: #2cb200;
		text-align: center;
		color: #fff;
	}
	.layer_board p{
		font-size: 100%;
	}
	.layer_board p.lead1{
		padding: 5px 0 3px;
		background: #f96ca7;
		border-radius: 5px;
		text-align: center;
		color: #fff;
		font-size: 124%;
		font-weight: bold;
	}
	.layer_board p.lead{
		padding: 10px 0 5px;
		line-height: 140%;
		text-align: center;
		color: #666;
		font-size: 124%;
	}
	.layer_board p.lead span{
		color: #090;
		color: #5a97f5;
		font-size: 108%;
		font-weight: bold;
	}
	#pickup .layer_board img{
		width: 290px;
		margin: 3px auto;
	}
	body{
		background: #fff;
	}
	.wrapper{
		width: 480px;
		margin: 0 auto;
	}
	#tweet-image{
		width: 100%;
		margin: 0 auto;
	}
	#tweet-image .pickupimage:first-child .imgbox{
		height: 220px;
		background: #eee;
	}
	#tweet-image .pickupimage .imgbox img{
		max-width: 890px;
	}
	#cboxClose{
		right: 0;
		bottom: -30px;
		left: 0;
		margin: 0 auto;
	}
	#pickup,
	#ranking,
	#blog-contents{
		background: #fff;
	}
	#ranking article,
	#pickup article,
	.related-box,
	.product-box,
	#detail .ad-ranking,
	#blog-contents article,
	#blog-contents .blog-box,
	#comment{
		padding: 10px;
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
		        border-radius: 0;
	}
	#comment{
		border-bottom: none;
	}
	#detail .tweet .box{
		border-bottom: none;
	}
	#pickup #tsuirantushin h2{
		font-size: 134%;
	}
	#pickup2{
		min-height: 150px;
	}
	#pickup a h2.noimagetitle,
	#pickup2 a h2.noimagetitle,
	#pickup h2.imagetitle,
	#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: 100%;
		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{
		position: relative;
		overflow: hidden;
		width: 100%;
		margin: 0 auto;
		padding: 0 0;
	}
	.detail-graph-box,
	#detail,
	#tweet{
		background: #fff;
	}
	#detail .wadai,
	#detail .images{
		border: none;
	}
	#sns-group .inner-box{
		background: none;
	}
	.inner-box2{
		position: relative;
		overflow: hidden;
		width: 100%;
		margin: 0 auto;
		padding: 0;
		background: #fff;
	}
	.affiliate-box{
		width: 100%;
	}
	#header{
		width: 100%;
		margin: 0 auto 10px;
		border-bottom: 3px solid #0059b2;
	}
	#header #logo-box{
		height: 48px;
		padding: 0;
		background: none;
	}
	#header .logo-box{
		position: relative;
		padding: 0;
	}
	#header #logo-box .h-time{
		width: 140px;
		padding: 0 2px 0 0;
		line-height: 150%;
		text-align: right;
		font-size: 108%;
	}
	.gmanu{
		width: 100%;
		max-width: 1100px;
		margin: 0 auto;
	}
	#g-menu{
		margin-bottom: 20px;
		background: #9fc7d4;
	}
	.graph-box .time p{
		padding: 10px 0 5px;
		font-size: 124%;
		font-weight: bold;
	}
	#graph-cont{
		width: 100%;
		height: 150px;
	}
	.graph-box .marquee{
		position: absolute;
		top: 30px;
		left: 0;
		overflow: hidden;
		width: 100%;
		margin: 0 auto;
		padding: 12px 0 0;
	}
	.marquee{
		width: 100%;
		margin: 0 auto;
	}
	#container{
		width: 100%;
		margin: 0 auto;
		background: #fff;
	}
	.tiles-wrap li{
		float: left;
		display: block;
		width: 49.2%;
		padding: 0 0 5px;
		background-color: #fff;
		text-align: center;
		font-size: 140%;
		opacity: 1;
		cursor: pointer;

		list-style-type: none;
	}
	.navi{
		overflow: hidden;
		width: 100%;
		height: 38px;
		margin: -5px 0 0;
		padding: 15px 0 0;
		background: #fff none repeat scroll 0 0;
	}
	#searchbox{
		width: 100%;
		max-width: 1100px;
		margin: 0 auto;
	}
	#home-box ul li a:hover{
		background: #f3f3f3;
	}
	#ranking .txt-box h2{
		z-index: 5;
		padding: 3px 0 12px;
		line-height: 120%;
		font-size: 200%;
	}
	#pickup h2,
	#pickup2 h2{
		z-index: 5;
		padding: 10px 0 6px 10px;
		line-height: 120%;
		font-size: 148%;
	}
	.pickuptweet{
		padding: 10px;
		font-size: 124%;
	}
	.usertweet,
	.usertweet2{
		width: 500px;
		margin: 0 auto;
		padding: 0 10px 0;
	}
	.timeline{
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}
	#pickup .tweetimage{
		margin: 0 auto;
		padding: 5px 10px 10px;
	}
	#pickup .share-box,
	#pickup2 .share-box{
		padding: 10px 0;
		font-size: 124%;
	}
	#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{
		display: inline-block;
		height: 100%;
		margin: 0 10px 5px 0;
		padding-top: 2px;
		font-size: 124%;
	}
	#ranking .posinega-box{
		margin: 10px 0 0;
	}
	#ranking .txt-box .todetail{
		margin: 5px 30px;
		padding: 0;
		background: #f6d963 url("/image/more-w.png") no-repeat scroll right center / 8px 12px;
		border: 10px solid #f6d963;
		border-radius: 3px;
		text-align: center;
		color: #444;
		font-size: 100%;
		font-weight: bold;
	}
	#ranking .cont .keyword-num{
		top: 5px;
		right: 10px;
	}
	#ranking .txt-box h2 span{
		padding: 5px;
		font-size: 50%;
	}
	#detail h3{
		padding: 15px 5px 2px 2px;
		font-size: 124%;
	}
	#side-menu{
		margin: 20px 0 0;
	}
	#side-menu h3.ranking-menu{
		margin: 0 0 5px;
		color: #fff;
		font-size: 132%;
	}
	#side-menu a,
	#footer-menu a{
		display: block;
		margin: 0 5px 0 0;
		padding: 7px 0 7px 5px;
		background: #555;
		color: #fff;
		font-size: 116%;
	}
	#footer-menu h3,
	#footer-menu h3.ranking-menu{
		width: 100%;
		max-width: 1100px;
		margin: 0 auto 5px;
		color: #fff;
		font-size: 132%;
	}
	#footer-menu .g-menu,
	#footer-menu .s-menu,
	#footer-menu .tsushin{
		width: 100%;
		max-width: 1100px;
		margin: 0 auto 15px;
	}
	#footer-menu li{
		width: 20%;
		margin: 0 0 5px;
	}
	#footer-menu li:nth-child(3n){
		margin: 0 0 5px;
	}
	#footer-menu .s-menu{
		margin-bottom: 0;
	}
	#footer-menu  #follow{
		width: 100%;
		max-width: 1100px;
		margin: 0 auto 10px;
	}
	#footer-menu  #follow .twfollow{
		float: left;
		width: 230px;
		margin: 0 0 0;
	}
	#footer-menu  #follow .fbiine{
		float: left;
		width: 150px;
		margin: 3px 0 0;
	}
	#page-top{
		right: 20px;
		bottom: 30px;
	}
	#keyword{
		margin-top:-5px;
		margin-bottom:10px;
		padding-top:5px;
		padding-bottom:5px;
	}
	.wadai .posi-txt,
	.wadai .nega-txt{
		font-size: 124%;
	}
	#tag-cloud{
		height: auto;
		margin: 5px 0 10px;
		padding: 10px 5px 10px 10px;
		font-size: 110%;
	}
	#tag-cloud2{
		height: 100%;
		margin: 5px 0 30px;
		padding: 10px 5px 5px 10px;
		font-size: 100%;
	}
	#detail #tag-cloud h3,
	#detail #tag-cloud2 h3{
		padding: 0 5px 2px 2px;
		line-height: 140%;
		font-size: 124%;
	}
	#tag-cloud span,
	#tag-cloud2 span{
		margin: 5px 10px 5px 0;
		font-size: 115%;
	}
	#detail .related a h2{
		font-size: 140%;
	}
	#detail .related a p{
		font-size: 124%;
	}
	#detail #tweet .box .text{
		margin-left: 70px;
	}
	#detail .tweet .box .img-box img{
		width: 55px;
		border-radius: 55px;
	}
	#detail .tweet .box .img-box{
		width: 55px;
	}
	#detail #tweet .tw-images .tw-img{
		height: auto;

	}
	#detail #tweet .userinfo{
		margin-left: 70px;
		font-size: 116%;
	}
	#detail #tweet .tw-time{
		float: right;
		display: inline-block;
		width: 50%;
		margin-top: 0px;
		text-align: right;
		font-size: 154%;
	}
	#detail #tweet .tw-images{
		margin-left: 70px;
	}
	#detail #tweet .tw-func{
		display: inline-block;
		width: 200px;
		margin-left: 70px;
		font-size: 136%;
	}
	#keyword .keyword-num{
		position: absolute;
		top: 5px;
		right: 45px;
		z-index: -5;
		float: right;
		display: block;
		width: 160px;
		margin: 0;
		background: transparent none repeat scroll 0 0;
		line-height: 100%;
		text-align: right;
		/*font-family: Futura-MediumItalic,"Gill Sans", sans-serif;*/
		font-size: 270%;
		font-weight: normal;
		letter-spacing: -2px;
	}
	.keyword-ttl__trend{
		margin-bottom: 0;
		padding:0;
	}
	.keyword-ttl__tw{
		font-size: 14px;
	}
	.keyword-ttl__wrap{
		padding: 0;
		line-height: 130%;
		vertical-align: middle;
		font-size: 262%;
	}
	keyword-ttl__cat{
		padding: 2px 5px;
		line-height: 140%;
		font-size: 40%;
	}
	#keyword h1.ttl{
		display: block;
		margin: 0 50px 0 0;
	}
	#keyword .favorite{
		max-width: 150px;
	}
	#keyword .favorite i{
		font-size: 300%;
	}
	#keyword .inner{
		position: relative;
		width: 100%;
		max-width: 1100px;
		margin: 0 auto;
	}
	#keyword .next-prev .prev{
		padding: 10px 10px 10px 0;
		font-size: 124%;
	}
	#keyword .next-prev .next{
		padding: 10px 0 10px 10px;
		font-size: 124%;
	}
	#keyword .next-prev a{
		position: relative;
		width: 100%;
		box-sizing: border-box;
		/*display: flex;
		display: -webkit-flex;*/
		font-family: FontAwesome;
	}
	#keyword .next-prev a span{
		overflow: hidden;
		display: inline-block;
		max-width: 348px;
	}
	#keyword .next-prev .prev a:before{
		content: "\f060　";
	}
	#keyword .next-prev .next a:after{
		content: "　\f061";
	}
	#tweet-num{
		font-size: 300%;
	}
	#aggregation{
		font-size: 132%;
	}
	.related-article{
		padding: 14px 0 0;
	}
	.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{
		overflow: hidden;
		display: inline-block;
		background-image: url(/image/sprite@2x.png);
		background-size: 140px 466px;
		text-align: left;
		text-indent: -9999px;
	}
	.fixed{
		position: fixed;
		top: 75px;
		z-index: 1000;
		width: 100%;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
	}
	.graph-box{
		position: relative;
	}
	#sns-group ul{
		width: 100%;
		max-width: 900px;
		margin: 5px auto 0;
	}
	.inner-info-box{
		position: relative;
		overflow: hidden;
		width: 100%;
		max-width: 900px;
		margin: 0 auto;
		background: #fff;
	}
	.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;
		width: 90px;
		margin-left: 10px;
		padding: 5px 8px 3px;
		background: #fff;
		border: 2px solid #24aae4;
		border-radius: 5px;
		text-align: center;
		color: #24aae4;
		font-weight: bold;
	}
	.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{
		margin: 0 5px;
		padding: 20px 0 30px;
	}
	.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;
	}
	.line-btn,
	#sns-group .line-btn-icon,
	#pickup .linkbox .snsbox li.line-btn-icon{
		display: none;
	}
	#pickup2 article .cont{
		max-width: 900px;
		margin: 0 auto;
	}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
		right: 50px;
		left: auto;
		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");
	}
	/**/
	#sub .recent a{
		display: table;
		width: 98%;
		padding: 5px 1%;
		border-bottom: 1px dotted #ccc;
	}
	#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;
		background: #fff;
		border: 2px solid #24aae4;
		border-radius: 5px;
		color: #24aae4;
		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{
		z-index: 25;
		margin: -90px 0 0;
		padding: 15px 10px 10px;
		font-size: 200%;
	}
	.affiliate-box .affiliate{
		padding: 0 0 10px;
	}
	#pickup .genre article .detail-link{
		height: 205px;
	}
	#pickup article.daily-item .detail-link,
		padding: 10px 15px 20px;
	}
	#ss-list .ss-item{
		display: flex;
		height: 57px;
		padding: 5px 15px 5px;
	}
	.accordion{
		width: 100%;
		margin: 0 auto;
		padding: 3px 0 10px;
	}
	#ranking .txt-box .relation{
		position: relative;
		max-height: 126px;
		margin: 5px -5px 10px 0;
		padding: 0;
		border-radius: 5px;
		line-height: 130%;
		color: #777;
		font-size: 108%;
	}
	#ranking .txt-box .relation span{
		display: inline-block;
		margin: 0 3px 7px 0;
		padding: 0 6px 0 0;
		font-size: 116%;
		font-weight: bold;
	}
	#ranking .keyword-num span{
		font-size: 90%;
		letter-spacing: 0;
	}
	#pickup .relation .article1,
	#pickup .relation .article2,
	#pickup .relation .article3{
		max-width: 900px;
		padding: 0 0 0 2px;
	}
	#pickup .relation .detail-link{
		padding: 2px 0 5px;
	}
	#pickup .relation a h2{
		margin: 0;
		padding: 2px 0 5px;
		font-size: 124%;
	}
	#pickup .relation{
		padding: 0 0 20px;
	}
	#pickup .relation h3{
		margin: 0 0 10px 0;
		padding: 0 0 2px;
		border-bottom: 1px solid #ccc;
		line-height: 140%;
		color: #666;
		font-size: 132%;
		font-weight: normal;
	}
	#pickup .relation .twimg{
		overflow: hidden;
		width: 100%;
		height: 150px;
		border-radius: 4px;
	}
	#pickup .relation .article1 .twimg{
		overflow: hidden;
		width: 100%;
		height: 180px;
		background: #ccc;
		border-radius: 5px;
	}
	#tweet .tweet .box-list{
		width: 100%;
	}
	#detail .images{
		width: 100%;
	}
	.wadai .readmore-button-box a{
		display: block;
		width: 300px;
		margin: 0 auto;
		padding: 10px 0;
		border: 2px solid #fff;
		border-radius: 25px;
		text-align: center;
		font-weight: bold;
	}
	.wadai .readmore-button-box{
		width: 100%;
		margin: -70px 0 0;
		padding: 30px 0 15px;
	}
	.articleshare{
		margin: 10px 0;
	}
	#time-select{
		padding: 20px 3px;
	}
	#ranking .rankinbox h2{
		font-size: 136%;
	}
	#ranking .rankinbox h2 span{
		font-size: 142%;
	}
	#ranking .tag-cloud{
		margin: 10px 0;
	}
	#ranking .tag-cloud .tag{
		height: 36px;
	}
	#ranking .tag-cloud span a{
		padding: 10px;
		font-size: 132%;
	}
	#ranking .twimg-box{
		width: 132px;
		height: 99px;
	}
	#ranking .image-box{
		width: 132px;
		height: 99px;
	}
	#ranking .left{
		width: 100%;
		padding: 0 150px 0 0;
		box-sizing: border-box;
	}
	/*アーカイブ*/
	#calender-box{
		padding: 0 0 10px;
		background: #fff;
	}
	#calender-box h3{
		margin: 0 10px 0;
		padding: 10px 0 0;
		text-align: left;
		color: #666;
		font-size: 108%;
		font-weight: normal;
	}
	#calender-box .recent{
		padding: 0;
	}
	#calender-box .recent a{
		display: table;
		width: 300px;
		padding: 10px 0;
		border-bottom: 1px dotted #ccc;
	}
	#calender-box .recent a:last-child{
		border-bottom: none;
	}
	#calender-box .recent div{
		display: table-cell;
		width: 60px;
		background: #e66b6b;
		line-height: 165%;
		text-align: center;
		vertical-align: middle;
		color: #fff;
		font-weight: bold;
		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
		        border-radius: 3px;
	}
	#calender-box .recent div span{
		font-size: 200%;
	}
	#calender-box .recent p{
		display: table-cell;
		padding-left: 5px;
		line-height: 130%;
		vertical-align: middle;
	}
	#calender-box .recent p span{
		color: #444;
		font-size: 124%;
		font-weight: bold;
	}
	#date{
		width: 300px;
		padding: 5px 0 20px;
	}
	#date .month{
		position: absolute;
		top: 3px;
		left: 0;
		z-index: 1;
		display: inline-block;
		width: 100%;
		padding: 0 0 0;
		text-align: center;
		font-size: 160%;
		text-transform: lowercase;
	}
	.calendar{
		width: 100%;
	}
	.calendar th,
	.calendar td{
		width: 12.295%;
		padding: 5px 0;
		text-align: center;
	}
	.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{
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
	}
	table tbody{
		border: 1px solid #eee;
	}
	table tbody table tbody{
		border: 0;
	}
	thead{
		background: #eee;
	}
	.calendar-container{
		position: relative;
	}
	.calendar-container header{
		position: relative;
		height: 35px;
		background: #e66b6b;
		border-radius: 3px 1e3pxm 0 0;
		border-radius: 5px 5px 0 0;
		text-align: center;
		color: #fff;
	}
	.calendar-container header a.prev{
		position: absolute;
		top: 0;
		left: 5px;
		z-index: 5;
		display: block;
		padding: 10px 5px 0;
		color: #fff;
		text-decoration: underline;
	}
	.calendar-container header a.next{
		position: absolute;
		top: 0;
		right: 5px;
		z-index: 5;
		display: block;
		padding: 10px 5px 0;
		color: #fff;
		text-decoration: underline;
	}
	.calendar{
		width: 100%;
		padding: 2px;
		background: #fff;
	}
	.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;
	}
	#pickup #article-ranking article.daily-item .detail-link,
	#pickup #word-ranking article.daily-item .detail-link,
	#article-ranking .detail-link{
		padding: 0 ;
	}
	#ranking #article-ranking article,
	#pickup #article-ranking article,
	#article-ranking article,
	#ranking #word-ranking article,
	#pickup #word-ranking article,
	#word-ranking article{
		padding: 0;
		border-bottom: 1px dotted #ccc;
	}
	#article-ranking article a.detail-link,
	#word-ranking article a.detail-link{
		padding: 0;
	}
	#ss-list article a.detail-link{
		padding: 0;
		display: flex;
		align-items: center;
	}
	#article-ranking,
	#ss-list,
	#word-ranking{
		margin: 10px 0 20px;
	}
	#article-ranking .rank,
	#word-ranking .rank{
		position: absolute;
		overflow: hidden;
		width: 23px;
		height: 19px;
		margin: 5px 5px 0 0;
		padding-top: 13px;
		background: rgba(0, 0, 0, 0) url("/image/sprite.png") no-repeat scroll -44px -363px;
		text-align: center;
		color: #fff;
		font-weight: bold;
	}
	#ss-list .rank{
		position: absolute;
		overflow: hidden;
		width: 23px;
		height: 19px;
		margin: 5px 5px 0 0;
		padding-top: 23px;
		background: rgba(0, 0, 0, 0) url("/image/sprite.png") no-repeat scroll -44px -353px;
		text-align: center;
		color: #fff;
		font-weight: bold;
	}
	#article-ranking .one,
	#word-ranking .one{
		background-position: -80px -356px;
		color: #eec128;
	}
	#ss-list .one{
		background-position: -80px -346px;
		color: #eec128;
	}
	#article-ranking .two,
	#word-ranking .two{
		background-position: -115px -430px;
		color: #878e9a;
	}
	#ss-list .two{
		background-position: -115px -420px;
		color: #878e9a;
	}
	#article-ranking .three,
	#word-ranking .three{
		background-position: -10px -374px;
		color: #de8926;
	}
	#ss-list .three{
		background-position: -10px -364px;
		color: #de8926;
	}
	#article-ranking h3,
	#ss-list h3,
	#word-ranking h3{
		margin: 0 0 0 30px;
		padding: 10px 0 10px;
		line-height: 130%;
		color: #24aae4;
		font-size: 124%;
		font-weight: normal;
		text-decoration: underline;
	}
	#ss-list h3{
		padding: 0;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}
	#ss-list h4{
		margin: 0 0 0 30px;
		padding: 0;
		line-height: 20px;
		align-items: center;
		color: #24aae4;
		font-size: 100%;
		font-weight: normal;
		text-decoration: underline;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}
	#article-ranking h3 span,
	#ss-list h3 span,
	#word-ranking h3 span{
		display: inline-block;
		margin: 0 0 0 5px;
		padding: 2px;
		border: medium none;
		border-radius: 2px;
		line-height: 100%;
		color: #fff;
		font-size: 80%;
		font-weight: normal;
	}
	#article-ranking h3 span a,
	#word-ranking h3 span a{
		color: #fff;
	}
	#article-ranking h3 span.up-date,
	#word-ranking h3 span.up-date{
		margin: 0;
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		color: #666;
		font-size: 60%;
	}
	#article-ranking h2,
	#ss-list h2,
	#word-ranking h2,
	#calender-box h2,
	#date h2{
		z-index: 5;
		padding: 10px 0 0 0;
		line-height: 120%;
		font-size: 132%;
	}
	#date h2{
		padding: 10px 0 10px 0;
	}
	#article-ranking h2 span,
	#ss-list h2 span,
	#word-ranking h2 span,
	#pickup #article-ranking h2 span,
	#pickup #word-ranking h2 span,
	#pickup #calender-box h2 span,
	#pickup #date h2 span{
		z-index: 5;
		margin: 0;
		padding: 0;
		background: none;
		color: #999;
		font-size: 70%;
		font-weight: normal;
	}
	#ss-list h2 span {
		font-size: 67%;
	}
	#ss-list h2 span a{
		color: #24aae4;
	}
	#article-ranking #calender-box .recent a,
	#word-ranking #calender-box .recent a{
		display: table;
		width: 300px;
		padding: 10px 0;
		border-bottom: 1px dotted #ccc;
	}
	#detail .breadcrumb-list{
		padding: 0 0 10px;
		border-bottom: none;
	}
	#home{
		padding: 0 5px 10px;
	}
	#home .category .image{
		height: 140px;
	}
	#home .category .image img{
		max-width: 230%;
	}
	#home .categories .pickup-article a{
		font-size: 124%;
	}
	#home .category h3{
		font-size: 124%;
	}
	#home h3 a{
		padding: 7px ;
		font-size: 134%;
	}
	#home .category .more{
		top: 23%;
		left: 42%;
		z-index: 8;
		font-size: 560%;
		opacity: 0.6;
	}
	#home .categories .category{
		float: left;
		width: 50%;
		margin: 0 0 10px;
		padding: 0 5px;
	}
	#home .category .imgbox{
		height: 250px;
		margin: -32px 0 0;
	}
	#home .category .text{
		height: 40px;
		padding: 10px 5px;
	}
	#home .category .ranking{
		height: 30px;
		font-size: 116%;
	}
	#home .category .text div.article{
		font-size: 120%;
	}
	#home .category .text{
		bottom: 30px;
	}
	#home .cat-jpy .text,
	#home .cat-heat .text,
	#home .cat-report .text{
		bottom: 0;
		height: 75px;
	}
	#top-ranking{
		margin: 0 0 30px;
	}
	#top-ranking li a p{
		width: 120px;
		height: 170px;
		padding: 25px 0 0;
		font-size: 100%;
	}
	#top-ranking li a .rankingbox .box{
		overflow: hidden;
		height: 60px;
		padding: 5px 3px 0 10px;
	}
	#home .category .text div{
		overflow: hidden;
	}
	#top-ranking li a .rankingbox .box:nth-child(1){
		padding: 5px 3px 0 10px;
	}
	#top-ranking li a .rankingbox .box:-webkit-scrollbar{
		height: 1;
	}
	#top-ranking li a .rankingbox .box:-webkit-scrollbar-track{
		background-color: #fff;
	}
	#top-ranking li a .rankingbox .box:-webkit-scrollbar-thumb{
		background-color: rgba( 238, 238, 238, 0.8);
	}
	#top-ranking li a .rankingbox .box .twnum{
		width: 60px;
	}
	#top-ranking li a .image{
		width: 120px;
		height: 80px;
		margin-right: 10px;
	}
	#navbox{
		padding-top:80px;
		width: 100%;
		max-width: 1100px;
		margin-left:auto;
		margin-right:auto;
	}
	#navbox li a p{
		padding: 14px 0 0;
		font-size: 116%;
	}
	#navbox li a .image{
		width: 80px;
		height: 60px;
		margin-right: 10px;
	}
	#navbox ul li:nth-child(2n+1),
	#navbox ul li:nth-child(2n+0){
		float: left;
		width: 25%;
		padding: 0 10px 10px;
	}
	.rankinbox{
		padding: 20px 0 10px;
	}
	#detail .rankinbox{
		padding: 0 0 10px;
	}
	.rankinbox .ranking-related{
		font-size: 85%;
		color: #aaa;
		
	}
	.affi-desc{
		margin: 0;
	}
	#header #logo-box li#pcmenu,
	#header #logo-box li.sb-toggle-right,
	#pcmenu{
		display: block;
	}
	#home-box{
		position: relative;
	}


	#top-ranking li, #navbox li{
		margin: 0;
		font-size: 132%;
	}

}
.hidden{
	display: none;
}
#nict-select-translate{
	display: none;
}

/*
ニッポンのつぶやきランキング
*/
#comment ol br{
	display: none;
}
#comment ol.fortune li br{
	display: block;
}
#comment ol li{
	position: relative;
	margin: 0;
	padding: 15px 15px 15px 45px;
	border-bottom: dotted 1px #eaeaea;
	list-style: none;
	color: #717171;
}
#comment ol.fortune li{
	padding: 10px 5px 10px 45px;
	line-height: 140%;
}
#comment #account{
	display: block;
	width: 150px;
	margin: 5px auto 0;
	padding: 5px 0;
	background: #24aae4 none repeat scroll 0 0;
	text-align: center;
	color: #fff;
	font-size: 108%;
	font-weight: bold;
	text-decoration: none;
}

#comment ol li:before{
	position: absolute;
	top: 11px;
	left: 0;
	padding: 5px 13px;
	background: #d8d8d8;
	color: #fff;
}
#comment ol li:nth-of-type(1):before,
#comment ol li:nth-of-type(2):before,
#comment ol li:nth-of-type(3):before{
	top: 14px;
	border: none;
	color: #fff;
	font-size: 115%;
	font-weight: bold;
}
#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:after{
	content: "　";
}
#comment ol li:nth-of-type(1) b,
#comment ol li:nth-of-type(2) b,
#comment ol li:nth-of-type(3) b{
	font-size: 150%;
	font-weight: bold;
}
#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;
}
#comment ol li:nth-of-type(11):before{
	content: "11";
	padding: 5px 9px;
}
#comment ol li:nth-of-type(12):before{
	content: "12";
	padding: 5px 9px;
}

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

/*
昨日の結果
*/
.ystd{
	position: relative;
}
.ystd a{
	display: inline-block;
	padding: 10px 15px;
	padding-left: 47px;
	border: solid 1px #24aae4;
	border-radius: 3px;
	font-weight: bold;
	text-decoration: none !important;
}
.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{
	position: relative;
	padding: 60px 30px 45px;
	background: #ebebeb;
	        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;
	right: 15px;
	bottom: 5px;
}
#comment .quotation a{
	display: block;
	margin-top: 15px;
}
/*
まとめ記事用
*/
#comment .index-box{
	margin: 10px 0 0;
	padding: 5px;
	border: 1px solid #ccc;
}
#comment .index-box span{
	font-size: 115%;
	font-weight: bold;
}

/*
画像
*/
#comment .image{
	text-align: center;
}
#comment .image br{
	display: none;
}
/*
テーブル
*/
#comment table br{
	display: none;
}

#comment table{
	width: 100%;
	border-collapse: separate;
	table-layout: fixed;

	word-break: break-word;
}
#comment table th,
#comment table td{
	padding: 10px;
	border-bottom: solid 1px #eee;
	border-left: solid 1px #eee;
	text-align: left;
}
#comment tr td:last-child{
	border-right: solid 1px #eee;
}
#comment table tr th{
	border-top: solid 1px #eee;
	border-bottom: solid 3px #ddd;
	border-left: solid 1px #eee;
}
#comment tr th:last-child{
	border-right: solid 1px #eee;
}

/** RESET AND LAYOUT
===================================*/

.bx-wrapper{
	position: relative;
	overflow: auto;
	margin: 0 auto 10px;
	padding: 0;

	*zoom: 1;
}
.bx-wrapper img{
	display: block;
	max-width: 100%;
}

/** THEME
===================================*/

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto{
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
	width: 100%;
	height: 100%;
	min-height: 50px;
	background: url(/image/bx_loader.gif) center center no-repeat #fff;
}

/* PAGER */

.bx-wrapper .bx-pager{
	display: none;
	padding-top: 20px;
	text-align: center;
	color: #666;
	font-family: Arial;
	font-size: 0.85em;
	font-weight: bold;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item{
	display: inline-block;

	*display: inline;
	*zoom: 1;
}

.bx-wrapper .bx-pager.bx-default-pager a{
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	background: #666;
	        border-radius: 5px;
	outline: 0;
	text-indent: -9999px;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev{
	left: 3px;
	background: url(/image/controls2.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next{
	right: 3px;
	background: url(/image/controls2.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover{
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover{
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a{
	position: absolute;
	top: 50%;
	z-index: 50;
	width: 32px;
	height: 32px;
	margin-top: -16px;
	outline: 0;
	text-indent: -9999px;
}

.bx-wrapper .bx-controls-direction a.disabled{
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto{
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start{
	display: block;
	width: 10px;
	height: 11px;
	margin: 0 3px;
	background: url(/images/controls2.png) -86px -11px no-repeat;
	outline: 0;
	text-indent: -9999px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active{
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop{
	display: block;
	width: 9px;
	height: 11px;
	margin: 0 3px;
	background: url(/images/controls2.png) -86px -44px no-repeat;
	outline: 0;
	text-indent: -9999px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active{
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{
	width: 80%;
	text-align: left;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{
	right: 0;
	width: 35px;
}

/*視聴熱用CSS*/
#comment #heat br{
	content: "";
	display: none;
	margin: 2em;
}
#comment #heat{
	width: 100%;
	padding: 0 0 10px;
}
#comment #heat h1{
	padding: 10px 0 0;
	background: none;
	line-height: 100%;
	text-align: center;
	color: #f63f33;
	font-size: 132%;
}
#comment #heat #dramasection h1,
#comment #heat #animesection h1,
#comment #heat #varietysection h1{
	padding: 10px 0 0 5px;
	text-align: left;
	color: #666;
}
#comment #heat ul.shicho{
	margin: -1px 0 5px;
	padding: 5px 5px 0;
	background: #999;
}
#comment #heat ul.shicho li{
	float: left;
	width: 50%;
	box-sizing: border-box;
	background: #ddd;
	/*border-right:1px solid #CCC;*/
	text-align: center;
	font-weight: bold;
}
#comment #heat ul.shicho li.off{
	padding: 11px 0 9px;
	background: #fff;
}
#comment #heat ul.shicho li a{
	display: block;
	padding: 14px 0 13px;
	background: #ddd;
	text-align: center;
	color: #24aae4;
	text-decoration: underline;

	font-szie: 120%;
}
#comment #heat ul.shicho li:last-child{
	border-right: none;
}

#comment #heat h1.variety{
	padding: 20px 0 0;
}
#comment #heat h2.lead{
	padding: 3px 0 0;
	text-align: center;
	color: #f63f33;
	font-size: 100%;
	font-weight: normal;
}
#comment #heat h2 span{
	font-weight: bold;
}
#comment #heat .heat-box .txt-box h2{
	position: relative;
	z-index: 2;
	padding: 10px 100px 0 25px;
	color: #666;
	text-decoration: none;
}
.heat-box .cont .textimage-box .keyword-num{
	position: absolute;
	top: 5px;
	right: 0;
	z-index: 1;
	width: 100%;
	text-align: right;
	font-size: 150%;
}
.heat-box .textimage-box{
	width: 100%;
}
#comment #heat .heat-box a .txt-box h2{
	color: #24aae4;
	text-decoration: underline;
}
#comment #heat h3{
	padding: 0 0 5px;
	border-bottom: 1px dotted #ccc;
	border-left: none;
	text-align: center;
	color: #999;
	font-size: 93%;
	font-weight: normal;
}
#comment #heat p.update{
	padding: 0 5px ;
	border-bottom: 1px dotted #ccc;
	text-align: center;
	color: #999;
	font-size: 93%;
	font-weight: normal;
}
#comment #heat .heat-box article{
	padding: 5px 7px;
	color: #999;
}
#comment #heat .heat-box article .rank{
	position: absolute;
	overflow: hidden;
	width: 23px;
	height: 24px;
	margin: 5px 5px 0 -2px;
	margin: 5px 5px 0 -4px;
	padding-top: 11px;
	background: rgba(0, 0, 0, 0) url("/image/sprite.png") no-repeat scroll -44px -363px;
	text-align: center;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
}
#comment #heat .heat-box article p.gender{
	padding: 10px 0 0;
	line-height: 100%;
	font-size: 108%;
	font-weight: bold;
}
/*
#comment #heat .heat-box article p.gender span {
	font-size:124%;
}
*/
#drama-more-box{
	margin: 0 0 10px;
	padding: 10px 0 0;
	border-top: 1px dotted #ccc;
}

.heat-box a{
	display: block;
	margin: 0;
	padding: 0 0 0;
	line-height: 130%;
	color: #999;
}

.report-box a{
	display: block;
	margin: 0;
	padding: 0 0 0;
	line-height: 130%;
	color: #999;
}

#drama-more-box a{
	display: block;
	width: 260px;
	height: 17px;
	margin: 0 auto ;
	padding: 10px 0;
	padding: 10px 7px 7px;
	background: #24aae4 ;
	border-radius: 5px;
	box-shadow: 0 0 3px #bbb;
	text-align: center;
	color: #fff;
	font-weight: bold;
}

#comment #heat .heat-box article p.gender span.men{
	color: #00a3d8;
}
#comment #heat .heat-box article p.gender span.women{
	color: #d83832;
}
#comment #heat .heat-box article .percent{
	margin: 5px 0;
	background: #e3e3e3;
}
#comment #heat .heat-box article .percent .men-percent{
	float: left;
	height: 5px;
	background: #7fd1ec;
	text-indent: -9999px;
}
#comment #heat .heat-box article .percent .women-percent{
	float: left;
	height: 5px;
	background: #ec9b98;
	text-indent: -9999px;
}
#comment #heat .heat-box article .account-box{
	padding: 0 0 5px;
}
#comment #heat .heat-box article .account-box .share{
	float: left;
}
#comment #heat .heat-box article .account-box .share .men{
	color: #4185f3;
}
#comment #heat .heat-box article .account-box .share .women{
	color: #e74334;
}
#comment #heat .heat-box article .account-box .account{
	float: right;
}
#comment #heat .heat-box article .account-box .account span{
	font-weight: bold;
}
#comment #heat .pager{
	padding: 10px ;
}
#comment #heat .pager .prev{
	float: left;
	width: 100px;
}
#comment #heat .pager .next{
	float: right;
	width: 100px;
	text-align: right;
}
#comment #heat .pager a{
	display: block;
	width: 100px;
	padding: 7px 0;
	background: #24aae4;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	font-size: 108%;
	font-weight: bold;
}
#comment #heat .thetv{
	margin: 10px;
	padding: 9px;
	border: 1px solid #fbb3af;
}
#comment #heat .thetv h1{
	padding: 0 0 5px;
	line-height: 100%;
	text-align: left;
	color: #666;
	font-size: 116%;
}
#comment #heat .thetv img{
	float: left;
	width: 98px;
	border: 1px solid #ccc;
}
#comment #heat .thetv .box{
	padding: 0 0 10px;
}
#comment #heat .thetv p{
	margin: 0 0 0 105px;
}
#comment #heat .thetv a{
	display: block;
	width: 260px;
	height: 17px;
	margin: 0 auto 0;
	padding: 10px 7px 7px;
	background: #24aae4;
	border-radius: 5px;
	box-shadow: 0 0 3px #bbb;
	text-align: center;
	color: #fff;
	font-weight: bold;
}
#comment #heat .about-gender{
	padding: 0 10px 10px;
	line-height: 130%;
	color: #888;
	font-size: 85%;
}
#comment #heat .about-gender a{
	display: inline;
	padding: 0;
	color: #24aae4;
	text-decoration: underline;
}
#comment #heat .commentary{
	padding: 5px;
	border-bottom: 1px dotted #ccc;
	color: #666;
}
.articleshare{
	padding: 10px 0 0;
}
/*PC用*/
@media only screen and (min-width: 800px){
	#comment #heat h2{
		margin: 0 auto 0;
	}
	#sns-group{
		margin: 10px 0 0;
	}
	#comment #heat .commentary{
		margin: 0 auto 10px;
		font-size: 108%;

		paddong: 14px;
	}
	.articleshare{
		padding: 10px 0;
	}
}
/*検索ボックス*/
#searchbox2{
	margin: 60px 0 0;
}
#searchbox3{
	display: none;
}
#gsc{
	position: relative;
	margin: 0 10px 5px;
}
#gsc td{
	border: none;
}
#gsc .gsc-control-cse, 
#gsc .gsc-control-cse-ja,
#gsc .gsib_a{
	margin: 0 !important;
	padding: 0 !important;
}

/* テキスト入力フォーム */
#gsc input[type="text"]{
	height: 28px !important;
	margin-top: 100px;
	border: 1px solid #999 !important;
}
#gsc input[type="text"]:focus{
	border: 2px solid #b2e0eb !important;
	outline: 0;  /*safariの自動フォーカスを切る */
}
/* テキスト入力フォームの影を消す */
#gsc #gsc-iw-id1{
	border: none !important;
}
/* テキスト入力フォームの背景画像位置調整 */
#gsc #gs_tti0 input{
	background-position: 5px 5px !important;
}
/* ボタンの色 */
#gsc input.gsc-search-button{
	background: #008ee1 !important;
	background: -ms-linear-gradient(top,  #008ee1 0%,#008ee1 100%); /* IE10+ */
	border: 1px solid #008ee1 !important;

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ee1', endColorstr='#008ee1',GradientType=0 ); /* IE6-9 */
}
/* ボタンの位置調整と角丸消し */
#gsc .gsc-search-button{
	border-radius: 3px;
	border:0;
}
/* 入力時に出る「×」ボタンの位置調整 */
#gsc .gsib_b a{
	position: absolute;
	top: 4px;
	right: 80px;
}
/* 入力時に出る×ボタン -- Firefox位置調整 -- */
#gsc .gsib_b span{
	padding: 2px 0 0 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
}
#gsc .gsc-results-wrapper-overlay{
	top: 5%;
	left: 5%;
	width: 90%;
	height: 75%;
	padding: 15px 15px 50px;
	box-sizing: border-box;
	border-radius: 5px;
}
#gsc .gsc-modal-background-image{
	background-color: black;
}
.gsc-results-wrapper-overlay .gsc-tabsArea > div{
	height: 35px;
}
.gsc-results-wrapper-overlay .gsc-tabsArea{
	height: 34px;
}
.gsc-results-wrapper-overlay .gsc-tabsArea .gsc-tabhInactive{
	height: 29px;
}
.gsc-tabsArea .gsc-tabHeader{
	height: 30px;
	padding: 3px 15px 1px;
	font-size: 16px;
}
.gsc-search-box-tools .gsc-search-box .gsc-input{
	padding-right: 12px !important;
}
.cse .gsc-search-button-v2,
.gsc-search-button-v2{
	padding: 7px 27px !important;
}
.gsc-search-button-v2 svg {
	height: auto;
	width: 16px;
}
.gsc-input-box{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
input.gsc-input, .gsc-input-box,
.gsc-input-box-hover, .gsc-input-box-focus{
	border-color:transparent !important;
}
table.gsc-search-box tbody{
	border:0;
}
.cse .gsc-control-cse,
.gsc-control-cse{
	border-width:0 !important;
}


/*PC用*/
@media only screen and (min-width: 800px){
	#searchbox2{
		display: none;
	}
	#searchbox3{
		display: block;
	}
	#searchbox3 #gsc{
		margin: 0 0 12px;
	}
	#tsuiran{
		margin: 60px auto 0;
	}
	#gsc .gsc-results-wrapper-overlay{
		top: 10%;
		left: 10%;
		width: 80%;
		height: 80%;
		padding: 30px;
	}
	#pickup-attention{
		padding-bottom: 40px;
	}
}
.attention-tweet{
	padding: 10px 10px 15px;
	line-height: 125%;
	color: #888;
	font-size: 90%;
}
.attention-tweet a{
	color: #1850b6;
	text-decoration: underline;
}
.attention-tweet span{
	font-weight: bold;
}



/*=============================================================
・挿入
=============================================================*/
.insert{
	margin: 0 ;
	padding: 0 10px 10px;
	box-sizing: border-box;
}
.insert .now-box{
	/*border:1px solid #CCC;*/
	padding: 5px 0 3px;
}
.insert .now-box h1{
	font-size: 156%;
}
.insert .now-box p{
	font-size: 132%;
}
.insert .now-box span{
	font-weight: bold;
}
.insert .now-box .inner{
	width: 100%;
	max-width: 520px;
	margin: 0 auto;
	box-sizing: border-box;
	border: 1px solid #ddd;
}
.insert .now-box a{
	color: #24aae4;
	font-weight: bold;
	text-decoration: underline;
}
#ranking .insert .now-box a{
	display: inline;
	padding: 0;
}
@media only screen and (min-width: 800px){
	.insert{
		margin: 0 ;
		padding: 0 10px 10px;
	}
	.insert .now-box{
		font-size: 100%;
	}
	#onoff-btn{
		bottom: 70px;
		left: 15%;
		z-index: 500;
		width: 70%;
	}
	#entryBtn{
		top: 12px;
		left: 12px;
		display: block;
		width: 100%;
	}
	#detail .wadai #tweet-btn{
		width: 100%;
		padding: 10px 50px;
		box-sizing: border-box;
		font-size: 170%;
	}
	input.my_check[type="checkbox"] + label::before{
		content: "×";
		display: inline-block;
		width: 30px;
		height: 30px;
		margin: 0;
		padding: 8px 0 0 0;
		border-radius: 26px;
		line-height: 13px;
		text-align: center;
		vertical-align: middle;
		color: transparent;
		font-size: 31px;
	}
	#onoff-btn .onoff label{
		top: 0;
		right: -24px;
	}
}
.oonoScroll{
	display: none;
}
#genre{
	margin: 20px 10px 10px;
	border-top: 5px solid #eee;
	border-bottom: 4px solid #eee;
	border-left: 5px solid #eee;
	border-right: 5px solid #eee;
}
#genre li{
	float: left;
	width: 20%;
	box-sizing: border-box;
	border-bottom: 1px solid #eee;
}
#genre li a{
	display: block;
	padding: 10px 0 5px;
	border-right: 1px solid #eee;
	line-height: 130%;
	text-align: center;
}
#genre li a i{
	font-size: 200%;
}
#genre li:nth-child(5n) a{
	border-right: none;
}
@media only screen and (max-width: 800px){
	#genre{
		margin: 10px 0 5px;
		border-left: none;
		border-right: none;
	}
	#genre li a{
		padding: 7px 0 5px;
		font-size: 95%;
	}
	#genre li a i{
		font-size: 150%;
	}
}
#genre li a.trend{
	color: #c73c42;
}
#genre li a.drama{
	color: #ca71ff;
}
#genre li a.talent{
	color: #00ba7d;
}
#genre li a.tv{
	color: #465dab;
}
#genre li a.movie{
	color: #ff8000;
}
#genre li a.read{
	color: #906cff;
}
#genre li a.go{
	color: #19b29f;
}
#genre li a.sports{
	color: #09a086;
}
#genre li a.spgame{
	color: #a67c51;
}
#genre li a.trend{
	color: #c73c42;
}
.kw{
	background-color: #ffffb7;
}
/*=============================================================
お気に入りワード
=============================================================*/
#favorite{
	background: #fff;
	border-radius: 5px;
}
#history{
	position: relative;
	width: 1100px;
	margin: 0 auto;
}
#history .inner{
	position: absolute;
	top: 200px;
	left: 0;
	z-index: 100;
	width: 778px;
	padding: 10px;
	box-sizing: border-box;
	background: rgba(0, 0, 0, 0.6);
	border-radius: 5px;
	color: #fff;
	font-size: 132%;
}
#history i{
	margin: 0 5px 0 0;
	color: #ecbd00;
	font-size: 154%;
}
#history .inner span{
	color: #ecbd00;
	font-weight: bold;
}
#favorite .combine{
	position: relative;
	padding: 20px 0 30px;
	border-top: 1px solid #ccc;
	font-size: 132%;
}
#favorite .combine:before{
	content: "";
	position: absolute;
	top: -24px;
	left: 20px;
	z-index: 2;
	margin-left: -15px;
	border: 12px solid transparent;
	border-bottom: 12px solid #fff;
}
#favorite .combine:after{
	content: "";
	position: absolute;
	top: -26px;
	left: 20px;
	z-index: 1;
	margin-left: -16px;
	border: 13px solid transparent;
	border-bottom: 13px solid #aaa;
}
#favorite .combine a{
	display: block;
	width: 80%;
	padding: 5px 0;
	background: #22abe4;
	border-radius: 5px;
	text-align: center;
	color: #fff;
}
#favorite .favorite-ttl{
	margin: 0 0 0 10px;
	font-size: 180%;
}
#favorite .favorite-ttl span{
	color: #d84630;
	font-size: 180%;
}
#favorite .favoritebox{
	padding: 0 0 20px;
}
#favorite .favoritebox .keyword{
	position: relative;
	width: 100%;
	padding: 20px 0 10px;
	border-bottom: 1px dotted #ccc;
}
#favorite .favoritebox .keyword:last-child{
	/*border:none;*/
	padding: 20px 0 0;
}
#favorite .favoritebox .keyword a{
	display: block;
	width: 100%;
	color: #24aae4;
	font-weight: bold;
}
#favorite .favoritebox .keyword .check{
	float: left;
	margin: 0 25px 0 10px;
	text-decoration: underline;
}
#favorite .historybox .keyword .check{
	float: left;
	margin: 0 0 0 10px;
}
#favorite .favoritebox .keyword .check{
	font-size: 231%;
}
#favorite .favoritebox .keyword .check span{
	display: inline-block;
	margin-left: 5px;
	padding: 2px 3px 2px;
	background: #ccc;
	border-radius: 3px;
	line-height: 100%;
	color: #fff;
	font-size: 70%;
	font-weight: normal;
}
#favorite .favoritebox .keyword .close{
	position: absolute;
	top: 30%;
	right: 5px;
	width: 25px;
	padding: 0;
	background: none;
	border: none;
	text-align: right;
	font-size: 132%;;
}
#favorite .favoritebox .keyword .close .fa-times{
	color: #999;
}
#favorite .favorite-text{
	padding: 0 10px;
	font-size: 108%;
}
#favorite .favoritebox .keyword .check_css{
	position: relative;
	display: inline-block;
	padding: 0 0 0 42px;
	vertical-align: middle;
	        transition: background-color 0.2s linear;
	cursor: pointer;

	-webkit-transition: background-color 0.2s linear;
}
#favorite .favoritebox .keyword .check_css:hover:after{
	border-color: #0171bd;
}
.check_css:after{
	content: "";
	position: absolute;
	top: 50%;
	left: 15px;
	display: block;
	width: 16px;
	height: 16px;
	margin-top: -10px;
	border: 1px solid #aaa;
	border-radius: 6px;
	        transition: border-color 0.2s linear;

	-webkit-transition: border-color 0.2s linear;
}
#favorite .favoritebox .keyword .check_css:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 21px;
	display: block;
	width: 5px;
	height: 9px;
	margin-top: -7px;
	border-bottom: 3px solid #0171bd;
	border-right: 3px solid #0171bd;
	opacity: 0;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	-webkit-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
}
#favorite .favoritebox .keyword input[type=checkbox]:checked + #favorite .favoritebox .keyword .check_css:before{
	opacity: 1;
}
#favorite p.lead{
	padding: 0 0 0;
	font-size: 154%;
}
#favorite p.lead span{
	font-size: 84%;
}
#favorite #registration{
	margin: 20px 0;
}
#fortune #registration{
	margin: 0 0 20px;
	background: #f5f5f5;
}
#fortune .zappallas{
	margin: 20px 0;
	padding: 10px;
	background: #f5f5f5;
	text-align: right;
	font-weight: 100%;
}
#fortune .zappallas a{
	color: #24aae4;
}
#favorite #registration .textbox,
#fortune #registration .textbox{
	width: 100%;
	margin: 0 0 10px;
	padding: 5px;
	box-sizing: border-box;
	font-size: 108%;
}
#favorite #registration p.new,
#fortune #registration p.new{
	padding: 10px 0 5px;
	font-size: 132%;
}
#favorite #registration p.forget,
#fortune #registration p.forget{
	margin: -10px 0 20px;
}
#favorite #acount-btn a,
#fortune #acount-btn a{
	display: block;
	width: 50%;
	margin: 0 auto 10px;
	padding: 7px 0 5px;
	background: #e67373;
	text-align: center;
	color: #fff;
	font-size: 124%;
	font-weight: bold;

	-webkit-appearance: none;
}
#registration #form-login .btn a{
	display: block;
	width: 100%;
	margin: 0 auto 10px;
	padding: 7px 0 5px;
	background: #e67373;
	border-radius: 5px;
	text-align: center;
	color: #fff;
	font-size: 124%;
	font-weight: bold;

	-webkit-appearance: none;
}
#registration #form-login .btn a.login{
	background: #22abe4;
}
#registration #form-login .btn a.birthday{
	background: #de8926;
}
#favorite .favoritebox-0{
	margin: 0 0 40px;
	padding: 20px 20px 0;
	background: #fff7df;
	border: 3px solid #ffefbf;
}
#favorite .favoritebox-0 h2{
	padding: 0 0 5px;
	font-size: 180%;
}
#favorite .favoritebox-0 h3{
	display: inline-block;
	margin: 0 0 10px;
	padding: 10px 10px 7px 10px;
	background: #ffa2cc;
	line-height: 100%;
	color: #fff;
	font-size: 154%;
}
#favorite .favoritebox-0 p{
	padding: 0 0 30px;
	font-size: 136%;
}
#fortune .favorite-ttl{
	margin: 20px 0 0 10px;
	font-size: 180%;
}
#fortune .fortune-box{
	margin: 0 0 30px;
	padding: 10px ;
}
#fortune .uranaimage{
	margin: 0 0 10px;
	padding: 10px ;
}
#fortune .fortune-box h2{
	margin: 20px 0 0;
	font-size: 139%;
}
#fortune .fortune-box h2 span{
	color: #999;
	font-size: 85%;
	font-weight: normal;
}
#fortune .fortune-box p{
	font-size: 124%;
}
#fortune .fortune-box p span{
	font-size: 116%;
	font-weight: bold;
}
#fortune .fortune-box p span.star{
	color: #f60;
}
#fortune .fortune-box input{
	color: #666;
	font-size: 124%;
}
#fortune #campaign-bnr{
	padding: 10px 0;
	text-align: center;
}
#birthday{
	margin: 30px 0 30px;
	padding: 30px 0;
	border-top: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
}
#birthday h1{
	margin: 0 0 0 0;
	font-size: 180%;
}
#birthday li{
	display: inline-block;
	margin: 10px 20px 0 0;
	font-size: 147%;
	font-weight: bold;
}
#birthday li a{
	color: #24abe4;
	text-decoration: underline;
}
#birthday li span{
	font-size: 75%;
}
#ranking #birthday{
	padding: 10px;
	box-sizing: border-box;
}
#ranking #birthday a{
	padding: 0;
}
#pickup #birthday{
	margin: 0 0 ;
	padding: 20px 10px;
	box-sizing: border-box;
	border-top: none;
	border-bottom: 1px dotted #ccc;
}
#mytab{
	margin: 20px 0 10px;
	padding: 0 10px;
	border-bottom: 1px solid #ccc;
}
#mytab li{
	float: left;
	width: 49%;
	text-align: center;
}
#mytab li:last-child{
	float: right;
}
#mytab li a{
	display: block;
	padding: 10px 0;
	background-color: #eee;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	color: #aaa;
	font-size: 139%;

	-webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	   -moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
}
#favorite #mytab li.favorite a,
#fortune #mytab li.fortune a{
	margin: 1px 0 -1px;
	background-color: #fff;
	color: #555;
	font-weight: bold;
}
#fortune .fortune-box .bnr-pc{
	display: block;
	margin: 30px 0 0;
	text-align: center;
}
#fortune .fortune-box .bnr-sp{
	display: none;
}
#fortune .fortune-box .bnr-pc h2,
#fortune .fortune-box .bnr-sp h2{
	margin: 0 0 5px;
	text-align: left;
}
@media only screen and (max-width: 800px){
	#favorite .favorite-ttl{
		margin: 0;
		padding: 10px 10px 0;
		line-height: 120%;
		font-size: 124%;
	}
	#fortune .favorite-ttl{
		font-size: 124%;
	}
	#favorite .favorite-ttl span{
		color: #d84630;
		font-size: 124%;
	}
	#favorite .favoritebox{
		padding: 0 5px 10px;
	}
	#favorite .favoritebox .keyword{
		width: 100%;
		padding: 10px 0 5px;
		border-bottom: 1px dotted #ccc;
	}
	#favorite .favoritebox .keyword:last-child{
		padding: 10px 0 5px;
	}
	#favorite .favoritebox .keyword .check{
		margin: 0 25px 0 5px;
		font-size: 139%;
	}
	#favorite .historybox .keyword .check{
		margin: 0 0 0 5px;
		font-size: 139%;
	}
	#favorite .combine{
		padding: 10px 20px 10px;
	}
	#favorite .combine a{
		width: 100%;
		font-size: 80%;
	}
	#favorite p.lead,
	#favorite .favoritebox-0 p.lead,
	#favorite #registration p.new,
	#fortune #registration p.new{
		padding: 0 5px;
		font-size: 116%;
	}
	#favorite #registration{
		margin: 10px 0 10px;
		padding: 8px 10px 5px;
	}
	#fortune #registration{
		margin: 10px 0 10px;
		padding: 8px 10px 5px;
	}
	#fortune #registration .btn{
		width: 90%;
		font-size: 90%;
	}
	#favorite #registration .btn{
		font-size: 90%;
	}
	#favorite #registration p.forget,
	#fortune #registration p.forget{
		margin: -10px 0 5px;
	}
	#favorite #registration .textbox,
	#fortune #registration .textbox{
		font-size: 90%;
	}
	#favorite .favoritebox-0{
		margin: 10px;
		padding: 0 10px 0;
	}
	#favorite .favoritebox-0 h2{
		padding: 10px 0 0;
		line-height: 120%;
		font-size: 124%;
	}
	#favorite .favoritebox-0 h3{
		margin: 5px 0 5px;
		padding: 5px 10px ;
		line-height: 120%;
		font-size: 124%;
	}
	#favorite .favoritebox-0 p{
		padding: 0 0 10px;
		font-size: 116%;
	}
	#fortune .fortune-box h2{
		margin: 10px 0 0;
		font-size: 132%;
	}
	#fortune .fortune-box p,
	#fortune .fortune-box input{
		font-size: 116%;
	}
	#fortune .fortune-box p.zappallas{
		text-align: center;
		font-size: 100%;
	}
	#fortune .fortune-box .bnr-pc{
		display: none;
	}
	#fortune .fortune-box .bnr-sp{
		display: block;
		margin: 20px 0 0;
		text-align: center;
	}
	#mytab{
		margin: 5px 0 10px;
		padding: 0 10px;
		border-bottom: 1px solid #ccc;
	}
	#mytab li a{
		padding: 5px 0;
		font-size: 116%;
	}
	#birthday{
		margin: 20px 0;
		padding: 10px 0;
		border-top: 3px solid #ccc;
		border-bottom: 3px solid #ccc;
	}
	#birthday h1{
		margin: 0 0 0 0;
		font-size: 132%;
	}
	#birthday li{
		display: inline-block;
		margin: 5px 10px 0 0;
		font-size: 124%;
		font-weight: bold;
	}
	#pickup #birthday{
		padding: 10px;
	}
	#word-list #wordBox{
		padding: 10px;
		font-size: 108%;
	}
}
#word-list #main-box{
	background: #fff;
}
#word-list #wordBox{
	font-size: 124%;
}
#word-list #wordBox li,
#word-list #wordBox .wordlist{
	display: inline-block;
}
#word-list #wordBox .wordlist{
	padding: 0 0 0 5px;
}
#word-list #wordBox li{
	padding: 0 5px 0 0;
}
#word-list #wordBox li a{
	color: #24aae4;
	text-decoration: underline;
}
#pager{
	width: 100%;
}
#pager li{
	display: inline-block;
	padding: 5px;
}
#pager li a{
	display: inline-block;
	padding: 5px 10px;
	background: #ffffff;
	border: 1px solid #24aae4;
	color: #24aae4;
	text-decoration: none;
}
@media only screen and (max-width: 800px){
	#word-list #wordBox{
		padding: 0 10px;
		font-size: 108%;
	}
	#keyword .favorite{
		top: 15px;
		right: 5px;
	}
	#keyword .favorite .grid__item .fa{
		font-size: 154%;
	}
	#keyword .favorite .grid__item .icobutton__text{
		padding: 3px 0 0 3px;
		line-height: 100%;
		font-size: 124%;
	}
	#history{
		width: 100%;
		margin: 0;
		padding: 0 10px;
		box-sizing: border-box;
	}
	#history .inner{
		top: -50px;
		left: 10px;
		width: 300px;
		padding: 10px;
		box-sizing: border-box;
		background: rgba(0, 0, 0, 0.8);
		border-radius: 5px;
		color: #fff;
		font-size: 108%;
	}
	#history i{
		margin: 0 3px 0 0;
		color: #ecbd00;
		font-size: 124%;
	}
	#history .inner span{
		color: #ecbd00;
		font-weight: bold;
	}
	#message{
		width: 100%;
		margin: 0 auto -55px;
		padding: 50px 10px 0;
		box-sizing: border-box;
	}
	#message span{
		font-weight: bold;
	}
}


/*プッシュ用*/
.effeckt-perspective{
	perspective: 600px;
}.effeckt-show{
	visibility: visible;
}.effeckt-button{
	position: relative;
}.effeckt-button .spinner{
	position: absolute;
	top: 50%;
	width: 32px;
	height: 32px;
	margin-top: -16px;
	margin-left: -16px;
	background-image: url(data:image/gif;base64,R0lGODlhIAAgAPMAAJmZmf///6+vr8nJybW1tcDAwOjo6Nvb26ioqKOjo7Ozs/Ly8vz8/AAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
	background-size: 32px auto;
	opacity: 0;
}.effeckt-button,.effeckt-button .spinner,.effeckt-button .label{
	transition: 500ms cubic-bezier(0.175,0.885,0.32,1.275) all;
}.effeckt-button[data-effeckt-type="expand-right"] .spinner{
	right: 16px;
}.effeckt-button[data-effeckt-type="expand-right"][data-loading]{
	padding-right: 64px;
}.effeckt-button[data-effeckt-type="expand-right"][data-loading] .spinner{
	opacity: 1;
}.effeckt-button[data-effeckt-type="expand-left"] .spinner{
	left: 16px;
	margin-left: 0;
}.effeckt-button[data-effeckt-type="expand-left"][data-loading]{
	padding-left: 64px;
}.effeckt-button[data-effeckt-type="expand-left"][data-loading] .spinner{
	opacity: 1;
}.effeckt-button[data-effeckt-type="expand-up"]{
	overflow: hidden;
}.effeckt-button[data-effeckt-type="expand-up"] .spinner{
	top: 32px;
	left: 50%;
}.effeckt-button[data-effeckt-type="expand-up"][data-loading]{
	padding-top: 64px;
}.effeckt-button[data-effeckt-type="expand-up"][data-loading] .spinner{
	top: 16px;
	margin-top: 0;
	opacity: 1;
}.effeckt-button[data-effeckt-type="expand-down"]{
	overflow: hidden;
}.effeckt-button[data-effeckt-type="expand-down"] .spinner{
	top: 100%;
	left: 50%;
	margin-top: -48px;
}.effeckt-button[data-effeckt-type="expand-down"][data-loading]{
	padding-bottom: 64px;
}.effeckt-button[data-effeckt-type="expand-down"][data-loading] .spinner{
	opacity: 1;
}.effeckt-button[data-effeckt-type="slide-left"]{
	overflow: hidden;
}.effeckt-button[data-effeckt-type="slide-left"] .label{
	position: relative;
}.effeckt-button[data-effeckt-type="slide-left"] .spinner{
	left: 100%;
}.effeckt-button[data-effeckt-type="slide-left"][data-loading] .label{
	left: -100%;
	opacity: 0;
}.effeckt-button[data-effeckt-type="slide-left"][data-loading] .spinner{
	left: 50%;
	opacity: 1;
}.effeckt-button[data-effeckt-type="slide-right"]{
	overflow: hidden;
}.effeckt-button[data-effeckt-type="slide-right"] .label{
	position: relative;
}.effeckt-button[data-effeckt-type="slide-right"] .spinner{
	left: 0;
}.effeckt-button[data-effeckt-type="slide-right"][data-loading] .label{
	left: 100%;
	opacity: 0;
}.effeckt-button[data-effeckt-type="slide-right"][data-loading] .spinner{
	left: 50%;
	opacity: 1;
}.effeckt-button[data-effeckt-type="slide-up"]{
	overflow: hidden;
}.effeckt-button[data-effeckt-type="slide-up"] .label{
	position: relative;
}.effeckt-button[data-effeckt-type="slide-up"] .spinner{
	top: 100%;
	left: 50%;
}.effeckt-button[data-effeckt-type="slide-up"][data-loading] .label{
	top: -1em;
	opacity: 0;
}.effeckt-button[data-effeckt-type="slide-up"][data-loading] .spinner{
	top: 50%;
	opacity: 1;
}.effeckt-button[data-effeckt-type="slide-down"]{
	overflow: hidden;
}.effeckt-button[data-effeckt-type="slide-down"] .label{
	position: relative;
}.effeckt-button[data-effeckt-type="slide-down"] .spinner{
	top: 0;
	left: 50%;
}.effeckt-button[data-effeckt-type="slide-down"][data-loading] .label{
	top: 1em;
	opacity: 0;
}.effeckt-button[data-effeckt-type="slide-down"][data-loading] .spinner{
	top: 50%;
	opacity: 1;
}.effeckt-button[data-effeckt-type="zoom-in"],.effeckt-button[data-effeckt-type="zoom-in"] .spinner,.effeckt-button[data-effeckt-type="zoom-in"] .label,.effeckt-button[data-effeckt-type="zoom-out"],.effeckt-button[data-effeckt-type="zoom-out"] .spinner,.effeckt-button[data-effeckt-type="zoom-out"] .label{
	transition: 500ms ease all;
}.effeckt-button[data-effeckt-type="zoom-out"]{
	overflow: hidden;
}.effeckt-button[data-effeckt-type="zoom-out"] .spinner{
	left: 50%;
	transform: scale(2.5);
}.effeckt-button[data-effeckt-type="zoom-out"] .label{
	position: relative;
	display: inline-block;
}.effeckt-button[data-effeckt-type="zoom-out"][data-loading] .label{
	transform: scale(0.5);
	opacity: 0;
}.effeckt-button[data-effeckt-type="zoom-out"][data-loading] .spinner{
	transform: none;
	opacity: 1;
}.effeckt-button[data-effeckt-type="zoom-in"]{
	overflow: hidden;
}.effeckt-button[data-effeckt-type="zoom-in"] .spinner{
	left: 50%;
	transform: scale(0.2);
}.effeckt-button[data-effeckt-type="zoom-in"] .label{
	position: relative;
	display: inline-block;
}.effeckt-button[data-effeckt-type="zoom-in"][data-loading] .label{
	transform: scale(2.2);
	opacity: 0;
}.effeckt-button[data-effeckt-type="zoom-in"][data-loading] .spinner{
	transform: none;
	opacity: 1;
}.effeckt-button[data-effeckt-type="fill-from-left"]{
	position: relative;
	overflow: hidden;
}.effeckt-button[data-effeckt-type="fill-from-left"]:after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(-100%,0);
	width: 100%;
	height: 100%;
	background: #000;
	transition: transform 500ms;
}.effeckt-button[data-effeckt-type="fill-from-left"][data-loading]:after{
	transform: translate(0,0);
}.effeckt-button[data-effeckt-type="fill-from-left"] .effeckt-button-label{
	position: relative;
	z-index: 1;
}.effeckt-button[data-effeckt-type="fill-from-right"]{
	position: relative;
	overflow: hidden;
}.effeckt-button[data-effeckt-type="fill-from-right"]:after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(100%,0);
	width: 100%;
	height: 100%;
	background: #000;
	transition: transform 500ms;
}.effeckt-button[data-effeckt-type="fill-from-right"][data-loading]:after{
	transform: translate(0,0);
}.effeckt-button[data-effeckt-type="fill-from-right"] .effeckt-button-label{
	position: relative;
	z-index: 1;
}.effeckt-button[data-effeckt-type="fill-from-top"]{
	position: relative;
	overflow: hidden;
}.effeckt-button[data-effeckt-type="fill-from-top"]:after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(0,-100%);
	width: 100%;
	height: 100%;
	background: #000;
	transition: transform 500ms;
}.effeckt-button[data-effeckt-type="fill-from-top"][data-loading]:after{
	transform: translate(0,0);
}.effeckt-button[data-effeckt-type="fill-from-top"] .effeckt-button-label{
	position: relative;
	z-index: 1;
}.effeckt-button[data-effeckt-type="fill-from-bottom"]{
	position: relative;
	overflow: hidden;
}.effeckt-button[data-effeckt-type="fill-from-bottom"]:after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(0,100%);
	width: 100%;
	height: 100%;
	background: #000;
	transition: transform 500ms;
}.effeckt-button[data-effeckt-type="fill-from-bottom"][data-loading]:after{
	transform: translate(0,0);
}.effeckt-button[data-effeckt-type="fill-from-bottom"] .effeckt-button-label{
	position: relative;
	z-index: 1;
}.demo-button-icon:before{
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEljb01vb24uaW8gLS0+IDwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+IDxzdmcgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIGZpbGw9IiNmZmZmZmYiPjxnPjxwYXRoIGQ9Ik0gMTYsMyBDIDEyLjUyOCwzIDkuMjYzLDQuMzUyIDYuODA4LDYuODA4IEMgNC4zNTIsOS4yNjMgMywxMi41MjggMywxNiBDIDMsMTkuNDcyIDQuMzUyLDIyLjczNyA2LjgwOCwyNS4xOTIgQyA5LjI2MywyNy42NDggMTIuNTI4LDI5IDE2LDI5IEMgMTkuNDcyLDI5IDIyLjczNywyNy42NDggMjUuMTkyLDI1LjE5MiBDIDI3LjY0OCwyMi43MzcgMjksMTkuNDcyIDI5LDE2IEMgMjksMTIuNTI4IDI3LjY0OCw5LjI2MyAyNS4xOTIsNi44MDggQyAyMi43MzcsNC4zNTIgMTkuNDcyLDMgMTYsMyBaIE0gMTYsMCBMIDE2LDAgQyAyNC44MzcsMCAzMiw3LjE2MyAzMiwxNiBDIDMyLDI0LjgzNyAyNC44MzcsMzIgMTYsMzIgQyA3LjE2MywzMiAwLDI0LjgzNyAwLDE2IEMgMCw3LjE2MyA3LjE2MywwIDE2LDAgWk0gMTQsMjJMIDE4LDIyTCAxOCwyNkwgMTQsMjZ6TSAxNCw2TCAxOCw2TCAxOCwxOEwgMTQsMTh6Ij48L3BhdGg+PC9nPjwvc3ZnPg==) no-repeat center center;
	background-size: 30px;
}.effeckt-button[data-effeckt-type~="icon-slide"]{
	overflow: hidden;
	padding: 0;
}.effeckt-button[data-effeckt-type~="icon-slide"] .effeckt-button-label{
	position: relative;
	display: block;
	padding: 0.8rem 1rem;
	transition: transform 500ms;
}.effeckt-button[data-effeckt-type~="icon-slide"] .effeckt-button-label:before{
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
}.effeckt-button[data-effeckt-type~="icon-slide"][data-effeckt-type~="from-top"] .effeckt-button-label:before{
	top: -100%;
	right: 0;
	left: 0;
}.effeckt-button[data-effeckt-type~="icon-slide"][data-effeckt-type~="from-bottom"] .effeckt-button-label:before{
	right: 0;
	bottom: -100%;
	left: 0;
}.effeckt-button[data-effeckt-type~="icon-slide"][data-effeckt-type~="from-left"] .effeckt-button-label:before{
	top: 0;
	bottom: 0;
	left: -100%;
}.effeckt-button[data-effeckt-type~="icon-slide"][data-effeckt-type~="from-right"] .effeckt-button-label:before{
	top: 0;
	right: -100%;
	bottom: 0;
}.effeckt-button[data-effeckt-type~="icon-slide"][data-loading][data-effeckt-type~="from-top"] .effeckt-button-label{
	transform: translateY(100%);
}.effeckt-button[data-effeckt-type~="icon-slide"][data-loading][data-effeckt-type~="from-bottom"] .effeckt-button-label{
	transform: translateY(-100%);
}.effeckt-button[data-effeckt-type~="icon-slide"][data-loading][data-effeckt-type~="from-left"] .effeckt-button-label{
	transform: translateX(100%);
}.effeckt-button[data-effeckt-type~="icon-slide"][data-loading][data-effeckt-type~="from-right"] .effeckt-button-label{
	transform: translateX(-100%);
}.effeckt-button[data-effeckt-type="3d-rotate-success"],.effeckt-button[data-effeckt-type="3d-rotate-error"]{
	transform-style: preserve-3d;
	transition: all 500ms;

	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}.effeckt-button[data-effeckt-type="3d-rotate-error"]:before,.effeckt-button[data-effeckt-type="3d-rotate-success"]:after{
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	white-space: nowrap;
	line-height: 2em;
}.effeckt-button[data-effeckt-type="3d-rotate-error"]:before{
	content: attr(data-effeckt-message);
	top: 100%;
	transform: rotateX(-90deg);
	transform-origin: 0 0;

	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}.effeckt-button[data-effeckt-type="3d-rotate-error"][data-loading]{
	transform: rotateX(90deg) translateY(-100%);
	transform-origin: 50% 0;
}.effeckt-button[data-effeckt-type="3d-rotate-success"]:after{
	content: attr(data-effeckt-message);
	top: -100%;
	transform: rotateX(90deg);
	transform-origin: 0 100%;

	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}.effeckt-button[data-effeckt-type="3d-rotate-success"][data-loading]{
	transform: rotateX(-90deg) translateY(100%);
	transform-origin: 50% 100%;
}.effeckt-caption{
	position: relative;
}.effeckt-caption img{
	transition: 500ms;
}.effeckt-caption figcaption{
	position: absolute;
	width: 100%;
	transition: 500ms;
}.effeckt-caption[data-effeckt-type="quarter-appear"] figcaption{
	bottom: 0;
	left: 0;
	opacity: 0;
}.effeckt-caption[data-effeckt-type="quarter-appear"]:hover figcaption,.effeckt-caption[data-effeckt-type="quarter-appear"]:active figcaption,.effeckt-caption[data-effeckt-type="quarter-appear"].active figcaption{
	opacity: 1;
}.effeckt-caption[data-effeckt-type="quarter-slide-up"] figcaption{
	bottom: 0;
	left: 0;
	transform: translateY(100%);
	opacity: 0;
}.effeckt-caption[data-effeckt-type="quarter-slide-up"]:hover figcaption,.effeckt-caption[data-effeckt-type="quarter-slide-up"]:active figcaption,.effeckt-caption[data-effeckt-type="quarter-slide-up"].active figcaption{
	transform: translateY(0);
	opacity: 1;
}.effeckt-caption[data-effeckt-type="sqkwoosh"] figcaption{
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	transition: none;
}.effeckt-caption[data-effeckt-type="sqkwoosh"] img{
	position: relative;
	z-index: 1;
	transition-delay: 0.25s;
}.effeckt-caption[data-effeckt-type="sqkwoosh"] .effeckt-figcaption-wrap{
	position: absolute;
	bottom: 1rem;
	opacity: 0;
	transition: opacity 0.25s linear 0s;
}.effeckt-caption[data-effeckt-type="sqkwoosh"]:hover .effeckt-figcaption-wrap,.effeckt-caption[data-effeckt-type="sqkwoosh"]:active .effeckt-figcaption-wrap,.effeckt-caption[data-effeckt-type="sqkwoosh"].active .effeckt-figcaption-wrap{
	opacity: 1;
	transition-delay: 0.25s;
}.effeckt-caption[data-effeckt-type="sqkwoosh"]:hover img,.effeckt-caption[data-effeckt-type="sqkwoosh"]:active img,.effeckt-caption[data-effeckt-type="sqkwoosh"].active img{
	transform: scale(0.5) translateY(-80px);
	transition-delay: 0;
}.effeckt-caption[data-effeckt-type="quarter-slide-side"] figcaption{
	bottom: 0;
	left: 0;
	transform: translateX(100%);
	opacity: 0;
}.effeckt-caption[data-effeckt-type="quarter-slide-side"]:hover figcaption,.effeckt-caption[data-effeckt-type="quarter-slide-side"]:active figcaption,.effeckt-caption[data-effeckt-type="quarter-slide-side"].active figcaption{
	transform: translateX(0);
	opacity: 1;
}.effeckt-caption[data-effeckt-type="cover-fade"] figcaption{
	top: 0;
	left: 0;
	height: 100%;
	opacity: 0;
}.effeckt-caption[data-effeckt-type="cover-fade"]:hover figcaption,.effeckt-caption[data-effeckt-type="cover-fade"]:active figcaption,.effeckt-caption[data-effeckt-type="cover-fade"].active figcaption{
	opacity: 1;
}.effeckt-caption[data-effeckt-type="quarter-fall-in"] figcaption{
	top: 0;
	left: 0;
	transform: translateX(100%) rotate(20deg);
	opacity: 0;
}.effeckt-caption[data-effeckt-type="quarter-fall-in"]:hover figcaption,.effeckt-caption[data-effeckt-type="quarter-fall-in"]:active figcaption,.effeckt-caption[data-effeckt-type="quarter-fall-in"].active figcaption{
	transform: translateX(0) rotate(0);
	opacity: 1;
}.effeckt-caption[data-effeckt-type="quarter-two-step"] figcaption{
	top: 0;
	left: 0;
	z-index: 2;
	transform: translateX(-100%);
	opacity: 0;
}.effeckt-caption[data-effeckt-type="quarter-two-step"] .effeckt-figcaption-wrap{
	transform: translateX(200%);
	transition: 500ms 250ms;
}.effeckt-caption[data-effeckt-type="quarter-two-step"]:hover figcaption,.effeckt-caption[data-effeckt-type="quarter-two-step"]:active figcaption,.effeckt-caption[data-effeckt-type="quarter-two-step"].active figcaption{
	transform: translateX(0);
	opacity: 1;
}.effeckt-caption[data-effeckt-type="quarter-two-step"]:hover .effeckt-figcaption-wrap,.effeckt-caption[data-effeckt-type="quarter-two-step"]:active .effeckt-figcaption-wrap,.effeckt-caption[data-effeckt-type="quarter-two-step"].active .effeckt-figcaption-wrap{
	transform: translateX(0);
}.effeckt-caption[data-effeckt-type="cover-push-right"] figcaption{
	top: 0;
	left: 0;
	transform: translateX(-100%);
	height: 100%;
	opacity: 0;
}.effeckt-caption[data-effeckt-type="cover-push-right"] img{
	transform: translateX(0);
	transition: 500ms;
}.effeckt-caption[data-effeckt-type="cover-push-right"]:hover figcaption,.effeckt-caption[data-effeckt-type="cover-push-right"]:active figcaption,.effeckt-caption[data-effeckt-type="cover-push-right"].active figcaption{
	transform: translateX(0);
	opacity: 1;
}.effeckt-caption[data-effeckt-type="cover-push-right"]:hover img,.effeckt-caption[data-effeckt-type="cover-push-right"]:active img,.effeckt-caption[data-effeckt-type="cover-push-right"].active img{
	transform: translateX(100%);
}.effeckt-caption[data-effeckt-type="cover-slide-top"] figcaption{
	top: 0;
	left: 0;
	transform: translateY(-100%);
	height: 100%;
	opacity: 0;
}.effeckt-caption[data-effeckt-type="cover-slide-top"] img{
	transition: 500ms;
}.effeckt-caption[data-effeckt-type="cover-slide-top"]:hover figcaption,.effeckt-caption[data-effeckt-type="cover-slide-top"]:active figcaption,.effeckt-caption[data-effeckt-type="cover-slide-top"].active figcaption{
	transform: translateY(0);
	opacity: 1;
}.effeckt-caption[data-effeckt-type="quarter-zoom"] figcaption{
	top: 0;
	left: 0;
	transform: scale(2);
	text-align: center;
	opacity: 0;
}.effeckt-caption[data-effeckt-type="quarter-zoom"] img{
	transition: 500ms;
}.effeckt-caption[data-effeckt-type="quarter-zoom"]:hover figcaption,.effeckt-caption[data-effeckt-type="quarter-zoom"]:active figcaption,.effeckt-caption[data-effeckt-type="quarter-zoom"].active figcaption{
	transform: scale(1);
	opacity: 1;
}.effeckt-caption[data-effeckt-type="quarter-zoom"]:hover img,.effeckt-caption[data-effeckt-type="quarter-zoom"]:active img,.effeckt-caption[data-effeckt-type="quarter-zoom"].active img{
	transform: scale(1.1);
}.effeckt-caption[data-effeckt-type="revolving-door-left"]{
	overflow: visible;
}.effeckt-caption[data-effeckt-type="revolving-door-left"] figcaption{
	top: 0;
	left: 0;
	transform: perspective(1300px) rotateY(180deg);
	width: 100%;
	height: 100%;

	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}.effeckt-caption[data-effeckt-type="revolving-door-left"] img{
	transform: perspective(1300px);
	transition: 500ms;
}.effeckt-caption[data-effeckt-type="revolving-door-left"]:hover figcaption,.effeckt-caption[data-effeckt-type="revolving-door-left"]:active figcaption,.effeckt-caption[data-effeckt-type="revolving-door-left"].active figcaption{
	transform: perspective(1300px) rotateY(0);
}.effeckt-caption[data-effeckt-type="revolving-door-left"]:hover img,.effeckt-caption[data-effeckt-type="revolving-door-left"]:active img,.effeckt-caption[data-effeckt-type="revolving-door-left"].active img{
	transform: perspective(1300px) rotateY(-180deg);
}.effeckt-caption[data-effeckt-type="revolving-door-right"]{
	overflow: visible;
}.effeckt-caption[data-effeckt-type="revolving-door-right"] figcaption{
	top: 0;
	left: 0;
	transform: perspective(1300px) rotateY(180deg);
	width: 100%;
	height: 100%;

	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}.effeckt-caption[data-effeckt-type="revolving-door-right"] img{
	transform: perspective(1300px);
	transition: 500ms;
}.effeckt-caption[data-effeckt-type="revolving-door-right"]:hover figcaption,.effeckt-caption[data-effeckt-type="revolving-door-right"]:active figcaption,.effeckt-caption[data-effeckt-type="revolving-door-right"].active figcaption{
	transform: perspective(1300px) rotateY(360deg);
}.effeckt-caption[data-effeckt-type="revolving-door-right"]:hover img,.effeckt-caption[data-effeckt-type="revolving-door-right"]:active img,.effeckt-caption[data-effeckt-type="revolving-door-right"].active img{
	transform: perspective(1300px) rotateY(180deg);
}.effeckt-caption[data-effeckt-type="revolving-door-top"]{
	overflow: visible;
}.effeckt-caption[data-effeckt-type="revolving-door-top"] figcaption{
	top: 0;
	left: 0;
	transform: perspective(1300px) rotateX(180deg);
	width: 100%;
	height: 100%;

	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}.effeckt-caption[data-effeckt-type="revolving-door-top"] img{
	transform: perspective(1300px);
	transition: 500ms;
}.effeckt-caption[data-effeckt-type="revolving-door-top"]:hover figcaption,.effeckt-caption[data-effeckt-type="revolving-door-top"]:active figcaption,.effeckt-caption[data-effeckt-type="revolving-door-top"].active figcaption{
	transform: perspective(1300px) rotateX(360deg);
}.effeckt-caption[data-effeckt-type="revolving-door-top"]:hover img,.effeckt-caption[data-effeckt-type="revolving-door-top"]:active img,.effeckt-caption[data-effeckt-type="revolving-door-top"].active img{
	transform: perspective(1300px) rotateX(180deg);
}.effeckt-caption[data-effeckt-type="revolving-door-bottom"]{
	overflow: visible;
}.effeckt-caption[data-effeckt-type="revolving-door-bottom"] figcaption{
	top: 0;
	left: 0;
	transform: perspective(1300px) rotateX(180deg);
	width: 100%;
	height: 100%;

	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}.effeckt-caption[data-effeckt-type="revolving-door-bottom"] img{
	transform: perspective(1300px);
	transition: 500ms;
}.effeckt-caption[data-effeckt-type="revolving-door-bottom"]:hover figcaption,.effeckt-caption[data-effeckt-type="revolving-door-bottom"]:active figcaption,.effeckt-caption[data-effeckt-type="revolving-door-bottom"].active figcaption{
	transform: perspective(1300px) rotateX(0);
}.effeckt-caption[data-effeckt-type="revolving-door-bottom"]:hover img,.effeckt-caption[data-effeckt-type="revolving-door-bottom"]:active img,.effeckt-caption[data-effeckt-type="revolving-door-bottom"].active img{
	transform: perspective(1300px) rotateX(-180deg);
}.effeckt-caption[data-effeckt-type="offset"]{
	overflow: visible;
}.effeckt-caption[data-effeckt-type="offset"] figcaption{
	top: 0;
	left: 0;
	height: 100%;
	text-align: center;
	opacity: 0;
}.effeckt-caption[data-effeckt-type="offset"] img{
	transition: 500ms;
}.effeckt-caption[data-effeckt-type="offset"]:hover figcaption,.effeckt-caption[data-effeckt-type="offset"]:active figcaption,.effeckt-caption[data-effeckt-type="offset"].active figcaption{
	z-index: 100;
	transform: translate(15px,15px);
	overflow: hidden;
	opacity: 1;
}.effeckt-caption[data-effeckt-type="guillotine-reverse"]{
	overflow: visible;
}.effeckt-caption[data-effeckt-type="guillotine-reverse"] figcaption{
	top: 0;
	left: 0;
	height: 100%;
	text-align: center;
}.effeckt-caption[data-effeckt-type="guillotine-reverse"] img{
	position: relative;
	z-index: 10;
	display: block;
	transition: 500ms;
}.effeckt-caption[data-effeckt-type="guillotine-reverse"]:hover img,.effeckt-caption[data-effeckt-type="guillotine-reverse"]:active img,.effeckt-caption[data-effeckt-type="guillotine-reverse"].active img{
	transform: translateY(-100%);
}.effeckt-caption[data-effeckt-type="half-slide"] figcaption{
	top: 0;
	left: 0;
	transform: translateY(100%);
	height: 100%;
	text-align: center;
}.effeckt-caption[data-effeckt-type="half-slide"] img{
	position: relative;
	display: block;
	transition: 500ms;
}.effeckt-caption[data-effeckt-type="half-slide"]:hover img,.effeckt-caption[data-effeckt-type="half-slide"]:active img,.effeckt-caption[data-effeckt-type="half-slide"].active img{
	transform: translateY(-50%);
}.effeckt-caption[data-effeckt-type="half-slide"]:hover figcaption,.effeckt-caption[data-effeckt-type="half-slide"]:active figcaption,.effeckt-caption[data-effeckt-type="half-slide"].active figcaption{
	transform: translateY(50%);
}.effeckt-caption[data-effeckt-type="tunnel"] figcaption{
	top: 0;
	left: 0;
	transform: scale(0.7);
	height: 100%;
	text-align: center;
	opacity: 0;
}.effeckt-caption[data-effeckt-type="tunnel"] img{
	position: relative;
	z-index: 10;
	display: block;
	transition: 500ms;
}.effeckt-caption[data-effeckt-type="tunnel"]:hover img,.effeckt-caption[data-effeckt-type="tunnel"]:active img,.effeckt-caption[data-effeckt-type="tunnel"].active img{
	transform: scale(0.4);
}.effeckt-caption[data-effeckt-type="tunnel"]:hover figcaption,.effeckt-caption[data-effeckt-type="tunnel"]:active figcaption,.effeckt-caption[data-effeckt-type="tunnel"].active figcaption{
	transform: scale(1);
	opacity: 1;
}.effeckt-list[data-effeckt-type="pop-in"]{
	overflow: hidden;
}.effeckt-list[data-effeckt-type="pop-in"] .new-item{
	transform: translateX(-300px);
	max-height: 0;
	opacity: 0;
	animation: openSpace 500ms ease forwards,moveIn 750ms 500ms ease forwards;
}.effeckt-list[data-effeckt-type="pop-in"] .remove-item{
	max-height: 50px;
	opacity: 1;
	animation: moveOut 750ms 500ms ease forwards,closeSpace 500ms ease forwards 750ms;
}@keyframes openSpace{
	to{
		max-height: 50px;
	}
}@keyframes moveIn{
	to{
		transform: translateX(0);
		opacity: 1;
	}
}@keyframes moveOut{
	to{
		transform: translateX(-300px);
		opacity: 0;
	}
}@keyframes closeSpace{
	to{
		max-height: 0;
	}from{
		max-height: 50px;
	}
}.effeckt-list[data-effeckt-type="expand-in"] .new-item{
	transform: scale(0);
	max-height: 0;
	opacity: 0;
	animation: growHeight 500ms ease forwards;
}.effeckt-list[data-effeckt-type="expand-in"] .remove-item{
	animation: shrinkHeight 500ms ease forwards;
}@keyframes growHeight{
	to{
		transform: scale(1);
		max-height: 50px;
		opacity: 1;
	}
}@keyframes shrinkHeight{
	to{
		transform: scale(0);
		max-height: 0;
		opacity: 1;
	}from{
		transform: scale(1);
		max-height: 50px;
		opacity: 1;
	}
}.effeckt-list[data-effeckt-type="wobble-in"] .new-item{
	animation: WobbleInX 2500ms both 500ms,openSpace 500ms ease forwards;

	-webkit-backface-visibility: visible;
	        backface-visibility: visible;
}.effeckt-list[data-effeckt-type="wobble-in"] .remove-item{
	animation: WobbleOutX 2500ms both 500ms,closeSpace 1000ms ease forwards 1500ms;

	-webkit-backface-visibility: visible;
	        backface-visibility: visible;
}@keyframes WobbleInX{
	0%{
		transform: perspective(250px) rotateX(90deg);
		opacity: 0;
	}40%{
		transform: perspective(250px) rotateX(-10deg);
	}70%{
		transform: perspective(250px) rotateX(10deg);
	}100%{
		transform: perspective(250px) rotateX(0);
		opacity: 1;
	}
}@keyframes WobbleOutX{
	0%{
		transform: perspective(250px) rotateX(0);
		opacity: 1;
	}100%{
		transform: perspective(250px) rotateX(90deg);
		opacity: 0;
	}
}.effeckt-list[data-effeckt-type="flip-in"] .new-item{
	transform-origin: top left;
	animation: FlipIn 2500ms both 500ms,openSpace 500ms ease forwards;

	-webkit-backface-visibility: visible;
	        backface-visibility: visible;
}.effeckt-list[data-effeckt-type="flip-in"] .remove-item{
	transform-origin: top left;
	animation: FlipOut 2500ms both 500ms,closeSpace 1000ms ease forwards 1000ms;

	-webkit-backface-visibility: visible;
	        backface-visibility: visible;
}@keyframes FlipIn{
	0%{
		transform: perspective(300px) rotateX(90deg);
		opacity: 0;
	}100%{
		transform: perspective(300px) rotateX(0);
		opacity: 1;
	}
}@keyframes FlipOut{
	0%{
		transform: perspective(400px) rotateX(0);
		opacity: 1;
	}100%{
		transform: perspective(400px) rotateX(90deg);
		opacity: 0;
	}
}.effeckt-list[data-effeckt-type="fall-in"] .new-item{
	animation: openSpace 1000ms ease forwards,fallInX 1000ms both;

	-webkit-backface-visibility: visible;
	        backface-visibility: visible;
}.effeckt-list[data-effeckt-type="fall-in"] .remove-item{
	transform-origin: top left;
	animation: fallOffX 1000ms both,closeSpace 750ms ease forwards 500ms;

	-webkit-backface-visibility: visible;
	        backface-visibility: visible;
}@keyframes fallInX{
	0%{
		transform: translateY(-200px);
		opacity: 0;
	}100%{
		transform: translateY(0);
		opacity: 1;
	}
}@keyframes fallOffX{
	0%{
		transform: rotateZ(0);
		opacity: 1;
	}100%{
		transform: translateY(200px) rotateZ(90deg);
		opacity: 0;
	}
}.effeckt-list[data-effeckt-type="from-above"] .new-item{
	animation: openSpace 1000ms ease forwards,fromAbove 1000ms both 500ms;

	-webkit-backface-visibility: visible;
	        backface-visibility: visible;
}.effeckt-list[data-effeckt-type="from-above"] .remove-item{
	animation: toAbove 1000ms both,closeSpace 500ms ease forwards 650ms;

	-webkit-backface-visibility: visible;
	        backface-visibility: visible;
}@keyframes fromAbove{
	0%{
		transform: scale(3);
		opacity: 0;
	}100%{
		transform: scale(1);
		opacity: 1;
	}
}@keyframes toAbove{
	0%{
		transform: scale(1);
		opacity: 1;
	}100%{
		transform: scale(3);
		opacity: 0;
	}
}.effeckt-list[data-effeckt-type="wobble-out"] .new-item{
	animation: openSpace 1000ms ease forwards,fallInX 1000ms both;

	-webkit-backface-visibility: visible;
	        backface-visibility: visible;
}.effeckt-list[data-effeckt-type="wobble-out"] .remove-item{
	transform-origin: top left;
	animation: wobbleOutY 1500ms both 500ms,closeSpace 500ms ease forwards 1500ms;

	-webkit-backface-visibility: visible;
	        backface-visibility: visible;
}@keyframes wobbleOutY{
	0%{
		transform: rotateZ(0);
		opacity: 1;
	}20%{
		transform: rotateZ(140deg);
		opacity: 1;
	}40%{
		transform: rotateZ(60deg);
		opacity: 1;
	}60%{
		transform: rotateZ(110deg);
		opacity: 1;
	}70%{
		transform: rotateZ(90deg) translateX(0);
		opacity: 1;
	}90%{
		transform: rotateZ(90deg) translateX(400px);
		opacity: 1;
	}100%{
		transform: rotateZ(90deg) translateX(400px);
		opacity: 0;
	}
}.effeckt-list[data-effeckt-type="bouncy-slide-in"] .new-item{
	animation: bouncySlideIn 1000ms both,openSpace 500ms ease forwards;

	-webkit-backface-visibility: visible;
	        backface-visibility: visible;
}.effeckt-list[data-effeckt-type="bouncy-slide-in"] .remove-item{
	animation: fallOffY 1500ms both 500ms,closeSpace 500ms ease forwards 1625ms;

	-webkit-backface-visibility: visible;
	        backface-visibility: visible;
}@keyframes bouncySlideIn{
	0%{
		transform: translateX(300px);
		opacity: 0;
	}70%{
		transform: translateX(-50px);
		opacity: 1;
	}100%{
		transform: translateX(0);
		opacity: 1;
	}
}@keyframes fallOffY{
	0%{
		transform: translateX(0) translateY(0) rotateZ(0);
		opacity: 1;
	}50%{
		transform: translateX(-50%) translateY(0) rotateZ(0);
		opacity: 1;
	}75%{
		transform: translateX(-50%) translateY(0) rotateZ(-30deg);
		opacity: 0.75;
	}100%{
		transform: translateX(-50%) translateY(300px) rotateZ(-60deg);
		opacity: 0;
	}
}.effeckt-list-scroll{
	position: relative;
	overflow-y: scroll;
	overflow-x: hidden;

	perspective: 400px;
}.effeckt-list-scroll > li{
	position: relative;
	z-index: 2;
	transform: translateZ(0);
}[data-effeckt-type="grow"] li{
	transform-origin: 50% 50%;
	transition: all 500ms ease;
}[data-effeckt-type="grow"] li.past,[data-effeckt-type="grow"] li.future{
	transform: scale(0.01);
}[data-effeckt-type="curl"] li{
	transform-origin: 0 0;
	transition: all 500ms ease,opacity 166.6666666667ms ease;

	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
	perspective: 600px;
	perspective-origin: 0 50%;
}[data-effeckt-type="curl"] li.past{
	transform: rotateY(90deg);
	opacity: 0;
}[data-effeckt-type="curl"] li.future{
	transform: rotateY(90deg);
	opacity: 0;
}[data-effeckt-type="wave"] li{
	transition: all 500ms cubic-bezier(0.26,0.86,0.44,0.985);
}[data-effeckt-type="wave"] li.past{
	transform: translateX(-70%);
}[data-effeckt-type="wave"] li.future{
	transform: translateX(-70%);
}[data-effeckt-type="fan"] li{
	transform-origin: 0 0;
	transition: all 500ms cubic-bezier(0.39,0.575,0.565,1);
}[data-effeckt-type="fan"] li.past{
	transform: rotate(-60deg);
}[data-effeckt-type="fan"] li.future{
	transform: rotate(70deg);
}[data-effeckt-type="fade"] li{
	transition: opacity 250ms ease-in-out;
}[data-effeckt-type="fade"] li.past,[data-effeckt-type="fade"] li.future{
	opacity: 0;
}[data-effeckt-type="fly"]{
	perspective: 400px;
	perspective-origin: 50% 50%;
}[data-effeckt-type="fly"] li{
	transform-origin: 50% 50% -50px;
	transition: all 500ms ease,opacity 250ms ease;
}[data-effeckt-type="fly"] li.past,[data-effeckt-type="fly"] li.future{
	opacity: 0;
}[data-effeckt-type="fly"] li.past{
	transform: rotateX(180deg);
}[data-effeckt-type="fly"] li.future{
	transform: rotateX(-180deg);
}[data-effeckt-type="landing"]{
	perspective: 400px;
	perspective-origin: 50% 50%;
}[data-effeckt-type="landing"] li{
	transform-origin: 50% 50%;
	transition: all 500ms ease,opacity 250ms ease;
}[data-effeckt-type="landing"] li.past,[data-effeckt-type="landing"] li.future{
	opacity: 0;
}[data-effeckt-type="landing"] li.past{
	transform: scale(1.5) translate(10%,-50%);
}[data-effeckt-type="landing"] li.future{
	transform: scale(1.5) translate(-10%,50%);
}[data-effeckt-type="swing-front"]{
	perspective: 400px;
	perspective-origin: 50% 50%;
}[data-effeckt-type="swing-front"] li{
	transition: all 500ms ease,opacity 250ms ease;
}[data-effeckt-type="swing-front"] li.past,[data-effeckt-type="swing-front"] li.future{
	opacity: 0;
}[data-effeckt-type="swing-front"] li.past{
	transform: rotateX(140deg);
	transform-origin: bottom;
}[data-effeckt-type="swing-front"] li.future{
	transform: rotateX(-140deg);
	transform-origin: top;
}[data-effeckt-type="swing-back"]{
	perspective: 400px;
	perspective-origin: 50% 50%;
}[data-effeckt-type="swing-back"] li{
	transition: all 500ms ease,opacity 250ms ease;
}[data-effeckt-type="swing-back"] li.past,[data-effeckt-type="swing-back"] li.future{
	opacity: 0;
}[data-effeckt-type="swing-back"] li.past{
	transform: rotateX(-140deg);
	transform-origin: bottom;
}[data-effeckt-type="swing-back"] li.future{
	transform: rotateX(140deg);
	transform-origin: top;
}[data-effeckt-type="twist"]{
	perspective: 400px;
	perspective-origin: 50% 50%;
}[data-effeckt-type="twist"] li{
	transform-origin: center;
	transition: all 500ms ease,opacity 250ms ease;
}[data-effeckt-type="twist"] li.past,[data-effeckt-type="twist"] li.future{
	opacity: 0;
}[data-effeckt-type="twist"] li.past{
	transform: rotateY(-180deg);
}[data-effeckt-type="twist"] li.future{
	transform: rotateY(180deg);
}[data-effeckt-type="door"]{
	perspective: 400px;
	perspective-origin: 50% 50%;
}[data-effeckt-type="door"] li{
	transform-origin: 0 0;
	transition: all 500ms ease,opacity 250ms ease;
}[data-effeckt-type="door"] li.past,[data-effeckt-type="door"] li.future{
	transform: rotateY(-90deg);
	opacity: 0;
}[data-effeckt-type="climb"]{
	perspective: 400px;
	perspective-origin: 50% 50%;
}[data-effeckt-type="climb"] li{
	transform-origin: 0 0;
	transition: all 500ms ease,opacity 250ms ease;
}[data-effeckt-type="climb"] li.past{
	transform: translateY(-200%);
}[data-effeckt-type="climb"] li.future{
	transform: translateY(200%);
}.effeckt-modal-wrap{
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 65535;
	transform: translate(-50%,-50%);
	max-width: 320px;
	min-width: 320px;
	visibility: hidden;

	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}.effeckt-modal-overlay{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition-duration: 500ms;
}.effeckt-show.effeckt-modal-wrap{
	visibility: visible;
}.effeckt-show.effeckt-modal-wrap ~ .effeckt-modal-overlay{
	opacity: 1;
	visibility: visible;
}.effeckt-modal{
	transition-property: all;
	transition-duration: 500ms;
	transition-timing-function: cubic-bezier(0.4,0,0,1.5);
	animation-duration: 1000ms;
	animation-timing-function: cubic-bezier(0.4,0,0,1.5);
	animation-fill-mode: forwards;
}.from-below .effeckt-content{
	transform: scale(0.5);
	opacity: 0;
}.effeckt-show.from-below .effeckt-content{
	transform: scale(1);
	opacity: 1;
}.from-above .effeckt-content{
	transform: scale(1.5);
	opacity: 0;
}.effeckt-show.from-above .effeckt-content{
	transform: scale(1);
	opacity: 1;
}.to-below .effeckt-content{
	transform: scale(0.5);
	opacity: 0;
}.to-above .effeckt-content{
	transform: scale(1.5);
	opacity: 0;
}.slide-in-top .effeckt-content{
	transform: translate3d(0,-100%,0);
	opacity: 0;
}.effeckt-show.slide-in-top .effeckt-content{
	transform: translate3d(0,0,0);
	opacity: 1;
}.slide-in-right .effeckt-content{
	transform: translate3d(30%,0,0);
	opacity: 0;
}.effeckt-show.slide-in-right .effeckt-content{
	transform: translate3d(0,0,0);
	opacity: 1;
}.slide-in-bottom .effeckt-content{
	transform: translate3d(0,30%,0);
	opacity: 0;
}.effeckt-show.slide-in-bottom .effeckt-content{
	transform: translate3d(0,0,0);
	opacity: 1;
}.slide-in-left .effeckt-content{
	transform: translate3d(-30%,0,0);
	opacity: 0;
}.effeckt-show.slide-in-left .effeckt-content{
	transform: translate3d(0,0,0);
	opacity: 1;
}.sticky-up{
	top: 0;
	transform: translate(-50%,0);
}.sticky-up .effeckt-content{
	transform: translate3d(0,-100%,0);
	opacity: 0;
}.effeckt-show.sticky-up .effeckt-content{
	transform: translate3d(0,0,0);
	opacity: 1;
}.slip-in-from-top ~ [data-effeckt-page],.slip-in-from-top ~ .effeckt-overlay{
	transform-origin: 50% 100%;
	transform-style: preserve-3d;
}.slip-in-from-top .effeckt-content{
	transform: translateY(-200%);
	opacity: 0;
}.effeckt-show.slip-in-from-top ~ [data-effeckt-page],.effeckt-show.slip-in-from-top ~ .effeckt-overlay{
	animation: OpenTop 500ms forwards ease-in;
}.effeckt-show.slip-in-from-top .effeckt-content{
	transform: translateY(0);
	opacity: 1;
}@keyframes OpenTop{
	50%{
		transform: rotateX(10deg);
		animation-timing-function: ease-out;
	}
}.slide-out-bottom .effeckt-content{
	transform: translateY(100%);
	opacity: 0;
}.slide-out-top .effeckt-content{
	transform: translateY(-100%);
	opacity: 0;
}.slide-out-right .effeckt-content{
	transform: translateX(100%);
	opacity: 0;
}.slide-out-left .effeckt-content{
	transform: translateX(-100%);
	opacity: 0;
}.flip-vertical-3D{
	perspective: 600px;
}.flip-vertical-3D .effeckt-content{
	transform: rotateY(-70deg);
	transform-style: preserve-3d;
	opacity: 0;
}.effeckt-show.flip-vertical-3D .effeckt-content{
	transform: rotateY(0);
	opacity: 1;
}.flip-horizontal-3D{
	perspective: 600px;
}.flip-horizontal-3D .effeckt-content{
	transform: rotateX(-70deg);
	transform-style: preserve-3d;
	opacity: 0;
}.effeckt-show.flip-horizontal-3D .effeckt-content{
	transform: rotateX(0);
	opacity: 1;
}.sign-3D{
	perspective: 600px;
}.sign-3D .effeckt-content{
	transform: rotateX(-60deg);
	transform-origin: 50% 0;
	transform-style: preserve-3d;
	opacity: 0;
}.effeckt-show.sign-3D .effeckt-content{
	transform: rotateX(0);
	opacity: 1;
}.slit-3D{
	perspective: 600px;
}.slit-3D .effeckt-content{
	transform: translateZ(-3000px) rotateY(90deg);
	transform-style: preserve-3d;
	opacity: 0;
}.effeckt-show.slit-3D .effeckt-content{
	animation: modalSlit 0.7s forwards ease-out;
}@keyframes modalSlit{
	50%{
		transform: translateZ(-250px) rotateY(89deg);
		opacity: 0.75;
		animation-timing-function: ease-in;
	}100%{
		transform: translateZ(0) rotateY(0);
		opacity: 1;
	}
}.rotate-from-bottom-3D{
	perspective: 600px;
}.rotate-from-bottom-3D .effeckt-content{
	transform: translateY(100%) rotateX(90deg);
	transform-origin: 0 100%;
	transform-style: preserve-3d;
	opacity: 0;
}.effeckt-show.rotate-from-bottom-3D .effeckt-content{
	transform: translateY(0) rotateX(0);
	opacity: 1;
}.rotate-from-left-3D{
	perspective: 600px;
}.rotate-from-left-3D .effeckt-content{
	transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	transform-origin: 0 100%;
	transform-style: preserve-3d;
	opacity: 0;
}.effeckt-show.rotate-from-left-3D .effeckt-content{
	transform: translateZ(0) translateX(0) rotateY(0);
	opacity: 1;
}.let-me-in ~ [data-effeckt-page].effeckt-page-active{
	transform: translate3d(0,0,0);
	transform-origin: 50% 0;
	transform-style: preserve-3d;
	transition: 500ms;
}.let-me-in .effeckt-content{
	transform: translate3d(0,200%,0);
	opacity: 0;
}.effeckt-show.let-me-in ~ [data-effeckt-page].effeckt-page-active{
	transform: rotateX(-7deg);
	opacity: 1;
}.effeckt-show.let-me-in ~ [data-effeckt-page].effeckt-page-active:after{
	opacity: 1;
	visibility: visible;
}.effeckt-show.let-me-in .effeckt-content{
	transform: translate3d(0,-50%,0);
	opacity: 1;
}.make-way{
	perspective: 600px;
}.make-way ~ [data-effeckt-page].effeckt-page-active{
	transform-origin: 0 50%;
	transform-style: preserve-3d;
}.make-way .effeckt-content{
	transform: translate3d(200%,0,0);
	opacity: 0;
}.effeckt-show.make-way ~ [data-effeckt-page].effeckt-page-active{
	animation: makeWay 500ms forwards ease-in;
}.effeckt-show.make-way .effeckt-content{
	transform: translate3d(0,0,0);
	opacity: 1;
}@keyframes makeWay{
	50%{
		transform: translate3d(0,0,-50px) rotateY(5deg);
	}100%{
		transform: translate3d(0,0,-200px);
	}
}.deep-content .effeckt-content{
	transform: scale(0.8);
	opacity: 0;
}.effeckt-show.deep-content .effeckt-content{
	transform: scale(1.1);
	opacity: 1;
}.deep-content ~ [data-effeckt-page].effeckt-page-active{
	transform: translate3d(0,0,0);
	transition: 500ms;
}.effeckt-show.deep-content ~ [data-effeckt-page].effeckt-page-active{
	transform: translate3d(0,0,-85px);

	filter: blur(3px);
}.newspaper .effeckt-content{
	transform: scale(0.5) rotate(720deg);
	opacity: 0;
}.effeckt-show.newspaper .effeckt-content{
	transform: scale(1) rotate(0);
	opacity: 1;
}.side-fall{
	transform-style: preserve-3d;

	perspective: 600px;
}.side-fall .effeckt-content{
	transform: translateZ(600px) translateX(30%) rotate(10deg);
	opacity: 0;
	transition-timing-function: ease-out;
}.effeckt-show.side-fall .effeckt-content{
	transform: translateZ(0) translateX(0) rotate(0);
	opacity: 1;
	transition-timing-function: ease-in;
}.fade-in .effeckt-content{
	opacity: 0;
}.effeckt-show.fade-in .effeckt-content{
	opacity: 1;
}.effeckt-show.blur ~ [data-effeckt-page]{
	transform: translate3d(0,0,0);

	filter: blur(3px);
}.blur .effeckt-content{
	opacity: 0;
}.effeckt-show.blur ~ [data-effeckt-page]{
	transition: all 500ms ease;
}.effeckt-show.blur .effeckt-content{
	opacity: 1;
}.tilt-fall .effeckt-content{
	transform: translateY(100%) rotate(-25deg);
	opacity: 0;
}.shake .effeckt-content{
	opacity: 0;
}.effeckt-show.shake .effeckt-content{
	opacity: 1;
	animation-name: shake;
	animation-timing-function: ease;
}@keyframes shake{
	0%,100%{
		transform: translateX(0);
	}10%,30%,50%,70%,90%{
		transform: translateX(-10px);
	}20%,40%,60%,80%{
		transform: translateX(10px);
	}
}.bounce .effeckt-content{
	opacity: 0;
}.effeckt-show.bounce .effeckt-content{
	opacity: 1;
	animation-name: bounce;
	animation-timing-function: ease;
}@keyframes bounce{
	0%,20%,50%,80%,100%{
		transform: translateY(0);
	}40%{
		transform: translateY(-30px);
	}60%{
		transform: translateY(-15px);
	}
}.pulse .effeckt-content{
	opacity: 0;
}.effeckt-show.pulse .effeckt-content{
	opacity: 1;
	animation-name: pulse;
	animation-timing-function: ease;
}@keyframes pulse{
	0%{
		transform: scale(1);
	}50%{
		transform: scale(1.1);
	}100%{
		transform: scale(1);
	}
}.wobble .effeckt-content{
	opacity: 0;
}.effeckt-show.wobble .effeckt-content{
	opacity: 1;
	animation-name: wobble;
	animation-timing-function: ease;
}@keyframes wobble{
	0%{
		transform: translateX(0);
	}15%{
		transform: translateX(-25%) rotate(-5deg);
	}30%{
		transform: translateX(20%) rotate(3deg);
	}45%{
		transform: translateX(-15%) rotate(-3deg);
	}60%{
		transform: translateX(10%) rotate(2deg);
	}75%{
		transform: translateX(-5%) rotate(-1deg);
	}100%{
		transform: translateX(0);
	}
}.swing .effeckt-content{
	transform-origin: 50% 0;
	opacity: 0;
}.effeckt-show.swing .effeckt-content{
	opacity: 1;
	animation-name: swing;
	animation-timing-function: ease;
}@keyframes swing{
	20%{
		transform: rotate(15deg);
	}40%{
		transform: rotate(-10deg);
	}60%{
		transform: rotate(5deg);
	}80%{
		transform: rotate(-5deg);
	}100%{
		transform: rotate(0);
	}
}.tada .effeckt-content{
	opacity: 0;
}.effeckt-show.tada .effeckt-content{
	opacity: 1;
	animation-name: tada;
	animation-timing-function: ease;
}@keyframes tada{
	0%{
		transform: scale(1);
	}10%,20%{
		transform: scale(0.9) rotate(-3deg);
	}30%,50%,70%,90%{
		transform: scale(1.1) rotate(3deg);
	}40%,60%,80%{
		transform: scale(1.1) rotate(-3deg);
	}100%{
		transform: scale(1) rotate(0);
	}
}.effeckt-off-screen-nav ~ [data-effeckt-page].effeckt-page-active:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
	opacity: 0;
	visibility: hidden;
	transition: 500ms;
}.effeckt-off-screen-nav.effeckt-show ~ [data-effeckt-page].effeckt-page-active:after{
	opacity: 1;
	visibility: visible;
}.effeckt-off-screen-nav-left-overlay{
	transform: translateX(-100%);
	transition: 500ms cubic-bezier(0.09,0.68,0,0.99);
}.effeckt-off-screen-nav-left-overlay.effeckt-show{
	transform: translateX(0);
}.effeckt-off-screen-nav-left-push{
	transform: translateX(-12rem);
	transition: 500ms;
}.effeckt-off-screen-nav-left-push.effeckt-show{
	transform: translateX(0);
}.effeckt-off-screen-nav-left-push.effeckt-show ~ [data-effeckt-page].effeckt-page-active{
	transform: translateX(12rem);
}.effeckt-off-screen-nav-left-push ~ [data-effeckt-page].effeckt-page-active{
	transform: translateX(0);
	transition: 500ms;
}.effeckt-off-screen-nav-left-reveal{
	transform: translate3D(0,0,0);
	width: 0;
	transition: 500ms;
}.effeckt-off-screen-nav-left-reveal h4{
	width: 10rem;
}.effeckt-off-screen-nav-left-reveal.effeckt-show{
	transform: translateX(0);
	width: 12rem;
}.effeckt-off-screen-nav-left-reveal.effeckt-show ~ [data-effeckt-page]{
	transform: translateX(12rem);
}.effeckt-off-screen-nav-left-reveal ~ [data-effeckt-page]{
	transition: 500ms;
}.effeckt-off-screen-nav-left-squeeze{
	transform: translateX(-100%);
	width: 40%;
	transition: 500ms;
}.effeckt-off-screen-nav-left-squeeze.effeckt-show{
	transform: translateX(0);
}.effeckt-off-screen-nav-left-squeeze.effeckt-show ~ [data-effeckt-page]{
	width: 60%;
}.effeckt-off-screen-nav-left-squeeze ~ [data-effeckt-page]{
	float: right;
	max-width: none;
	transition: width 500ms;
}.effeckt-off-screen-nav-right-overlay{
	right: 0;
	left: auto;
	transform: translateX(100%);
	transition: 500ms cubic-bezier(0.09,0.68,0,0.99);
}.effeckt-off-screen-nav-right-overlay.effeckt-show{
	transform: translateX(0);
}.effeckt-off-screen-nav-right-push{
	right: 0;
	left: auto;
	transform: translateX(12rem);
	transition: 500ms;
}.effeckt-off-screen-nav-right-push.effeckt-show{
	transform: translateX(0);
}.effeckt-off-screen-nav-right-push.effeckt-show ~ [data-effeckt-page]{
	transform: translateX(-12rem);
}.effeckt-off-screen-nav-right-push ~ [data-effeckt-page]{
	transition: 500ms;
}.effeckt-off-screen-nav-right-reveal{
	right: 0;
	left: auto;
	transform: translate3D(0,0,0);
	overflow: hidden;
	width: 0;
	transition: 500ms;
}.effeckt-off-screen-nav-right-reveal h4{
	position: absolute;
	top: 0;
	right: 0;
	width: 10rem;
}.effeckt-off-screen-nav-right-reveal ul{
	position: absolute;
	top: 3.2rem;
	right: 0;
	width: 12rem;
}.effeckt-off-screen-nav-right-reveal.effeckt-show{
	width: 12rem;
}.effeckt-off-screen-nav-right-reveal.effeckt-show ~ [data-effeckt-page]{
	transform: translateX(-12rem);
}.effeckt-off-screen-nav-right-reveal ~ [data-effeckt-page]{
	transition: 500ms;
}.effeckt-off-screen-nav-right-squeeze{
	right: 0;
	left: auto;
	transform: translateX(100%);
	width: 40%;
	transition: 500ms;
}.effeckt-off-screen-nav-right-squeeze.effeckt-show{
	transform: translateX(0);
}.effeckt-off-screen-nav-right-squeeze.effeckt-show ~ [data-effeckt-page]{
	width: 60%;
}.effeckt-off-screen-nav-right-squeeze ~ [data-effeckt-page]{
	float: left;
	max-width: none;
	transition: width 500ms;
}.effeckt-off-screen-nav-left-rotate{
	transform: translateX(-100%) scale(1.01) rotateY(-30deg);
	transform-origin: 100% 50%;
	transition: 500ms;
}.effeckt-off-screen-nav-left-rotate ~ [data-effeckt-page].effeckt-page-active{
	transform-origin: 0 50%;
	transition: 500ms;
}.effeckt-off-screen-nav-left-rotate ~ .effeckt-overlay{
	z-index: 900;
	opacity: 1;
	visibility: visible;
}.effeckt-off-screen-nav-left-rotate.effeckt-show{
	transform: none;
}.effeckt-off-screen-nav-left-rotate.effeckt-show ~ [data-effeckt-page].effeckt-page-active{
	transform: translateX(260px) rotateY(15deg);
	overflow: hidden;
}.effeckt-off-screen-nav-left-rotate.effeckt-show ~ [data-effeckt-page].effeckt-page-active:after{
	background: 0;
}.effeckt-off-screen-nav-left-rotate.effeckt-show ~ [data-effeckt-page] .off-screen-nav-cover{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}.effeckt-off-screen-nav-top-overlay{
	bottom: auto;
	transform: translateY(-100%);
	width: 100%;
	transition: 500ms;
}.effeckt-off-screen-nav-top-overlay.effeckt-show{
	transform: translateY(0);
	visibility: visible;
}.effeckt-off-screen-nav-bottom-overlay{
	top: auto;
	transform: translateY(100%);
	width: 100%;
	transition: 500ms;
}.effeckt-off-screen-nav-bottom-overlay.effeckt-show{
	transform: translateY(0);
}.effeckt-off-screen-nav-top-bounce{
	bottom: auto;
	width: 100%;
	transition: 500ms;
}.effeckt-off-screen-nav-top-bounce.effeckt-show{
	visibility: visible;
	animation: navFromTopBounceIn 500ms both ease;
}.effeckt-off-screen-nav-top-bounce.effeckt-hide{
	animation: navFromTopBounceOut 500ms both ease;
}.effeckt-off-screen-nav-top-bounce-out{
	bottom: auto;
	transform: translateY(-100%);
	width: 100%;
	transition: 500ms;
}.effeckt-off-screen-nav-top-bounce-out.effeckt-show{
	transform: translateY(0);
	visibility: visible;
}.effeckt-off-screen-nav-top-bounce-out.effeckt-hide{
	animation: navFromTopBounceOut 500ms both ease;
}@keyframes navFromTopBounceIn{
	0%{
		transform: translateY(-100%);
	}20%{
		transform: translateY(0);
		padding-top: 0;
	}60%{
		padding-top: 20px;
	}100%{
		padding-top: 0;
	}
}@keyframes navFromTopBounceOut{
	0%{
		transform: translateY(0);
		padding-top: 0;
	}40%{
		transform: translateY(0);
		padding-top: 20px;
	}80%{
		padding-top: 0;
	}90%,100%{
		transform: translateY(-100%);
	}
}.effeckt-off-screen-nav-bottom-bounce{
	top: auto;
	width: 100%;
	transition: 500ms;
}.effeckt-off-screen-nav-bottom-bounce.effeckt-show{
	animation: navFromBottomBounceIn 500ms both ease;
}.effeckt-off-screen-nav-bottom-bounce.effeckt-hide{
	animation: navFromBottomBounceOut 500ms both ease;
}.effeckt-off-screen-nav-bottom-bounce-out{
	top: auto;
	transform: translateY(100%);
	width: 100%;
	transition: 500ms;
}.effeckt-off-screen-nav-bottom-bounce-out.effeckt-show{
	transform: translateY(0);
}.effeckt-off-screen-nav-bottom-bounce-out.effeckt-hide{
	animation: navFromBottomBounceOut 500ms both ease;
}@keyframes navFromBottomBounceIn{
	0%{
		transform: translateY(100%);
	}20%{
		transform: translateY(0);
		padding-bottom: 0;
	}60%{
		padding-bottom: 20px;
	}100%{
		padding-bottom: 0;
	}
}@keyframes navFromBottomBounceOut{
	0%{
		transform: translateY(0);
		padding-bottom: 0;
	}40%{
		transform: translateY(0);
		padding-bottom: 20px;
	}80%{
		padding-bottom: 0;
	}90%,100%{
		transform: translateY(100%);
	}
}.effeckt-off-screen-nav-push-top{
	bottom: auto;
	transform: translateY(-100%);
	width: 100%;
	transition: 500ms;
}.effeckt-off-screen-nav-push-top.effeckt-show{
	transform: translateY(0);
	visibility: visible;
}.effeckt-off-screen-nav-push-top.effeckt-show ~ [data-effeckt-page]{
	transform: translateY(12rem);
}.effeckt-off-screen-nav-push-top ~ [data-effeckt-page]{
	transition: 500ms;
}.effeckt-off-screen-nav-push-bottom{
	top: auto;
	transform: translateY(100%);
	width: 100%;
	transition: 500ms;
}.effeckt-off-screen-nav-push-bottom.effeckt-show{
	transform: translateY(0);
	visibility: visible;
}.effeckt-off-screen-nav-push-bottom.effeckt-show ~ [data-effeckt-page]{
	transform: translateY(-12rem);
}.effeckt-off-screen-nav-push-bottom ~ [data-effeckt-page]{
	transition: 500ms;
}.effeckt-off-screen-nav-right-rotate{
	right: 0;
	left: auto;
	transform: rotateY(30deg) translateX(100%) scale(1.01);
	transform-origin: 100% 50%;
	transition: 500ms;
}.effeckt-off-screen-nav-right-rotate ~ [data-effeckt-page]{
	transform-origin: 100% 50%;
	transition: 500ms;
}.effeckt-off-screen-nav-right-rotate ~ .effeckt-overlay{
	z-index: 900;
	opacity: 1;
	visibility: visible;
}.effeckt-off-screen-nav-right-rotate.effeckt-show{
	transform: none;
}.effeckt-off-screen-nav-right-rotate.effeckt-show ~ [data-effeckt-page]{
	transform: translateX(-260px) rotateY(-15deg);
	overflow: hidden;
}.effeckt-off-screen-nav-right-rotate.effeckt-show ~ [data-effeckt-page]:after{
	background: 0;
}.effeckt-off-screen-nav-right-rotate.effeckt-show ~ [data-effeckt-page] .off-screen-nav-cover{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}.effeckt-off-screen-nav-top-card-deck{
	bottom: auto;
	transform: translateY(-100%);
	overflow: visible;
	width: 100%;
	transition: transform 250ms;

	perspective: 800px;
}.effeckt-off-screen-nav-top-card-deck.effeckt-show{
	transform: translateY(0);
}.effeckt-off-screen-nav-top-card-deck h4{
	position: relative;
	z-index: 300;
	transform-origin: 50% 0;
	transform-style: preserve-3d;
	display: block;
	transition: all 250ms ease-out;

	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}.effeckt-off-screen-nav-top-card-deck h4:active{
	transform: rotateX(60deg);
}.effeckt-off-screen-nav-top-card-deck ul{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0;
}.effeckt-off-screen-nav-top-card-deck ul li{
	position: absolute;
	top: 0;
	z-index: 0;
	transform: translateY(0);
	width: 100%;
	height: 100%;
	transition: all 250ms ease-out;
}.effeckt-off-screen-nav-bottom-card-deck{
	top: auto;
	transform: translateY(100%);
	overflow: visible;
	width: 100%;
	transition: transform 250ms;

	perspective: 800px;
}.effeckt-off-screen-nav-bottom-card-deck.effeckt-show{
	transform: translateY(0);
}.effeckt-off-screen-nav-bottom-card-deck h4{
	position: relative;
	z-index: 300;
	transform-origin: 50% 100%;
	transform-style: preserve-3d;
	display: block;
	transition: all 250ms ease-out;

	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}.effeckt-off-screen-nav-bottom-card-deck h4:active{
	transform: rotateX(-60deg);
}.effeckt-off-screen-nav-bottom-card-deck ul{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	margin: 0;
}.effeckt-off-screen-nav-bottom-card-deck ul li{
	position: absolute;
	top: 0;
	z-index: 0;
	transform: translateY(300px);
	width: 100%;
	height: 100%;
	transition: all 250ms ease-out;
}.effeckt-off-screen-nav-left-bounce{
	transform: translateX(-100%);
	transition: 500ms;
}.effeckt-off-screen-nav-left-bounce.effeckt-show{
	transform: translateX(0);
	visibility: visible;
	animation: navFromLeftBounceIn 500ms both ease;
}.effeckt-off-screen-nav-left-bounce.effeckt-hide{
	transform: translateX(-100%);
	animation: navFromLeftBounceOut 500ms both ease;
}@keyframes navFromLeftBounceIn{
	0%{
		transform: translateX(-100%);
	}20%{
		transform: translateX(0);
		padding-left: 0;
	}60%{
		padding-left: 20px;
	}100%{
		padding-left: 0;
	}
}@keyframes navFromLeftBounceOut{
	0%{
		transform: translateX(0);
		padding-left: 0;
	}40%{
		transform: translateX(0);
		padding-left: 20px;
	}80%{
		padding-left: 0;
	}90%,100%{
		transform: translateX(-100%);
	}
}.effeckt-off-screen-nav-left-bounce-out{
	transform: translateX(-100%);
	transition: 500ms;
}.effeckt-off-screen-nav-left-bounce-out.effeckt-show{
	transform: translateY(0);
	visibility: visible;
}.effeckt-off-screen-nav-left-bounce-out.effeckt-hide{
	animation: navFromLeftBounceOut 500ms both ease;
}.effeckt-off-screen-nav-right-bounce{
	right: 0;
	left: auto;
	transition: 500ms;
}.effeckt-off-screen-nav-right-bounce.effeckt-show{
	visibility: visible;
	animation: navFromRightBounceIn 500ms both ease;
}.effeckt-off-screen-nav-right-bounce.effeckt-hide{
	animation: navFromRightBounceOut 500ms both ease;
}@keyframes navFromRightBounceIn{
	0%{
		transform: translateX(100%);
	}20%{
		transform: translateX(0);
		padding-right: 0;
	}60%{
		padding-right: 20px;
	}100%{
		padding-right: 0;
	}
}@keyframes navFromRightBounceOut{
	0%{
		transform: translateX(0);
		padding-right: 0;
	}40%{
		transform: translateX(0);
		padding-right: 20px;
	}80%{
		padding-right: 0;
	}90%,100%{
		transform: translateX(100%);
	}
}.effeckt-off-screen-nav-right-bounce-out{
	right: 0;
	left: auto;
	transform: translateX(100%);
	transition: 500ms;
}.effeckt-off-screen-nav-right-bounce-out.effeckt-show{
	transform: translateY(0);
	visibility: visible;
}.effeckt-off-screen-nav-right-bounce-out.effeckt-hide{
	animation: navFromRightBounceOut 500ms both ease;
}.effeckt-off-screen-nav-bottom-rotate{
	top: auto;
	transform: translateY(100%) scale(1.01) rotateX(-30deg);
	transform-origin: 100% 50%;
	width: 100%;
	transition: 500ms;
}.effeckt-off-screen-nav-bottom-rotate ~ [data-effeckt-page].effeckt-page-active{
	transform-origin: 0 100%;
	transition: 500ms;
}.effeckt-off-screen-nav-bottom-rotate ~ .effeckt-overlay{
	z-index: 900;
	opacity: 1;
	visibility: visible;
}.effeckt-off-screen-nav-bottom-rotate.effeckt-show{
	transform: none;
}.effeckt-off-screen-nav-bottom-rotate.effeckt-show ~ [data-effeckt-page].effeckt-page-active{
	transform: translateY(-260px) rotateX(15deg);
	overflow: hidden;
}.effeckt-off-screen-nav-bottom-rotate.effeckt-show ~ [data-effeckt-page].effeckt-page-active:after{
	background: 0;
}.effeckt-off-screen-nav-bottom-rotate.effeckt-show ~ [data-effeckt-page] .off-screen-nav-cover{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}.effeckt-off-screen-nav-top-rotate{
	bottom: auto;
	transform: translateY(-100%) scale(1.01) rotateX(30deg);
	transform-origin: 50% 0;
	width: 100%;
	transition: 500ms;
}.effeckt-off-screen-nav-top-rotate ~ [data-effeckt-page].effeckt-page-active{
	transform-origin: 100% 0;
	transition: 500ms;
}.effeckt-off-screen-nav-top-rotate ~ .effeckt-overlay{
	z-index: 900;
	opacity: 1;
	visibility: visible;
}.effeckt-off-screen-nav-top-rotate.effeckt-show{
	transform: none;
}.effeckt-off-screen-nav-top-rotate.effeckt-show ~ [data-effeckt-page].effeckt-page-active{
	transform: translateY(260px) rotateX(-15deg);
	overflow: hidden;
}.effeckt-off-screen-nav-top-rotate.effeckt-show ~ [data-effeckt-page].effeckt-page-active:after{
	background: 0;
}.effeckt-off-screen-nav-top-rotate.effeckt-show ~ [data-effeckt-page] .off-screen-nav-cover{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}.effeckt-off-screen-nav-minimize-reaveal{
	width: 100%;
	transition: 500ms;
}.effeckt-off-screen-nav-minimize-reaveal ~ [data-effeckt-page].effeckt-page-active{
	z-index: 1000;
	box-shadow: 0 0 50px #cacaca;
	transition: 500ms;
}.effeckt-off-screen-nav-minimize-reaveal li,.effeckt-off-screen-nav-minimize-reaveal h4{
	transform: translateX(5%);
	opacity: 0;
	transition: 500ms cubic-bezier(0.16,0.86,0.33,0.97);
}.effeckt-off-screen-nav-minimize-reaveal.effeckt-show h4{
	transform: translateX(0);
	opacity: 1;
	transition-delay: 500ms;
}.effeckt-off-screen-nav-minimize-reaveal.effeckt-show li:nth-child(1){
	transform: translateX(0);
	opacity: 1;
	transition-delay: 1125ms;
}.effeckt-off-screen-nav-minimize-reaveal.effeckt-show li:nth-child(2){
	transform: translateX(0);
	opacity: 1;
	transition-delay: 1250ms;
}.effeckt-off-screen-nav-minimize-reaveal.effeckt-show li:nth-child(3){
	transform: translateX(0);
	opacity: 1;
	transition-delay: 1375ms;
}.effeckt-off-screen-nav-minimize-reaveal.effeckt-show li:nth-child(4){
	transform: translateX(0);
	opacity: 1;
	transition-delay: 1500ms;
}.effeckt-off-screen-nav-minimize-reaveal.effeckt-show li:nth-child(5){
	transform: translateX(0);
	opacity: 1;
	transition-delay: 1625ms;
}.effeckt-off-screen-nav-minimize-reaveal.effeckt-show li:nth-child(6){
	transform: translateX(0);
	opacity: 1;
	transition-delay: 1750ms;
}.effeckt-off-screen-nav-minimize-reaveal.effeckt-show li:nth-child(7){
	transform: translateX(0);
	opacity: 1;
	transition-delay: 1875ms;
}.effeckt-off-screen-nav-minimize-reaveal.effeckt-show li:nth-child(8){
	transform: translateX(0);
	opacity: 1;
	transition-delay: 2000ms;
}.effeckt-off-screen-nav-minimize-reaveal.effeckt-show li:nth-child(9){
	transform: translateX(0);
	opacity: 1;
	transition-delay: 2125ms;
}.effeckt-off-screen-nav-minimize-reaveal.effeckt-show li:nth-child(10){
	transform: translateX(0);
	opacity: 1;
	transition-delay: 2250ms;
}.effeckt-off-screen-nav-minimize-reaveal.effeckt-show li:nth-child(11){
	transform: translateX(0);
	opacity: 1;
	transition-delay: 2375ms;
}.effeckt-off-screen-nav-minimize-reaveal.effeckt-show li:nth-child(12){
	transform: translateX(0);
	opacity: 1;
	transition-delay: 2500ms;
}.effeckt-off-screen-nav-minimize-reaveal.effeckt-show li:nth-child(13){
	transform: translateX(0);
	opacity: 1;
	transition-delay: 2625ms;
}.effeckt-off-screen-nav-minimize-reaveal.effeckt-show li:nth-child(14){
	transform: translateX(0);
	opacity: 1;
	transition-delay: 2750ms;
}.effeckt-off-screen-nav-minimize-reaveal.effeckt-show li:nth-child(15){
	transform: translateX(0);
	opacity: 1;
	transition-delay: 2875ms;
}.effeckt-off-screen-nav-minimize-reaveal.effeckt-show ~ [data-effeckt-page].effeckt-page-active{
	transform: translateX(50%) scale3d(0.5,0.5,1);
	overflow: hidden;
	transition: 750ms cubic-bezier(0.16,0.86,0.33,0.97);
}.effeckt-off-screen-nav-minimize-reaveal.effeckt-show ~ [data-effeckt-page] .off-screen-nav-cover{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}.effeckt-off-screen-nav-minimize-flip{
	width: 100%;
	transition: 500ms;
}.effeckt-off-screen-nav-minimize-flip ~ [data-effeckt-page].effeckt-page-active{
	z-index: 1000;
	box-shadow: 0 0 50px #cacaca;
	transition: 500ms;
}.effeckt-off-screen-nav-minimize-flip li,.effeckt-off-screen-nav-minimize-flip h4{
	transform: translateX(5%);
	opacity: 0;
	transition: 500ms cubic-bezier(0.16,0.86,0.33,0.97);
}.effeckt-off-screen-nav-minimize-flip.effeckt-show h4{
	transform: translateX(0);
	opacity: 1;
	transition-delay: 500ms;
}.effeckt-off-screen-nav-minimize-flip.effeckt-show li:nth-child(1){
	transform: translateX(0);
	opacity: 1;
	transition-delay: 1125ms;
}.effeckt-off-screen-nav-minimize-flip.effeckt-show li:nth-child(2){
	transform: translateX(0);
	opacity: 1;
	transition-delay: 1250ms;
}.effeckt-off-screen-nav-minimize-flip.effeckt-show li:nth-child(3){
	transform: translateX(0);
	opacity: 1;
	transition-delay: 1375ms;
}.effeckt-off-screen-nav-minimize-flip.effeckt-show li:nth-child(4){
	transform: translateX(0);
	opacity: 1;
	transition-delay: 1500ms;
}.effeckt-off-screen-nav-minimize-flip.effeckt-show li:nth-child(5){
	transform: translateX(0);
	opacity: 1;
	transition-delay: 1625ms;
}.effeckt-off-screen-nav-minimize-flip.effeckt-show li:nth-child(6){
	transform: translateX(0);
	opacity: 1;
	transition-delay: 1750ms;
}.effeckt-off-screen-nav-minimize-flip.effeckt-show li:nth-child(7){
	transform: translateX(0);
	opacity: 1;
	transition-delay: 1875ms;
}.effeckt-off-screen-nav-minimize-flip.effeckt-show li:nth-child(8){
	transform: translateX(0);
	opacity: 1;
	transition-delay: 2000ms;
}.effeckt-off-screen-nav-minimize-flip.effeckt-show li:nth-child(9){
	transform: translateX(0);
	opacity: 1;
	transition-delay: 2125ms;
}.effeckt-off-screen-nav-minimize-flip.effeckt-show li:nth-child(10){
	transform: translateX(0);
	opacity: 1;
	transition-delay: 2250ms;
}.effeckt-off-screen-nav-minimize-flip.effeckt-show li:nth-child(11){
	transform: translateX(0);
	opacity: 1;
	transition-delay: 2375ms;
}.effeckt-off-screen-nav-minimize-flip.effeckt-show li:nth-child(12){
	transform: translateX(0);
	opacity: 1;
	transition-delay: 2500ms;
}.effeckt-off-screen-nav-minimize-flip.effeckt-show li:nth-child(13){
	transform: translateX(0);
	opacity: 1;
	transition-delay: 2625ms;
}.effeckt-off-screen-nav-minimize-flip.effeckt-show li:nth-child(14){
	transform: translateX(0);
	opacity: 1;
	transition-delay: 2750ms;
}.effeckt-off-screen-nav-minimize-flip.effeckt-show li:nth-child(15){
	transform: translateX(0);
	opacity: 1;
	transition-delay: 2875ms;
}.effeckt-off-screen-nav-minimize-flip.effeckt-show ~ [data-effeckt-page].effeckt-page-active{
	transform: translateX(50%) rotateY(-15deg) scale3d(0.5,0.5,1);
	overflow: hidden;
	transition: 750ms cubic-bezier(0.16,0.86,0.33,0.97);
}.effeckt-off-screen-nav-minimize-flip.effeckt-show ~ [data-effeckt-page] .off-screen-nav-cover{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}[data-effeckt-page]{
	position: relative;
	top: 0;
	left: 0;
	z-index: 0;
	transform: translate3d(0,0,0);
	transform-style: preserve-3d;
	overflow-x: hidden;
	display: none;
	width: 100%;
	height: 100%;
	padding: 2rem 4rem 0;
	visibility: hidden;

	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
	-webkit-overflow-scrolling: touch;
}[data-effeckt-page].effeckt-page-active{
	z-index: 10;
	display: block;
	visibility: visible;
}[data-effeckt-page].effeckt-page-animating{
	position: absolute;
	z-index: 100;
	overflow: hidden;
}[data-effeckt-page].slide-from-left{
	animation: slideFromLeft 1000ms forwards ease-in-out;
}[data-effeckt-page].slide-to-left{
	animation: slideToLeft 1000ms forwards ease-in-out;
}[data-effeckt-page].slide-from-right{
	animation: slideFromRight 1000ms forwards ease-in-out;
}[data-effeckt-page].slide-to-right{
	animation: slideToRight 1000ms forwards ease-in-out;
}[data-effeckt-page].slide-from-top{
	animation: slideFromTop 1000ms forwards ease-in-out;
}[data-effeckt-page].slide-to-top{
	animation: slideToTop 1000ms forwards ease-in-out;
}[data-effeckt-page].slide-from-bottom{
	animation: slideFromBottom 1000ms forwards ease-in-out;
}[data-effeckt-page].slide-to-bottom{
	animation: slideToBottom 1000ms forwards ease-in-out;
}[data-effeckt-page].scale-up-from-behind{
	animation: scaleUpFromBehind 1000ms forwards ease-in-out;
}[data-effeckt-page].scale-up-to-front{
	animation: scaleUpToFront 1000ms forwards ease-in-out;
}[data-effeckt-page].scale-down-to-behind{
	animation: scaleDownToBehind 1000ms forwards ease-in-out;
}[data-effeckt-page].scale-down-from-front{
	animation: scaleDownFromFront 1000ms forwards ease-in-out;
}[data-effeckt-page].scale-down-slide-to-left{
	animation: scaleDownSlideToLeft 2000ms forwards ease-in-out;
}[data-effeckt-page].scale-down-slide-from-right{
	animation: scaleDownSlideFromRight 2000ms forwards ease-in-out;
}[data-effeckt-page].scale-down-slide-from-left{
	animation: scaleDownSlideFromLeft 2000ms forwards ease-in-out;
}[data-effeckt-page].scale-down-slide-to-right{
	animation: scaleDownSlideToRight 2000ms forwards ease-in-out;
}[data-effeckt-page].scale-down-slide-from-top{
	animation: scaleDownSlideFromTop 2000ms forwards ease-in-out;
}[data-effeckt-page].scale-down-slide-to-bottom{
	animation: scaleDownSlideToBottom 2000ms forwards ease-in-out;
}[data-effeckt-page].scale-down-slide-from-bottom{
	animation: scaleDownSlideFromBottom 2000ms forwards ease-in-out;
}[data-effeckt-page].scale-down-slide-to-top{
	animation: scaleDownSlideToTop 2000ms forwards ease-in-out;
}[data-effeckt-page].rotate-to-behind{
	transform-origin: -50% 50%;
	animation: rotateToBehind 500ms both ease-in;
}[data-effeckt-page].rotate-to-front{
	transform-origin: 150% 50%;
	animation: rotateToFront 500ms both ease-out;
}[data-effeckt-page].flip-to-right-front{
	animation: flipToRightBack 1000ms forwards ease;

	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}[data-effeckt-page].flip-to-right-back{
	animation: flipToRight 1000ms forwards ease;

	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}[data-effeckt-page].flip-to-left-front{
	animation: flipToLeftBack 1000ms forwards ease;

	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}[data-effeckt-page].flip-to-left-back{
	animation: flipToLeft 1000ms forwards ease;

	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}[data-effeckt-page].flip-to-top-front{
	animation: flipToTopBack 1000ms forwards ease;

	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}[data-effeckt-page].flip-to-top-back{
	animation: flipToTop 1000ms forwards ease;

	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}[data-effeckt-page].flip-to-bottom-front{
	animation: flipToBottomBack 1000ms forwards ease;

	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}[data-effeckt-page].flip-to-bottom-back{
	animation: flipToBottom 1000ms forwards ease;

	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}@keyframes slideFromTop{
	from{
		transform: translateY(-100%);
	}
}@keyframes slideToTop{
	to{
		transform: translateY(-100%);
	}
}@keyframes slideFromRight{
	from{
		transform: translateX(100%);
	}
}@keyframes slideToRight{
	to{
		transform: translateX(100%);
	}
}@keyframes slideFromBottom{
	from{
		transform: translateY(100%);
	}
}@keyframes slideToBottom{
	to{
		transform: translateY(100%);
	}
}@keyframes slideFromLeft{
	from{
		transform: translateX(-100%);
	}
}@keyframes slideToLeft{
	to{
		transform: translateX(-100%);
	}
}@keyframes scaleUpFromBehind{
	from{
		transform: scale(0.5);
		opacity: 0;
	}
}@keyframes scaleUpToFront{
	to{
		transform: scale(1.3);
		opacity: 0;
	}
}@keyframes scaleDownToBehind{
	to{
		transform: scale(0.5);
		opacity: 0;
	}
}@keyframes scaleDownFromFront{
	from{
		transform: scale(1.3);
		opacity: 0;
	}to{
		opacity: 1;
	}
}@keyframes scaleDownSlideToLeft{
	25%{
		transform: translateZ(-500px);
		opacity: 0.5;
	}75%{
		transform: translateZ(-500px) translateX(-200%);
		opacity: 0.5;
	}100%{
		transform: translateZ(-500px) translateX(-200%);
		opacity: 0.5;
	}
}@keyframes scaleDownSlideFromRight{
	0%,25%{
		transform: translateZ(-500px) translateX(200%);
		opacity: 0.5;
	}75%{
		transform: translateZ(-500px);
		opacity: 0.5;
	}100%{
		transform: translateZ(0) translateX(0);
		opacity: 1;
	}
}@keyframes scaleDownSlideFromLeft{
	0%,25%{
		transform: translateZ(-500px) translateX(-200%);
		opacity: 0.5;
	}75%{
		transform: translateZ(-500px);
		opacity: 0.5;
	}100%{
		transform: translateZ(0) translateX(0);
		opacity: 1;
	}
}@keyframes scaleDownSlideToRight{
	25%{
		transform: translateZ(-500px);
		opacity: 0.5;
	}75%{
		transform: translateZ(-500px) translateX(200%);
		opacity: 0.5;
	}100%{
		transform: translateZ(-500px) translateX(200%);
		opacity: 0.5;
	}
}@keyframes scaleDownSlideFromTop{
	0%,25%{
		transform: translateZ(-500px) translateY(-200%);
		opacity: 0.5;
	}75%{
		transform: translateZ(-500px);
		opacity: 0.5;
	}100%{
		transform: translateZ(0) translateY(0);
		opacity: 1;
	}
}@keyframes scaleDownSlideToBottom{
	25%{
		transform: translateZ(-500px);
		opacity: 0.5;
	}75%{
		transform: translateZ(-500px) translateY(200%);
		opacity: 0.5;
	}100%{
		transform: translateZ(-500px) translateY(200%);
		opacity: 0.5;
	}
}@keyframes scaleDownSlideFromBottom{
	0%,25%{
		transform: translateZ(-500px) translateY(200%);
		opacity: 0.5;
	}75%{
		transform: translateZ(-500px);
		opacity: 0.5;
	}100%{
		transform: translateZ(0) translateY(0);
		opacity: 1;
	}
}@keyframes scaleDownSlideToTop{
	25%{
		transform: translateZ(-500px);
		opacity: 0.5;
	}75%{
		transform: translateZ(-500px) translateY(-200%);
		opacity: 0.5;
	}100%{
		transform: translateZ(-500px) translateY(-200%);
		opacity: 0.5;
	}
}@keyframes rotateToBehind{
	to{
		transform: translateZ(-500px) rotateY(90deg);
		opacity: 0;
	}
}@keyframes rotateToFront{
	from{
		transform: translateZ(-500px) rotateY(-90deg);
		opacity: 0;
	}
}@keyframes flipToRight{
	to{
		transform: rotateY(180deg);
	}
}@keyframes flipToRightBack{
	from{
		transform: rotateY(-180deg);
	}
}@keyframes flipToLeft{
	to{
		transform: rotateY(-180deg);
	}
}@keyframes flipToLeftBack{
	from{
		transform: rotateY(180deg);
	}
}@keyframes flipToTop{
	to{
		transform: rotateX(180deg);
	}
}@keyframes flipToTopBack{
	from{
		transform: rotateX(-180deg);
	}
}@keyframes flipToBottom{
	to{
		transform: rotateX(-180deg);
	}
}@keyframes flipToBottomBack{
	from{
		transform: rotateX(180deg);
	}
}.page-on-top,[data-effeckt-page].scale-up-to-front.effeckt-page-animating,[data-effeckt-page].scale-down-from-front.effeckt-page-animating{
	z-index: 999;
}.animation-delay-100{
	animation-delay: 0.1s;
}.animation-delay-200{
	animation-delay: 0.2s;
}.animation-delay-300,[data-effeckt-page].scale-up-from-behind{
	animation-delay: 0.3s;
}.animation-delay-500{
	animation-delay: 0.5s;
}.animation-delay-700{
	animation-delay: 0.7s;
}.animation-delay-1000{
	animation-delay: 1000s;
}.effeckt-tooltip[data-effeckt-tooltip-text]{
	position: relative;
	display: inline-block;
}.effeckt-tooltip[data-effeckt-tooltip-text]::before,.effeckt-tooltip[data-effeckt-tooltip-text]::after{
	opacity: 0;
	transition: 0.2s;
}.effeckt-tooltip[data-effeckt-tooltip-text]:hover::before,.effeckt-tooltip[data-effeckt-tooltip-text]:hover::after{
	opacity: 1;
	visibility: visible;
	transition: 0.2s 0.3s;
}.effeckt-tooltip[data-effeckt-type="bubble"]::after{
	content: attr(data-effeckt-tooltip-text);
	position: absolute;
	z-index: 2;
	padding: 0.45rem 0.8rem;
	background: black;
	border-radius: 10px;
	white-space: nowrap;
	color: white;
	font-size: 90%;
	visibility: hidden;
}.effeckt-tooltip[data-effeckt-type="bubble"]::before{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
}.effeckt-tooltip[data-effeckt-type="bubble"][data-effeckt-position="top"]::after,.effeckt-tooltip[data-effeckt-type="bubble"][data-effeckt-position="bottom"]::after{
	left: 50%;
	transform: translateX(-50%);
}.effeckt-tooltip[data-effeckt-type="bubble"][data-effeckt-position="top"]:before,.effeckt-tooltip[data-effeckt-type="bubble"][data-effeckt-position="bottom"]:before{
	left: 50%;
	margin-left: -5px;
}.effeckt-tooltip[data-effeckt-type="bubble"][data-effeckt-position="top"]::after,.effeckt-tooltip[data-effeckt-type="bubble"][data-effeckt-position="top"]::before{
	bottom: 125%;
}.effeckt-tooltip[data-effeckt-type="bubble"][data-effeckt-position="top"]::before{
	margin-bottom: -4px;
	border-top: 5px solid black;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}.effeckt-tooltip[data-effeckt-type="bubble"][data-effeckt-position="top"]:hover::before,.effeckt-tooltip[data-effeckt-type="bubble"][data-effeckt-position="top"]:hover::after{
	bottom: 115%;
}.effeckt-tooltip[data-effeckt-type="bubble"][data-effeckt-position="bottom"]::after,.effeckt-tooltip[data-effeckt-type="bubble"][data-effeckt-position="bottom"]::before{
	top: 125%;
}.effeckt-tooltip[data-effeckt-type="bubble"][data-effeckt-position="bottom"]::before{
	margin-top: -4px;
	border-bottom: 5px solid black;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}.effeckt-tooltip[data-effeckt-type="bubble"][data-effeckt-position="bottom"]:hover::before,.effeckt-tooltip[data-effeckt-type="bubble"][data-effeckt-position="bottom"]:hover::after{
	top: 115%;
}.effeckt-tooltip[data-effeckt-type="bubble"][data-effeckt-position="right"]::after,.effeckt-tooltip[data-effeckt-type="bubble"][data-effeckt-position="right"]:before,.effeckt-tooltip[data-effeckt-type="bubble"][data-effeckt-position="left"]::after,.effeckt-tooltip[data-effeckt-type="bubble"][data-effeckt-position="left"]:before{
	top: 45%;
	transform: translateY(-45%);
	margin-top: 2px;
}.effeckt-tooltip[data-effeckt-type="bubble"][data-effeckt-position="right"]::after,.effeckt-tooltip[data-effeckt-type="bubble"][data-effeckt-position="right"]::before{
	left: 115%;
}.effeckt-tooltip[data-effeckt-type="bubble"][data-effeckt-position="right"]::before{
	margin-left: -4px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-right: 5px solid black;
}.effeckt-tooltip[data-effeckt-type="bubble"][data-effeckt-position="right"]:hover::before,.effeckt-tooltip[data-effeckt-type="bubble"][data-effeckt-position="right"]:hover::after{
	left: 105%;
}.effeckt-tooltip[data-effeckt-type="bubble"][data-effeckt-position="left"]::after,.effeckt-tooltip[data-effeckt-type="bubble"][data-effeckt-position="left"]::before{
	right: 115%;
}.effeckt-tooltip[data-effeckt-type="bubble"][data-effeckt-position="left"]::before{
	margin-right: -4px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid black;
}.effeckt-tooltip[data-effeckt-type="bubble"][data-effeckt-position="left"]:hover::before,.effeckt-tooltip[data-effeckt-type="bubble"][data-effeckt-position="left"]:hover::after{
	right: 105%;
}@media screen and (-webkit-min-device-pixel-ratio:0){
	.effeckt-ckbox-ios7[type=checkbox],.effeckt-rdio-ios7[type=radio]{
		position: relative;
		transform: scale(1);
		display: inline-block;
		width: 52px;
		height: 31px;
		margin: 0;
		padding: 1px;
		background: #fff;
		border-radius: 15px;
		outline: 0;
		box-shadow: inset 0 0 0 1px #e6e6e6;
		transition: all 0.3s ease-out;
		cursor: pointer;

		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
	}.effeckt-ckbox-ios7[type=checkbox]:checked,.effeckt-rdio-ios7:checked{
		box-shadow: inset 0 0 0 20px #666;
	}.effeckt-ckbox-ios7[type=checkbox]:after,.effeckt-rdio-ios7[type=radio]:after{
		content: "";
		position: absolute;
		width: 29px;
		height: 29px;
		background: #fff;
		border-radius: 15px;
		box-shadow: 0 2px 2px 1px rgba(0,0,0,0.2);
		transition: all 0.1s ease-in 0.1s;
		cursor: pointer;
	}.effeckt-ckbox-ios7[type="checkbox"]:checked:after,.effeckt-rdio-ios7[type="radio"]:checked:after{
		left: 22px;
	}.effeckt-ckbox-android[type=checkbox],.effeckt-rdio-android[type=radio]{
		position: relative;
		transform: scale(1);
		display: inline-block;
		width: 72px;
		height: 21px;
		margin: 0;
		padding: 1px;
		background: #333;
		border-radius: 1px;
		outline: 0;
		box-shadow: inset 0 0 0 1px #e6e6e6;
		transition: all 0.3s ease-out;
		cursor: pointer;

		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
	}.effeckt-ckbox-android[type=checkbox]:checked,.effeckt-rdio-android:checked{
		box-shadow: inset 0 0 0 20px #666;
	}.effeckt-ckbox-android[type=checkbox]:after,.effeckt-rdio-android[type=radio]:after{
		content: "";
		position: absolute;
		width: 29px;
		height: 19px;
		background: #4d4d4d;
		border-radius: 1px;
		box-shadow: 0 0;
		transition: all 0.1s ease-in 0.1s;
		cursor: pointer;
	}.effeckt-ckbox-android[type="checkbox"]:checked:after,.effeckt-rdio-android[type="radio"]:checked:after{
		left: 43px;
	}
}.effeckt-tabs-wrap{
	position: relative;
}.effeckt-tabs-wrap ul.effeckt-tabs{
	overflow: hidden;
}.effeckt-tabs-wrap .effeckt-tabs-container{
	position: relative;
	transition: all 500ms ease-in-out;
}.effeckt-tabs-wrap .effeckt-tabs-container .effeckt-tab-content{
	position: absolute;
	transition: all 250ms ease-in-out;
}.effeckt-tabs-wrap[data-effeckt-type="scale"] .effeckt-tab-content.effeckt-hide{
	transform: scale(0.9);
	opacity: 0;
}.effeckt-tabs-wrap[data-effeckt-type="scale"] .effeckt-tab-content.effeckt-show{
	transform: scale(1);
	opacity: 1;
	transition-delay: 0.3s;
}.effeckt-tabs-wrap[data-effeckt-type="scale-up"] .effeckt-tab-content.effeckt-hide{
	transform: scale(1.1);
	opacity: 0;
}.effeckt-tabs-wrap[data-effeckt-type="scale-up"] .effeckt-tab-content.effeckt-show{
	transform: scale(1);
	opacity: 1;
	transition-delay: 0.3s;
}.effeckt-tabs-wrap[data-effeckt-type="slide-left"] .effeckt-tabs-container{
	overflow: hidden;
}.effeckt-tabs-wrap[data-effeckt-type="slide-left"] .effeckt-tabs-container .effeckt-tab-content.effeckt-hide{
	transform: translateX(-100%);
	opacity: 0;
}.effeckt-tabs-wrap[data-effeckt-type="slide-left"] .effeckt-tabs-container .effeckt-tab-content.effeckt-show{
	transform: translateX(0);
	opacity: 1;
	transition-delay: 0.3s;
}.effeckt-tabs-wrap[data-effeckt-type="slide-right"] .effeckt-tabs-container{
	overflow: hidden;
}.effeckt-tabs-wrap[data-effeckt-type="slide-right"] .effeckt-tabs-container .effeckt-tab-content.effeckt-hide{
	transform: translateX(100%);
	opacity: 0;
}.effeckt-tabs-wrap[data-effeckt-type="slide-right"] .effeckt-tabs-container .effeckt-tab-content.effeckt-show{
	transform: translateX(0);
	opacity: 1;
	transition-delay: 0.3s;
}.effeckt-tabs-wrap[data-effeckt-type="slide-up"] .effeckt-tabs-container{
	overflow: hidden;
}.effeckt-tabs-wrap[data-effeckt-type="slide-up"] .effeckt-tabs-container .effeckt-tab-content.effeckt-hide{
	transform: translateY(-100%);
	opacity: 0;
}.effeckt-tabs-wrap[data-effeckt-type="slide-up"] .effeckt-tabs-container .effeckt-tab-content.effeckt-show{
	transform: translateY(0);
	opacity: 1;
	transition-delay: 0.3s;
}.effeckt-tabs-wrap[data-effeckt-type="slide-down"] .effeckt-tabs-container{
	overflow: hidden;
}.effeckt-tabs-wrap[data-effeckt-type="slide-down"] .effeckt-tabs-container .effeckt-tab-content.effeckt-hide{
	transform: translateY(100%);
	opacity: 0;
}.effeckt-tabs-wrap[data-effeckt-type="slide-down"] .effeckt-tabs-container .effeckt-tab-content.effeckt-show{
	transform: translateX(0);
	opacity: 1;
	transition-delay: 0.3s;
}.effeckt-tabs-wrap[data-effeckt-type="flip"] .effeckt-tabs-container{
	overflow: hidden;
}.effeckt-tabs-wrap[data-effeckt-type="flip"] .effeckt-tabs-container .effeckt-tab-content.effeckt-hide{
	transform: rotateY(-90deg) scale(1.1);
	opacity: 0;
}.effeckt-tabs-wrap[data-effeckt-type="flip"] .effeckt-tabs-container .effeckt-tab-content.effeckt-show{
	transform: rotateY(0) scale(1);
	opacity: 1;
	transition-delay: 0.3s;
}.effeckt-positional-modal-wrap{
	position: absolute;
	z-index: 10;
	display: none;
}.effeckt-positional-modal-wrap.effeckt-front{
	z-index: 20;
}.effeckt-positional-modal-wrap[data-effeckt-position="above"]{
	margin-top: -15px;
}.effeckt-positional-modal-wrap[data-effeckt-position="above"] .effeckt-modal:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -10px;
	border-top: 10px solid #ccc;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}.effeckt-positional-modal-wrap[data-effeckt-position="below"]{
	margin-top: 15px;
}.effeckt-positional-modal-wrap[data-effeckt-position="below"] .effeckt-modal:before{
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -10px;
	border-bottom: 10px solid #ccc;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}.effeckt-positional-modal-wrap[data-effeckt-position="right"]{
	margin-left: 15px;
}.effeckt-positional-modal-wrap[data-effeckt-position="right"] .effeckt-modal:before{
	content: "";
	position: absolute;
	top: 50%;
	right: 100%;
	width: 0;
	height: 0;
	margin-top: -10px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #ccc;
}.effeckt-positional-modal-wrap[data-effeckt-position="left"]{
	margin-left: -15px;
}.effeckt-positional-modal-wrap[data-effeckt-position="left"] .effeckt-modal:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	width: 0;
	height: 0;
	margin-top: -10px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #ccc;
}.effeckt{
	margin: 0 0 1rem 0;
	padding: 2rem;
	background: white;
}@media(max-width:500px){
	.effeckt{
		padding: 1.5rem;
	}
}.effeckt header{
	position: relative;
	margin: 0 0 1rem 0;
	border-bottom: 2px solid #eee;
}.effeckt header .source{
	position: absolute;
	right: 0;
	bottom: 2px;
}@media(max-width:500px){
	.effeckt header .source{
		position: relative;
		display: block;
		margin: 0.2rem 0;
	}
}.effeckt header:nth-of-type(n+2){
	margin-top: 2rem;
}.effeckt-list-wrap{
	float: left;
	width: 50%;
	margin: 0 0 2rem 0;
}.effeckt-list-wrap:nth-child(even){
	clear: both;
	padding-right: 20px;
}.effeckt-demo-list-scroll > ul{
	float: left;
	width: 32%;
	margin-bottom: 2%;
	margin-right: 2%;
}.effeckt-demo-list-scroll > ul:nth-of-type(3n){
	margin-right: 0;
}@media(max-width:500px){
	.effeckt-demo-list-scroll > ul{
		float: none;
		width: 100%;
		height: 250px;
		margin: 0 0 1rem 0;
	}
}.effeckt-toggle-demo{
	min-height: 220px;
}.effeckt-modal{
	background: white;
}.effeckt-modal h3{
	padding: 1rem;
	background: #444;
	color: white;
}.effeckt-modal-content{
	padding: 1rem;
}.effeckt-modal-overlay{
	z-index: 65534;
	background: rgba(0,0,0,0.5);
}.effeckt-positional-modal-wrap .effeckt-modal{
	padding: 10px;
	background: #ccc;
}.effeckt-positional-modal-wrap .effeckt-modal-content{
	background: white;
}.effeckt-button{
	margin: 0 0.25rem 0.6rem 0;
	padding: 0.8rem 1rem;
	background: #444;
	border: 0;
	outline: 0;
	white-space: nowrap;
	color: white;
	font-family: inherit;
	font-size: 1.3em;
	cursor: pointer;

	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}.effeckt-button[data-effeckt-type="3d-rotate-success"]:after{
	background: #7aca7c;
	color: #358337;
}.effeckt-button[data-effeckt-type="3d-rotate-error"]:before{
	background: #e96a6a;
	color: #a33a3a;
}.effeckt-button[data-loading]{
	cursor: default;
}.effeckt-page-transition{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background: #555;
	visibility: hidden;
}.effeckt-page-transition-content{
	position: relative;
	top: 50%;
	left: 50%;
	width: 200px;
	margin: -100px 0 0 -100px;
	color: white;
}.effeckt-off-screen-nav{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 1000;
	overflow-y: auto;
	width: 12rem;
	background: #333;
	visibility: hidden;
}.effeckt-off-screen-nav ul{
	list-style: none;
}.effeckt-off-screen-nav li:first-child a{
	border-top: 0;
}.effeckt-off-screen-nav li:last-child a{
	border-bottom: 0;
}.effeckt-off-screen-nav li a{
	display: block;
	padding: 0.3rem 1rem;
	border-bottom: 1px solid #444;
	color: white;
}.effeckt-off-screen-nav li a:hover,.effeckt-off-screen-nav li a:focus{
	background: #444;
}.effeckt-off-screen-nav li a:active{
	background: #222;
}.effeckt-off-screen-nav header{
	position: relative;
}.effeckt-off-screen-nav h4{
	position: relative;
	margin: 0 1rem 1rem;
	padding: 1rem 0.5rem 0.2rem 0;
	background: #333;
	border-bottom: 1px solid #eee;
	color: white;
	font-size: 0.65rem;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
}.effeckt-off-screen-nav-close{
	position: absolute;
	top: 0.65rem;
	right: 1rem;
	z-index: 300;
	font-size: 100%;
}.effeckt-off-screen-nav-close:hover,.effeckt-off-screen-nav-close:focus{
	color: red;
}.effeckt-off-screen-nav-rotate.effeckt-off-screen-nav-show ~ .page-wrap .off-screen-nav-cover{
	background: linear-gradient(left,rgba(238,238,238,0),rgba(238,238,238,0.9));
}.effeckt-off-screen-nav-top-card-deck,.effeckt-off-screen-nav-bottom-card-deck{
	background: transparent;
	cursor: pointer;
}.effeckt-off-screen-nav-top-card-deck h4,.effeckt-off-screen-nav-bottom-card-deck h4{
	margin: 0;
	padding: 1rem;
	border-bottom: 0;
}.effeckt-off-screen-nav-top-card-deck li,.effeckt-off-screen-nav-bottom-card-deck li{
	background-color: #333;
	border-bottom: 1px solid #eee;
}.effeckt-off-screen-nav-top-card-deck a,.effeckt-off-screen-nav-bottom-card-deck a{
	height: 100%;
}.effeckt-off-screen-nav-top-card-deck .effeckt-off-screen-nav-close,.effeckt-off-screen-nav-bottom-card-deck .effeckt-off-screen-nav-close{
	right: 1rem;
}.effeckt-off-screen-nav-bottom-card-deck li{
	border-top: 1px solid #eee;
	border-bottom: 0;
}.effeckt-off-screen-nav-left-bounce,.effeckt-off-screen-nav-left-bounce-out,.effeckt-off-screen-nav-right-bounce,.effeckt-off-screen-nav-right-bounce-out{
	box-sizing: content-box;
}.effeckt-caption{
	float: left;
	overflow: hidden;
	width: 48%;
	margin: 0 4% 1rem 0;
}.effeckt-caption:nth-child(2n){
	margin-right: 0;
}.effeckt-caption img{
	display: block;
	width: 100%;
}.effeckt-caption figcaption{
	padding: 1rem;
	background: rgba(0,0,0,0.8);
	color: white;
}.effeckt-caption figcaption h3{
	font-size: 1.2rem;
}.effeckt-caption figcaption p{
	margin: 0;
}.effeckt-list{
	list-style: none;
}.effeckt-list li{
	overflow: hidden;
	margin-bottom: 2px;
	padding: 0 0.5rem;
	background: #e6e6e6;
	line-height: 2;
}.effeckt-list li.new-item{
	background: #ccc;
}.effeckt-list-scroll{
	overflow-y: scroll;
	overflow-x: hidden;
	width: 230px;
	height: 480px;
	margin: 0;
	padding: 0;
	list-style: none;
}.effeckt-list-scroll > li{
	padding: 0.5rem;
	background: #eee;
	color: #252525;
	font-size: 18px;
}.effeckt-list-scroll > li:nth-child(odd){
	background: #e6e6e6;
}.contributors-list{
	overflow: hidden;
	list-style: none;
}.contributors-list li{
	float: left;
	margin: 0 10px 10px 0;
}.contributors-list img{
	width: 40px;
	height: 40px;
}[data-effeckt-page="page-1"]{
	background-color: #eee;
}[data-effeckt-page="page-2"]{
	background-color: #99cf78;
	color: #203513;
}[data-effeckt-page="page-3"]{
	background-color: #fecd3d;
	color: #282828;
}[data-effeckt-page="page-4"]{
	background-color: #cd4f5b;
	color: #fffefe;
}[data-effeckt-page="page-5"]{
	background-color: #62a1dc;
	color: #194772;
}ul.effeckt-tabs{
	margin: 0;
	padding: 0;
	list-style: none;
}ul.effeckt-tabs li{
	float: left;
	margin-right: 2px;
}ul.effeckt-tabs li a{
	display: block;
	padding: 10px 15px;
	background-color: #eee;
	color: #383838;
}ul.effeckt-tabs li a.active,ul.effeckt-tabs li a:hover{
	background-color: #e8e8e8;
}.effeckt-tabs-container{
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #ddd;
}.effeckt-tabs-container .effeckt-tab-content{
	top: 10px;
}.effeckt-lazy-loading-options{
	margin: 0 0 15px;
}.effeckt-lazy-loading-options label{
	margin: 0 5px;
}.effeckt-lazy-loading{
	column-count: 3;
	column-gap: 0;
}.effeckt-lazy-loading li{
	display: block;
	padding: 0 5px 5px 0;

	list-style-type: none;
}.effeckt-lazy-loading a{
	display: inline-block;
	width: 100%;
	height: 250px;
	background: #ddd;
	border: 1px solid #ccc;
}.effeckt-lazy-loading li:nth-child(1) a,.effeckt-lazy-loading li:nth-child(12n+12) a{
	height: 500px;
}.effeckt-lazy-loading li:nth-child(3n+3) a{
	height: 350px;
}.effeckt-lazy-loading li:nth-child(5n+5) a{
	height: 200px;
}#effeckt-modal-wrap{
	min-width: 300px !important;
}#cwp-wrapper{
	position: relative;
	z-index: 40;
}#cwp-wrapper div{
	box-sizing: content-box;
}#cwp-wrapper img{
	width: auto;
}.cwp-base{
	        border-radius: 6px;

	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
}.cwp-base-gray{
	background: #3f3f3f;
	        border-radius: 6px;

	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
}.cwp-base-plain{
	background: #fff;
}.cwp-margin{
	margin: 0;
	padding: 0;
}.cwp-margin .cwp-text{
	padding: 5px 10px 10px 10px;
}.cwp-margin .cwp-textred{
	padding: 5px 10px 0 10px;
	text-align: center;
	color: red;
	font-size: 80%;
}.cwp-margin .cwp-textred span{
	font-size: 200%;
}.cwp-red{
	padding: 5px 10px 0 10px;
	text-align: center;
	color: red;
}.cwp-title{
	padding: 10px;
	white-space: pre-wrap;
	word-wrap: break-word;
	text-align: center;
	color: red;
	font-size: 120%;
}.cwp-full{
	width: 100%;
	        border-radius: 6px 6px 0 0;

	-webkit-border-radius: 6px 6px 0 0;
	   -moz-border-radius: 6px 6px 0 0;
}.cwp-fullplain{
	width: 100%;
}.cwp-fullbase{
	position: relative;
}.cwp-fullbase .cwp-grade{
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 100%;
	min-height: 35px;
	background: linear-gradient(top,rgba(240,240,240,0),rgba(24,24,24,0.8));
}.cwp-fullbase .cwp-grade p{
	padding: 0 8px;
	vertical-align: text-bottom;
	color: #fff;
}.cwp-fullbase .cwp-musictitle{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	min-height: 35px;
	background: linear-gradient(top,rgba(240,240,240,0),rgba(24,24,24,0.8));
}.cwp-fullbase .cwp-musictitle p{
	padding: 0 8px;
	vertical-align: text-bottom;
	color: #fff;
}button.cwp-sample01btn{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 32px;
	height: 32px;
	padding: 0;
	box-sizing: border-box !important;
	background-color: rgba(255,255,255,0.5);
	border: 0;
	font-size: 150%;
}button.cwp-sample02btn{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 32px;
	height: 32px;
	padding: 0;
	box-sizing: border-box !important;
	background-color: #3f3f3f;
	border: 0;
	color: #fff;
	font-size: 150%;
}button.cwp-sample01exit{
	width: 93%;
	margin: 0 10px 10px 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	box-sizing: border-box !important;
	background: #3c5e7f;
	border: 0;
	text-align: center;
	color: #fff;
	font-size: 100%;
}button.cwp-sample02exit{
	width: 93%;
	margin: 0 10px 10px 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	box-sizing: border-box !important;
	background: #68a9ff;
	border: 0;
	text-align: center;
	color: #fff;
	font-size: 100%;
}p.cwp-toptext{
	text-align: center;
	color: #fff;
}p.cwp-toptext span{
	font-size: 150%;
}.cwp-spaceL{
	padding: 25px;
}.cwp-spaceM{
	padding: 10px;
}.cwp-spaceS{
	padding: 3px;
}button.cwp-sample03{
	width: 45%;
	margin: 10px 5px;
	padding: 10px;
	box-sizing: border-box !important;
	background: #969696;
	border: 0;
	text-align: center;
	color: #fff;
	font-size: 90%;
}button.cwp-red{
	box-sizing: border-box !important;
	background: red;
}.cwp-sample04{
	width: 100px;
	height: 30px;
	margin: 0 10px 10px 10px;
	margin: auto;
	padding: 7px;
	background: #fff;
	border: solid 1px red;
	        border-radius: 15px;
	text-align: center;
	color: red;
	font-size: 90%;

	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
}.cwp-sample04 a{
	display: block;
	color: red;
}.cwp-header{
	z-index: 1;
	width: 100%;
	height: 40px;
	margin: 0;
	background: linear-gradient(to bottom,rgba(181,189,200,1) 0,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
	text-align: center;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5bdc8',endColorstr='#28343b',GradientType=0);
}.cwp-header p{
	padding-top: 8px;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;
}.cwp-header02{
	z-index: 1;
	width: 100%;
	height: 40px;
	margin: 0;
	background: #666;
	text-align: center;
}.cwp-header02 p{
	padding-top: 8px;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;
}.cwp-homebtn{
	position: absolute;
	top: 8px;
	left: 8px;
}.cwp-bar-s{
	height: auto;
	padding: 5px;
	background-color: #68819e;
	text-align: left;
	color: #fff;
	font-weight: bold;
}.cwp-bar-l{
	height: auto;
	padding: 5px;
	text-align: left;
	color: #000;
	font-size: 120%;
	font-weight: bold;
}.cwp-advicelist{
	background: #fff;
}.cwp-advicelist ul{
	list-style-type: none;
}.cwp-advicelist li{
	position: relative;
	float: none;
	clear: both;
	padding: 0;
	background: url(./images/arrow.png) no-repeat;
	background-position: 98% 50%;
	border-bottom: 1px solid #999;
}.cwp-advicelist li p{
	padding-left: 10px;
}.cwp-advicelist li a{
	display: block;
	height: auto;
	padding: 10px;
	text-align: left;
	color: #000;
	text-decoration: none;
}.cwp-advicelist li .status{
	float: left;
	width: 30px;
	height: 30px;
	margin: 4px;
}.cwp-advicelist li .new{
	background: url(./images/new_icon.png) no-repeat;
	background-size: 30px 30px;
}.cwp-advicelist li .star{
	background: url(./images/star_icon.png) no-repeat;
	background-size: 30px 30px;
}.cwp-imglist{
	border-top: 1px solid #999;
}.cwp-imglist li{
	float: none;
	clear: both;
	display: table;
	width: 100%;
	padding: 0;
	border-bottom: 1px solid #999;
}.cwp-imglist li p{
	padding-left: 10px;
}.cwp-imglist li .text{
	display: table-cell;
	vertical-align: top;
}.cwp-imglist li .photo{
	display: table-cell;
	vertical-align: top;
}.cwp-imglist li a{
	display: block;
	height: auto;
	padding: 10px;
	text-align: left;
	color: #000;
	text-decoration: none;
}.cwp-imglist li .photo img{
	width: 80px;
	margin-right: 10px;
	text-align: right;
}.cwp-imglist li .photo02{
	display: table-cell;
	width: 80px;
	vertical-align: top;
}.cwp-imglist li .photo02 img{
	width: 80px;
	margin-right: 10px;
	text-align: right;
}.cwp-leftbtn{
	float: left;
	margin: 5px 0 5px 10px;
}.cwp-rightbtn{
	float: right;
	margin: 5px 10px 5px 0;
}.cwp-imgview{
	display: table;
	width: 100%;
	background: #fff;
}.cwp-imgview li{
	float: none;
	clear: both;
	display: table-cell;
	width: 33%;
}.cwp-imgview li .photo{
	margin: 5px;
}.cwp-imgview li .photo p{
	text-align: center;
	color: #000;
}.cwp-imgview li img{
	width: 100%;
}.cwp-list ul{
	list-style-type: none;
}.cwp-list li{
	position: relative;
	float: none;
	clear: both;
	padding: 0;
	background: url(./images/arrow.png) no-repeat;
	background-position: 98% 50%;
	border-bottom: 1px solid #999;
}.cwp-list li p{
	margin: 10px;
	color: #000;
}#cwp-loader-container{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 70px;
	height: 70px;
	margin: auto;
	background-color: black;
	border-radius: 10%;
	     opacity: 0.5;

	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}#cwp-loader{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 30px;
	height: 30px;
	margin: auto;
	border: 8px solid #fff;
	border-right-color: transparent;
	border-radius: 50%;

	-webkit-animation: cwp-spin 1s infinite linear;
	   -moz-animation: cwp-spin 1s infinite linear;
}.cwp-wipe-origin{
	position: fixed;
	right: 2%;
	bottom: 5%;
	z-index: 9999999;
}.cwp-wipe-origin-vertical{
	position: fixed;
	right: 2%;
	bottom: 25%;
	z-index: 9999999;
}.cwp-animation{
	        animation-name: cwp-movePlayer;
	        animation-duration: 1s;
	        animation-timing-function: ease-in;
	        animation-iteration-count: 1;

	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	   -moz-animation-iteration-count: 1;
	     -o-animation-iteration-count: 1;
	-webkit-animation-name: cwp-movePlayer;
	   -moz-animation-name: cwp-movePlayer;
	     -o-animation-name: cwp-movePlayer;
	-webkit-animation-timing-function: ease-in;
	   -moz-animation-timing-function: ease-in;
	     -o-animation-timing-function: ease-in;
}@keyframes cwp-movePlayer{
	0%{
		margin-right: -370px;
	}100%{
		margin-right: 0;
	}
}.cwp-frame-video{
	width: 234px;
	height: 100px;
	background-color: #000;
	border: 3px solid #fff;
	border-radius: 5px;
}.cwp-frame-video .cwp-video{
	position: absolute;
	top: 50%;
	left: 50%;
	        transform: translateX(-50%)translateY(-50%);
	display: block;
	height: 90px;
	margin: auto;

	-webkit-transform: translateX(-50%)translateY(-50%);
	   -moz-transform: translateX(-50%)translateY(-50%);
	    -ms-transform: translateX(-50%)translateY(-50%);
	     -o-transform: translateX(-50%)translateY(-50%);
}.cwp-frame-video.cwp-blue{
	background-color: #0084ca;
}.cwp-frame-video .cwp-icon-live{
	position: absolute;
	bottom: 11px;
	left: 5px;
	display: block;
}.cwp-frame-video .cwp-icon-setting{
	position: absolute;
	right: 3px;
	bottom: 3px;
	display: block;
	width: 36px;
	padding-top: 11px;
	padding-bottom: 8px;
	cursor: pointer;
}.cwp-frame-video .cwp-icon-setting .cwp-wipe-img{
	display: block;
	width: auto;
	margin: 0 auto;
}.cwp-frame-video img.cwp-icon-live{
	width: auto;
}.cwp-frame-video .cwp-close{
	position: absolute;
	top: 3px;
	right: 3px;
	display: block;
	width: 36px;
	height: 35px;
	padding-top: 8px;
	cursor: pointer;
}.cwp-frame-video .cwp-close .cwp-wipe-img{
	display: block;
	margin: 0 auto;
}.cwp-overlay-text{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
	display: block;
	width: 160px;
	height: 90px;
	margin: auto;
	background-color: rgba(0,0,0,0.6);
	line-height: 1.2;
	text-align: center;
	font-size: 13px;

	word-break: break-all;
}.cwp-overlay-text .cwp-wipe-text{
	position: absolute;
	top: 50%;
	left: 50%;
	        transform: translateX(-50%)translateY(-50%);
	width: 100%;
	margin: 0;
	color: #fff;
	font-size: 13px;

	-webkit-transform: translateX(-50%)translateY(-50%);
	   -moz-transform: translateX(-50%)translateY(-50%);
}#cwp-yt-wrapper{
	cursor: pointer;
}#cwp-player-message,#cwp-player-id,#cwp-player-video-link{
	cursor: pointer;
}#cwp-text-frame *{
	margin: 0;
	padding: 0;
	line-height: 1;
	font-size: 100%;
}#cwp-text-frame a{
	text-decoration: none;
}#cwp-text-frame img,#cwp-text-frame fieldset,#cwp-text-frame iframe{
	border: 0;
}#cwp-text-frame ul,#cwp-text-frame ol,#cwp-text-frame li{
	list-style: none;
}#cwp-text-frame table{
	border-collapse: collapse;
	border-spacing: 0;
}#cwp-text-frame address,#cwp-text-frame caption,#cwp-text-frame cite,c#cwp-text-frame ode,#cwp-text-frame dfn,#cwp-text-frame em,#cwp-text-frame th,#cwp-text-frame var{
	font-weight: normal;
	font-style: normal;
}#cwp-text-frame embed,#cwp-text-frame object{
	vertical-align: top;
}#cwp-text-frame img{
	width: auto;
}#cwp-text-frame{
	width: 370px;
	min-height: 92px;
	padding: 8px;
	background: #fff;
	border-radius: 6px;
	font-family: sans-serif;
	letter-spacing: 0;
}#cwp-text-frame.cwp-text-vertical{
	width: 185px;
	padding: 0;
}#cwp-text-frame.cwp-text-vertical .cwp-text-contents{
	box-sizing: border-box;
	        border-radius: 6px;
	        box-shadow: 2px 2px 4px -1px #a3a3a3;
	cursor: pointer;

	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	-webkit-box-shadow: 2px 2px 4px -1px #a3a3a3;
	   -moz-box-shadow: 2px 2px 4px -1px #a3a3a3;
}#cwp-text-frame.cwp-text-vertical .cwp-text-setting-area{
	position: absolute;
	top: 0;
	width: 185px;
}#cwp-text-frame.cwp-text-vertical .cwp-text-setting-area .cwp-text-close{
	float: right;
	padding: 5px 5px 10px 10px;
	cursor: pointer;
}#cwp-text-frame.cwp-text-vertical .cwp-text-setting-area .cwp-text-setting{
	float: left;
	padding: 5px 10px 10px 5px;
	cursor: pointer;
}#cwp-text-frame.cwp-text-vertical .cwp-text-setting-area img{
	width: 17px;
}#cwp-text-frame.cwp-text-vertical .cwp-image-area .cwp-text-image-photo{
	overflow: hidden;
	display: block;
	width: 185px;
	height: 100px;
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: cover;
	        border-top-left-radius: 6px;
	        border-top-right-radius: 6px;
	white-space: nowrap;
	text-indent: 100%;

	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
}#cwp-text-frame.cwp-text-vertical .cwp-image-area a:hover .cwp-text-image-photo{
	opacity: 0.7;
}#cwp-text-frame.cwp-text-vertical .cwp-text-area{
	padding: 8px;
	background: #fff;
}#cwp-text-frame.cwp-text-vertical .cwp-text-area .cwp-inside-wrapper span,#cwp-text-frame.cwp-text-vertical .cwp-text-area a span{
	display: block;
	text-align: left;
}#cwp-text-frame.cwp-text-vertical .cwp-text-area .cwp-inside-wrapper,#cwp-text-frame.cwp-text-vertical .cwp-text-area a{
	color: #222;
}#cwp-text-frame.cwp-text-vertical .cwp-text-area a:hover{
	color: #666;
	text-decoration: none;
}#cwp-text-frame.cwp-text-vertical .cwp-text-area .cwp-text-headline{
	padding-bottom: 3px;
	white-space: pre-wrap;
	word-wrap: break-word;
	line-height: 1.35;
	font-size: 14px;
	font-weight: bold;
}#cwp-text-frame.cwp-text-vertical .cwp-text-area .cwp-text-icon-label{
	height: 15px;
	margin-bottom: 3px;
}#cwp-text-frame.cwp-text-vertical .cwp-text-area .cwp-text-icon-label img{
	height: 15px;
}#cwp-text-frame.cwp-text-vertical .cwp-text-area .cwp-inside-wrapper span.cwp-text-icon-label{
	display: none;
}#cwp-text-frame.cwp-text-vertical .cwp-text-area .cwp-text-lead{
	white-space: pre-wrap;
	word-wrap: break-word;
	line-height: 1.35;
	font-size: 11px;
}#cwp-text-frame.cwp-text-vertical .cwp-text-detail-button .cwp-button-inside{
	display: block;
	padding: 5px;
	background: #333;
	        border-bottom-left-radius: 6px;
	        border-bottom-right-radius: 6px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	letter-spacing: 1px;

	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
}#cwp-text-frame.cwp-text-vertical .cwp-text-detail-button .cwp-button-inside:hover{
	background: #666;
	text-decoration: none;
}#cwp-WebpushFrame *{
	margin: 0;
	padding: 0;
	line-height: 1;
	font-size: 100%;
}#cwp-WebpushFrame a{
	text-decoration: none;
}#cwp-WebpushFrame img,#cwp-WebpushFrame fieldset,#cwp-WebpushFrame iframe{
	border: 0;
	vertical-align: top;
}#cwp-WebpushFrame ul,#cwp-WebpushFrame ol,#cwp-WebpushFrame li{
	list-style: none;
}#cwp-WebpushFrame table{
	border-collapse: collapse;
	border-spacing: 0;
}#cwp-WebpushFrame address,#cwp-WebpushFrame caption,#cwp-WebpushFrame cite,c#cwp-WebpushFrame ode,#cwp-WebpushFrame dfn,#cwp-WebpushFrame em,#cwp-WebpushFrame th,#cwp-WebpushFrame var{
	font-weight: normal;
	font-style: normal;
}#cwp-WebpushFrame embed,#cwp-WebpushFrame object{
	vertical-align: top;
}#cwp-WebpushFrame{
	width: 370px;
	padding: 8px;
	        box-sizing: border-box !important;
	background: #fff;
	border-radius: 6px;
	        box-shadow: 2px 2px 4px -1px #a3a3a3;
	font-family: sans-serif;
	letter-spacing: 0;

	-webkit-box-shadow: 2px 2px 4px -1px #a3a3a3;
	   -moz-box-shadow: 2px 2px 4px -1px #a3a3a3;
	-webkit-box-sizing: border-box !important;
}#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal{
	border: solid 3px #24aae4;
	        box-shadow: 0 0 6px -1px #a3a3a3;

	-webkit-box-shadow: 0 0 6px -1px #a3a3a3;
	   -moz-box-shadow: 0 0 6px -1px #a3a3a3;
}#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-WebpushContents{
	position: relative;
	display:         -ms-flexbox;
	display:         flex;
	display: -moz-flexbox;
	display: -webkit-flex;
	display: -webkit-box;
	        -ms-flex-align: center;
	            align-items: center;
	        box-sizing: border-box;

	-webkit-align-items: center;
	   -moz-align-items: center;
	-webkit-box-align: center;
	-webkit-box-sizing: border-box;
}#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-ImageArea{
	position: relative;
	overflow: hidden;
	width: 82px;
	height: 82px;
	margin-right: 12px;
}#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-ImageArea a{
	display: block;
	width: 82px;
}#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-ImageArea .cwp-ImagePhoto{
	overflow: hidden;
	display: block;
	width: 82px;
	height: 82px;
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: cover;
	white-space: nowrap;
	text-indent: 100%;
}#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-ImageArea a:hover .cwp-ImagePhoto{
	opacity: 0.7;
}#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-ImageArea img{
	width: 82px;
	height: 82px;

	object-fit: cover;
}#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-TextArea,#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-TextArea a{
	width: 240px;
	white-space: pre-wrap;
	word-wrap: break-word;
	text-align: left;
	color: #111;
}#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-TextArea a:hover{
	color: #666;
	text-decoration: none;
}#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-TextArea a span{
	margin-right: 4px;
}#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-TextArea .cwp-IconLabel{
	float: left;
	display: none;
	margin-top: 1px;
}#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-TextArea .cwp-Headline{
	margin-top: -1px;
	padding-bottom: 2px;
	line-height: 1.3;
	font-size: 15px;
	font-weight: bold;
}#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-TextArea .cwp-IconLabel img{
	height: 15px;
}#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-TextArea .cwp-Lead{
	display: block;
	line-height: 1.35;
	font-size: 12px;
}#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-WebpushSettingArea{
	width: 30px;
	height: 82px;
	text-align: center;
}#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-WebpushSetting,#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-WebpushClose{
	position: absolute;
	right: 0;
	cursor: pointer;
}#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-WebpushSetting img,#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-WebpushClose img{
	width: 17px;
}#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-WebpushClose{
	top: 0;
}#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-WebpushSetting{
	bottom: 0;
}@media(max-width:500px){
	#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal{
		width: 260px;
		padding: 9px 7px 6px 12px;
		        box-shadow: 0 0 6px -1px #a3a3a3;

		-webkit-box-shadow: 0 0 6px -1px #a3a3a3;
		   -moz-box-shadow: 0 0 6px -1px #a3a3a3;
	}#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-WebpushContents{
		position: relative;
		display:         -ms-flexbox;
		display:         flex;
		display: -moz-flexbox;
		display: -webkit-flex;
		display: -webkit-box;
		        -ms-flex-align: center;
		            align-items: center;
		height: 90px;
		        box-sizing: border-box;

		-webkit-align-items: center;
		   -moz-align-items: center;
		-webkit-box-align: center;
		-webkit-box-sizing: border-box;
	}#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-ImageArea{
		width: 60px;
		height: 60px;
		margin-top: 0;
	}#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-ImageArea a{
		width: 60px;
	}#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-ImageArea .cwp-ImagePhoto{
		width: 60px;
		height: 60px;
	}#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-TextArea,#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-TextArea a{
		position: absolute;
		top: 1px;
		left: 0;
		white-space: pre-wrap;
		word-wrap: break-word;
		text-align: left;
	}#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-TextArea a span{
		display: block;
		text-align: left;
	}#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-TextArea .cwp-Headline{
		display: block;
		margin-top: 0;
		padding-bottom: 5px;
		padding-left: 70px;
		vertical-align: top;
		font-size: 14px;
	}#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-TextArea .cwp-IconLabel{
		float: left;
		display: none;
		width: 35px;
		margin: 1px 3px 0 0;
	}#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-TextArea .cwp-IconLabel img{
		height: 15px;
		margin-bottom: 0;
	}#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-TextArea .cwp-Lead{
		padding: 0 10px 0 70px;
		font-size: 12px;
	}#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-WebpushSettingArea{
		width: 30px;
		height: 96px;
		text-align: center;
	}#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-WebpushSetting,#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-WebpushClose{
		position: absolute;
		right: -9px;
		width: 30px;
		height: 30px;
		line-height: 20px;
		text-align: center;
		cursor: pointer;
	}#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-WebpushSetting img,#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-WebpushClose img{
		width: 15px;
		margin-top: 4px;
	}#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-WebpushClose{
		top: -8px;
	}#cwp-WebpushFrame.cwp-WebpushStyle_Horizontal .cwp-WebpushSetting{
		bottom: -8px;
	}
}#cwp-WebpushFrame.cwp-WebpushStyle_Vertical{
	width: 189px;
	padding: 0;
	background: #333;
	        box-shadow: 0 0 6px -1px #a3a3a3;
	white-space: pre-wrap;
	word-wrap: break-word;

	-webkit-box-shadow: 0 0 6px -1px #a3a3a3;
	   -moz-box-shadow: 0 0 6px -1px #a3a3a3;
}#cwp-WebpushFrame.cwp-WebpushStyle_Vertical .cwp-WebpushSettingArea{
	top: 0;
	width: 189px;
}#cwp-WebpushFrame.cwp-WebpushStyle_Vertical .cwp-WebpushSettingArea .cwp-WebpushClose{
	float: right;
	padding: 5px 5px 5px 10px;
	cursor: pointer;
}#cwp-WebpushFrame.cwp-WebpushStyle_Vertical .cwp-WebpushSettingArea .cwp-WebpushSetting{
	float: left;
	padding: 5px 10px 5px 5px;
	cursor: pointer;
}#cwp-WebpushFrame.cwp-WebpushStyle_Vertical .cwp-WebpushSettingArea img{
	width: 17px;
}#cwp-WebpushFrame.cwp-WebpushStyle_Vertical .cwp-ImageArea .cwp-ImagePhoto{
	overflow: hidden;
	display: block;
	width: 185px;
	height: 100px;
	margin: 0 2px;
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: cover;
	white-space: nowrap;
	text-indent: 100%;
}#cwp-WebpushFrame.cwp-WebpushStyle_Vertical .cwp-ImageArea:hover .cwp-ImagePhoto{
	opacity: 0.7;
	cursor: pointer;
}#cwp-WebpushFrame.cwp-WebpushStyle_Vertical .cwp-TextArea{
	margin: 0 2px;
	padding: 8px;
	background: #fff;
}#cwp-WebpushFrame.cwp-WebpushStyle_Vertical .cwp-TextArea span{
	display: block;
	text-align: left;
}#cwp-WebpushFrame.cwp-WebpushStyle_Vertical .cwp-TextArea{
	color: #222;
}#cwp-WebpushFrame.cwp-WebpushStyle_Vertical .cwp-TextArea:hover{
	color: #666;
	text-decoration: none;
	cursor: pointer;
}#cwp-WebpushFrame.cwp-WebpushStyle_Vertical .cwp-TextArea .cwp-Headline{
	padding-bottom: 3px;
	line-height: 1.35;
	font-size: 15px;
	font-weight: bold;
}#cwp-WebpushFrame.cwp-WebpushStyle_Vertical .cwp-TextArea .IconLabel{
	height: 15px;
	margin-bottom: 3px;
}#cwp-WebpushFrame.cwp-WebpushStyle_Vertical .cwp-TextArea .IconLabel img{
	height: 15px;
}#cwp-WebpushFrame.cwp-WebpushStyle_Vertical .cwp-TextArea .cwp-Lead{
	line-height: 1.35;
	font-size: 11px;
}#cwp-WebpushFrame.cwp-WebpushStyle_Vertical .cwp-DetailButton{
	display: block;
	padding: 5px;
	background: #333;
	        border-bottom-left-radius: 6px;
	        border-bottom-right-radius: 6px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	letter-spacing: 1px;

	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
}#cwp-WebpushFrame.cwp-WebpushStyle_Vertical .cwp-DetailButton:hover{
	background: #666;
	text-decoration: none;
	cursor: pointer;
}.cwp-vertical-redarrow#cwp-text-frame .cwp-inside-wrapper{
	padding-right: 15px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAkCAYAAABmMXGeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1MzNCQzYwMzZEQTAxMUU2QTAwNUFGRUMwODdDRTExQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1MzNCQzYwNDZEQTAxMUU2QTAwNUFGRUMwODdDRTExQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUzM0JDNjAxNkRBMDExRTZBMDA1QUZFQzA4N0NFMTFDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjUzM0JDNjAyNkRBMDExRTZBMDA1QUZFQzA4N0NFMTFDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aXFqLwAAAf1JREFUeNq8lr1LHEEYh3f38DxttJEUiiCKVUrRJkhyyoESFVTkMBJBSGGCadW/QGuF00YF5SSgjd8Q4kcjmNRWolwRrWwiggkXzvhMmINlmdnbWU8Hfvxg39ln3vkey5JlL1rZgL4Ltx5Z7DwQO0LV6Aq97sj+Og8NBViDH6Na1/cMagV8GQbqoA0PUJQ6kblsMBT0E/qtiNWjfcBVxlC6eIK/1YAb0YEp2HbNfhzbRaWKeqfoFQncBO3+/8IPB9gA+quo9xJ9peEKo0xdGXdj66hEUf8HaieB20CZujLexN6je0X9ZrFaaLjcCCrBX3zAb9C2H9jRBQCnsQ+asACvAY4aQSV4EfuoCXeKsVeBnUIzCXgO+6wJd6FVwBEjqATPYpOacB9adoOdoLsE8LQPeBAtAbaV67RQ4UcBH9eE58UcREyh6dyfb0ORWJnYtopwE3rhWE9QnKfovm0InMCmNOEVNMyE/rOLBFwV2xpgLvDsAxzDZjRhcaIl88BAUICjWEoT3kL9ALO+56kHOIItaMI7qNcL9IUCfCe2n2aFHIp7DeBdoJNfApNinYcBPs91EgCYKARUXdFi8GNFuaIlcNsHGA8KzD/QWuTglyniZzLDa9MDJaUBXqA2U2Ae2oN+er5n5Bs13FNS/hiXj11LeiIs0Ls+i/Y8fxBgAArRup1/A5d5AAAAAElFTkSuQmCC) no-repeat 100% 60%;
	background-size: 10px;
}.cwp-vertical-redarrow#cwp-text-frame.cwp-text-vertical .cwp-text-setting-area .cwp-text-close{
	padding: 2px 2px 8px 8px;
}.cwp-vertical-redarrow#cwp-text-frame.cwp-text-vertical .cwp-text-area{
	padding-right: 4px;
	background: 0;
}.cwp-vertical-redarrow#cwp-text-frame.cwp-text-vertical .cwp-text-contents{
	-webkit-box-shadow: 1px 1px 3px 1px #999;
}@media(max-width:500px){
	#cwp-WebpushFrame.cwp-WebpushStyle_Vertical{
		width: 154px;
	}#cwp-WebpushFrame.cwp-WebpushStyle_Vertical .cwp-WebpushSettingArea{
		top: 0;
		width: 154px;
	}#cwp-WebpushFrame.cwp-WebpushStyle_Vertical .cwp-WebpushSettingArea img{
		width: 15px;
	}#cwp-WebpushFrame.cwp-WebpushStyle_Vertical .cwp-ImageArea .cwp-ImagePhoto{
		width: 150px;
		height: 80px;
	}#cwp-WebpushFrame.cwp-WebpushStyle_Vertical .cwp-TextArea{
		padding: 8px;
	}#cwp-WebpushFrame.cwp-WebpushStyle_Vertical .cwp-TextArea span{
		display: block;
		text-align: left;
	}#cwp-WebpushFrame.cwp-WebpushStyle_Vertical .cwp-TextArea .cwp-Headline{
		padding-bottom: 3px;
		font-weight: bold;
	}#cwp-WebpushFrame.cwp-WebpushStyle_Vertical .cwp-DetailButton{
		display: block;
		padding: 8px 5px;
		background: #333;
		        border-bottom-left-radius: 6px;
		        border-bottom-right-radius: 6px;
		text-align: center;
		color: #fff;
		font-size: 70%;
		letter-spacing: 1px;

		-webkit-border-bottom-left-radius: 6px;
		-webkit-border-bottom-right-radius: 6px;
		-moz-border-radius-bottomleft: 6px;
		-moz-border-radius-bottomright: 6px;
	}#cwp-WebpushFrame.cwp-WebpushStyle_Vertical .cwp-DetailButton:hover{
		background: #666;
		text-decoration: none;
		cursor: pointer;
	}#cwp-text-frame.cwp-text-vertical .cwp-text-setting-area img{
		width: 17px;
	}.cwp-vertical-redarrow#cwp-text-frame.cwp-text-vertical .cwp-text-setting-area .cwp-text-close{
		padding: 2px 2px 8px 8px;
	}
}