@charset "UTF-8";

.pageHead .headCopy{
	margin: 0 0 20px;
	font-size: 1.4em;
	font-weight: bold;
}
.pageHead .leadTxt{
	margin: 0 0 50px;
	font-size: 1.1em;
	font-weight: bold;
	color: #DE0202;
}
.bl-team-detail-headcopy{
	width: 95%;
	margin: 20px auto 20px auto;
	font-weight: bold;
	font-size: 1.25em;
	text-align:center;
	/*border:1px solid #F00;*/
}
.bl-team-detail-txt{
	width: 95%;
	margin: 0 auto 50px auto;
	font-weight: bold;
	font-size: 0.95em;
	text-align:center;
	color:#D30013;
	/*border:1px solid #F00;*/
}


/* category buttons */
.flex_box{
	display: flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.main_navigation {
	margin: 0 auto 50px auto;
}
.main_navigation ul{
	width: 100%;
	justify-content: center;
}
.main_navigation ul li{
	width: 100%;
}
.main_navigation ul li a{
	border: solid 2px #DE0202;
	background: #DE0202;
	margin: 0 1%;
	text-align: center;
	display: block;
	color: #fff;
	padding: 2% 0;
	font-size: 14px;
	font-weight: bold;
}

.main_navigation ul li a:after{
	font-family: "Font Awesome 5 Free";
	content: "\f107";
	color: #fff;
	margin: 0 2% 0 10%;
	font-size: 15px;
}
/*hover*/
.main_navigation ul li a:hover{
	background: #FFF;
	color: #DE0202;
}
.main_navigation ul li a:hover:after{
	color: #DE0202;
}

/* player */
.team-list {
	margin:0 0 40px 0;
	padding:0;
	/*border:1px solid #F00;*/
	display: block;
    padding-top: 60px;
    margin-top: -60px;
}
.team-list h2{
	clear:both;
	margin:0 auto 20px auto;
	padding:6px 12px;
}
/* flex */
.team-list-flexbox{
	width:990px;
	justify-content:flex-start;
	flex-wrap: wrap;
}
.team-article{
	width: 314px;
	text-align:left;
	margin:0 24px 60px 0;
	border:none;
}
.team-article:nth-of-type(3n){
	margin-right:0;
}

/* player image */
.team-article-img{
	position:relative;
	width: 100%;
	background-color:#FFF;
}
.team-article-img .main{
	padding:0; margin:0;
	line-height:0;
}
.team-article-img p.team-article-copy{
	position:absolute;
	font-family:'Roboto',sans-serif;
	font-size: 0.75em;
	color:#777;
	right:0; bottom:-1.4em;
	text-align:right;
	line-height:1em;
}

/* player box */
.team-article-box{
	width: 100%;
	text-align:left;
	margin:1em 0 0 0;
	padding:0 0 0 0;
	background-color:#FFF;
}
.team-article-box p.team-article-belong{
	font-size: 0.8em;
	color:#555;
	margin:0 0 0.4em 0;
	line-height:1.2em;
}
.team-article-box p.team-article-name{
	font-size: 1.5em;
	font-weight: bold;
	margin:0 0 0.8em 0;
	line-height:1em;
}
/* item */
.team-article-box-item{
	margin:0;
	display:flex;
	/*width:314px;*/
	/*background:#FFA0FF;*/
}
.team-article-box-item a:hover{
	opacity:0.34;
}
.team-article-box-item a img:hover{
	opacity:1;
}
.team-article-box-item .item-img{
	float:left;
}
.team-article-box-item .item-img img{
	height:80px; width:auto;
}
.team-article-box-item .item-name{
	height:80px;
	display: table-cell;
	vertical-align: bottom;
	padding:0 0 0.5em 0.5em;
	/*max-width:218px;*/
	/*background:#F0FFFF;*/
}
.team-article-box-item .item-name span{
	line-height:1em;
	display:block;
}
.team-article-box-item .item-name .item-name-en{
	font-family:'Roboto',sans-serif;
	font-size: 0.75em;
	font-weight: bold;
	margin:0 0 0.5em 0;
	color:#666;
	display:none;
}
.team-article-box-item .item-name .item-name-ja{
	font-size: 1.2em;
	font-weight: bold;
	line-height:1.2em;
	margin:0 0 0.3em 0;
}
.team-article-box-item .item-name .item-name-taste{
	font-size: 1.0em;
	font-weight: normal;
	color:#555;
}
/* comment */
.item-comment{
	clear:both;
	background:#F5F5F5;
	padding:0.8em 0.8em 0.8em 1em;
	margin:0.8em 0 0 0;
	font-size: 1.2em;
	line-height:1.8em;
}
/* other */
.team-article-box h4{
	font-size: 1.0em;
	font-weight: normal;
	line-height:1em;
	color:#666;
	margin:1.2em 0 0.8em 0;
}
ul.item-other{
}
ul.item-other li{
	font-size: 1.1em;
	line-height:1.2em;
	font-weight: bold;
	margin:0 0 0.4em 0;
}
ul.item-other p{
	padding: 0 0 0 1.2em;
	text-indent:-1em
}
ul.item-other p span.item-name-taste{
	display:inline;
	font-size: 0.80em;
	font-weight: normal;
}
ul.item-other p a{
	color:#333;
}
ul.item-other p a:hover{
	color:#D9D9D9;
}
ul.item-other i{
	color:#999;
	margin:0 0 0 1em;
}

.listBlock .sectionTitle {
    margin: 0 0 1.1em;
    text-transform: uppercase;
    font-family: sans-serif;
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: normal;
    line-height: 1.1;
    background: initial;
    color: initial;
    padding: initial;
}

.listBlock .sectionCopy {
    margin: 0 0 40px;
    font-size: 1.4em;
    font-weight: bold;
}

.dns_family_list__contents {
}
.dns_family_list__contents h3 {
    font-family: sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.1;
    background: #DF0401;
    color: #ffffff;
    padding: 13px 16px;
    margin-bottom: 44px;
}
.dns_family_list__contents ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 90px;
}
.dns_family_list__contents ul li {
    font-family: sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.4;
}

.dns_family_list__contents ul li:not(:last-child):after {
    content: "/";
    margin: 0 5px;
}


.clearfix::after {
	content: "";
	display: block;
	clear: both;
}