@charset "UTF-8";

/* ======================================================
 * layout.css
 * ------------------------------------------------------
 * @media print, screen and (min-width: 768px)
 * - Common
 * - Header
 * - Gnav
 * - Main
 * - Footer
 * - Clearfix
====================================================== */

	/* ------------------------------------------------------
	 * Common
	------------------------------------------------------ */	
	.ff-en { font-family: Arial, "sans-serif" !important; }


/* ----------------------- PC ----------------------- */

@media print, screen and (min-width: 768px) {
	/* ------------------------------------------------------
	 * Common
	------------------------------------------------------ */
	body {
		min-width: 1260px;
	}
	
	/* ------------------------------------------------------
	 * Header
	------------------------------------------------------ */
	.Header {
		position: relative;
		z-index: 400;
	}
	
	/* ----- HeaderBody ----- */
	.HeaderBody {
		position: relative;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		height: 77px;
		margin: 0 auto;
		padding: 0 40px 0 30px;
		border-bottom: 1px solid #eee;
		background-color: #fff;
		z-index: 410;
	}
	
	/* header-identity */
	.header-identity .identity_logo a {
		color: #4d4d4d;
		display: flex;
		align-items: center;
		font-size: 1.8rem;
		font-weight: 700;
	}
	.header-identity .identity_logo a img {
		margin-right: 30px;
		margin-bottom: 2px;
	}
	.header-identity .identity_logo a:hover img {
		opacity: 1;
	}
	
	/* header-gnav */
	
	#toggle-nav {
		display: none;
	}
	
	#gnav {
	}
	
	#gnav ul {
		display: flex;
		align-items: center;
	}
	
	#gnav ul li + li {
		margin-left: 30px
	}
	
	#gnav ul li a {
		color: #000;
		font-size: 1.5rem;
		letter-spacing: .1em;
		position: relative;
	}
	
	#gnav ul li a::before {
		content: "";
		position: absolute;
		bottom: -1px;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #333;
		transform: scaleX(0);
		transform-origin: bottom left;
		transition: transform .2s;
	}

	#gnav ul li a:hover::before {
		transform: scaleX(1);
	}
	
	/* ------------------------------------------------------
	 * Main
	------------------------------------------------------ */
	/* ----- MainBody ----- */
	.MainBody {
		position: relative;
	}
	
	/* ----- container ----- */
	.container {
		width: 1200px;
		margin: 0 auto;
		padding-top: 83px;
	}
	
	/* ------------------------------------------------------
	 * Footer
	------------------------------------------------------ */
	.Footer {
		margin-top: 20px;
		padding: 0 20px;
		background-color: #000;
		position: relative;
	}
	
	/* ----- FooterNavi ----- */
	.FooterNavi {
		padding: 28px 0 20px;
	}
	
	/* footerNavi-list */
	.footerNavi-list {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		justify-content: center;
		margin: 0 auto;
	}
	.footerNavi-list li {
		position: relative;
		font-size: 1.6rem;
		font-weight: bold;
		letter-spacing: .05em;
		margin-right: 40px;
	}
	.footerNavi-list li:last-child {
		margin-right: 0;
	}
	.footerNavi-list li a {
		position: relative;
		display: inline-block;
		padding-left: 18px;
		color: #fff;
		text-decoration: none;
	}
	.footerNavi-list li a::before {
		content: "";
		position: absolute;
		bottom: -1px;
		left: 18px;
		width: calc(100% - 18px);
		height: 1px;
		background-color: #fff;
		transform: scaleX(0);
		transform-origin: bottom left;
		transition: transform .2s;
	}
	.footerNavi-list li a::after {
		content: "";
		position: absolute;
		top: .4em;
		left: 0;
		width: 8px !important;
		height: 8px !important;
		margin-left: 0;
		background: none;
		border-top: 1px solid #fff !important;
		border-right: 1px solid #fff !important;
		-webkit-transform: rotate(45deg) !important;
		transform: rotate(45deg) !important;
	}
	.footerNavi-list li a:hover::before {
		transform: scaleX(1);
	}
	.footerNavi-list li a:hover::after {
		animation: pattern05 .4s;
	}
	.footerNavi-list li a.a-blank .link_label::after {
		display: inline-block;
		width: 10px !important;
		height: 10px !important;
		margin-left: 8px;
		background: url(/sports/common/images/com_ic01.png) no-repeat 0 0;
		vertical-align: 1px;
		content: "";
	}
	
	/* ----- FooterBody ----- */
	.FooterBody {
		padding: 28px 0;
		position: relative;
	}
	#footerBody::before {
		background-color: #202020;
		content: "";
		height: 1px;
		width: 100vw;
		min-width: 100%;
		position: absolute;
		top: 2px;
		left: 50%;
		transform: translateX(-50%);
	}
	/* footer-copyright */
	.footer-copyright {
		text-align: right;
	}
	.footer-copyright_label {
		display: block;
		color: #cbcbcb;
		line-height: 20px;
	}
	
	/* ------------------------------------------------------
	 * Clearfix
	------------------------------------------------------ */
/*	.element::after, {
		clear: both;
		content: "";
		display: block;
	}*/
	
}