@charset "UTF-8";

.mainvis .vis-text, .second-menu__inner {
	box-sizing: border-box;
	width: 1100px;
	margin: 0 auto;
}

@media screen and (max-width: 736px) {
	.mainvis .vis-text, .second-menu__inner {
		width: 100%;
	}
}

/* ------------------------------------
	* module
* ------------------------------------ */
.cfx {
	*zoom: 1;
}

.cfx:before, .cfx:after {
	content: "";
	display: table;
}

.cfx:after {
	clear: both;
}

/*******************************************************************************************************
	タグ365棋牌游戏_365游戏大厅【下载官网】、カテゴリ365棋牌游戏_365游戏大厅【下载官网】、検索結果ページで使用
 
 *******************************************************************************************************/
.wrp-mainvis.no-image {
	background: url(/kuis/blog/img/common/ptn_slide.gif) repeat 0 0;
	background-size: 12px 12px;
	height: 400px;
}

.wrp-mainvis.no-image .mainvis {
	height: 100%;
}

.mainvis {
	position: relative;
	width: 100%;
	line-height: 1;
}

.mainvis img {
	width: 100%;
	vertical-align: middle;
}

.mainvis .vis-text {
	position: absolute;
	top: 0;
	height: 100%;
	left: 50%;
	margin-left: -550px;
	font-size: 95px;
	font-family: "Francois One", "ヒラギノ角ゴ Pro","メイリオ", "Meiryo", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
	color: #fff;
}

.mainvis .vis-text .txt {
	text-shadow: 2px 0 3px rgba(0, 0, 0, 0.3);
	position: absolute;
	display: inline-block;
	height: 1em;
	top: 0;
	bottom: 0;
	margin: auto;
}

/* 何も指定がないとき */
.allwrp .second-menu {
	background-color: #222;
}

.allwrp .second-menu .catecircle a {
	background-color: #222;
	color: #fff;
	border-color: #fff;
	font-weight: bold;
}

.allwrp .second-menu .catecircle.current a {
	color: #222;
}

/* life */
.cat-life .second-menu {
	background-color: #a1cf00;
}

.cat-life .second-menu .catecircle a {
	background-color: #a1cf00;
	color: #fff;
	border-color: #fff;
	font-weight: bold;
}

.cat-life .second-menu .catecircle.current a {
	color: #a1cf00;
}

/* voice */
.cat-voice .second-menu {
	background-color: #2e87d9;
}

.cat-voice .second-menu .catecircle a {
	background-color: #2e87d9;
	color: #fff;
	border-color: #fff;
	font-weight: bold;
}

.cat-voice .second-menu .catecircle.current a {
	color: #2e87d9;
}

/* event */
.cat-event .second-menu {
	background-color: #eaa000;
}

.cat-event .second-menu .catecircle a {
	background-color: #eaa000;
	color: #fff;
	border-color: #fff;
	font-weight: bold;
}

.cat-event .second-menu .catecircle.current a {
	color: #eaa000;
}

/* study */
.cat-study .second-menu {
	background-color: #e63a8b;
}

.cat-study .second-menu .catecircle a {
	background-color: #e63a8b;
	color: #fff;
	border-color: #fff;
	font-weight: bold;
}

.cat-study .second-menu .catecircle.current a {
	color: #e63a8b;
}

/* campus */
.cat-campus .second-menu {
	background-color: #00b3a4;
}

.cat-campus .second-menu .catecircle a {
	background-color: #00b3a4;
	color: #fff;
	border-color: #fff;
	font-weight: bold;
}

.cat-campus .second-menu .catecircle.current a {
	color: #00b3a4;
}

/* language */
.cat-language .second-menu {
	background-color: #8650c3;
}

.cat-language .second-menu .catecircle a {
	background-color: #8650c3;
	color: #fff;
	border-color: #fff;
	font-weight: bold;
}

.cat-language .second-menu .catecircle.current a {
	color: #8650c3;
}

/* culture */
.cat-culture .second-menu {
	background-color: #e75146;
}

.cat-culture .second-menu .catecircle a {
	background-color: #e75146;
	color: #fff;
	border-color: #fff;
	font-weight: bold;
}

.cat-culture .second-menu .catecircle.current a {
	color: #e75146;
}

/* other */
.cat-other .second-menu {
	background-color: #4f618e;
}

.cat-other .second-menu .catecircle a {
	background-color: #4f618e;
	color: #fff;
	border-color: #fff;
	font-weight: bold;
}

.cat-other .second-menu .catecircle.current a {
	color: #4f618e;
}

.second-menu__inner {
	padding-top: 15px;
	padding-bottom: 15px;
}

.second-menu__inner .catecircle a {
	color: #fff;
	border-color: #fff;
	font-weight: bold;
	font-size: 17px;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 6px;
	margin-bottom: 6px;
}

.second-menu__inner .catecircle.current a {
	background-color: #fff;
	border-color: #fff;
}

.articlebox {
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}

.articlebox:nth-child(3n) {
	margin-right: 0;
}

#searchResult .modsecond-title__inner {
	padding: 25px 0;
}

#searchResult .modsecond-title__inner span {
	font-weight: normal;
}

/*******************************************************************************************************
	以下スマホ
 ****************************************************************************************************** */
@media screen and (max-width: 736px) {
	.wrp-mainvis.no-image {
		background-size: 9px 9px;
		height: 88px;
	}

	.wrp-mainvis.no-image .mainvis {
		height: 100%;
	}

	.l-main {
		padding-top: 15px;
	}

	.wrp-mainvis {
		padding-top: 45px;
	}

	.mainvis .vis-text {
		width: 100%;
		left: 0;
		margin-left: 0;
		font-size: 40px;
	}

	.mainvis .vis-text .txt {
		left: 10px;
	}

	.second-menu {
		padding-right: 10px;
		padding-left: 10px;
	}

	.second-menu__inner {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.second-menu__inner .catecircle a {
		font-size: 12px;
	}

	.wrp-articlebox {
		margin-right: 5px;
		margin-left: 5px;
	}

	.articlebox {
		width: 50%;
		margin-right: 0;
		margin-bottom: 15px;
	}

	.articlebox .articlebox__thumb {
		width: 100%;
	}

	.articlebox .articlebox__thumb:after {
		font-size: 12px;
	}

	.articlebox .articlebox__detail .title {
		font-size: 13px;
	}

	.articlebox .articlebox__detail .content-txt {
		display: none;
	}

	.articlebox .articlebox__detail .date {
		display: none;
	}

	.articlebox .articlebox-inner {
		margin-right: 5px;
		margin-left: 5px;
	}
}