@charset "UTF-8";

.bl-team-detail-head{
	margin: 40px auto 40px auto;
}
.bl-team-detail-body{
	width: 100%;
	padding:0;
}
.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: space-between;
    flex-wrap: wrap;
}
.main_navigation ul li{
	display: flex;
  width: 50%;
	margin:0 0 2px 0;
}
.main_navigation ul li a,.main_navigation ul li a:hover{
	width: 100%;
	border: solid 2px #DE0202;
	background: #DE0202;
	margin: 0 1%;
	text-align: center;
	display: block;
	color: #fff;
	padding-top: 10%;
	/*font-size: 14px;*/
	font-weight: bold;
	line-height: 1.3em;
}
.main_navigation ul li a:after,.main_navigation ul li a:hover:after{
	font-family: "Font Awesome 5 Free";
	content: "\f107";
	color: #fff;
	font-size: 20px;
	display: block;
	width: 100%;
	margin: 0.5em auto 0.3em auto;
}

/* player */
.team-list {
	margin:0 0 40px 0;
	padding:0;
	display: block;
    padding-top: 60px;
    margin-top: -60px;
}
.team-list h2{
	clear:both;
	margin:0 auto 20px auto;
	padding:6px 12px;
}

.team-list-flexbox {
  display: block;
}

.team-article{
	width: 100%;
	display: flex;
	text-align:left;
	margin:0 auto 20px auto;
	border:none;
	/*border:1px solid #F00;*/
}

/* player image */
.team-article-img{
	width: 50%;
	background-color:#FFF;
}
.team-article-img .main{
	padding:0 10px 0 0;
}
.team-article-img p.team-article-copy{
	font-family:'Roboto',sans-serif;
	font-size: 0.70em;
	color:#777;
	margin:0.5em 0 0 0.5em;
	line-height:1em;
}

/* player box */
.team-article-box{
	width: 50%;
	text-align:left;
	padding:0 0 0 0;
	background-color:#FFF;
}
.team-article-box p.team-article-belong{
	font-size: 0.75em;
	color:#555;
	margin:0 0 0.3em 0;
	line-height:1.2em;
}
.team-article-box p.team-article-name{
	font-size: 1.4em;
	font-weight: bold;
	margin:0 0 0.5em 0;
	line-height:1.2em;
}
/* item */
.team-article-box-item{
	margin:0;
	display: flex;
}
.team-article-box-item .item-img{
	float:left;
}
.team-article-box-item .item-img img{
	height:40px; width:auto;
}
.team-article-box-item .item-name{
	height:38px;
	display: table-cell;
	vertical-align: bottom;
	padding:0 0.5em 2px 0.5em;
	/*background:#F0FFFF;*/
}
.team-article-box-item .item-name span{
	line-height:1em;
}
.team-article-box-item .item-name .item-name-en{
	font-family:'Roboto',sans-serif;
	font-size: 0.65em;
	font-weight: bold;
	margin:0 0 0.5em 0;
	color:#666;
	display:none;
}
.team-article-box-item .item-name .item-name-ja{
	font-size: 0.85em;
	font-weight: bold;
	margin:0 0 0.2em 0;
	color:#333;
}
.team-article-box-item .item-name .item-name-taste{
	font-size: 0.70em;
	font-weight: normal;
	color:#555;
}
/* comment */
.item-comment{
	clear:both;
	background:#EEE;
	padding:0.6em 0.4em 0.4em 0.6em;
	margin:0.4em 0 0 0;
	font-size: 0.90em;
	line-height:1.5em;
}
/* other */
.team-article-box h4{
	font-size: 0.80em;
	font-weight: normal;
	line-height:1em;
	color:#666;
	margin:0.8em 0 0.8em 0;/*0.8em 0 0.5em 0*/
}
ul.item-other{
}
ul.item-other li{
	font-size: 0.82em;
	line-height:1.1em;
	font-weight: bold;
	margin:0 0 1.0em 0;/*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 i{
	color:#999;
	margin:0 0 0 1em;
}


.dns_family {
    padding: 35px 0 140px;
}
.listBlock .sectionTitle {
    position: relative;
    font-weight: normal;
    font-size: 28px;
    font-size: 1.75rem;
    font-family: sans-serif;
    font-weight: 700;
    line-height: 1.3;
    background: initial;
    color: initial;
    margin-bottom: 50px;
    padding: 0 0 30px;
    text-align: center;
}
.listBlock .sectionTitle:after {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    display: block;
    margin: 0 auto;
    width: 180px;
    height: 2px;
    background: #de0202;
    content: '';
}
.listBlock .sectionCopy {
    font-weight: bold;
    font-size: 1.25em;
    margin: 0 0 80px;
    text-align: center;
    line-height: 1.5;
}

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

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