/*
Theme name: Template
Author: Shinpei Fubasami
Version: 1.0
*/
@charset "utf-8";

/*slider
----------------------------------------------------------------*/
#slider{
	margin-bottom:18px;
}
#slider .metaslider .flex-control-nav{
	bottom:10px;
}
#slider .metaslider .flexslider{
	margin-bottom:18px;
}
/*スマホ、タブレットで表示されるフクロウとバナー
----------------------------------------------------------------*/
#banners4tablet{
	display:none;
	margin-bottom:18px;
}
#banners4mobile,.banners4mobile{
	display:none;
  border-top: 1px solid #b79b5b;
	margin-bottom:18px;
  padding-top: 18px;
}
#mobile_banners{
	margin-bottom:9px;
}
.con_ban{
	display:inline-block;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:9px;
	width:49%;
}
#mobile_banners>.row{
	margin-left:-5px;
	margin-right:-5px;
}

@media only screen and (min-width:768px){
	#slider{
		margin-bottom:0;
	}
	#banners4tablet{display:block;}
	.con_ban{
		width:32.5%;
	}
}
@media only screen and (min-width:992px){
	#banners4tablet{display:none;}
}
@media only screen and (max-width:767px){
	#banners4tablet{display:none;}
	#banners4mobile,.banners4mobile{display:block;}
	.banners4mobile img{margin-bottom: 10px;}
}
/*最新トピックス
----------------------------------------------------------------*/
#all_articles>.row,
#book_review>.row{
	margin-left:-10px;
	margin-right:-10px;
	display: flex;
    flex-wrap: wrap;
}

.aa_box{
	margin-bottom:13px;
	padding-left:9px;
	padding-right:9px;
	transition:all 0.4s ease;
}
.aa_box>a{
	display:block;
	position:relative;
	width:100%;
	height: 100%;
	padding:9px 0;
	margin-bottom:9px;
	background:#ffffff;
}
.aa_box.cat05>a{
    height:100%;
}
.aa_box:hover{
    box-shadow: 0 0 10px #e1eaea;
}
.ribon_new{
	width:52px;
	height:52px;
	background:url(../images/common/ribon_new.png) no-repeat center center;
	position:absolute;
	top:-21px;
	right:10px;
	text-indent:-9999px;
	overflow:hidden;
}
.common_box>a>div{
	display: flex;
	gap:10px;
}
.common_box>a>div>img{
	min-width: 96px;
	aspect-ratio: 1/1;
}
.aa_box>a:hover .ribon_new{
	z-index:9999;
}
.col-sm-6.aa_box img{
	float:left;
	margin-right:9px;
}
.col-sm-6>.aa_box img{
	float:left;
	margin-right:9px;
}
.col-sm-3.aa_box img{
	float:none;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:9px;
}
.col-sm-6.aa_box>a>div>div{
	padding-left:160px;
}
#book_review .col-sm-6>.aa_box>a>div>div{
	padding-left:160px;
}
.aa_box>a>div:after{
	clear:both;
	display:table;
	content:'';
}
.aa_box>a .upload_date{
	background:url(../images/common/icon_calendar_gray.png) no-repeat left center;
	padding-left:18px;
	color:#aaaaaa;
}
.aa_box>a .post_type{
	font-size:16px;
	color:#222222;
	font-weight:normal;
}
.aa_box>a .subseries{
	font-size:15px;
	margin-bottom:15px;
	color:#999999;
	font-weight:normal;
}
.aa_box>a h4{
	font-size:18px;
	color:#222222;
	font-weight:bold;
}

.col-sm-3.aa_box>a h4{
	font-size:16px;
	font-weight:bold;
	color:#222222;
}
.col-sm-4.aa_box>a h4{
	font-size:16px;
	color:#222222;
}

.aa_box>a .aa_sub_title{
	font-size:12px;
	color:#999999;
	font-weight:normal;
}
.aa_box>a .author,
.aa_box>a .series_name{
	font-size:15px;
	color:#333333;
	font-weight:normal;
}
.aa_box>a .author{
	font-size:13px;
	color:#333333;
	font-weight:normal;
}
.cat_tag{
	display:inline-block;
	color:#ffffff;
	font-size:10px;
	padding:2px 0;
	width:38px;
	text-align:center;
	border-radius:4px;
	margin-top: 3px;
}
.cat02>a{border-top:3px solid #1aa9e1;}/*特集*/
.cat03>a{border-top:3px solid #ed3837;}/*活動紹介*/
.cat04>a{border-top:3px solid #fdb52a;}/*コラム*/
.cat05>a{border-top:3px solid #77bd51;}/*ブックレビュー*/
.cat06>a,.cat06-1>a,.cat06-2>a,.cat06-3>a,.cat07>a,.cat08>a{border-top:3px solid #ad39ea;}/*ニュース*/
.cat09>a/*,.wisdom>a*/{border-top:3px solid #f0831e;}/*知恵袋*/
.cat10>a/*,.qa>a*/{border-top:3px solid #e96187;}/*かゆいところに手が届く*/
.cat11>a/*,.fountain>a*/{border-top:3px solid #223462;}/*刑事弁護人の泉*/
/*.movies>a{border-top:3px solid #28b7bd;}/*動画の泉*/
/*.call4>a{border-top:3px solid #1aa9e1;}/*call4*/
.zaiya>a{border-top:3px solid #da9827;}/*ザイヤのオオカミ*/

.cat02 .cat_tag{background:#1aa9e1;}/*特集*/
.cat03 .cat_tag{background:#ed3837;}/*活動紹介*/
.cat04 .cat_tag{background:#fdb52a;}/*コラム*/
.cat05 .cat_tag{background:#77bd51;}/*ブックレビュー*/
.cat06 .cat_tag,.cat07 .cat_tag,.cat08 .cat_tag,.cat06-1 .cat_tag,.cat06-02 .cat_tag,.cat06-3 .cat_tag{background:#ad39ea;}/*ニュース*/
.cat06-3 .cat_tag{width:50px;}
.cat09 .cat_tag/*,.wisdom .cat_tag*/{background:#f0831e;}/*知恵袋*/
.cat10 .cat_tag/*,.qa .cat_tag*/{background:#e96187;}/*かゆいところに手が届く*/
.cat11 .cat_tag/*,.fountain .cat_tag*/{background:#223462;}/*刑事弁護人の泉*/
/*.movies .cat_tag{background:#28b7bd;}/*動画の泉*/
/*.call4 .cat_tag{background:#1aa9e1;}/*特集*/
.zaiya .cat_tag{background:#da9827;}/*ザイヤのオオカミ*/

.cat09 .cat_tag,
.wisdom .cat_tag,
.cat10 .cat_tag,
.cat11 .cat_tag,
.fountain .cat_tag,
.movies .cat_tag,
.zaiya .cat_tag{
	width:inherit;
	padding:2px 4px;
}

#book_review{
	margin-bottom:36px;
}
@media only screen and (max-width:767px){
.aa_box{
	width:100%;
}
.col-sm-3.aa_box img,
.col-xs-6.aa_box img {
	display:inline-block;
	float: left;
    margin-right: 9px;
}
	.col-sm-6.aa_box img,
	.col-sm-3.aa_box img,
	.aa_box img{
    	width: 75px;
    	height: 75px;
	}
	#book_review .aa_box img{
		width:75px;
		height:107px;
	}
	.aa_box.cat05>a{
		height:auto;
	}
	/*.col-sm-6.aa_box>a>div>div,
	.col-sm-3.aa_box>a>div>div,
	.col-xs-6.aa_box>a>div>div{
    	padding-left: 86px;
	}*/
}
@media only screen and (max-width:575px){
	.aa_box,
	.review_box{
    	margin-bottom: 0px;
    	padding:0 0 9px 0;
	}
	.aa_box>a {
		height:auto;
	}
	.aa_box>a h4 {
    	font-size: 14px;
	    font-weight: bold;
    	line-height: 16px;
	}
	.col-sm-6.aa_box img,
	.col-sm-3.aa_box img,
	.aa_box img{
    	width: 75px;
    	height: 75px;
	}
	#book_review .aa_box img{
		width:75px;
		height:107px;
	}
	#book_review .col-sm-6>.aa_box>a>div>div{
		padding-left:86px;
	}
	.aa_box.cat05>a{
		height:auto;
	}
	.col-sm-6.aa_box>a>div>div,
	.col-sm-3.aa_box>a>div>div {
    	padding-left: 86px;
	}
}