@charset "UTF-8";
/* CSS Document */



/* ============================================================================== */
/*                                ATHLETES TALK                                   */
/* ============================================================================== */


.contentsarea.ath_talk{
	margin:0 auto;
	padding-top:2%;
}
.ath_talk .Inner{
	width:96%;
}
.ath_talk .farst_athletes{
	position:relative;
}
.ath_talk .farst_athletes .farst_title{
	position:absolute;
	top:50%;
	left:0;
	margin-top:-7.0em;
	width:50%;
	text-align:center;
	font-size:1.4em;
	line-height:1.3;
	color:#FFF;
}
.ath_talk .farst_title .farst_num{
	font-size:2.5em;
	font-weight:300;
	margin-bottom:10px;
}
.ath_talk .farst_title h2{
	font-size:2.6em;
	font-family: "helveticaneue-medium";
	letter-spacing:0.01em;
}

.ath_talk .farst_athletes .farst_title.textK{
	color:#000 !important;
}









.ath_talk .other_athletes{
	position:relative;
	width:49.2%;
	margin-top:1.6%;
}

.ath_talk .left{
	float:left;
}
.ath_talk .right{
	float:right;
}
.ath_talk .textW .other_title{
	color:#FFF !important;
}

.ath_talk .other_athletes .other_title{
	position:absolute;
	top:50%;
	right:0;
	margin-top:-5.5em;
	width:60%;
	text-align:center;
	font-size:1.2em;
	line-height:1.3;
}
.ath_talk .other_athletes .other_title.titleLeft{
	left:0;
}

.ath_talk .other_athletes .other_num{
	font-size:2.2em;
	font-weight:300;
	margin-bottom:7px;
}
.ath_talk .other_title h2{
	font-size:2.0em;
	font-family: "helveticaneue-medium";
	letter-spacing:0.02em;
}












.ath_talk .farst_title .view{
}

.ath_talk .farst_title a,
.ath_talk .other_title a,
{
	display:block;
}
/* Shutter Out Horizontal */
.ath_talk .view{
	margin-top:1em;
	font-size:1.3em;
	display: inline-block;
	padding:7px 70px;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	background: #000;
	color:#FFF;
	-webkit-transition-property: background-color;
	transition-property: background-color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.ath_talk .view:before{
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #FFF;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.ath_talk a:hover .view,
.ath_talk a:focus .view,
.ath_talk a:active .view{
	background-color:#4C4C4C;
/*	color: #000;
*/
}
.ath_talk a:hover .view:before,
.ath_talk a:focus .view:before,
.ath_talk a:active .view:before{
/*	-webkit-transform: scaleX(1);
 	transform: scaleX(1);
	color: #000;
	*/
	background-color:#4C4C4C;
}

.ath_talk .other_athletes .view{
	font-size:1.2em;
	padding:6px 40px;
}




.ath_talk .linkteam,
.ath_talkIn .linkteam{
	width:100%;
	margin:0 auto;
	margin-top:80px;
	margin-bottom:0;
}
.ath_talk .linkteam a,
.ath_talkIn .linkteam a{
	border:1px solid #000;
	display:block;
	margin:0 auto;
	font-size:1.8em;
	padding:10px 0;
	text-align:center;
	background:#FFF;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.ath_talk .linkteam a:hover,
.ath_talkIn .linkteam a:hover{
	background-color:#E6E6E6;
}




@media screen and (max-width: 900px) {
.ath_talk .farst_athletes .farst_title{ font-size:1.1em;}
.ath_talk .farst_title .farst_num{ font-size:2.7em;}
.ath_talk .farst_title h2{ font-size:2.7em;}

.ath_talk .other_athletes .other_title{font-size:1.0em;}
.ath_talk .other_athletes .other_num{font-size:2.0em;}
.ath_talk .other_title h2{font-size:1.8em;}

.ath_talk .other_athletes .view{font-size:1.2em; padding:5px 30px;}

}

@media screen and (max-width: 768px) {

.wide{ display:none;}

.contentsarea.ath_talk{padding-top:0%;}
.ath_talk .Inner{width:100%;}
.ath_talk .linkteam{ width:95%; margin-top:50px;}

}

@media screen and (max-width: 640px) {

.ath_talk .farst_athletes p,
.ath_talk .other_athletes p{
	background:#000;
}
.ath_talk .farst_athletes p img,
.ath_talk .other_athletes p img{
	filter:alpha(opacity=75);
	-webkit-opacity:0.75;
	   -moz-opacity:0.75;
	    -ms-opacity:0.75;
	        opacity:0.75;
}
.ath_talk .other_athletes{
	width:100%;
	margin-top:10px;
}

.ath_talk .farst_athletes .farst_title{width:100%;}
.ath_talk .linkteam{ width:90%; margin-top:50px;}
.ath_talkIn .linkteam{ width:100%; margin-top:50px;}

.ath_talk .farst_athletes .farst_title,
.ath_talk .other_athletes .other_title{
	top:50%;
	margin-top:-7.0em;
	width:100%;
	font-size:1.1em;
}
.ath_talk .farst_athletes .farst_num,
.ath_talk .other_athletes .other_num{
	font-size:2.0em;
	margin-bottom:10px;
}
.ath_talk .other_title h2,
.ath_talk .farst_title h2{
	font-size:2.5em;
}
.ath_talk .farst_athletes .view,
.ath_talk .other_athletes .view{
	font-size:1.2em;
	padding:5px 50px;
}
}



@media screen and (max-width: 420px) {


.ath_talk .farst_athletes .farst_title,
.ath_talk .other_athletes .other_title{
	font-size:1.0em;
	margin-top:-6.5em;
}
.ath_talk .other_title h2,
.ath_talk .farst_title h2{
	font-size:2.2em;
}
.ath_talk .farst_athletes .view,
.ath_talk .other_athletes .view{
	font-size:1.2em;
	padding:5px 50px;
}
}










/* ------------ In -------------- */





.ath_talkIn{
}

.ath_talkIn .pc_hide{display:none;}
.ath_talkIn .mb_hide{display:block;}
.ath_talkIn .pc_hide02{display:none;}
.ath_talkIn .mb_hide02{display:block;}

.ath_talkIn .Inner{
	width:92%;
}

.ath_talkIntit{
	width:100%;
	height:auto;
	margin: 0 auto;
	position:relative;
}
.ath_talkIntit .title{
	width:92%;
	max-width:1200px;
	right:0;
	left:0;
	margin:0 auto;
	top:50%;
	position:absolute;
}
.ath_talkIntit .title h1{
	width:320px;
	position:absolute;
	right:0;
}

.ath_talkIntit .title h2{
	width:320px;
	position:absolute;
	right:0;
	top:35px;
	text-align:left;
}
.ath_talkIntit .title h2 img{
	width:35%;
	margin-top:5px;
}


.ath_talkIntit.positionLeft .title h1,
.ath_talkIntit.positionLeft .title h2{
	left:0;
}



.ath_talkIn .athletes_name{
}
.ath_talkIn .athletes_name h4{
	font-size:1.6em;
	font-family: "helveticaneue-light";
	padding-bottom:0.4em;
	line-height:1.3;
}
.ath_talkIn .athletes_name h2{
	/*font-family: 'Roboto', sans-serif;*/
	font-size:3.2em;
	  font-family: "helveticaneue-medium";

	margin-bottom:0.8em;
	line-height:1;
}
.ath_talkIn .athletes_name h3{ font-size:1.2em;}



.ath_talkIn .read{
	font-size:1.3em;
	line-height:1.7;
	margin-top:1em;
}
.ath_talkIn .topimg{
	width:100%;
	margin-top:20px;
}
.ath_talkIn .topimg .imgleft{
	width:49.8%;
	float:left;
}
.ath_talkIn .topimg .imgright{
	width:49.8%;
	float:right;
}



.ath_talkIn .column{
	width:100%;
	margin:0 auto;
	margin-top:80px;
}
.ath_talkIn .column.tophalf{
	margin-top:50px !important;
}
.ath_talkIn .column h3{
	font-size:2.0em;
	line-height:1.3;
	padding-bottom:0.2em;
	font-family: "helveticaneue-bold";
}
.ath_talkIn .column h3.second{
	margin-top:2.8em;
}
.ath_talkIn .column .text p{
	margin-top:0.8em;
	font-size:1.2em;
	line-height:1.7;
}
.ath_talkIn .column .image p{
	margin-bottom:0.8%;
}


.ath_talkIn .left_area{
	float:left;
	width:49.8%;
}

.ath_talkIn .right_area{
	float:right;
	width:49.8%;
}

.ath_talkIn .left_area.text,
.ath_talkIn .right_area.text{
	width:46%;
}

.ath_talkIn .profile{
	width:100%;
	border-top:1px solid #CCC;
	margin-top:70px;
	padding-top:60px;
}

.ath_talkIn .profile_text{
	width:70%;
	float:right;
	text-align:left;
}
.ath_talkIn .profile_text h3{
/*	font-family: 'Roboto', sans-serif;*/
	font-size:2.8em;
	
	font-family: "helveticaneue-light";
	line-height:1;
	margin-bottom:10px;
}
.ath_talkIn .profile_text h2{
	font-size:1.8em;
	margin-bottom:10px;
	font-weight:500;
}
.ath_talkIn .profile_text p{
	font-size:1.2em;
}
.ath_talkIn .profile_img{
	float:left;
	width:25%;
}


.ath_talkIn .rightInImage{
	float:right;
	width:49.8%;
	padding:0 0 20px 30px;
	box-sizing:border-box;
}





@media screen and (max-width: 980px) {

.ath_talkIn .left_area{ float:none; width:100%;}
.ath_talkIn .right_area{ float:none; width:100%;}
.ath_talkIn .left_area.text,
.ath_talkIn .right_area.text{width:100%;}

.ath_talkIn .column{ margin-top:7%;}
.ath_talkIn .column .image{ margin-top:3%;}
.ath_talkIn .column .image p.imgleft{ width:49.8%; float:left;}
.ath_talkIn .column .image p.imgright{width:49.8%; float:right;}
	

.ath_talkIn .profile{ margin-top:6%; padding-top:6%;}

.ath_talkIn .column .m_top{ margin-top:7%;}

}

@media screen and (max-width: 768px) {
.ath_talkIntit{ margin-top:0px;}

.ath_talkIn .pc_hide02{display:block;}
.ath_talkIn .mb_hide02{display:none;}

.ath_talkIntit .title{
	width:48%;
	margin-top:-5%;
	text-align:center;
	right:5%;
	left:inherit;
}
.ath_talkIntit.positionLeft .title{
	left:5%;
	right:inherit;
}


.ath_talkIntit .title h1{width:100%; position:static;}
.ath_talkIntit .title h2{width:100%; position:static;}
.ath_talkIntit .title h2 img{width:28%; margin-top:5px;}



.ath_talkIn .column h3{ padding-top:0em;}
.ath_talkIn .column h3.second{margin-top:2.5em;}

.ath_talkIn .athletes_name{text-align:center;}

.ath_talkIn .profile_text{ width:60%;}
.ath_talkIn .profile_img{width:35%;}
.ath_talkIn .profile_text h3{margin-bottom:3%;}



}

@media screen and (max-width: 640px) {


.ath_talkIn .read{
	line-height:1.6;
}
.ath_talkIntit .title{width:60%;margin-top:-5%;}


.ath_talkIn .pc_hide{display:block; padding-top:3%;}
.ath_talkIn .mb_hide{display:none;}


.ath_talkIn .column h3{ padding-top:0.5em;font-size:1.8em;}
.ath_talkIn .column h3.second{margin-top:1.5em;}



.ath_talkIn .topimg .imgleft{width:100%; float:none;}
.ath_talkIn .topimg .imgright{ width:100%; float:none; margin-top:0.6% !important;}


.ath_talkIn .column .image{ margin-top:8%;}
.ath_talkIn .column .image p.imgleft{ width:100%; float:none;}
.ath_talkIn .column .image p.imgright{width:100%; float:none;}

.ath_talkIn .profile_text{ width:100%; float:none;}

.ath_talkIn .profile_img{ float:none; width:100%; margin-top:3%;}
}



@media screen and (max-width: 420px) {
.ath_talkIn .athletes_name h2{font-size:2.7em;}
.ath_talkIn .athletes_name h4{font-size:1.4em;}
.ath_talkIn .column h3{font-size:1.6em;}
}



.ath_talk .otherarea:after,
.ath_talkIn .topimg:after,
.ath_talkIn .column:after,
.ath_talkIn .profile:after{
	  content: "";
	  display: table;
	  float:none;
	  clear: both;
}