@charset "utf-8";

/* 印刷対応
---------------------------------------------------------------------------*/
@media print{
	body{
		width: 100% !important;
		min-width: 0;
		overflow: hidden;
	}
	#gnav, .search-box, .top-menu, .contentsArea__header, #sub, #sitemap, #philosophy-area, #footer-area .about{
		display: none !important;
	}
	#headerPC{
		position: absolute !important;
	}
	#container{
		width: 95% !important;
	}
	#main-colum{
		width: 95% !important;
		overflow: visible !important;
	}
	#headerPC .header-nav{
		background: none !important;
	}
	#headerPC--space{
		    padding-top: 50px !important;
	}
	table{
		/*page-break-inside: avoid;*/
	}
	#partnersBnr,
	.outer-block .outer-inner{
		width: 95% !important;
	}
	.partners__bnrList__item{
		width: 11% !important;
	}
	
}


/* Common
---------------------------------------------------------------------------*/
body{
	min-width: 1136px;
}

.pc-hidden{
	display: none;
}
.mb40{
	margin-bottom: 40px;
}

/* header　固定 */
#headerPC{
	position: fixed;
	width: 100%;
	top:0;
	left: 0;
	z-index: 99999;
}
#headerPC .header-nav{
	background: #fff;
}
#headerPC--space{
	padding-top: 150px;
}

/* Gナビ */
.header-nav h1{
	width: auto;
	line-height: 1;
}
.header-nav h1 img{ vertical-align: middle;}

.mini .header-nav .top-menu {
	top: 50%;
	transform: translateY(-50%);
}
.mini .header-nav .top-menu li.entry a,
.mini .header-nav .top-menu li.shop a{
	color: #052667;
	height: auto;
	line-height: 1;
	display: block;
	font-size: 12px;
	font-weight: 700;
}
.mini .header-nav .top-menu li.entry,
.mini .header-nav .top-menu li.shop{
	background: none;
	letter-spacing: 1.5px;
}
.mini .header-nav .top-menu li.english {
  line-height: 1;
	font-size: 16px;
}
.mini .header-nav .search-box{
	top: 0;
}
.mini #search-acMenu dt{
	height:auto;
	line-height:1;
}
.mini #search-acMenu dd .search{
	margin-top: 9px;
}
.mini #gnav{height: auto;}

.mini #gnav > ul > li > a {
	padding: 9px 2em;
}
#gnav > ul .menu {top: auto;}


/* パンクズ */
.pankz{
	display: none;
}
.pankz.outer-block .outer-inner{
	width: 100%;
	background: #1964c0;
}
.breadcrumb{
	margin: 0;
	padding-left: 15px;
	font-size: 10px;
	color: #fff;
	list-style-type: none;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
}
.breadcrumb__item{
	display: inline-block;
	border-right:rgba(255,255,255,0.3) 1px solid;
	padding: 12px 20px 10px;
	transform:skewX(-33deg);
	line-height: 1;
}
.breadcrumb__item:first-child{
	padding: 10px 20px;
}
.breadcrumb__inner{
	transform:skewX(33deg);
	letter-spacing: 0.5em;
}
.breadcrumb__inner a{
	display: block;
	color: #fff;
	letter-spacing: 0;
}
.breadcrumb__inner .ion-home{
	font-size: 14px;
}
.breadcrumb__inner .ion-home:before{
	line-height: 0;
}

/* 2カラムのときのKVサイズ調整
---------------------------------------------------------------------------*/

#main-colum .visual-area {
	min-width: 0 !important;
}
/*#main-colum .visual-area .bx-wrapper li{*/
#main-colum .visual-area li{
	text-align: center;
	background: #000;
}
#main-colum .visual-area img{
	height: 316px !important;
	width: auto !important;
}
#main-colum .visual-area .disp-sp .bx-wrapper{
	background: #000;
	}
#main-colum .visual-area .disp-sp .bx-wrapper li a{
	display: block;
	position: relative;
	}
#main-colum .visual-area .disp-sp .bx-wrapper img{
	width: 100% !important;
	height: calc(100% * 0.3819) !important;
}

/* ページタイトル
---------------------------------------------------------------------------*/
.contentsArea__header{
	background-color: #052667;
	background-image: url('/common/img/contentsArea__header_l.png'), url('/common/img/contentsArea__header_r.png');
	background-repeat: no-repeat, no-repeat;
	background-position: left center, right center;
	background-size: auto 100%, auto 100%;
	color: #fff;
	text-align: center;
	position: relative;
	overflow: visible;
	padding: 15px 0;
	height: 60px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}

.contentsArea__header h1 {
	float: none;
	height: auto;
	margin: 0;
  z-index: 1;
	width: calc(100% - 440px * 2);
}
.contentsArea__header h1 a{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	color: #fff;
	text-decoration: none;
	transition: 0.3s ease-in-out;
	width: 100%;
}
.contentsArea__header h1 a:hover{
	opacity: 0.7;
}

.contentsArea__title__text{
	font-family: 'Overpass',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Helvetica neue, Arial, Osaka, "MS ゴシック", "MS Gothic", sans-serif;
	font-size: 32px;
    font-weight: bold;
	letter-spacing: 0.15em;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
.contentsArea__title__text__name{
	padding-top: 0.2em;

}
.longText .contentsArea__title__text__name{
	font-size: 1.85vw;
	letter-spacing: 0;
}
.longText .contentsArea__title__text__img{
	height: 35px !important;
}

@media screen and (min-width: 641px) and (max-width: 1136px){
	.longText .contentsArea__title__text__name{
		font-size: 19px !important;
	}
	.longText .contentsArea__title__text__img{
		height: 30px !important;
	}
}
@media screen and (min-width: 1280px){
	.longText .contentsArea__title__text__name{
		font-size: 28px !important;
	}
	.longText .contentsArea__title__text__img{
		height: 43px !important;
	}
}

.contentsArea__title__year{
	font-family: 'Overpass',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Helvetica neue, Arial, Osaka, "MS ゴシック", "MS Gothic", sans-serif;
	font-size: 16px;
	letter-spacing: 0.1em;
	padding-top: 5px;
}

/* 2段組み */
.contentsArea__title__samuraiblue,
.contentsArea__title__nadeshikojapan,
.contentsArea__title__twoline{
	width: 100%;
}
.contentsArea__title__samuraiblue .contentsArea__title__text,
.contentsArea__title__samuraiblue .contentsArea__title__year,
.contentsArea__title__nadeshikojapan .contentsArea__title__text,
.contentsArea__title__nadeshikojapan .contentsArea__title__year,
.contentsArea__title__twoline .contentsArea__title__text,
.contentsArea__title__twoline .contentsArea__title__year{
	line-height: 1;
	width: 100%;
	}
.contentsArea__title__samuraiblue .contentsArea__title__text img{
	width: 100%;
	height: auto;
	max-width: 240px;
	margin: 0 auto;
}
.contentsArea__title__nadeshikojapan .contentsArea__title__text img{
	width: 100%;
	height: auto;
	max-width: 286px;
	margin: 0 auto;
}
.contentsArea__title figure{
	height: 40px;
	margin: 0;
	margin-right: 10px;
}
.contentsArea__title figure img{
	height:100%;
	width:auto;
}

/* 日本代表タイトル */
.contentsArea__title.nationalTitle{
	padding: 5px 0;
}
.contentsArea__title.nationalTitle figure{
	height: 50px;
}


/* 下層ページ　第2階層ページタイトル */
#subnavi {
	background: #052667;
	color: #fff;
	text-align: center;
	position: relative;
	overflow: visible;
	padding: 3px 0;
	height: 60px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	letter-spacing: 0.5em;
}
#subnavi.outer-block .outer-inner{
	width: auto;
}
#subnavi h2 a{
	color: #fff;
}
#subnavi .head-area .title {
	font-size: 32px;
	font-weight: bold;
	padding: 0;
}

/* コンテンツボタン */
#link-area,
#link-area02 {background: none;}

#link-area.match-links{
  background: none;
  margin: 0;
  padding-bottom: 0;
}


#link-area .head-line {display: none;}
#link-area .outer-inner,
#link-area02 .outer-inner {
  margin: 0 auto;
  padding: 0;
}
.match-links .link-content{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
}
.match-links .link-content.pdnT35{padding-top: 0;}

.match-links .link-content li{
	background: #052667;
	float: none;
	display: block;
	height: auto;
	margin: 0;
	width: 358px;
	margin-right: 31px;
	margin-bottom: 31px;
	box-sizing: border-box;
	position: relative;
}
.match-links .link-content li::after {
	font-family: "Ionicons";
	font-size: 18px;
	content: "\f3d1";
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	color: #fff
}
.match-links .link-content li.link_off::after {
	content: "";
}
.match-links .link-content li:nth-child(3n){
	margin-right: 0;
}

.match-links .link-content li a{
	padding: 0;
	/*display: block;*/
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	/*
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	*/
	
	display: table;
}
}
.match-links .link-content li a > span,
.match-links .link-content li.link_off span{
	padding: 0;
	/*display: block;*/
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
}
.match-links .link-content li .photo {
	/*display: block;*/
	margin: 0;
	width: 160px;
	
	display: table-cell;
}
.match-links .link-content li .photo img{
	width: 100%;
	height: auto;
}
.match-links .link-content li a .title,
.match-links .link-content li.link_off span .title{
	/*display: block;*/
	vertical-align: middle;
	padding: 10px 35px 10px 15px;
	font-size: 16px;
	line-height: 1.25;
	color: #fff;
	/*
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	*/
	width: 198px;
	box-sizing: border-box;
	
	display: table-cell;
}

#main-colum .match-links .link-content{
	width: 828px;
}
#main-colum .match-links .link-content li{
	width: 402px;
}
#main-colum .match-links .link-content li,
#main-colum .match-links .link-content li:nth-child(3n){
	margin-right: 24px;
}
#main-colum .match-links .link-content li:nth-child(even){
	margin-right: 0;
}
#main-colum .match-links .link-content li a .title {
	width: 242px;
}

/* ボタン内に画像があった場合、デフォルトサイズに戻す */
.link-content li .title img,
.match .link-content li .title img{
	width: auto !important;
}

/* 下部ローカルリンクボタン */
#link-area.foot-links{
	margin-top: 45px;
}
#link-area.foot-links ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
}
#link-area.foot-links li{
	height: auto !important;
	float: none !important;
	background: #001d56;
	width: 400px;
	margin: 25px 28px 0 0 !important;
	position: relative;
}
#link-area.foot-links li::after{
	font-family: "Ionicons";
	font-size: 18px;
	content: "\f3d1";
	color: #fff;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}
#link-area.foot-links li:nth-child(even){margin-right: 0 !important;}
#link-area.foot-links li a > span{
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}
#link-area.foot-links .link-content li .photo {
  display: block;
  margin: 0;
	width: 200px;
	min-width: 200px;
}
#link-area.foot-links .link-content li .photo img{
	width: 100%;
	height: auto;
}
#link-area.foot-links .link-content li .title {
  display: block;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 30px;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
}


/* ページタイトル */
#main-colum #match_title{
	width:100% !important;
	margin:0 auto 35px !important;
	border-bottom:none !important;
	text-align:left !important;
}
#main-colum #match_title #ttl_pc{
	margin:0 !important;
	font-size:28px !important;
	font-weight:700;
	text-align: center;
}
#main-colum #match_title #ttl_pc.greenPjt{
	line-height: 4.25!important;
}

#main-colum .outer-archieves {
  top: 50%;
	bottom: auto;
	transform: translateY(-50%);
}


/* カテゴリー選択ボタン */
.selectBtn{
	box-sizing: border-box;
	position: absolute;
	top: 30px;
	right: 15px;
	width: 170px;
	height: 38px;
	background: #fabe00;
	text-align: center;
	border-radius: 3px;
	color: #052667;
	font-size: 12px;
	padding: 10px 10px;
	cursor: pointer;
}
.selectBtn span{
	transition: 0.3s ease-in-out;
}
.selectBtn:hover span{
	opacity: 0.5;
}
#selectArea{
	position: absolute;
	top: 30px;
	right: 15px;
	z-index: 1000;
	width: 720px;
	display: none;
}

#selectArea #closeBtn{
	box-sizing: border-box;
	margin-left: auto;
	margin-right: 0;
	width: 170px;
	height: 38px;
	background: #000;
	text-align: center;
	border-radius: 3px 3px 0 0;
	color: #fff;
	font-size: 18px;
	padding: 10px;
	cursor: pointer;
}
#selectArea .btnArea{
	background: rgba(0,0,0,0.85);
	padding: 20px 40px;
}
#selectArea .btnArea__text{
	margin: 0;
	font-size: 16px;
	text-align: left;
}
#selectArea .btnArea__text br{display: none;}
#selectArea .btnArea__column{
	border-top:#fbffff 1px solid;
	padding-top: 20px;
	margin-top: 20px;
}
#selectArea .btnArea__title{
	font-size: 20px;
	font-weight: 700;
	text-align: left;
	letter-spacing: 0.15em;
}
#selectArea .btnArea__list{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	margin-top: 5px;
}
#selectArea .btnArea__item{
	width: 120px;
	margin-top: 5px;
	margin-right: 8px;
	background: #fff;
	color: #333;
	font-size: 14px;
	font-family: 'Overpass',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Helvetica neue, Arial, Osaka, "MS ゴシック", "MS Gothic", sans-serif;
	border-radius: 3px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	line-height: 1.1;
	height: 40px;
	cursor: pointer;
	transition: 0.3s ease-in-out;
}
#selectArea .btnArea__item.is-active,
#selectArea .btnArea__item:hover{
	background: #1964c0;
	color: #fff;
}
#selectArea .btnArea__item.no-link{
	opacity: 0.5;
	cursor: auto;
	pointer-events: none;
}
#selectArea .btnArea__item:nth-child(5n){
	margin-right: 0;
}
#btnArea2.no-active .btnArea__item{
	opacity: 0.5;
	cursor: auto;
	pointer-events: none;
}
#selectArea .btnArea__submit{
	width: 320px;
	margin: 15px auto 0;
	background: #1964c0;
	color: #fff;
	font-size: 15px;
	border-radius: 3px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	line-height: 1.1;
	height: 40px;
	cursor: pointer;
	transition: 0.3s ease-in-out;
}
#selectArea .btnArea__submit.no-active{
	opacity: 0.5;
	cursor: auto;
	pointer-events: none;
}
#selectArea .btnArea__submit:hover{
	opacity: 0.6;
}

.contentsArea__headerNav{
	position: absolute;
	top: 30px;
	right: 185px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	height: 38px;
}
.contentsArea__headerNav__item{
	margin-right: 8px;
}
.contentsArea__headerNav__item a{
	background: #fff;
	color: #052667;
	font-size: 12px;
	padding: 10px 15px;
	border-radius: 3px;
	text-align: center;
	display: block;
	transition: 0.3s ease-in-out;
}
.contentsArea__headerNav__item a:hover{
	text-decoration: none;
	opacity: 0.8;
}

/* ニュースカラム
---------------------------------------------------------------------------*/

.categoryTitle.head-area{
	width: 1136px;
	margin: 0 auto;
  position: relative;
}
.head-area .rss {
  position: absolute;
  right: 0;
  bottom: 35px;
  font-size: 16px;
  font-family: 'Overpass', sans-serif;
  color: rgba(0,30,85,0.7);
}
.head-area .rss::before {
  font-family: ionicons;
  font-size: 18px;
  content: '\f23d';
  padding-right: 5px;
}

.news-kate{display: block;}

.news-content--gray{
	background: #ebebeb;
	padding: 40px 0;
}
.news-content--gray .body-area .news-content li .text-contents {
	background: #fff;
}

.body-area .news-content li:nth-child(4n) {
  margin: 0 0 16px 0;
}
.body-area .news-content li .news-kate {
  position: absolute;
  top: 195px;
  left: 0;
  width: 145px;
  padding: 8px 0;
  text-align: center;
  color: #FFF;
  z-index: 3;
}

.body-area .news-content li a .text-contents {
  bottom: 0;
  color: #000;
  font-size: 12px;
  height: 100px;
  left: 0;
  margin: 0px;
  overflow: hidden;
  position: relative;
  background: #eee;
  padding: 0 16px;
  z-index: 1;
}

.body-area .news-content li a:hover{
	text-decoration: none;
}
.body-area .news-content li a .text-contents .date {
  padding: 20px 0 0;
  text-align: right;
  color: #666;
  font-size: 14px;
  font-weight: 200;
  font-family: 'Overpass', sans-serif;
}
.body-area .news-content li a .text-contents .text {
  color: #0b8fba;
	text-decoration: underline;
	position: relative;
	padding-top: 5px;
	padding-right: 20px;
}
.body-area .news-content li a .text-contents .text::after{
	font-family: "Ionicons";
	font-size: 18px;
	content: "\f3d1";
	color: #000;
	position: absolute;
	top: 50%;
	right: 0px;
	transform: translateY(-50%);
}

.body-area .news-content li a:hover .text-contents .text {
	text-decoration: none;
}

/* コンテンツTOP 一覧カラム
---------------------------------------------------------------------------*/
/* タイトル */
.categoryTitle{
	text-align: center;
	padding: 40px 0 35px;
	color: #052667;
}
.categoryTitle.noBottom{padding-bottom: 0;}

.categoryTitle__jp{
	font-size: 32px;
	font-weight: 700;
	display: block;
	letter-spacing: 0.15em;
	margin-left: 0.125em;
}
.categoryTitle__en{
	font-family: 'Overpass', sans-serif;
	font-size: 21px;
	display: block;
}
.contentsTitle__jp{
	font-size: 26px;
	text-align: center;
	margin: 0 0 40px;
}

/* リンク */
.categoryLink{
	background: #1964c0;
	padding: 20px 0;
}
.categoryLink__list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	max-width: 1136px;
	margin: 0 auto;
}
.categoryLink__list li{
	margin: 0 10px;
}
.categoryLink__list li::after{
	font-family: "Ionicons";
	font-size: 18px;
	content: "\f3d1";
	color: #fff;
	padding-left: 10px;
}
.categoryLink__list li a{
	font-family: 'Overpass',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Helvetica neue, Arial, Osaka, "MS ゴシック", "MS Gothic", sans-serif;
	font-size: 18px;
	font-weight: 900;
	color: #fff;
	transition: 0.3s ease-in-out;
}
.categoryLink__list li a:hover{
	text-decoration: none;
	opacity: 0.5;
}

.categoryLink__list li a img{
	vertical-align: baseline;
}
.categoryLink__list li.no-link{
	opacity: 0.5;
}
.categoryLink__list li.no-link a{
	pointer-events: none;
}

/* moreボタン */
.moreBtn a{
	position: relative;
	line-height: 54px !important;
}
.moreBtn a::after{
	font-family: "Ionicons";
	font-size: 18px;
	content: "\f3d1";
	color: #fff;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}

/* バナー */
.bnrArea{
	padding-top: 80px;
}
.bnrList{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	width: 1134px;
	margin-left: auto;
	margin-right: auto;
}
.bnrList__item{
	margin-right: 10px;
}
.bnrList__item:nth-child(n+5){
	margin-top:15px;
}
.bnrList__item:nth-child(4n){
	margin-right:0;
}

/* フットボタンエリア */
.footBtnList{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	padding-bottom: 80px;
}
.footBtnList__item{
	width: 368px;
	margin-right: 16px;
}
.footBtnList__item:nth-child(3n){
	margin-right: 0;
}
.footBtnList__item:nth-child(n+4){
	margin-top: 16px;
}
.footBtnList__item a{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	color: #fff;
	transition: 0.3s ease-in-out;
}
.footBtnList__item a:hover{
	text-decoration: none;
	opacity: 0.7;
}
.footBtnList__img{
	margin: 0;
}

.footBtnList__text{
	width: 184px;
	background: #001d56;
	color: #fff;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	line-height: 1.25;
	padding: 20px;
	position: relative;
}

.footBtnList__text__jp{
	font-size: 20px;
	font-weight: 700;
}

.footBtnList__text__jp_s{
	font-size: 18px;
	font-weight: 700;
}



.footBtnList__text__en{
	font-size: 12px;
	font-weight: 500;
  font-family: 'Overpass', sans-serif;
	margin-top: 5px;
}

.footBtnList__text::after{
	font-family: "Ionicons";
	font-size: 18px;
	content: "\f3d1";
	color: #fff;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}

/* パートナー */
.partners01{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	padding-top: 20px;
}
.partners02{
	padding-top: 20px;
	padding-bottom: 80px;
}
.partners__column{
	text-align: center;
}
.partners__title{
	font-family: 'Overpass', sans-serif;
	font-weight: 500;
	font-size: 14px;
	margin-bottom: 10px;
}
.partners__bnr{
	width: 138px;
	padding: 0 6px;
}
.partners__bnr img{
	width: 100%;
	height: auto;
}
.partners__bnrList{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
}
.partners__bnrList__item{
	width: 138px;
}
.partners__bnrList__item img{
	width: 100%;
	height: auto;
}

/* SAMURAI TOP Banner
---------------------------------------------------------------------------*/
.matchSlick.slick-slider {
	width: 100%;
	padding: 0 45px;
	box-sizing: border-box;
	background: none;
}
.matchSlick .slick-l,
.matchSlick .slick-r {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 100;
	cursor: pointer;
	transition: 0.3s ease-in-out;
}
.matchSlick .slick-l:hover ,
.matchSlick .slick-r:hover {
	opacity: 0.5;
}


/* SAMURAI NEWS LIST
---------------------------------------------------------------------------*/
.news-category-name{display: none;}
.outer-archieves{
	position: absolute;
	bottom:0.5em;
	right: 0;
	margin: 0;
}
footer .outer-archieves{
	position: static;
	bottom:auto;
	right: auto;
	margin-top: 20px;
}

.outer-archieves.pos-mid{
	bottom: auto;
	top: 50%;
	transform: translateY(-50%);
}

.outer-archieves .select-archieves {
  padding: 0;
  background: none;
  border-bottom: none;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
}
footer .outer-archieves .select-archieves {
	justify-content: flex-end;
}

/* 
ニュースの右カラムの年代セレクト用 
----------------------------------------------*/
body.is_news_detail .outer-archieves {
	position: static;
	margin-bottom: 10px;
}
body.is_news_detail .outer-archieves .select-archieves{
	justify-content: space-between;
}
body.is_news_detail .outer-archieves .select-archieves span,
body.is_news_detail .outer-archieves .select-archieves span select,
body.is_news_detail .outer-archieves .select-archieves span input{
	width: 80px !important;
	margin: 0;
}




#select-year,
#select-month{
	outline: none;
	/*
    -webkit-appearance: button;
    -moz-appearance: button;
	*/
    appearance: button;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    /*text-indent: 12px;*/
	text-indent: 5px;
    text-overflow: '';
    background: #fff;
    vertical-align: middle;
	width: 120px;
  height: 32px;
  border: 1px solid #000;
	border-radius: 3px;
  color: #000;
  box-sizing: border-box;
	/*font-family: 'Overpass',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Helvetica neue, Arial, Osaka, "MS ゴシック", "MS Gothic", sans-serif;*/
  font-size: 16px;
  font-weight: 900;
  cursor: pointer;
	
	line-height: 1;
}
#select-year::-ms-expand,
#select-month::-ms-expand {
  display: none;
}

.select-archieves .year,
.select-archieves .month{
	display: block;
	width: 120px;
  height: 32px;
	position: relative;
	margin-right: 8px;
}

.select-archieves .year::before,
.select-archieves .month::before{
	font-family: "Ionicons";
  font-weight: 900;
  content: "\f3d0";
  position: absolute;
  top: 50%;
  /*right: 12px;*/
	right: 7px;
	padding-top: 3px;
  transform: translateY(-50%);
  font-size: 15px;
  pointer-events: none;
	line-height: 1;
	color: #000;
}

.outer-archieves .select-archieves #search-archieves{
	outline: none;
	/*
    -webkit-appearance: button;
    -moz-appearance: button;
	*/
    appearance: button;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  background: #000;
  vertical-align: middle;
	width: 120px;
  height: 32px;
	border-radius: 3px;
  color: #fff;
  box-sizing: border-box;
  font-size: 14px;
  cursor: pointer;
}

.result-search{
	font-size: 12px;
  padding: 15px 20px;
  border-bottom: none;
	color: #333;
	background: #ebebeb;
	position: relative;
}
.section-block-top .rss{
  position: absolute;
  right: 20px;
  top: 50%;
  font-size: 20px;
  font-family: 'Overpass', sans-serif;
  color: rgba(0,30,85,0.7);
	transform: translateY(-50%);
}
.section-block-top .rss::before {
  font-family: ionicons;
  font-size: 22px;
  content: '\f23d';
  padding-right: 5px;
}
.news-list02{
	margin-top: 5px;
}
.news-list02 li{
	position: relative;
	border-bottom: 1px solid #ccc;
}
.news-list02 li::after{
	font-family: "Ionicons";
	font-size: 18px;
	content: "\f3d1";
	color: #7b7b7b;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}
.news-list02 li:last-child{
	border-bottom: 1px solid #ccc;
}
.news-list02 li a{
	padding: 10px 15px;
}
.news-list02 li a .date {
	font-family: 'Overpass', sans-serif;
	font-size: 13px;
	color: #666;
}
.news-list02 li a .text-news{
	font-size: 13px;
	color: #0b8fba;
	text-decoration: underline;
}
.news-list02 li a .text-news img{display: none;}
.news-list-paging{
	list-style-type: none;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	margin-top: 30px;
}
.news-list-paging.disp_sp{display: none;}

.news-list-paging span{
	background: #ebebeb;
	font-family: 'Overpass',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Helvetica neue, Arial, Osaka, "MS ゴシック", "MS Gothic", sans-serif;
	font-size: 16px;
	color: #666;
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	margin-right: 8px;
	border-radius: 3px;
	display: block;
	border: none;
}
.news-list-paging span:first-child,
.news-list-paging span:last-child{
	width: 80px;
}
.news-list-paging span:last-child{
	margin-right: 0;
}
.news-list-paging span a{
	display: block;
	border-radius: 3px;
	transition: 0.3s ease-in-out;
	background: none;
	padding: 0;
}
.news-list-paging span.current,
.news-list-paging span a:hover{
	background:#000 !important;
	color:#fff !important;
	text-decoration: none;
	padding: 0 !important;
}
.news-list-paging span.disabled{
	opacity: 0.3;
}

/* SAMURAI MEMBER
---------------------------------------------------------------------------*/
#page-link .links li{
	float: none;
	text-align: center;
}
#page-link .links a{
	color: #1964c0;
	position: relative;
	padding: 0 20px 0 30px;
	font-family: 'Overpass',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Helvetica neue, Arial, Osaka, "MS ゴシック", "MS Gothic", sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 1;
	border-color: #d6d6d6;
}
#page-link .links a::before{
	font-family: "Ionicons";
	font-size: 20px;
	content: "\f35f";
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-55%) scaleY(1.75);
}

#container{
	width: 1136px;
}
#container #team-men .section-block h4,
#staff h4{
	font-size: 26px;
	margin: 35px 0px 0;
	border-bottom: none;
	background: #ebebeb;
	padding: 20px 15px 10px;
	line-height: 1;
	font-family: 'Overpass',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Helvetica neue, Arial, Osaka, "MS ゴシック", "MS Gothic", sans-serif;
	font-weight: 500;
	text-align: center;
	color: #052667;
}
#schedule h5,
#staff h5{
	font-size: 18px;
	border-bottom: 1px solid #ccc;
	padding-bottom:5px;
}

#team-men .wrap ul,
#staff .wrap ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	margin-left: 0;
}
#team-men .wrap ul li,
#staff .wrap ul li{
	float: none;
  margin-right: 34px;
  margin-top: 20px;
  width: 200px;
  height: auto;
	background: #ebebeb;
}

#team-men .wrap ul li a,
#staff .wrap ul li a{
	color: #0b8fba;
	text-decoration: none;
	display: block;
	height: 100%;
	position: relative;
}

#team-men .wrap ul li a .info,
#staff .wrap ul li a .info {
	text-decoration: underline;
}
#team-men .wrap ul li a:hover .info,
#staff .wrap ul li a:hover .info{
	text-decoration: none;
}

#team-men .wrap ul li .photo img,
#staff .wrap ul li .photo img{
	width: 100%;
	height: auto;
}
#team-men .wrap ul li:nth-child(5n),
#staff .wrap ul li:nth-child(5n){margin-right: 0;}

#team-men .wrap ul li .photo,
#staff .wrap ul li .photo {
	margin: 0;
}
#team-men .wrap ul li .info,
#staff .wrap ul li .info {
	margin: 0;
	height: auto;
	padding: 15px;
	box-sizing: border-box;
	font-size: 15px;
	font-family: 'Overpass',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Helvetica neue, Arial, Osaka, "MS ゴシック", "MS Gothic", sans-serif;
	position: relative;
}
#team-men .wrap ul li a .info,
#staff .wrap ul li a .info {
	padding: 15px 35px 15px 15px;
}

#team-men .wrap ul li a::after,
#staff .wrap ul li a::after{
	font-family: "Ionicons";
	font-size: 20px;
	content: "\f3d1";
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	color: #333;
	padding-top: 235px;
}

#team-men .wrap ul li .name,
#staff .wrap ul li .name{
	font-size: 18px;
	font-weight: 700;
	display: block;
	margin-bottom: 3px;
	line-height: 1.25;
}

#team-men .wrap ul li .position,
#staff .wrap ul li .position{
	font-size: 12px;
	font-weight: 700;
	display: block;
	margin-bottom: 8px;
	line-height: 1.25;
}


/* SAMURAI SCHEDULE
---------------------------------------------------------------------------*/
.scheduleList__item{
	border-top:#1a5ee3 4px solid;
	margin-top: 40px;
}
.scheduleList__dataArea{
	display: table;
	position: relative;
}
.scheduleList__column{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding: 40px;
	background: #fafafa;
	width: 444px;
	box-sizing: border-box;
	background: linear-gradient(#fafafa 0%,#fafafa 80%, #f3f2f2 100%);
}
.scheduleList__column.scheduleList__score{
	background: #f0f0f0;
	width:calc(1136px - 444px - 444px);
	font-family: 'Overpass',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Helvetica neue, Arial, Osaka, "MS ゴシック", "MS Gothic", sans-serif;
	font-size: 40px;
	font-weight: 700;
	color: #000;
	background: linear-gradient(#f0f0f0 0%,#f0f0f0 80%, #e9e9e9 100%);
}
.scheduleList__column.scheduleList__score span{
	font-size: 26px;
	color: #898989;
}
.scheduleList__column.scheduleList__score span.scheduleList__score__sub{
	font-size: 16px;
	color: #000;
	display: block;
}
.scheduleList__data__date{
	font-family: 'Overpass',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Helvetica neue, Arial, Osaka, "MS ゴシック", "MS Gothic", sans-serif;
	font-size: 22px;
	font-weight: 900;
	color: #000;
}
.scheduleList__data__title{
	margin-top: 20px;
	font-size: 22px;
	font-weight: 900;
	color: #000;
}
.scheduleList__data__stadium{
	margin-top: 20px;
	font-size: 16px;
	color: #000;
}

.scheduleList__column.scheduleList__team{
	text-align: left;
	padding: 10px 40px 30px;
}
.scheduleList__team__title{
	font-size: 14px;
	font-weight: 700;
	color: #898989;
	margin-bottom: 15px;
}
.scheduleList__team__name{
	font-size: 26px;
	font-weight: 700;
	color: #000;
}
.scheduleList__team__flag{
	padding-right: 10px;
}
.scheduleList__team__flag img{
	vertical-align: text-bottom;
}

.scheduleList__btn{
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	height: 26px;
	background: #c5c5c5;
	cursor: pointer;
	border-radius: 3px 3px 0 0;
}
.scheduleList__btn::after{
	font-family: "Ionicons";
	font-size: 30px;
	content: "\f3d0";
	color: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	line-height: 1;
}
.scheduleList__btn.is-active::after{
	content: "\f3d8";
}
.scheduleList__btnArea{
	display: none;
	background: #c5c5c5;
	position: relative;
	padding: 15px 20px;
}
.scheduleList__btnList{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
}

.scheduleList__btnItem{
	margin: 4px;
}
.scheduleList__btnItem a{
	display: block;
	background: #fff;
	color: #333;
	font-size: 14px;
	text-decoration: none;
	padding: 8px 15px;
	padding-right: 40px;
	text-align: center;
	border-radius: 3px;
	position: relative;
	line-height: 1;
	transition: 0.3s ease-in-out;
}
.scheduleList__btnItem a::after{
	font-family: "Ionicons";
	font-size: 20px;
	content: "\f3d1";
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}
.scheduleList__btnItem.is-active a,
.scheduleList__btnItem a:hover{
	background: #1964c0;
	color: #fff;
}


/* 選手　個別ページ
---------------------------------------------------------------------------*/
#samuraiblue .worldcup_2018_member {
   display: flex;          /* flexコンテナ化 */
   flex-direction: column; /* 縦向きに配置 */
}

#samuraiblue .worldcup_2018_member #page-title { order: 1;}
#samuraiblue .worldcup_2018_member #player-photo-wrap { order: 2;}
#samuraiblue .worldcup_2018_member #player_introduction {
	order: 3;
	margin-top: 20px;
	}
#samuraiblue .worldcup_2018_member #player-match-report { order: 4;}
#samuraiblue .worldcup_2018_member #player-match-result { order: 5;}
#samuraiblue .worldcup_2018_member #official-banner-area_2015 { order: 6;}

.noShow{display: none;}
#player-plofile{
	width: 856px !important;
}
#player-plofile .plofile-area{
	width: 100% !important;
}
.name-english{
	display: block !important;
}
.match-report{
	table-layout: fixed;
}

.career tr th,
.match-report thead tr td,
.match-result thead tr td{
	background: #ddd !important;
	word-break: break-all;
}
.career tr td,
.match-report tbody tr td,
.match-result tbody tr td{
	background: none !important;
	word-break: break-all;
}
.match-result tbody tr:nth-child(even){
	background: #f5f5f5 !important;
}
.match-result tbody tr td.score{width: 100px !important; }
.match-result tbody tr td.vs{width: 210px !important;}

.member__backBtn__outer{
  margin: 40px auto 0;
  width: 1136px;
	position: relative;
	z-index: 10;
}
.member__backBtn__outer.mb40{
	margin-bottom: 40px;
}
.backBtn{
	width: 140px;
  margin-right: 0;
  margin-left: auto;
}
.backBtn.toHeader{
	margin-bottom: -31px;
}
.backBtn.posCenter{
  width: auto;
	margin-right: auto;
  margin-left: auto;
  text-align: center
}
.backBtn.posCenter.type2{
	width: 360px;
}
.backBtn.posCenter.type3{
	width: 480px;
}
.backBtn.sizeMid{
	width: 180px;
}
.backBtn a{
	display: inline-block;
  width: auto;
	background: #000;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	padding: 5px 20px;
	position: relative;
	transition: 0.3s ease-in-out;
	border-radius: 3px;
}
.backBtn.toHeader a{
	width: 100%;
	box-sizing: border-box;
}
.backBtn.posCenter a{
	font-size: 18px;
	padding: 10px 20px;
}
.backBtn a::after{
	font-family: "Ionicons";
	font-weight: 900;
	content: "\f3cf";
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
}
.backBtn a:hover{
	opacity: 0.8;
}
#top-player .kv-player,
.player-info{
	margin-top: 0 !important;
}

/* 歴代ジャージ
---------------------------------------------------------------------------*/
#uniform-area{
	margin-top: 35px;
}

/* 壁紙
---------------------------------------------------------------------------*/
.wallpaperList{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	margin-bottom: 60px;
}
.wallpaperList li{
  width: 230px;
  margin-right: 72px !important;
  margin-top: 60px;
	margin-bottom: 0 !important;
	float: none !important;
}
.wallpaperList li:nth-child(4n){
	margin-right: 0 !important;
}


/* 下層ページ　レイアウト
---------------------------------------------------------------------------*/
#container{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	width: 1136px;
	margin: 35px auto 80px;
}
.national #container{
	margin: 0 auto 30px;
}

/* 選手ページは特例レイアウト */
.national .member__backBtn__outer + #container{
	flex-direction: column;
}

/* メインエリア */
#container #main-colum{
	width: 828px;
	float: none;
}

#main-colum .moreBtn a{
	color:#fff !important;
	text-decoration: none !important;
}

#main-colum .section-block .moreBtn a{
	text-decoration: none !important;
}
#main-colum .section-block .backBtn a{
	text-decoration: none !important;
	color: #fff !important;
	width: 100%;
}

/* メインタイトル */
.main-colum__title{
	background: #062251;
	font-size: 26px;
	font-weight: 700;
	padding: 10px;
	line-height: 1;
	color: #fff;
}
#main-colum .textarea-match{display: none;}
#main-colum #match_title #ttl_pc{
	margin-top: 40px !important;
	line-height: 1.25 !important;
}

#main-colum #match_title #ttl_pc.withArchieves{
	padding-right: 150px;
}
#main-colum #ttl_pc .img94 img{
	width: 94px;
	height: auto;
}
.posCenter{
	text-align: center;
}
#main-colum .categoryTitle.head-area,
#main-colum .outer-block .outer-inner {
  width: 100%;
}

#match_title #ttl_pc {
  margin: 40px 0 0;
	margin-bottom: 5px !important;
}

/* 見出し */
#container #main-colum #page-title{
	background: none;
	border: none;
	padding: 0;
	margin-bottom: 0px;
}
#container #main-colum #page-title h3{
	background: #052667;
	font-size: 26px;
	font-weight: 700;
	padding: 10px;
	line-height: 1;
	color: #fff;
}
#container #main-colum h4{
	margin:40px 0 0;
	border: none;
	background: none;
	padding: 0;
	font-size: 20px;
	font-weight: 700;
	color: #052667;
	border-left:#052667 5px solid;
	padding-left: 10px;
  text-align: left;
}

#container #main-colum .section-block h5{
	background: none;
	font-size: 16px;
	font-weight: 700;
	color: #052667;
	border-bottom:#ccc 1px solid;
	padding: 0 0 10px;
	margin: 30px 0 0;
}
#container #main-colum .section-block{
	font-size: 14px;
	color: #666;
}
#main-colum .section-block a{
	text-decoration: underline !important;
}
#main-colum .section-block .link-content a{
  text-decoration: none !important;
}
#main-colum .section-block a:hover{
	text-decoration: none !important;
}
#main-colum .link_inner {
  background: none;
  padding: 5px 5px 5px 15px;
  text-indent: -1em;
	position: relative;
}
#main-colum .link_inner::after{
	font-family: "Ionicons";
	font-size: 20px;
	content: "\f363";
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
}

/* コンテンツボタン */
#main-colum .body-area .news-content li {
  width: 260px;
  margin: 0 24px 24px 0;
}
#main-colum .body-area .news-content li:nth-child(3n) {
	margin-right: 0;
}
#main-colum .body-area .news-content li .news-kate {
  top: 185px;
}
#main-colum .body-area .news-content li .photo img {
	max-height: 195px;
}

/* table */
#main-colum .table_theme1 {
  margin-top: 20px;
}
#main-colum .table_theme1 tr th{
	border: 1px solid #ccc;
	border-right: none;
	color: #333;
	font-size: 14px;
	font-weight: 700;
	background: #ebebeb;
	padding: 20px;
}

#main-colum .table_theme1 tr td{
	background: #fff;
	border: 1px solid #ccc;
	color: #333;
	font-size: 14px;
	padding: 20px;
}

#main-colum .table_theme2 {
  margin-top: 20px;
}
#main-colum .table_theme2 tr th{
	border: 1px solid #ccc;
	border-right: none;
	color: #333;
	font-size: 14px;
	font-weight: 700;
	background: #ebebeb;
	padding: 10px;
}

#main-colum .table_theme2 tr td{
	background: #fff;
	border: 1px solid #ccc;
	color: #333;
	font-size: 14px;
	padding: 10px;
}


/*  */
.twoPhoto{
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	margin: 0;
}
.twoPhoto img{
	width: 100%;
	height: auto;
}
.column--1{
	background: #ebebeb;
	padding: 10px 20px;
}
.column--1 p{
	margin: 0;
}

/* 関連情報バナー */
#main-colum #relative-area {
  margin: 50px 0 0;
  background: none;
}
#main-colum #relative-area .head-area{
	margin: 0;
}
#main-colum #relative-area .head-area h3{
	text-align: left;
}
#main-colum #relative-area .head-area h3 img{
	display: none;
}
#main-colum #relative-area .head-area h3 .disp_sp{
	display: block !important;
	font-size: 24px;
	font-weight: 700;
	color: #052667;
	padding-bottom: 30px;
	border-bottom: #ccc 1px solid;
}

/* サブエリア */
#container #sub{
	width: 248px;
	float: none;
}

#container #sub{
	order: 3;
}
#container #sub > li{
	opacity: 0;
}


/* トップスポンサー */
.official-banner-area{
	margin-top: 80px;
}
.official-banner-area.lastItem{
	margin-bottom: 80px;
}
.official-banner-area .outer-inner {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
}
.official-banner-area__item,
.official-banner-area__item ul.clearfix li{
	margin-right: 22px;
}
.official-banner-area__item:last-child,
.official-banner-area__item ul.clearfix li:last-child{
	margin-right: 0;
}
.official-banner-area__item img{
	width: 209px;
	height: auto;
}
.official-banner-area__title{
	font-family: 'Overpass',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Helvetica neue, Arial, Osaka, "MS ゴシック", "MS Gothic", sans-serif;
	font-size: 14px;
	color: #333;
	text-align: center;
	line-height: 1.25;
	padding-bottom: 15px;
}
.official-banner-area__item ul.clearfix{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}

/* /youth_development/
-------------------------------------------------------------- */
#relative-area {
	margin: 70px auto !important;
	background: none !important;
}
#relative-area .head-area {
  margin: 0 auto !important;
}
#relative-area .banner-content{
	margin: 0 auto;
}


/* /youth_development/honor_players/
-------------------------------------------------------------- */

/* tab */
.color_link {
	margin: 60px 0 !important;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
}
.color_link span{
  border: 1px solid #052667 !important;
	border-left: none;
  display: block !important;
  font-size: 20px !important;
  padding: 0 !important;
	color: #052667;
	width: 100%;
	text-align: center;
	line-height: 1.25;
}
.color_link span:first-child{
	border-left: 1px solid #052667;
}
#main-colum .section-block .color_link span a{
	/*display: block;*/
  	color: #052667 !important;
	text-align: center;
	padding: 9px !important;
	box-sizing: border-box;
	text-decoration: none !important;
	transition: 0.3s ease-in-out;
	
		display: flex !important;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
	height: 100%;
}
#main-colum .section-block .color_link span.current,
#main-colum .section-block .color_link span.current a{
  border-right: 1px solid #052667 !important;
	color:#fff !important;
	background: #052667;
	position: relative;
	
}
#main-colum .section-block .color_link span.current{
	display: flex !important;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	
}


#main-colum .section-block .color_link span a:hover{
	color:#fff !important;
	background: #052667;
}
#main-colum .section-block .color_link span.current::after,
#main-colum .section-block .color_link span.current a::after{
	content: "";
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 11px 0 11px;
	border-color: #052667 transparent transparent transparent;
}
#main-colum .section-block .color_link span.current > a::after{
	display: none;
}

.color_link span:last-child{
  border: 1px solid #052667 !important;
	border-left: none !important;
}

body.national #container #main-colum .color_link span a{
    display: flex !important;
    height: 100% !important;
    width: auto !important;
}


/* anchor */
.group_links,
.group_links3{
	margin: 20px 0 0px;
	padding: 0px;
	border: none;
}

.group_links ul,
.group_links3 ul{
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	left: auto !important;
	display: flex !important;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	list-style-type: none;
}
.group_links li,
.group_links3 li{
	text-align: center;
	font-size: 14px;
	margin-right: 0;
	line-height: 1;
	padding: 0 0 0 5px;
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
}

#main-colum .group_links ul li a,
#main-colum .group_links3 ul li a{
	border: none !important;
	margin: 0 0 10px 0 !important;
	background: none !important;
	left: auto !important;
	float: none !important;
	border-right:#d6d6d6 solid 1px !important;
	display: block;
	color: #1964c0;
	position: relative;
	padding: 1px 10px 1px 25px !important;
	font-family: 'Overpass',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Helvetica neue, Arial, Osaka, "MS ゴシック", "MS Gothic", sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 1;
	text-decoration: none !important;
	letter-spacing: 0.1em;
}
#main-colum .group_links ul li a:hover,
#main-colum .group_links3 ul li a:hover{
	text-decoration: underline !important;
}
#main-colum .group_links li a:first-child,
#main-colum .group_links3 li a:first-child{
	border-left:#d6d6d6 solid 1px !important;
}

.group_links li a::before,
.group_links3 li a::before{
	font-family: "Ionicons";
	font-size: 20px;
	content: "\f35f";
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-55%) scaleY(1.75);
}

#container #main-colum .qualifying_activity {
  margin-bottom: 40px !important;
}
#container #main-colum .qualifying_activity .bd p {
  background-color: #ebebeb !important;
}
#container #main-colum .qualifying_activity .bd strong {
  background-color: #ebebeb !important;
  padding: 10px !important;
}
#container #main-colum .section-block.certificationArea{
	margin: 70px 0;
}
#container #main-colum .section-block.certificationArea h5{
	font-size: 16px;
	color: #333 !important;
	border-bottom: none !important;
	padding:0 !important;
	margin: 35px 0 0;
}
#main-colum .table_theme1.honorplayers_table {
	margin-top: 10px;
	border: none !important;
}
#main-colum .table_theme1.honorplayers_table tr th{
	border: none ;
	border-right: 1px solid #fff;
	font-size: 16px;
	font-weight: 700;
	color: #333;
	background: #ccc;
	padding: 5px;
}
#main-colum .table_theme1.honorplayers_table tr th:first-child{
	border-left: 1px solid #ccc;
}
#main-colum .table_theme1.honorplayers_table tr th:last-child{
	border-right-color:#ccc;
}

#main-colum .table_theme1.honorplayers_table tr td{
	border: 1px solid #ccc;
	border-left: none;
	font-size: 14px;
	color: #666;
	background: #fff;
	padding: 5px;
}
#main-colum .table_theme1.honorplayers_table tr td:first-child{
	border-left: 1px solid #ccc;
}

/* sub */
#container #sub .category-name{
	font-size: 16px !important;
	padding: 10px;
	border-bottom: none !important;
}
#container #sub .category-name.academy{background: #052667 !important;}
#container #sub .category-name.fukushima{background: #052667 !important;}
#container #sub .category-name.uki{background: #052667 !important;}
#container #sub .category-name.sakai{background: #052667 !important;}
#container #sub .category-name.imabari{background: #052667 !important;}
#container #sub #family.category-name{background: #052667 !important;}
#container #sub #youth.category-name{background: #052667 !important;}
#container #sub #referee.category-name{background: #052667 !important;}
#container #sub #coach.category-name{background: #052667 !important;}
#container #sub #national.category-name{background: #052667 !important;}
#container #sub #match.category-name{background: #052667 !important;}
#container #sub #social.category-name{background: #052667 !important;}
#container #sub #jfa.category-name{background: #052667 !important;}
#container #sub #11plus.category-name{background: #052667 !important;}
#container #sub #national_team_2015.category-name{background: #052667 !important;}
#container #sub #national_team_2016.category-name{background: #052667 !important;}
#container #sub #national_team_2017.category-name{background: #052667 !important;}
#container #sub #nadeshikohiroba.category-name{background: #052667 !important;}
#container #sub #nadeshikohappy.category-name{background: #052667 !important;}

#container #sub .local-navi{
	background: none !important;
}
#container #sub .local-navi li span{
  padding: 20px 40px 20px 15px !important;
}
#container #sub .local-navi li > a{
	display: block;
	padding: 20px 40px 20px 15px !important;
	border-bottom: 2px solid #052667 !important;
	border-top: none !important;
	font-size: 15px !important;
	font-weight: 700;
	color: #333;
	position: relative;
}
#container #sub .local-navi li > a::after{
	font-family: "Ionicons";
	font-size: 18px;
	content: "\f3d1";
	color: #333;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}
#container #sub .local-navi li > a.switch{
	padding: 20px 40px 20px 15px !important;
	background: none !important;
}
#container #sub .local-navi li > a.switch::after{
	font-family: "Ionicons";
	font-size: 18px;
	content: "\f218";
	color: #333;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}
#container #sub .local-navi li > a.switch:hover{
	padding: 20px 40px 20px 15px !important;
	background: #939393 !important;
}

#container #sub .local-navi li > a.switch.active{
	padding: 20px 40px 20px 15px !important;
	background: #939393 !important;
	text-decoration: none;
	color: #fff;
}
#container #sub .local-navi li > a.switch.active::after{
	font-family: "Ionicons";
	font-size: 18px;
	content: "\f209";
	color: #fff;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}

#container #sub .local-navi .sub-content li a.current{
	padding: 20px 30px 20px 30px !important;
	background: #939393 !important;
	text-decoration: none;
	color: #fff !important;
	font-weight: 400 !important;
	border-bottom-color:#fff !important;
}
#container #sub .local-navi .sub-content li a.current::after{
	content: "";
}
#container #sub .local-navi .sub-content{
	background:#e1e1e1 !important;
}
#container #sub .local-navi .sub-content li a{
	font-size: 13px !important;
	padding: 20px 30px 20px 30px !important;
	font-weight: 400 !important;
	border-bottom-color:#fff !important;
}
#container #sub .local-navi .sub-content li:last-child a{
	border-bottom-color:#052667 !important;
}
#container #sub .local-navi .sub-content li a::after{
	content: "";
}

.contentKv img,
.contentPic img {
	display: block;
	margin: 0 auto;
}
.mt0{
  margin-top: 0!important;
}
.mt5{
  margin-top: 5px!important;
}
.mt10{
  margin-top: 10px!important;
}
.mt15{
  margin-top: 15px!important;
}
.mt20{
  margin-top: 20px!important;
}
.mt25{
  margin-top: 25px!important;
}
.mt30{
  margin-top: 30px!important;
}
.mt35{
  margin-top: 35px!important;
}
.mt40{
  margin-top: 40px!important;
}
.mt50{
  margin-top: 50px!important;
}

.mb5{
  margin-bottom: 5px!important;
}
.mb10{
  margin-bottom: 10px!important;
}
.mb15{
  margin-bottom: 15px!important;
}
.mb20{
  margin-bottom: 20px!important;
}
.mb25{
  margin-bottom: 25px!important;
}
.mb30{
  margin-bottom: 30px!important;
}
.mb35{
  margin-bottom: 35px!important;
}
.mb40{
  margin-bottom: 40px!important;
}


.ta-l {
  text-align: left!important;
}
.ta-c {
  text-align: center!important;
}
.ta-r {
  text-align: right!important;
}

.zebura tbody tr:nth-child(odd) {
  background: #f5f5f5 !important;
}
.zebura tbody tr:nth-child(odd) td{
  background: #f5f5f5 !important;
}

.w100{
  width: 100%!important;
}

.claerfix::after{
  content: '';
  display: block;
  clear: both;
}

.selectArea {
	font-size: 14px;
	width: 200px;
	height: 40px;
}

.wrapTtl .select-archieves {
	position: relative;
	float: right;
	top: -10px;
}

.flex-alCenter{
	display: flex !important;
  align-items: center!important;
}

.moveLiquid {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.moveLiquid iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


/* /national team/
-------------------------------------------------------------- */
/* tab */
body.national #main-colum .color_link span{
    padding:0 !important;
}
body.national #main-colum .color_link span a{
    display: table-cell !important;
    height: 80px;
    width: 1500px;
    vertical-align: middle;
}
body.national #main-colum .color_link span.current a{
    color: #fff !important;
    background: #052667 !important;
    position:relative;
}
body.national #main-colum .color_link span a:hover{
    background: #052667 !important;
    text-decoration: none;
    color: #fff !important;
}
body.national #main-colum .color_link span.current a::after{
    content: “”;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 11px 0 11px;
    border-color: #052667 transparent transparent transparent;
}

/* 2カラム時のタイトルを左右打ち抜きにするCSS
-------------------------------------------------------------- */
body.match.local-top #container,
body.national.local-top #container,
body.social.local-top #container{
	opacity: 0;
}

body.match.local-top #container,
body.national.local-top #container,
body.social.local-top #container{
	position: relative;
	padding-top: 180px;
}
body.national.local-top #container{
	margin-top: 40px;
}

body.national.local-top #container #main-colum #match_title,
body.match.local-top #container #main-colum #match_title,
body.social.local-top #container #main-colum #match_title{
	position: absolute;
	top: 0;
}

body.match.local-top #container #main-colum #match_title #ttl_pc,
body.national.local-top #container #main-colum #match_title #ttl_pc,
body.social #container #main-colum #match_title #ttl_pc{
	margin-top:0 !important;
	
	margin-bottom: 10px !important;
    font-size: 40px !important;
    font-weight: 700 !important;
	color: #333 !important;
}
body.match #match_title #ttl_pc p{
	font-size: 14px;
}

/*social 下層用*/
body.social #match_title #ttl_pc{
	margin-top: 0 !important;
	margin-bottom: 10px !important;
	line-height: 1.25 !important;
}
body.match.local-top #container #main-colum #match_title .textarea-match,
body.national.local-top #container #main-colum #match_title .textarea-match,
body.social.local-top #container #main-colum #match_title .textarea-match{
	display: block !important;
	margin-bottom: 0 !important;
}
body.match.local-top #container #main-colum #match_title .textarea-match.disp_sp,
body.national.local-top #container #main-colum #match_title .textarea-match.disp_sp,
body.social.local-top #container #main-colum #match_title .textarea-match.disp_sp{
	display: none !important;
}

body.national.local-top #container #main-colum #sub-menu-national,
body.match.local-top #container #main-colum #sub-menu-national{
	display: none;
}
body.national.local-top #container #main-colum #visual-area-top,
body.match.local-top #container #main-colum #visual-area-top,
body.social.local-top #container #main-colum #visual-area-top{
	margin-top:30px;
}


/* main-colum内にcontainerがある場合（CMS）
-------------------------------------------------------------- */
#main-colum #container{
	width:828px;
}
#main-colum #container #page-title{
	width:828px;
}



/* NEW Gナビゲーション
-------------------------------------------------------------- */

.subnav{
	width:1136px;
	margin: 0 auto;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	padding: 10px 0;
}
.subnav figure{
	margin: 0;
}
	
/* レイアウト */
.subnav__contents{margin-right: 45px;}
.nationalTeam .subnav__contents{margin-right: 40px;}
.subnav__contents:last-child{margin-right: 0;}
	
.subnav__contents{width: 250px;}
.nationalTeam .subnav__contents{width: 220px;}
.watch .subnav__contents:nth-child(2){width: 560px;}

/* 見出し */
.subnav__title{
	font-size:16px;
	font-weight: 700;
	color: #fff;
	margin: 10px 0 5px;
	text-align: left;
	}
.subnav__title2{
	font-size:18px;
	font-weight: 700;
	color: #fff;
	border-bottom: #fff 2px solid;
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-align: left;
	}

/* 文章 */
.subnav__text{
	font-size:14px;
	font-weight: 400;
	color: #fff;
	text-align: left;
	height: 7em;
	}

/* クリッカブル */
.subnav__img a,
.domestic__item__bnr a{
	transition: 0.2s ease;
	display: block;
	}
.subnav__img a:hover,
.domestic__item__bnr a:hover{
	opacity: 0.7;
	}
	
/* ボタン */
.subnav__btn a{
	background: #fff;
	border-radius: 3px;
	font-size:12px;
	font-weight: 700;
	color: #000 !important;
	/*text-align: left;*/
	display: block;
	position: relative;
	text-align: center;
	padding: 5px 15px 5px 5px;
	margin-top: 20px;
	}
.subnav__btn a::after{
	font-family: "Ionicons";
	content: "\f3d1";
	position: absolute;
	top: 50%;
	right: 5px;
	transform: translateY(-50%);
	}

/*　代表 */
.subnav__logoArea{
	margin-right: 40px;
	}
.subnav__logo__text{
	margin-top: 20px;
	}
.subnav__logo__text a{
	font-size:18px;
	font-weight: 500 !important;
	display: block;
	text-decoration: none !important;
	transition: 0.2s ease;
	padding: 3px 0 3px;
}
.subnav__logo__text a:hover{
	opacity: 0.6;
	}
.subnav__logo__text a::after{
	font-family: "Ionicons";
	content: "\f3d1";
	padding-left: 10px;
	}

.subnav__nav{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;	
	}
.subnav__nav__item{
	width: 100%;
}
.subnav__nav.samurai .subnav__nav__item:nth-child(n+2),
.subnav__nav.nadeshiko .subnav__nav__item:nth-child(n+2){width: 50%;}
	
.subnav__nav__item a{
	font-size:14px;
	font-weight: 500 !important;
	display: block;
	text-align: left;
	text-decoration: none !important;
	transition: 0.2s ease;
	padding: 3px 20px 3px 0;
	}
.subnav__nav__item a:hover{
	opacity: 0.6;
	}
.subnav__nav__item a::after{
	font-family: "Ionicons";
	content: "\f3d1";
	padding-left: 10px;
	}

/* 見る */
.domestic__list{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
}
.domestic__item{
	width: 250px;
	}
.domestic__item__bnr{
	margin-bottom: 10px;
	}


/* グラスルーツ */
/*ニュース詳細ページの右ナビレイアウト崩れを修正*/
/*
#grass_roots.is_news_detail #container > .category-name,
#grass_roots.is_news_detail #container > #notFamily,
#grass_roots.is_news_detail #container > .news-navi,
#grass_roots.is_news_detail #container > .sub-content,
#grass_roots.is_news_detail #container > li{
	display: none;
}

*/

/* KV */
#kv-slider-area-pc li a img{
	width: 100%;
	height: auto;
}


/* SNS AREA
-------------------------------------------------- */

#container #main-colum #sns-area ul{
	margin: 12px 3px 6px;
	display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
	
}
#container #main-colum #sns-area ul>li{
	vertical-align: middle;
	/*
	height: 20px;
	float: left;
	*/
	margin-right: 5px;
	line-height: 1;
}
#container #main-colum #sns-area ul #twitter{
	width: 78px;
}
#container #main-colum #sns-area ul #facebook{
	/*width: 190px;*/
}