@charset "utf-8";
/*
Theme Name: Lightning Child Sample
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.1.2
*/
:root{
	--soccer-green: #146f36;
	--soccer-light-green: #6fa66d;
	--soccer-red: #b23235;
}
h4{
	height: 2.5rem;
	font-style: italic;
	font-size: 2rem;
	font-weight: 700;
}
h4:before{
	content:"";
	display:inline-block;
	width:1.2em;
	height:1.2em;
	background:url(imgs/ico_soccer01.svg) no-repeat;
	background-size:contain;
}

@media (min-width: 768px){
    img{margin: 0 0 2rem;}
    .navbar-brand img {
        max-height: 60px;
    }
}

@media (max-width: 576px){
    img{margin: 2rem 0;}
    img.alignright,
    img.alignleft {
        display: block;
        float: none;
        width: 100%;
        height: auto;
        margin: auto;
    }
}
.media .postList_thumbnail img {
	margin: 0;
}

/* メンバー紹介 */
#memberList{}
#memberList .item{margin-bottom: 1rem;}
#memberList .item .hentry{border:1px #d0d0d0 solid; height: 100%; background-color: #f3f3f3;}
#memberList .item .hentry div{padding: 3px 5px;}
#memberList .item .hentry img{margin: 0;}
#memberList .item .hentry div.name{background-color: var(--soccer-green);color: #ffffff; font-size: 110%; font-weight: 700;}
#memberList .item .hentry div.position{background-color: var(--soccer-light-green);color: #ffffff;}
#memberList .item .hentry div.comment{background-color: var(--soccer-red);color: #ffffff;}
#memberList .item .hentry div.detail{}

/* スタッフ紹介 */
#staffList img{margin-bottom: 1rem;}
#staffList .name{color: var(--soccer-red) ; font-weight: 700;}