@charset 'utf-8';

/* ------------------------------------------------------------

  SP | corporate/athlete/profile

------------------------------------------------------------ */

.pc_only {
    display: none;
}

/*
 accordion -[js]-
----------------------------------------*/
#accordion .button {
	color: #fff;
	position: relative;
	border-radius: 4px;
	border: 1px solid #007871;
	display: -webkit-flex;
	display: -webkit-box;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 61.80%;
	height: 48px;
	margin: 0 auto;
	background-color: #007871;
  }
  #accordion .button a {
	color: #fff;
  }
  
  #accordion .button::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 16px;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22arcs%22%3E%3Cpath%20d%3D%22M18%2015l-6-6-6%206%22%2F%3E%3C%2Fsvg%3E');
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: 80% 80%;
	background-size: 80% 80%;
	transform: rotate(180deg);
  }
  #accordion[data-visibility="visible"] .button::before {
	transform: rotate(0deg);
  }
  #accordion .accordionInner {
	position: relative;
  }
  #accordion .accordionList {
	position: absolute;
	top: 8px;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
  }
  #accordion[data-visibility="hidden"] .accordionList {
	visibility: hidden;
  }
  #accordion[data-visibility="visible"] .accordionList {
	visibility: visible;
  }
  #accordion .accordionList > li + li {
	margin-top: 8px;
  }
  #accordion .accordionList > li a {
	color: #007871;
	position: relative;
	border-radius: 4px;
	border: 1px solid #007871;
	display: -webkit-flex;
	display: -webkit-box;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 61.80%;
	height: 48px;
	margin: 0 auto;
	background-color: #fff;
  }

#athleteOuter { background: url("/common/img/co_bg_12.png") repeat-y center top; padding-bottom: 40px; }

#athleteBlock { padding-top: 0; margin: 0 auto; }
#athleteBlock .breadCrumb ul { font-size: 0; }
#athleteBlock .breadCrumb ul li { display: inline; padding: 0 0 0 4px; }
#athleteBlock .breadCrumb ul li a, #athleteBlock .breadCrumb ul li span { font-size: 12px; }
#athleteBlock .breadCrumb ul li a { background: url("/common/img/co_ic_11.gif") no-repeat right center; padding: 0 8px 0 0; color: #007871; }
#athleteBlock .pageNav { margin-bottom: 10px; text-align: right; font-size: 0; }
#athleteBlock .pageNav ul { display: inline-block; font-size: 0; background: #f7f7f7; }
#athleteBlock .pageNav ul li { display: inline-block; }
#athleteBlock .pageNav ul li + li { border-left: #f7f7f7 1px solid; }
#athleteBlock .pageNav ul li a { font-size: 12px; padding: 4px 1em; line-height: 1; color: #333; background: #f7f7f7; text-decoration: none; transition: .15s all; }
#athleteBlock .pageNav ul li a.act, #athleteBlock .pageNav ul li a:hover { background: #3bb6a9; color: white; }
#athleteBlock .mainHero { position: relative; width: 100%; display: block;}
#athleteBlock .mainHero > img { position: absolute; left: 0; top: 0; }
#athleteBlock .mainHero > img.z10 { z-index: 10; }
#athleteBlock .mainHero > img.z9 { z-index: 9; }
#athleteBlock .mainHero > img.z8 { z-index: 8; }
#athleteBlock .mainHero > img.z7 { z-index: 7; }
#athleteBlock .mainHero > img.z6 { z-index: 6; }
#athleteBlock .guideOuter { text-align: center; font-size: 0; padding: 25px 0 40px; }
#athleteBlock .guideOuter .guideBox { display: inline-block; margin: 0 35px; }
#athleteBlock .guideOuter .guideBox a { display: flex; align-items: center; font-size: 0; text-decoration: none; transition: .15s all; }
#athleteBlock .guideOuter .guideBox a p { padding-left: 10px; }
#athleteBlock .guideOuter .guideBox a p img { display: block; margin-bottom: 7px; }
#athleteBlock .guideOuter .guideBox a p span { display: block; font-size: 16px; font-weight: bold; color: #333; line-height: 1; margin: 0; padding: 0; white-space: nowrap; }
#athleteBlock .guideOuter .guideBox a:hover { opacity: .8; }
#athleteBlock .guideOuter2 { font-size: 0; padding: 25px 0 0; }
#athleteBlock .guideOuter2.guideOuter2Flex { display: flex; }
#athleteBlock .guideOuter2 .guideBox2 { display: inline-block; margin: 0 0 15px; }
#athleteBlock .guideOuter2 .guideBox2 a { display: flex; align-items: center; font-size: 0; text-decoration: none; transition: .15s all; }
#athleteBlock .guideOuter2 .guideBox2 a p { padding-left: 10px; }
#athleteBlock .guideOuter2 .guideBox2 a p img { display: block; margin-bottom: 7px; }
#athleteBlock .guideOuter2 .guideBox2 a p span { display: block; font-size: 16px; font-weight: bold; color: #333; line-height: 1; margin: 0; padding: 0; white-space: nowrap; }
#athleteBlock .guideOuter2 .guideBox2 a:hover { opacity: .8; }
#athleteBlock .galleryBnrWrapper { margin-bottom:30px; }
#athleteBlock .galleryBnrWrapper:last-child { margin-bottom:0; }
#athleteBlock ul.galleryBnr li { margin-right:25px; } 
#athleteBlock ul.galleryBnr li:nth-child(3n) { margin-right:0; }

#athleteBlock .indexNews { border-top: #3bb6a9 2px solid; padding-top: 16px; }
#athleteBlock .indexNews h2 { margin-bottom: 15px; }
#athleteBlock .indexNews ul li:nth-child(even) a { background: #f1f9f9; }
#athleteBlock .indexNews ul li a { display: flex; font-size: 12px; padding: 10px 0; background: #f7f7f7; text-decoration: none; }
#athleteBlock .indexNews ul li a time { color: #427669; font-weight: bold; width: 160px; padding-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#athleteBlock .indexNews ul li a p { width: 610px; color: #333; }
#athleteBlock .indexNews ul li a span { width: 210px; color: #333; padding-right: 10px; }

#athleteBlock .indexMatch { border-top: #3bb6a9 2px solid; padding-top: 16px; }
#athleteBlock .indexMatch h2 { margin-bottom: 15px; }
#athleteBlock .indexMatch ul   { display: flex;}
/*#athleteBlock .indexMatch ul li a {padding: 10px 0; }*/
#athleteBlock .indexMatch ul li a:hover { opacity: .8; }

#athleteBlock .profileHero { position: relative; width: 100%; padding-top: 80.8%; background-color: #019e97; overflow:hidden;}
#athleteBlock .profileHero .bg0 { position: absolute; z-index: 10; left: -75%; top: 0; height:77%;}
#athleteBlock .profileHero .mainImg { position: absolute; z-index: 11; top: 0; left: 0; width: 100%; height: 100%; }
#athleteBlock .profileHero .mainImg ul { width: 100%; height: 100%; position: relative; left: 0; top: 0; }
#athleteBlock .profileHero .mainImg ul:first-child { display: none; }
#athleteBlock .profileHero .mainImg ul li { position: absolute; left: 0; top: 0; }
#athleteBlock .profileHero .thumbnailImg { position: absolute; z-index: 11; bottom: 1.98%; left: 3.07%; display: flex; font-size: 16px; width: 93.86%;}
#athleteBlock .profileHero .thumbnailImg li { width: 18.75%; height: 17vw; cursor: pointer; margin-right: 1.7%; background: #000; }
#athleteBlock .profileHero .thumbnailImg li img { transition: .15s all; opacity: .8; width: 100%;}
#athleteBlock .profileHero .thumbnailImg li:hover img { opacity: 1; }
#athleteBlock .profileHero .profileHero_bigImg{width: 100%;}
#athleteBlock .profileTex { margin: 34px 15px 0; display: block; }
#athleteBlock .profileTex h1 { margin-left: 16px; margin-bottom: 40px;}
#athleteBlock .profileTex h1 > img{width: 180px;}
#athleteBlock .profileTex h2 { font-size: 30px; font-weight: normal; color: rgba(0,0,0,.6); letter-spacing: .075em; margin-bottom: 10px; }
#athleteBlock .profileTex .profileTexL{margin-bottom: 40px;}
#athleteBlock .profileTex .guideBox { display: block; margin: 0 0 18px; }
#athleteBlock .profileTex .guideBox[layout=bnr] { display: block; margin: 0 0 40px; }
#athleteBlock .profileTex .guideBox a { display: flex; width: 86.37%; max-width:298px; align-items: center; font-size: 0; text-decoration: none; transition: .15s all; margin: 0 auto;}
#athleteBlock .profileTex .guideBox[layout=frame] a{ height: 77px; padding: 0 12px 0 18px; box-sizing: border-box; border-radius: 4px; background-color: #fff; box-shadow: 0 1px 1px 0 rgb(66 66 66 / 8%), 0 1px 3px 1px rgb(66 66 66 / 16%); font-weight: normal;}
#athleteBlock .profileTex .guideBox[layout=bnr] a{background-color: #000; height: 77px; justify-content: center; border-radius: 4px; box-shadow: 0 1px 1px 0 rgb(66 66 66 / 8%), 0 1px 3px 1px rgb(66 66 66 / 16%); }
#athleteBlock .profileTex .guideBox[layout=other] a{display: block;}
#athleteBlock .profileTex .guideBox a p { padding-left: 16px; }
#athleteBlock .profileTex .guideBox a p img { display: block; margin-bottom: 7px; }
#athleteBlock .profileTex .guideBox[layout=bnr] a img{
  width: 85.57% !important;
  max-width:255px!important;
}
#athleteBlock .profileTex .guideBox a p span { display: block; font-size: 16px; font-weight: normal; color: rgba(0,0,0,.6); line-height: 1.5; margin: 0; padding: 0; }
#athleteBlock .profileTex .guideBox[layout=frame] .blue_catch{display: block; width: 120px; height: 24px; line-height: 24px; font-size:12px; text-align: center; border-radius: 4px; background-color: #0E307C; color: #fff; margin-bottom: 4px;}
#athleteBlock .profileTex .guideBox[layout=other] a img{
  width: 100%!important;
  height: auto !important;
  display: block;
  margin-bottom: 6px;
}
#athleteBlock .profileTex .guideBox[layout=other] a p { padding-left:0; }
#athleteBlock .profileTex .guideBox[layout=other] a p span{color: #057A73;}
#athleteBlock .profileTex .guideBox[layout=other] a p span > span{font-size: 14px;}
#athleteBlock .profileTex .guideBox a:hover { opacity: .8; }
#athleteBlock .profileTex table { width: 100%; border-collapse: separate; border-spacing: 0 10px; }
#athleteBlock .profileTex table th, #athleteBlock .profileTex table td { font-size: 16px; padding: 14px 0 14px 20px; vertical-align: middle; }
#athleteBlock .profileTex table th { width:46.37%; max-width: 160px; text-align: center; font-weight: normal; color: white; background: #3bb6a9; padding:14px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#athleteBlock .profileTex table td {font-weight: normal; color: rgba(0,0,0,.6); letter-spacing: -.01786em;}
#athleteBlock .tabCntOuter { padding-top: 20px; border-top: #3bb6a9 2px solid; position: relative;}
#athleteBlock .tabCntOuter h1 { margin-bottom: 20px; }
#athleteBlock .profileTex .icon_otherpage:after {content: ''; display:inline-block;  width:12px; height: 13px; vertical-align:middle; background: url(/corporate/athlete/img/icon_other_page.svg); -webkit-background-size: 12px 13px;
background-size: 12px 13px; margin-left: 1em;}


#athleteBlock .tabCntOuter .select_ath { text-align: center; margin-bottom: 40px; }
#athleteBlock .tabCntOuter .select_ath li { display: inline-block;}
#athleteBlock .tabCntOuter .select_ath li a { display:block; margin: 0 5px; cursor: pointer; color: #3bb6a9; border: #3bb6a9 2px solid; line-height: 1; padding: 10px 10px 8px 18px; font-size: 14px; font-weight: bold; transition: .15s all; }
#athleteBlock .tabCntOuter .select_ath li a.act, #athleteBlock .tabCntOuter .select_ath li a:hover { background: #3bb6a9; color: white; text-decoration: none;}

#athleteBlock .tabCntOuter .tab {display: flex;position: absolute;right:0; top:92px;}
#athleteBlock .tabCntOuter .tab li {padding: 3px 10px 1px 10px; cursor: pointer;background: #eee;}
#athleteBlock .tabCntOuter .tab li.act, #athleteBlock .tabCntOuter .tab li:hover { background: #3bb6a9; color: white; text-decoration: none;}


#athleteBlock .tabCntOuter .cntOuter > div { display: none; overflow-y: scroll; height: 500px; }
#athleteBlock .tabCntOuter .cntOuter > div.act { display: block; }
#athleteBlock .tabCntOuter table { width: 100%; border: #3bb6a9 1px solid; }
#athleteBlock .tabCntOuter table td { font-size: 12px; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#athleteBlock .tabCntOuter table td:nth-child(1) { white-space: nowrap; }
#athleteBlock .tabCntOuter table thead td { text-align: center; background: #3bb6a9; color: white; letter-spacing: .5em; white-space: nowrap; }
#athleteBlock .tabCntOuter table thead td + td { border-left: white 1px solid; }
#athleteBlock .tabCntOuter table tbody td { vertical-align: top; border: #3bb6a9 1px solid; }

#athleteBlock .tabCntOuter .archive { margin-bottom: 10px; text-align: right; font-size: 0; }
#athleteBlock .tabCntOuter .archive ul { display: inline-block; font-size: 0; background: #f7f7f7; }
#athleteBlock .tabCntOuter .archive ul li { display: inline-block; }
#athleteBlock .tabCntOuter .archive ul li + li { border-left: #f7f7f7 1px solid; }
#athleteBlock .tabCntOuter .archive ul li a { font-size: 12px; padding: 4px 1em; line-height: 1; color: #333; background: #f7f7f7; text-decoration: none; transition: .15s all; }
#athleteBlock .tabCntOuter .archive ul li a.act, #athleteBlock .tabCntOuter .archive ul li a:hover { background: #3bb6a9; color: white; }

/* photo gallery */

#athleteBlock .galleryTtl {background-color: #3bb6a9; color: #fff; margin-bottom: 40px; padding: 15px; overflow: hidden; display: -webkit-box;
   display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
#athleteBlock .galleryLogo { width: 250px; text-align: center;}
#athleteBlock .galleryBox { width: 680px;}
#athleteBlock .galleryName { font-size: 29px!important; border-bottom: 1px solid #fff; margin-bottom: 12px; padding-bottom: 6px; clear: both; line-height: 1.2em; height: 30px; display: flex;}
#athleteBlock .galleryName span{font-size: 18px; line-height: 30px; margin-left:5px;}
.twitter{margin-bottom:10px;}
.slidesAttention{margin-bottom:40px;}

/* match report */

#athleteBlock .matchReportTtl {background-color: #3bb6a9; color: #fff; margin-bottom: 40px; padding: 15px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
#athleteBlock .matchReportLogo { width: 250px; text-align: center;}
#athleteBlock .matchReportBox { width: 680px;}
#athleteBlock .matchReportName { font-size: 29px!important; border-bottom: 1px solid #fff; margin-bottom: 12px; padding-bottom: 6px; clear: both; line-height: 1.2em; height: 30px; display: flex;}
#athleteBlock .matchReportName2 { font-size: 29px!important; border-bottom: 1px solid #fff; margin-bottom: 12px; padding-bottom: 6px; clear: both; line-height: 1.2em; height: auto; display: block;}
#athleteBlock .matchReportName span{font-size: 18px; line-height: 30px; margin-left:5px;}
#athleteBlock .matchReportName2 span{font-size: 18px; line-height: 30px; margin-left:0;}
#athleteBlock .matchReportCredit{margin-top:5px;text-align:right;}
#athleteBlock .matchReportCreditWrapper{display: flex;justify-content: flex-end;}
#athleteBlock .matchReportCreditWrapper .matchReportCredit{display: inline-block;margin-top:5px;text-align:left;}
#athleteBlock .matchReportMainPhoto{ align-items:center; display:flex; justify-content:space-between; margin:0 0 16px 0; padding: 0;}
#athleteBlock .matchReportMainPhoto a{ width:480px; }
#athleteBlock .matchReportMainPhoto a img{ display:block;height:auto;width:100%; }
#athleteBlock .matchReport h2{ background:#3bb6a9; display: block; font-size: 16px; font-weight: bold; color: #fff; line-height: 1; margin:0 0 16px 0; padding:8px; }
#athleteBlock .matchReport h2.matchReportSubTtl{ font-size: 24px;line-height: 1; }
#athleteBlock .matchReport h3{ display: block; font-size: 14px; font-weight: bold; color: #333; line-height: 1.6; margin:0 0 16px 0; padding: 0; }
#athleteBlock .matchReport h3.resultheadding2{ font-weight: normal; }
#athleteBlock .matchReportContent{ display: -webkit-box; display: -ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content:space-between; margin:0 0 16px 0; }
#athleteBlock .matchReportContent.matchReportContent2{ margin:40px 0 16px 0; }
#athleteBlock .matchReportContent img{ display: block; height:auto; margin:0 0 0 16px; width:313px; }
#athleteBlock .matchReportCap{ font-size:12px; line-height:1.2;margin-top:5px; }
#athleteBlock .matchReportPhotos img{ display: block; height:auto; width:100%; }
#athleteBlock .matchReport .result{ display: block; font-size: 1em; font-weight: bold; color: #333; line-height: 1.6em; margin:16px 0 0 0; }
#athleteBlock .matchReport .result2{ display: block; font-size: 1em; font-weight: normal; color: #333; line-height: 1.6em; margin:16px 0 0 0; }
#athleteBlock .matchReportMainText{ display: -webkit-box; display: -ms-flexbox; display:flex; font-size:14px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content:space-between; margin-bottom:16px; }
#athleteBlock .matchReportMainText > div:nth-of-type(2n){ margin-left:2%; }
#athleteBlock .matchReportMainText > div:nth-of-type(2n-1){ margin-right:2%; }
#athleteBlock .matchReportMainText a.img-b{ display: block; margin:0; width:300px; }
#athleteBlock .matchReportMainText a img{ display: block; height:auto; margin:auto; width:100%; }
#athleteBlock .matchReport .p{ margin-bottom:16px; }
#athleteBlock .matchReportSubPhoto{ display: -webkit-box; display: -ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content:space-between; margin-bottom:40px;}
#athleteBlock .matchReportSubPhoto a{ width:19.2%; }
#athleteBlock .matchReportSubPhoto a img{ display: block; height:auto; margin:auto; width:100%; }
#athleteBlock .matchReportSubPhoto a:nth-of-type(1){ margin:0 1% 0 0; }
#athleteBlock .matchReportSubPhoto a:nth-of-type(2){ margin:0 1% 0 0; }
#athleteBlock .matchReportSubPhoto a:nth-of-type(3){ margin:0 1% 0 0; }
#athleteBlock .matchReportSubPhoto a:nth-of-type(4){ margin:0 1% 0 0; }
#athleteBlock .matchReportSubPhoto a:nth-of-type(5){ margin:0 }
#athleteBlock .matchReport .matchReportContentCol2{display: -webkit-box; display: -ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content:space-between;}
@media screen and (max-width:768px) {
	#athleteBlock .matchReportName {font-size:2rem;}
	#athleteBlock .matchReportName span {font-size:1.8rem;}
	#athleteBlock .matchReportBox p {font-size:1.8rem;}
	#athleteBlock .matchReportTtl,
	#athleteBlock .matchReport,
	#athleteBlock .matchReportMainText{ font-size:2.2rem;line-height:1.5; }
	#athleteBlock .matchReportCap{ font-size:1.6rem;line-height:1.5; }
	#athleteBlock .matchReport h2{ font-size:2.6rem;line-height:1.5; }
	#athleteBlock .matchReport h2.matchReportSubTtl{ font-size:2.8rem;line-height:1.5; }
	#athleteBlock .matchReport h3{ font-size:2.4rem;line-height:1.5; }
	#athleteBlock .matchReport .matchReportContentCol2{ flex-direction:column; }
	#athleteBlock .matchReport .matchReportContentCol2 > div:nth-of-type(1){margin-bottom:16px; }
}

/* btn_qa */
#athleteBlock .mainHero > .btn_qa { position: absolute;right: 15px!important; top: 25px; z-index: 100;}


/* btn_qa effect */
figure {
	width: 160px;
	height: 160px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}

/* Circle */
.hover15 figure {
	position: relative;
}
.hover15 figure::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,51,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.hover15 figure:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

/* mask */
.btn_qa .mask_img{
	-webkit-mask-image: url('/corporate/athlete/img/btn_qa.png');
}


.mb20{margin-bottom: 20px!important;}
.mb30{margin-bottom: 30px!important;}
.mb40{margin-bottom: 40px!important;}
.mb50{margin-bottom: 50px!important;}


/* 20200508 shimura */
@media (max-width: 640px) {
    #athleteBlock .indexNews ul li a p,
    #athleteBlock .indexNews ul li a span {
        font-size: 14px;
        font-weight: normal;
    }
	    #athleteBlock .indexNews ul li a time {
        font-size: 13px;
        font-weight: bold;
    }
}

/* 20210219 kure */
#header {
	margin-bottom: 0px;
}