@charset "utf-8";

/*============================================================================================================================
	for - 1257px
============================================================================================================================*/

@media only screen and (max-width: 1257px) {
	
/*==============================================================

	Header		for - 1257px
	
===============================================================*/

#header_inner {
	max-width: 95%;
}
		
/*--------------------------------------------------------------
	Groval nav
--------------------------------------------------------------*/
  #gnav nav ul li {
	  width: auto;
	  min-width: auto;
  }

/*==============================================================

	Contents		for - 1257px
	
===============================================================*/

#contents {
	width: 95%;
	margin-top: 40px;/*bottomは設定しないこと*/
}
	
/*--------------------------------------------------------------
	Bread [ pankuzu ]
--------------------------------------------------------------*/
#bread ul {
	position:relative;
	width: 95%;
	max-width: 100%;
	padding-bottom: 0px;
}

/*--------------------------------------------------------------
	Athlete
--------------------------------------------------------------*/

.athlete {
	width: 95%;
	max-width: 100%;
}
/*	 TEXT
--------------------------------------*/

/*--- ttl ---*/
.athlete li h3 {
	font-size: 1.3em;
}

/*--------------------------------------------------------------
	Category
--------------------------------------------------------------*/

.category {
	width: 95%;
	max-width: 100%;
}

/*	bg images
---------------------------------------------------------------*/
.category ul li > div {
	min-height: 250px;
}

/*--------------------------------------------------------------
	Category 4 column
--------------------------------------------------------------*/

.category4col ul {
	width: 95%;
	padding: 0px 0px;
}

/*	bg images
---------------------------------------------------------------*/
.category4col ul li > div {
	min-height: 200px;
}

/*--------------------------------------------------------------
	Nav Linl [ side bnr ]
--------------------------------------------------------------*/

.navLink ul {
	display: table;
	width: 95%;
	max-width: 100%;
	margin: 0px auto 50px;
	box-sizing:border-box;
}

/*--------------------------------------------------------------
	MAP [ about ]
--------------------------------------------------------------*/
	div.gmap_btn a {
		width: 40%;
	}

/*==============================================================

	Side  Rigth-column		for - 1257px
	
===============================================================*/

	#right-column-inner {
		width: 100%;
		display:table;
	}
/*--------------------------------------------------------------
	Right Column bnr
--------------------------------------------------------------*/
#right-column #right-column-inner .ad {
	border-bottom: 1px dashed #ccc;
}

#right-column #right-column-inner .ad,
#right-column #right-column-inner .ad-ex {
	max-width: 100%;
	margin: 0px auto 10px;
}
	#right-column #right-column-inner .ad ul,
	#right-column #right-column-inner .ad-ex ul {
		display:block;
		margin:0 auto;
		padding-bottom: 10px;
		text-align:center;
	}
		#right-column #right-column-inner .ad li,
		#right-column #right-column-inner .ad-ex li {
			display: inline-block;
			max-width: 210px;
			padding: 0;
			margin: 6px;
		}
			#right-column #right-column-inner .ad img,
			#right-column #right-column-inner .ad-ex img {
				margin: 0 auto;
			}

/*--------------------------------------------------------------
	Category Side Menu / Side Btn
--------------------------------------------------------------*/

/*--- FireFox ---*/
@-moz-document url-prefix() {
#right-column #right-column-inner .side_btn ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-js-display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

	#right-column #right-column-inner .side_btn ul li {
		width: 50%;
		border-right:none;
	}
	
	#right-column #right-column-inner .side_btn ul li:nth-child(2n) {
		border-left: none;
		border-right: 1px solid #CCC;
	}
	#right-column #right-column-inner .side_btn ul li:nth-child(2n+1) {
		border-right: 1px solid #CCC;
	}

}

/*--- Chrome ---*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#right-column #right-column-inner .side_btn ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-js-display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

	#right-column #right-column-inner .side_btn ul li {
		width: 50%;
		border-right:none;
	}
	
	#right-column #right-column-inner .side_btn ul li:nth-child(2n) {
		border-left: none;
		border-right: 1px solid #CCC;
	}
	#right-column #right-column-inner .side_btn ul li:nth-child(2n+1) {
		border-right: 1px solid #CCC;
	}

}

/*--- Chrome ---*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	
::i-block-chrome, #right-column #right-column-inner .side_btn ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-js-display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

	::i-block-chrome, #right-column #right-column-inner .side_btn ul li {
		width: 50%;
		border-right:none;
	}
	
	::i-block-chrome, #right-column #right-column-inner .side_btn ul li:nth-child(2n) {
		border-left: none;
		border-right: 1px solid #CCC;
	}
	::i-block-chrome, #right-column #right-column-inner .side_btn ul li:nth-child(2n+1) {
		border-right: 1px solid #CCC;
	}

}

		#right-column #right-column-inner .side_menu ul li a,
		#right-column #right-column-inner .side_menu ul li > span,
		#right-column #right-column-inner .side_btn ul li a,
		#right-column #right-column-inner .side_btn ul li > span {
			font-size: 100%;
		}

		
/*==============================================================

	Footer		for - 1257px
	
===============================================================*/
footer #footer-nav > section,
footer #footer-inner > section {
	width: 95%;
	max-width: 100%;
}
	
}

/*============================================================================================================================
	for - 979px
============================================================================================================================*/

@media only screen and (max-width: 979px) {
	
/*==============================================================

	Header		for - 979px
	
===============================================================*/

#header_inner {
	display:block;
	width: 100%;
	max-width: 100%;
	padding: 15px 0px 0px;
	margin: 0px auto;
}

#header_inner > .logo,
#header_inner > .gmenu{
	display: block;
}

/*	 Logo
--------------------------------------*/
#header_inner .logo {
	margin-left: 10px;
	margin-bottom: 10px;
}

  #header_inner .logo a {
	  display: inline-block;
	  width: auto;
	  min-width: 150px;
	  max-width: 50%;
  }
  
/*	 Groval nav
---------------------------------------------------------------*/
#header_inner .gmenu {
	width: 100%;
}

#gnav nav {
	position:relative;
	top: 0px;
	width: 100%;
}
	#gnav nav:after {
		content:"";
		clear:both;
	}


/*----- Menu btn -----*/
#gnav-btn {
	display: block;
	margin: 0 auto 0px;
}
  #gnav-btn a {
	  position:absolute;
	  top: 15px;
	  right: 10px;
	  display: block;
	  width: auto;
	  padding: 7px 8px 2px 8px;
	  font-weight:normal;
	  border: solid 1px #999;
	  text-align: center;
	  vertical-align: top;
	  text-decoration: none;
  }
  #gnav-btn a:link,
  #gnav-btn a:visited {
	  color:#333;
	  background: #FFF;
  }
  #gnav-btn a:hover,
  #gnav-btn a:active,
  #gnav-btn a.current {
	  color:#333;
	  background: #FFF;
  }
	#gnav-btn a i:before {
		display:block;
		color: #333;
		font-size: 200%;
		line-height:80%;
		font-style: normal;
		font-family: "FontAwesome";
		content: "\f0c9";
	}
	#gnav-btn a small {
		position:relative;
		display:block;
		color: #333;
		font-size: 10px;
		font-style: normal;
	}
	
/*----- Menu list -----*/
#gnav nav {
	float:none;
	width: 100%;
	overflow: hidden;
}

#gnav nav ul {
	display: none;
	float:none;
	width: 100%;
	padding:0px;
}

  #gnav nav ul li {
	  position:relative;
	  display: block;
	  width: 100%;
	  padding: 0px;
	  text-align:left;
	  background: none;
  }
	  #gnav nav ul li a > span {
		  display: inline-block;
		  width: auto;
		  font-size: 100%;
	  }
	  #gnav nav ul li small {
		  position:absolute;
		  top: 5px;
		  left: 0;
		  font-size: 70%;
	  }

	#gnav nav ul li a {
		display:block;			
		padding: 15px 10px 5px;
		color: #333;
		border-top: 1px solid #8aafdc;
		zoom: 1;
	}
	#gnav nav ul li a:after {
		display: inline-block;
		float:right;
		font-size: 80%;
		font-weight:normal;
		font-family: "FontAwesome";
		content: "\f054";
	}
		#gnav nav ul li a:hover small,
		#gnav nav ul li a:active,
		#gnav nav ul li a.current {
			color: #8aafdc;
			background: none;
		}
		#gnav nav ul li a:hover,
		#gnav nav ul li a:active,
		#gnav nav ul li a.current {
			padding: 15px 10px 5px 7px;
			border-left: 3px solid #006dc4;
		}

/*==============================================================

	Contents		for - 979px
	
===============================================================*/
/*
#left-column {
	float: none;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding-bottom: 0px;
}
*/
/*--------------------------------------------------------------
	Category
--------------------------------------------------------------*/

/*	bg images
---------------------------------------------------------------*/
.category ul li > div {
	min-height: 200px;
}
	
/*--------------------------------------------------------------
	Category 4 column
--------------------------------------------------------------*/

/*	bg images
---------------------------------------------------------------*/
.category4col ul li > div {
	min-height: 160px;
}

/*==============================================================

	Side  Rigth-column		for - 979px
	
===============================================================*/

}

/*============================================================================================================================
	for - 767px
============================================================================================================================*/

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

	
/*==============================================================

	Contents		for - 767px
	
===============================================================*/

/*--------------------------------------------------------------
	List style Type disc  [ txt ]
--------------------------------------------------------------*/
	.lst-disc ul li {
		margin: 0px 0px 7px 15px;
	}
	
/*--------------------------------------------------------------
	List style Type number  [ txt ]
--------------------------------------------------------------*/
	.lst-num ul li {
		margin: 0px 0px 7px 20px;
	}
	
/*--------------------------------------------------------------
	lstBtn table type
---------------------------------------------------------------*/
.lstBtn ul li {
	width: 49%;
}

/*	 lstBtn border 
------------------------------------------------*/
.lstBtn ul li {
	border-right:none;
}
	.lstBtn ul li:nth-child(-n+3) {
		border-top:none;
	}
	.lstBtn ul li:nth-child(2n+2) {
		border-left: 1px solid #999;
		border-right: 1px solid #999;
	}
	.lstBtn ul li:nth-child(-n+2) {
		border-top: 1px solid #999;
	}

	
/*--------------------------------------------------------------
	TOP news
--------------------------------------------------------------*/

					
/*--- Another content [ common fleam ] ---*/
.another-content {
	margin: 30px 0 0 0;
}

/*--------------------------------------------------------------
	ytVideo
--------------------------------------------------------------*/

.ytVideo div.txt {
	background: url(../images/common/yt_logo.png) no-repeat 98% 15px #FFF;
	background-size: 60px;
}
	.ytVideo div.txt > p {
		width: 100%;
	}

/*--------------------------------------------------------------
	MAP [ about ]
--------------------------------------------------------------*/
	div.gmap_btn a {
		width: 50%;

	}
	

/*--------------------------------------------------------------
	Category
--------------------------------------------------------------*/
.category ul li {
	width: 47%;
	margin-right: 5%;
}
.category ul li:nth-child(3n+3) {
	margin-right: 5%;
}
.category ul li:nth-child(2n+2) {
	margin-right: 0px;
	margin-bottom: 20px;
}

/*	bg images
---------------------------------------------------------------*/
.category ul li > div {
	min-height: 130px;
}

/*	tittle
---------------------------------------------------------------*/
.category ul li > div > div {
	min-height: 25px;
	padding: 5px 5px 3px 5px;
	font-size: 0.95em;
}


/*--------------------------------------------------------------
	category4col
--------------------------------------------------------------*/
.category4col ul li {
	width: 47%;
	margin-right: 5%;
}
.category4col ul li:nth-child(3n+3) {
	margin-right: 5%;
}
.category4col ul li:nth-child(2n+2) {
	margin-right: 0px;
	margin-bottom: 20px;
}

/*	bg images
---------------------------------------------------------------*/
.category4col ul li > div {
	min-height: 100px;
}

/*	text
---------------------------------------------------------------*/
.category4col > h1 {
	font-size: 1.5em;
}
.category4col ul li > p {
	font-size: 0.95em;
}
	
/*	arrow icon
---------------------------------------------------------------*/
.category4col ul li > div > i {
	width: 35px;
	height: 35px;
}
	.category4col ul li > div > i:before {
		border-left: 35px solid transparent;
		border-bottom: 35px solid rgba(0,25,74,0.7);
		content: "";
	}
	.category4col ul li > div > i:after {
		position: absolute;
		bottom: 5px;
		right: 13px;
		margin: auto;
		width: 0;
		height: 50%;
		color: #fff;
		font-size: 1em;
		font-family: "FontAwesome";
		content: "\f105";
	}


/*--------------------------------------------------------------
	Athlete
--------------------------------------------------------------*/

/*	 TEXT
--------------------------------------*/
/*--- ttl ---*/
.athlete li h3 {
	font-size: 1.2em;
}

/*--- name ---*/
.athlete li p {
	font-size: 1em;
}
.athlete li p.small {
	font-size: 0.8em;
}

/*--------------------------------------------------------------
	Sitemap
--------------------------------------------------------------*/

.sitemap {
	width: 95%;
}
.sitemap nav {
	width: 48%;
	padding-right: 0%;
}
.sitemap nav:nth-child(2n+1) {
	clear:both;
	float:left;
	padding-right: 2%;
}
.sitemap nav:nth-child(2n) {
	float:right;
	padding-left: 2%;
}

/*==============================================================

	Side  Rigth-column		for - 767px
	
===============================================================*/

	
/*--------------------------------------------------------------
	banner
--------------------------------------------------------------*/

	#right-column aside ul {
		display:block;
		text-align:center;
		margin:0 auto;
	}

	#right-column aside ul li {
		display: inline-block;
		padding: 0;
		margin: 6px 6px 20px 6px;
		vertical-align: top;
	}
		
	#right-column aside ul img {
		margin: 0 auto;
	}
	
/*==============================================================

	Footer		for - 767px
	
===============================================================*/

footer #footer-nav > section,
footer #footer-inner > section {
	padding: 10px 0px;
}

#footer-inner > section h2 {
	margin-bottom: 5px;
	font-size: 1.1em;
}
	footer #footer-inner address h3 {
		font-size: 1em;
	}


/*--------------------------------------------------------------
	Address
--------------------------------------------------------------*/
footer #footer-inner address {
	float:none;
	display: block;
	width: 100%;
	margin: 0px auto 15px;
	font-size: 0.9em;
	line-height: 1.2;
}
	
footer #footer-inner address > div:first-child {
	display: block;
	width:100%;
}
	
/*	footer sitemap
--------------------------------------*/
footer #footer-inner nav {
	display: block;
	float:none;
	width: 100%;
	padding: 0px;
	margin-bottom: 15px;
	font-size: 0.9em;
}
	footer #footer-inner nav ul {
		float:none;
		width: auto;
	}
	footer #footer-inner nav ul li {
		padding: 0 15px 0 10px;
	}
	
/*-- go to top  上部にスクロール --*/
.goto_top {
	width: auto;
	max-width:100%;
	height: auto;
	padding: 0px;
}
	.goto_top a {
		position: absolute;
		top: -35px;
		right: 0;
		left: 0;
		width: 35px;
		height: 35px;
		min-height: auto;
		margin: auto;
		padding: 5px 5px 7px 5px;
	}
		.goto_top a span {
			position:absolute;
			bottom: 3px;
			font-size: 70%;
		}
		.goto_top i:before {
			position: absolute;
			top: 3px;
		}

	
}


/*============================================================================================================================
	for - 650px
============================================================================================================================*/

@media only screen and (max-width: 650px) {
	
	
/*==============================================================

	Contents		for - 650px
	
===============================================================*/

/*--------------------------------------------------------------
	TOP News
---------------------------------------------------------------*/
		.news li {
			width: 100%;
			display: block;
			float: none;
		}
			.news div.txt {
				display: block;
				width: 100%;
				padding-right: 0px;
			}
			.news div.thum {
				display: block;
				width: 80%;
				margin: 0px auto;
			}
			
.news div.txt h4 {
	font-size: 110% !important;
}
/*

	.news div.txt {
		width: 70%;
	}
	
	.news div.thum {
		width: 80%;
		margin: 0px auto;
		padding-left: 10px;
		vertical-align: middle;
	}
			
*/

/*--------------------------------------------------------------
	Athlete
--------------------------------------------------------------*/
	.athlete > ul > li {
		width: 50%;
		padding-left: 0px;
		padding-right: 0px;
	}
	.athlete > ul > li:nth-child(4n+1) {
		padding-left: 0%;
		padding-right: 0%;
	}
	.athlete > ul > li:nth-child(4n) {
		padding-left: 0%;
		padding-right: 0%;
	}
	.athlete > ul > li:nth-child(n+5) {
		padding-top: 0px;
	}
	.athlete > ul > li:nth-child(2n+1) {
		padding-left: 0%;
		padding-right: 2%;
	}
	.athlete > ul > li:nth-child(2n) {
		padding-left: 2%;
		padding-right: 0%;
	}
	.athlete > ul > li:nth-child(n+3) {
		padding-top: 20px;
	}

		
/*	 TEXT
--------------------------------------*/

/*--- ttl ---*/
.athlete li h3 {
	font-size: 1.7em;
}

/*--- name ---*/
.athlete li p {
	font-size: 1.3em;
}
.athlete li p.small {
	font-size: 0.8em;
}

/*==============================================================

	Side  Rigth-column		for - 650px
	
===============================================================*/
#right-column #right-column-inner .ad,
#right-column #right-column-inner .ad-ex {
	max-width: 100%;
	padding:0;
}
		#right-column #right-column-inner .ad li,
		#right-column #right-column-inner .ad-ex li {
			display: inline-block;
			width: 45%;
			padding: 0;
			margin: 6px auto;
			vertical-align: top;
		}
		#right-column #right-column-inner .ad li:nth-child(2n+1),
		#right-column #right-column-inner .ad-ex li:nth-child(2n+1) {
			float:left;
		}
		#right-column #right-column-inner .ad li:nth-child(2n),
		#right-column #right-column-inner .ad-ex li:nth-child(2n) {
			float:right;
		}
		#right-column #right-column-inner .ad ul:after,
		#right-column #right-column-inner .ad-ex ul:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
		}

}

/*============================================================================================================================
	for - 479px
============================================================================================================================*/

@media only screen and (max-width: 479px) {
	
/*==============================================================

	Header		for - 479px
	
===============================================================*/

#header_inner {
	padding: 10px 0px 0px;
}

/*	 Groval nav
---------------------------------------------------------------*/

/*----- Menu btn -----*/
  #gnav-btn a {
	  top: 13px;
	  padding: 7px 5px 0px 5px;
  }

/*==============================================================

	Contents		for - 479px
	
===============================================================*/

/*--------------------------------------------------------------
	ytVideo
--------------------------------------------------------------*/

.ytVideo {
	display:block;
	width: 95%;
	margin: 0px auto;
	color: #fff;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
	background:#000;
}
.ytVideo * {
		box-sizing:border-box;
}

/*--- text ---*/
.ytVideo h2 {
	font-size: 100%;
}

.ytVideo div.txt {
	background: url(../images/common/yt_logo.png) no-repeat 95% 15px #FFF;
	background-size: 60px;
}
	.ytVideo div.txt h3 {
		font-size: 100%;
	}
	.ytVideo div.txt > p {
		font-size: 90%;
	}


/*--------------------------------------------------------------
	Nav Linl [ side bnr ]
--------------------------------------------------------------*/

	.navLink ul li {
		width: 50%;
		margin-left: 0%;
		margin-right: 0%;
	}
	.navLink ul li:nth-child(2n+1) {
		float:left;
		padding-right: 2%;
	}
	.navLink ul li:nth-child(2n) {
		float:right;
		padding-left: 2%;
	}
	.navLink ul li:nth-child(2n):after {
		content: "";
		clear:both;
	}

/*----- text -----*/
.navLink ul li p {
	font-size: 80%;
}


/*--------------------------------------------------------------
	MAP [ about ]
--------------------------------------------------------------*/
	div.gmap_btn a {
		width: 80%;
	}

/*--------------------------------------------------------------
	Category
--------------------------------------------------------------*/

/*	tittle
---------------------------------------------------------------*/
.category ul li > div > div small {
	font-size: 60%;
}

/*	arrow icon
---------------------------------------------------------------*/
.category ul li > div span:after {
	max-height: 100%;
}

/*--------------------------------------------------------------
	category4col
--------------------------------------------------------------*/

/*	tittle
---------------------------------------------------------------*/
.category4col ul li > div > div small {
	font-size: 60%;
}

/*	arrow icon
---------------------------------------------------------------*/
.category4col ul li > div span:after {
	max-height: 100%;
}

/*--------------------------------------------------------------
	Athlete
--------------------------------------------------------------*/
		
/*	 TEXT
--------------------------------------*/

/*--- ttl ---*/
.athlete li h3 {
	font-size: 1.1em;
}

/*--- name ---*/
.athlete li p {
	min-height: auto;
	font-size: 0.9em;
}
.athlete li p.small {
	font-size: 0.8em;
}

/*--------------------------------------------------------------
	Advantage [ about ]
--------------------------------------------------------------*/

.advantage {
	margin-bottom: 0px;
}

.advantage > h3 {
	padding-left: 50px;
	margin-bottom: 10px;
}

.advantage > h3 > span {
    width: 40px;
    height: 40px;
}
  .advantage > h3 > span > small {
	  top: 1px;
  }

.advantage > p {
	padding: 0px 0px 15px 0px;
}

.advantage > .lst-num ol {
	padding: 0px 0px 15px 0px !important;
}
.advantage > .lst-num p {
	padding: 0px 0px 10px 0px;
}



/*--------------------------------------------------------------
	Sitemap
--------------------------------------------------------------*/

.sitemap nav {
	width: 100%;
}
.sitemap nav:nth-child(2n+1) {
	float:none;
	padding-right: 0%;
}
.sitemap nav:nth-child(2n) {
	float:none;
	padding-left: 0%;
}


}