/*
Theme Name: STINGER PRO Child
Template: stingerpro
Version: 20170501
*/

/*カテゴリID別に色を指定できます
例）IDが7の場合
.catname.st-catid7 {
	background:#ff0000;
	color:#fff;
}
*/

body{
	border-width:5px 0px 0px 0px;
	border-style:solid;
	border-color:#444;
	box-sizing:border-box;
}

header .sitename{
	font-size:180%;
	font-family: 'Josefin Sans', sans-serif;
	margin:15px 0px 15px 65px;
}

nav ul.menu{
	font-weight:bold;
}

nav.smanone{
	margin-left:65px;
}

.post h2{
	width:98%;
	border-width:0px 0px 2px 0px;
	border-style:solid;
	border-color:#80c677;
}

#notice, #sites{
	float:left;
	width:50%;
	padding:0px 20px 20px 20px;
	box-sizing:border-box;
}

.post #notice h2, .post #sites h2{
	width:95%;
}

.topics{
	width:100%;
	padding:20px 15px 0px 15px;
	box-sizing:border-box;
}

p{
	margin-top:5px;
}

audio{
	width:330px;
}

.kanren.st-cardbox{
	padding-top:10px;
}

.kanren .kizibox ul.post-categories,
.kanren .kizibox2 ul.post-categories{
		list-style-type:none;
		padding:4px;
		font-size:90%;
		position:absolute;
		top:0px;
		left:0px;
		background-color:rgba(132,210,126,0.8);
	}

	.kanren .kizibox ul.post-categories a,
	.kanren .kizibox2 ul.post-categories a,
	.kanren .kizibox3 ul.post-categories a{
		color:#fff;
	}

	.kanren .kizibox ul.post-categories a:hover,
	.kanren .kizibox2 ul.post-categories a:hover,
	.kanren .kizibox3 ul.post-categories a:hover{
		color:#b22222;
	}

.kanren .kizibox h3 a:hover,
.kanren .kizibox2 h3 a:hover,
.kanren .kizibox3 h3 a:hover{
	color:#b22222;
}

.kanren .kizibox .kizidate,
.kanren .kizibox2 .kizidate,
.kanren .kizibox3 .kizidate{
		font-size:85%;
		color:#aaa;
		position:absolute;
		bottom:3px;
		left:3px;
}

.kanren .kizibox .fav,
.kanren .kizibox2 .fav{
	position:absolute;
	right:3px;
	bottom:0px;
	margin-bottom:-3px;
	font-size:85%;
}

span.fav2{
	position:relative;
	top:-20px;
	left:5px;
}

.kanren .kizibox2 h3{
	padding:3px 0px 0px 8px!important;
}

.ad ul{
		box-sizing:border-box;
		padding:10px;
		color:#444;
		margin-top:8px;
		margin-bottom:10px;
	} 
	
	.ad ul.children{
		padding:0px;
		margin:0px 0px 0px 20px;
	}
	
	.ad ul li.cat-item{
		background-image:url("https://www.ep-melody.com/image/mainlist.gif");
		background-repeat:no-repeat;
		background-position:0px 8px;
	}
	
	.ad ul.children li.cat-item{
		background-image:url("https://www.ep-melody.com/image/listmark.png");
		background-repeat:no-repeat;
		background-position:0px 11px;
	}

	.ad ul li.cat-item a{
		width:100%;
		display:block;
		padding:5px 5px 5px 21px;
		box-sizing:border-box;
		color:#444;
		font-size:110%;
	}
	
	.ad ul.children li.cat-item a{
		padding:5px 5px 5px 10px;
	}

	.ad ul li.cat-item a:hover{
		color:#f08200;
	}

#topunit{
	margin-bottom:10px;
}

.kanren{
		padding-top:0px;
	}
	
	.kanren .kizibox, .kanren .kizibox2,  .kanren .kizibox3{
		position:relative;
		float:left;
		width:336px;
		height:300px;
		margin-bottom:30px;
		box-sizing:border-box;
		border:1px solid #ddd;
	}

.kanren .kizibox3{
	margin-bottom:15px;
}
	
	.kanren .kizibox:nth-of-type(odd){
		margin-right:22px;
	}

	.kanren .kizibox3:nth-of-type(odd){
		margin-right:17px;
	}
	
	.kanren .kizibox2:not(:nth-of-type(3n)){
		margin-right:11px;
	}

	.kanren .kizibox h3, .kanren .kizibox2 h3, .kanren .kizibox3 h3{
		font-size:100%;
		width:336px;
		box-sizing:border-box;
		padding:6px;
		border:0px;
	}

.more-bt{
		width:99%;
		border:1px solid #f8da80;
		border-radius:4px;
		text-align:center;
		clear:both;
	}
	
	.more-bt a{
		display:block;
		width:100%;
		padding:10px 0px 10px 0px;
		font-weight:bold;
		background-color:#ffeaaa;
	}
	
	.more-bt a:hover{
		background-color:#ffeeb9;
	}

.notice-date{
		color:#aaa;
		font-size:90%;
	}

.notice{
		width:100%;
		padding:5px 10px 5px 10px;
		box-sizing:border-box;
		border-width:0px 0px 1px 0px;
		border-style:dotted;
		border-color:#ccc;
	}
	
	.notice p{
		width:130px;
		float:left;
		margin-bottom:3px;
	}
	
	.post .notice h3{
		margin-top:0px!important;
		margin-bottom:0px;
		padding-top:0px!important;
		font-size:95%;
		line-height:140%;
		border:0px;
	}

span.cat-child{
	border:1px solid #bbb;
	border-radius:4px;
	padding:7px;
	margin-right:8px;
	display:inline-block;
	margin-bottom:10px;
}

.post-246 h1.entry-title{
	text-align:center;
	background-image:url("https://www.ep-melody.com/wp-content/uploads/2019/03/cws.jpg");
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:250px;
	height:60px;
	margin:10px auto;
	padding-left:15px!important;
}

/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960px) {
	body{
		border:0px;
	}
	header{
		width:100%;
		text-align:center;
		position: fixed;
		background-color:#fff;
		border-style:solid;
		border-color:#444;
		border-width:3px 0px 0px 0px;
		z-index:10;
	}
	
	article{
		margin-top:60px;
	}
	
	header .sitename{
		margin:0px;
		font-size:130%;
	}

	main{
		padding:20px 5px 0px 5px;
	}
	
	#notice{
		margin-top:30px;
	}
	
	#notice, #sites{
		width:100%;
		float:static;
		padding:0px;
	}
	
	#sites p{
		font-size:95%;
	}
	
	.post #notice h2, .post #sites h2, .topics h2{
		width:85%;
	}
	
	.topics{
		padding:5px 0px 0px 5px;
	}
	
	.kizibox, .kizibox2{
		z-index:1;
	}
	
	#menu-bt{
		position:fixed;
		top:10px;
		right:5px;
		z-index:11;
	}

	ul#cate{
		width:100%;
		position:fixed;
		top:68px;
		left:0px;
		z-index:10;
		display:none;
	}

	ul#cate li a{
		width:100%;
		display:block;
		background-color:#444;
		color:#fff;
		border-bottom:1px solid #ccc;	
		text-align:center;
		padding:12px 0px 12px 0px;
		z-index:30;
	}
	
	aside .kanren{
		margin-top:50px;
	}
	
	.kizibox{
		margin-left:6px;
	}
	
	span.fav2{
		position:relative;
		top:20px;
		left:40%;
	}
/*-- ここまで --*/
}

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {


/*-- ここまで --*/
}

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {
	main{
		padding-top:0px!important;
	}

/*-- ここまで --*/
}