@charset "utf-8";

/* メインカラム */
.topTitle{
  line-height: 1.2em;
	margin: 0.5em 0 5px;
}

.first{
	margin-top: 0 !important;
}

.notice{
	padding: 3px;
	background-color: #ffddff;
	border: dotted 1px #ff99ff;
}

.notice-trans{
	padding: 3px;
	text-align: center;
	border: dotted 1px #999;
}

/* ゲリラ時間割 */

.grlTable{
	font-size: 90%;
}

.grlTable th,
.grlTable td{
	border: solid 1px #999999;
}

.grlTable th{
	background: #d8d8d8;
}

.grlTable .grlGroup th{
	background: #e6e6e6;
}

.grlTable .pre{
	background: #eee;
	opacity: .7;
}

.grlTable .time{
	text-align: center;
}

.grlTable .icon{
	text-align: center;
}

.grlTable .icon img{
	width: 46px;
}

.grlTitle{
	margin-bottom: 0;
}

.grlDate{
	margin: -1.6em 0 8px;
	padding-right: 3px;
	color: #fff;
	text-align: right;
}

.casino td{
	text-align: center;
}

/* トップの特集ボタン */
.top-button-wrapper{
	width: 100%;
	margin: 0 auto;
	border: none;
}

.top-button-col{
	display: block;
	width: 49%;
	float: left;
	padding: 0 0.5%;
}

.top-button-col-2{
	display: block;
	width: 80%;
	margin: 0 auto 5px;
}

.top-button-col-3{
	display: block;
	width: 80%;
	margin: 0 auto;
}

.top-button{
	display: block;
	width: 49%;
}

.top-button-col-3 .top-button{
	width: 32%;
}


.top-button.fir{
	float: left;
}

.top-button.sec{
	float: right;
}

.top-button.thi{
	float: left;
	margin-left: 9px;
}

.top-button img,
.descended img{
	width: 100%;
}

.top-button:hover{
	opacity: .9;
}


/* 降臨 */
.descended{
	border: solid 2px #333;
	margin-bottom: 10px;
}

.descended td{
	text-align: center;
	padding: 3px 0;
	border: solid 1px #333;
}

.descended th{
	background: #000;
	color: #eee;
	border: solid 1px #000;
}

.descended td.bunner{
	padding: 0;
	border: none;
}

.descended img{
	max-width: 100%;
}

/* 項目リスト */
.item-list{
	margin: 0 0 1.5em;
	padding-left: 0;
	list-style: none;
}

.item-list a{
	display: block;
	border: solid 1px #ccc;
	height: 40px;
	padding: 4px;
	margin-bottom: 4px;
	color: #333;
	overflow: hidden;
}

.item-list a:hover{
	background: #eee;
	text-decoration: none;
}

.item-list .thumbnail{
	width: 40px;
	float: left;
	margin-right: 4px;
	overflow: hidden;
}

.item-list .name{
	margin-top: 1px;
}

.item-list .supple{
	font-size: 0.8em;
	line-height: 1.5em;
	color: #666;
}

.mini-list a{
	height: 32px;
	padding-bottom: 1px;
}

.mini-list .thumbnail{
	width: 32px;
	margin-left: 2px;
}

.mini-list .text{
	margin-top: 4px;
}

.unit-list{
	margin-bottom: 10px;
}

/* 特殊サイドバー */
.retweet{
	border: solid 2px #ccc;
	text-align: center;
	font-size: 0.8em;
	padding-bottom: 0;
}

.retweet img{
	margin-bottom: 0.5em;
}

.retweet a:hover img{
	opacity: .8;
}

.retweet span.rt{
	font-size: 150%;
	font-weight: bold;
}

@media screen and (max-width: 674px) {
	.top-button-col,
	.top-button-col-2,
	.top-button-col-3{
		width: 96%;
		float: none;
		margin: 0 auto 1%;
	}
}