@charset "utf-8";
/* Copyright 2012 FSFIELD All Rights Reserved. */

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

ホーム

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

li#gn01 a{background:url(../img/navi_global01.jpg) no-repeat -103px -48px;}

div#box{padding-top:0;}


/* メインスライド
---------------------------------------------- */
.mv{
	position: relative;
	overflow: hidden;
	padding-bottom: 26px;
}
.mv::after{
	content: "";
	display: block;
	height: 8px;
	width: 100%;
	background: linear-gradient(180deg, rgba(0,0,0,0.5), transparent);
	position: absolute;
	top: 0;
	left: 0;
}
.mv .slide{visibility: hidden;}
.mv .slide.slick-initialized{
	visibility: visible;
}
.mv .slide .slick-slide{
	width: 70vw;
	padding: 0 15px;
}
.mv .slide .slick-slide img{
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}
.mv .catch{
	position: absolute;
	bottom: 30px;
	left: 50%;
	pointer-events: none;
}

.mv .slick-dots{
	display: flex;
	justify-content: center;
    position: relative;
    z-index: 1;
    padding-top: 7px;
}
.mv .slick-dots li{
	padding: 0 8px;
}
.mv .slick-dots li button{
	font-size: 0;
	border:none;
	background: #1064AF;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	opacity: .2;
}
.mv .slick-dots li.slick-active button{
	opacity: 1;
}




/* promotion
---------------------------------------------- */

/*走る跳ぶ投げる躍動する次世代のトッププレイヤー*/
div#bg_promotion{
	background:url(../img/home/bg_promotion16.jpg) no-repeat center 0;
	margin-bottom:20px;
}

/*走る跳ぶ投げる躍動する次世代のトッププレイヤー
div#bg_promotion{
	background:url(../img/home/bg_promotion09.jpg) no-repeat center 0;
	margin-bottom:20px;
}
*/

p#convention61{
	position:absolute;
	top:213px;
	right:280px;
}




/*走る跳ぶ投げる躍動する次世代のトッププレイヤー
div#bg_promotion{
	background:url(../img/home/bg_promotion07.jpg) no-repeat center 0;
	margin-bottom:20px;
}


p#convention61{
	position:absolute;
	top:161px;
	right:155px;
}
*/

/*とどけようスポーツの力を東北へ！
div#bg_promotion{
	background:url(../img/home/bg_promotion06.jpg) no-repeat center 0;
	margin-bottom:20px;
}

p#convention61{
	position:absolute;
	top:161px;
	right:155px;
}
*/


/*走る跳ぶ投げる躍動する次世代のトッププレイヤー
div#bg_promotion{
	background:url(../img/home/bg_promotion02.jpg) no-repeat center 0;
	margin-bottom:20px;
}
*/

div#promotion{
	width:960px;
	height:351px;
	margin:0 auto;
	position:relative;
}


/* お知らせ
---------------------------------------------- */
.list_news{}
.list_news ul{
	margin-bottom: 4px;
}
.list_news ul li{
	display: flex;
}
.list_news ul li .date{
	color: #5B819F;
	flex:none;
	width: 9em;
	padding-top: 1px;
}
.list_news ul li .title{
	color: #333;
	line-height: 1.2;
    padding: 5px 0 5px 16px;
    position: relative;
}
.list_news ul li .title:hover{
	color: #0077CE;
}
.list_news ul li .title::before{
	content: "";
	display: block;
	width: 11px;
	height: 11px;
	background: url(../img/ico_arrow01.gif) no-repeat;
	background-size: contain;
	position: absolute;
	top: 6px;
	left: 0;
}






/* box
---------------------------------------------- */

div#left{
	float:left;
	width:580px;
}

div#right{
	float:right;
	width:350px;
}



/* heading
---------------------------------------------- */

/* h4 */

div.h4_wrap01{background:url(../img/home/h4_wrap01.jpg) no-repeat center bottom;}

div.h4_wrap02{
	background:url(../img/home/h4_wrap02.jpg) no-repeat center bottom;
	padding:6px 12px 7px;
	margin-bottom:10px;
	border:1px solid #C9CACB;
}

div.h4_wrap02 h4{
	font-size:129%;
	font-weight:bold;
	line-height:1.4;
}


/* paragraph
---------------------------------------------- */

p.bg_btn_list_w580{
	background:url(../img/home/bg_btn_list_w580_01.gif) no-repeat 0 0;
	margin-bottom:30px;
	padding:5px;
	text-align:right;
}

p.bg_btn_list_w350{
	background:url(../img/home/bg_btn_list_w350_01.gif) no-repeat 0 0;
	margin-bottom:30px;
	padding:5px;
	text-align:right;
}


/* dl
---------------------------------------------- */

dl.date{
	border-left:1px solid #CCD5DD;
	border-right:1px solid #CCD5DD;
	background:url(../img/home/bg_news01.gif) no-repeat 0 bottom;
}

dl.date dt{
	color:#5B819F;
	font-size:86%;
	padding:10px 10px 0 10px;
	line-height:1;
}

dl.date dt:first-child{background:url(../img/home/bg_news_top01.jpg) no-repeat 0 0;}

dl.date dd{
	padding:0 10px 5px 28px;
	background:url(../img/ico_arrow01.gif) no-repeat 10px 0.4em;
	border-bottom:1px solid #CCD5DD;
}

dl.date dd a{
	color:#333;
	text-decoration:none;
}

dl.date dd a:hover{color:#0077CE;}


/* table
---------------------------------------------- */

table.schedule{
	background:url(../img/home/bg_schedule01.gif) no-repeat 0 bottom;
	border:1px solid #CCD5DD;
	margin-bottom:0;
}

table.schedule th{
	border:1px solid #CCD5DD;
	background:#E6F8FF;
	padding:5px;
	text-align:center;
	vertical-align:top;
}

table.schedule td{
	border:1px solid #CCD5DD;
	padding:5px;
}


/* facebook
---------------------------------------------- */

div.like_box{
	margin:30px 0;
}

div.like_box iframe{display:block;}

div#facebook{
	width:115px;
	height:21px;
	float:right;
	overflow:hidden;
}


/* twitter
---------------------------------------------- */

div#twitter{
	width:90px;
	height:21px;
	float:right;
	overflow:hidden;
}


@media only screen and (max-width:1370px){ /* 表示領域が1370px以下の場合に適用するスタイル */
	.mv .slide .slick-slide{
		width: 960px;
	}
}/*--@media--*/