@charset "UTF-8";

/* メイン画像・グローバルナビ
---------------------------------------*/
div#main_visual{
	background-image:url("../img/kura/img_header.jpg");
}

/* 一覧/詳細ページ共通
---------------------------------------*/
article section{
	margin-bottom:50px;
}

article section div.title h1 img{
	width:90%;
	max-width:151px;
}

article section h2{
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size:140%;
	line-height:160%;
	margin-bottom:30px;
}

article section h2 a:hover{
	text-decoration:underline;
}

article section div.frame aside{
	float:right;
	width:240px;
	border-left:1px dotted #FFF;
	box-sizing:border-box;
	padding-left:20px;
	margin-left:40px;
}

article section div.frame aside div p.title{
	font-weight:bold;
	font-size:110%;
	margin-bottom:20px;
}

article section div.frame aside div.search p.title{
	margin-bottom:10px;
}

article section div.frame aside form input[type=search]{
	width:170px;
	height:25px;
	line-height:25px;
	background:none;
	border:solid 1px #FFF;
	border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
	color:#FFF;
	padding:0 6px;
	box-sizing:border-box;
}

article section div.frame aside div.menu,
article section div.frame aside div.category,
article section div.frame aside div.archive,
article section div.frame aside div.old{
	margin-top:40px;
}

article section div.frame aside div.archive,
article section div.frame aside div.old{
	margin-top:40px;
}

article section div.frame aside div.category ul li{
	margin:4px;
}

article section div.frame aside div.category ul li a:hover{
	text-decoration:underline;
}

article section div.frame aside div.archive div.year{
	margin:4px;
}

article section div.frame aside div.archive div.year ul li{
	margin:4px;
}

article section div.frame aside div.archive div.year ul{
	display:none;
}

article section div.frame aside div.archive div.year a:hover{
	text-decoration:underline;
}

article section div.frame aside div.archive div.year p:before{
	content:"";
	display:inline-block;
	position:relative;
	border-style:solid;	
	left:-1px;
	margin-right:3px;
	border-width:7px 5px 0 5px;
	border-color:#FFF transparent transparent transparent;
}

article section div.frame aside div.archive div.year p.active:before{
	left:0;
	margin-right:6px;
	border-width:5px 0 5px 7px;
	border-color:transparent transparent transparent #FFF;
}

article section div.frame aside div.archive div.year ul{
	margin-left:9px;
}

/* 画面幅768px以下
=======================================*/
@media screen and (max-width:768px){
	article section div.frame aside{
		float:none;
		width:100%;
		border-left:none;
		padding-left:0;
		margin-left:0;
	}
	
	article section div.frame aside div.search{
		display:none;
	}
	
	article section div.frame aside div.archive{
		display:none;
	}
	
	article section div.frame aside div.category{
		/*border-top:1px solid #FFF;*/
		margin-top:0;
		padding-top:20px;
	}
	
	article section div.frame aside div.category p.title{
		margin-bottom:10px;
	}
	
	article section div.frame aside div.category ul li{
		display:inline;
		margin:0;
		line-height:220%;
	}
	
	article section div.frame aside div.category ul li:after{
		content:"|";
		margin:0 10px;
	}
	
	article section div.frame aside div.category ul li:last-child:after{
		content:"";
		margin:0;
	}
}

/* 一覧ページ
---------------------------------------*/
article#list section div.frame{
	overflow:hidden;
	display:flex;
	margin-top:40px;
}

article#list section div.frame div.content{
	float:left;
	width:680px;
}

article#list section div.frame div.content ul.wrapper{
	padding:30px 0;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
}

article#list section div.frame div.content ul.wrapper li{
	padding-bottom:30px;
	border-bottom:1px solid #808080;
	margin-bottom:30px;
}

article#list section div.frame div.content ul.wrapper li:last-child{
	padding-bottom:0;
	border-bottom:none;
	margin-bottom:0;
}

article#list section div.frame div.content ul.wrapper li div.container{
	overflow:hidden;
	display:flex;
}

article#list section div.frame div.content ul.wrapper li div.container div.image{
	float:left;
	width:120px;
	height:120px;
	overflow:hidden;
	margin-right:25px;
}

article#list section div.frame div.content ul.wrapper li div.container div.image a img{
	margin:0 -20px;
	/*min-width:120px;
	max-width:180px;*/
	width:120px;
	height:auto;
	padding:0 20px;	
    -webkit-transition:all 0.6s ease-in-out;
    transition:all 0.6s ease-in-out;
}

article#list section div.frame div.content ul.wrapper li div.container div.image a:hover img{
    transform:scale(1.15,1.15);
    -webkit-transform:scale(1.15,1.15);
    -moz-transform:scale(1.15,1.15);
    -ms-transform:scale(1.15,1.15);
    -o-transform:scale(1.15,1.15);
}

article#list section div.frame div.content ul.wrapper li div.container div.text{
	width:530px;
}

article#list section div.frame div.content ul.wrapper li div.container div.text a p{
	margin:10px 0;
	font-size:110%;
}

article#list section div.frame div.content ul.wrapper li div.container div.text ul.category{
	overflow:hidden;
}

article#list section div.frame div.content ul.wrapper li div.container div.text ul.category li{
	float:left;
	margin-right:12px;
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}

article#list section div.frame div.content ul.wrapper li div.container div.text ul.category li a:hover{
	text-decoration:underline;
}

article#list section div.frame div.content div.wp-pagenavi{
	margin-top:15px;
	text-align:center;
}

article#list section div.frame div.content div.wp-pagenavi a,
article#list section div.frame div.content div.wp-pagenavi span{
	margin:0 5px;
	
}

article#list section div.frame div.content div.wp-pagenavi a{
	text-decoration:underline;
}

article#list section div.frame div.content div.wp-pagenavi a, 
article#list section div.frame div.content div.wp-pagenavi span{
	border:none !important;
}

article#list section div.frame div.content div.wp-pagenavi span.current {
    font-weight:normal !important;
}

/*　検索ページ
---------------------------------------*/
article#list section div.frame div.content div.result{
	margin-bottom:20px;
}

article#list section div.frame div.content div.result h2{
	margin-bottom:10px;
}


/* 画面幅768px以下
=======================================*/
@media screen and (max-width:768px){
	article#list section div.frame{
		width:96%;
		display:block;
		margin:40px auto 0 auto;
	}
	
	article#list section div.frame div.content{
		float:none;
		width:100%;
	}
	
	article#list section div.frame div.content ul.wrapper{
		width:100%;
	}
	
	article#list section div.frame div.content ul.wrapper li div.container{
		display:block;
	}
	
	article#list section div.frame div.content ul.wrapper li div.container div.text{
		width:auto;
	}
	
	article#list section div.frame div.content div.wp-pagenavi{
		border-bottom:1px solid #FFF;
		padding-bottom:15px;
	}

}

/* 詳細ページ
---------------------------------------*/
article#detail section div.frame{
	overflow:hidden;
	display:flex;
	margin-top:40px;
}

article#detail section div.frame div.content{
	/*float:left;*/
	width:680px;
}

article#detail section div.frame div.content div.container{
	border-bottom:1px solid #FFF;
	padding-bottom:20px;
	overflow:hidden;
}

article#detail section div.frame div.content div.container div.date{
	height:20px;
	line-height:20px;
	width:100%;
	overflow:hidden;
	margin-bottom:20px;
}

article#detail section div.frame div.content div.container div.date time{
	display:block;
	width:100px;
	float:left;
}

article#detail section div.frame div.content div.container div.date hr{
	width:860px;
	float:left;
	margin:9px 0 0 0;
}

/*article#detail section div.frame div.content div.container div.icatch{
	width:100%;
	text-align:center;
	background-color:rgba(0,0,0,0.5);
	overflow:hidden;
}

article#detail section div.frame div.content div.container div.icatch img{
	width:100%;
}*/

/*article#detail section div.frame div.content div.container div.content{
	margin-top:20px;
}*/

article#detail section div.frame div.content div.container div.content{
	word-break:break-all;
}
	
article#detail section div.frame div.content div.container div.content p img{
	max-width:100%;
	height:auto;
	margin:4px 0;
}

article#detail section div.frame div.content div.container ul.category{
	overflow:hidden;
	margin-top:60px;
}

article#detail section div.frame div.content div.container ul.category li{
	float:left;
	margin-right:12px;
}

article#detail section div.frame div.content div.container ul.category li a:hover{
	text-decoration:underline;
}

article#detail section div.frame div.content div.navi{
	margin:20px 0 40px 0;
	width:100%;
	text-align:center;
	overflow:hidden;
}

article#detail section div.frame div.content div.navi a:nth-child(1){
	float:left;
}

article#detail section div.frame div.content div.navi a:nth-child(3){
	float:right;
}

/* 画面幅768px以下
=======================================*/
@media screen and (max-width:768px){
	article#detail section div.frame{
		width:96%;
		display:block;
		margin:40px auto 0 auto;
	}
	
	article#detail section div.frame div.content{
		float:none;
		width:100%;
	}
	
	article#detail section div.frame div.content div.container{
		width:100%;
	}
	
	article#detail section div.frame div.content div.container{
		display:block;
	}
	
	article#detail section div.frame div.content div.container div.text{
		width:auto;
	}
}

/* 画面幅640px以下
=======================================*/
@media screen and (max-width:640px){
	article#detail section div.frame div.content div.container div.date time{
		width:20%;
	}

	article#detail section div.frame div.content div.container div.date hr{
		width:80%;
	}
}

/* 画面幅480px以下
=======================================*/
@media screen and (max-width:480px){
	article#detail section div.frame div.content div.container div.date time{
		width:25%;
	}

	article#detail section div.frame div.content div.container div.date hr{
		width:75%;
	}
}

/* 画面幅380px以下
=======================================*/
@media screen and (max-width:380px){
	article#detail section div.frame div.content div.container div.date time{
		width:30%;
	}

	article#detail section div.frame div.content div.container div.date hr{
		width:70%;
	}
}