@charset "UTF-8";

/*//////////----- NEWS -----//////////*/

#news-show{
	color:#fff;
}

#news-show div.content{	
	width:100%;
	margin:0 auto;
	max-width: 960px;
	
	box-sizing: border-box;
	padding:5px;
}

#news-show div.content div.content-inner{
	    box-sizing: border-box;
        padding: 10px;
        background-color: rgb(37 37 37 / 93%);
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5), 0 -4px 4px -0px #313131 inset;
        border-radius: 6px;
        border: solid 1px #434343;
        color: #fff;
        display: flex;
        flex-flow: row wrap;
        align-items: stretch;
        justify-content: flex-start;
        width: 100%;
}

@media only screen and (min-width: 720px){
	
	#news-show div.content div.content-inner{
		box-sizing: border-box;
        padding: 10px;
        background-color: rgb(37 37 37 / 93%);
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5), 0 -4px 4px -0px #313131 inset;
        border-radius: 6px;
        border: solid 1px #434343;
        color: #fff;
        display: flex;
        flex-flow: row wrap;
        align-items: stretch;
        justify-content: flex-start;
        width: 100%;
	}
	
}

#news-show div.content div.postdata{
	margin-bottom:20px;
}
#news-show div.content div.post-content{
	margin-left:10px;
}

#news-show div.content div.postdata p.update{
	font-size:0.8rem;
	line-height:30px;
	
	color:#fff;
	
	box-sizing: border-box;
	padding-left:50px;
	
	position: relative;
}

#news-show div.content div.postdata p.update:before{
	display:block;
	content:"投稿日：";
	
	position: absolute;
	top:0;
	left:0;
}

#news-show div.content div.postdata h4{
	font-weight:bold;
	
	box-sizing: border-box;
	padding-left:15px;
	
	position: relative;
}

#news-show div.content div.postdata h4:before{
	display:block;
	content:"";
	
	width:5px;
	height:17.5px;
	
	background-color:#cc0000;
	
	position: absolute;
	top:5px;
	left:0;
}

#news-show div.content div.postdata p.castinfo{
	display:flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: flex-start;
	
	width:100%;
	
	margin-top:10px;
}

#news-show div.content div.postdata p.castinfo img{
	display:block;
	
	width:40px;
	height:40px;
	
	vertical-align: bottom;
	
	border-radius:40px;
}

#news-show div.content div.postdata p.castinfo span.note{
	font-weight:bold;
	
	font-size:0.8rem;
	line-height:30px;
	
	margin-left:5px;
}

#news-show div.content div.postdata p.castinfo span.note a{
	color:#000;
}