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

	top
  
======================================================================== */
h2 {
	color: #fff;
	text-align: center;
	font-size: 253%;
	font-weight: bold;
}

header { overflow: hidden; }

/* ------------------------------------------------------------------------
	swiper
------------------------------------------------------------------------ */
[class^="swiper-button-"], .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet::before {
  transition: all .3s ease;
}

header .swiper-container {
	overflow: visible;
	margin-top: -18px;
	/* margin-left: -3%; */
	padding-bottom: 30px;
	width: 100%;
	height: 25vw;
	transition:opacity .6s ease;
}

.swiper-container.loading {
  opacity: 0;
  visibility: hidden;
}

.swiper-container:hover .swiper-button-prev,
.swiper-container:hover .swiper-button-next {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  visibility: visible;
}

header .swiper-slide {
	text-align: center;
	width: 980px;
	background-position: center;
	background-size: cover !important;
	opacity: 0.5;
	pointer-events: none;
}

.swiper-slide a {
	display: block;
	width: 100%;
	height: 100%;
}

.swiper-slide .entity-img { display: none; }

header .swiper-slide-active {
	opacity: 1;
	pointer-events: auto;
}

header .swiper-pagination { bottom: 0 !important; }

[class^="swiper-button-"]{
  width:44px;
  opacity:0;
  visibility:hidden;
  @extend %transition_all_03s;
}

.swiper-button-prev {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
   transform:translateX(50px);
}

.swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	transform:translateX(-50px);
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 9px;
	width: 12px;
	height: 12px;
}


/* ------------------------------------------------------------------------
	news
------------------------------------------------------------------------ */
#news {
	padding: 20px 0 30px;
	background: url(../../images/module/top/info_bg.gif)top center / cover no-repeat;
}

#news h2 { margin-bottom: 12px; }

.news {
	margin: 0 auto;
	padding: 20px;
	width: 940px;
	background: #fff;
}

.news ul.tab,
.news dl {
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: space-between;
}

.news ul.tab {
	margin-bottom: 10px;
	padding-bottom: 8px;
	border-bottom: 1px solid #000;
}

.news ul.tab li {
	position: relative;
	display: block;
	text-align: center;
	color: #004471;
	font-size: 138%;
	font-weight: bold;
	width: 117px;
	transition: all .3s ease;
	cursor: pointer;
	z-index: 1;
}

.news ul.tab li.guide { color: #cf0000; }

.news ul.tab li::after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background: #65aadd;
   	transition: all .2s ease;
	z-index: -1;
}

.news ul.tab li:hover { color: #fff; }
.news ul.tab li:hover::after { width: 100%; }

.news ul.tab li.active { color: #fff; }
.news ul.tab li.active::after { width: 100%; }

.news div { display: none; }
.news div.show { display: block; }

.news dl {
	margin-bottom: 15px;
	padding: 0 10px;
	min-height: 355px;
}

.news dt,
.news dd {
	line-height: 1.8;
	border-bottom: 1px dotted #848484;
}

.news dt {
	overflow: hidden;
	padding: 10px 2% 10px 1%;
	font-weight: bold;
	width: 22%;
}

.news dt span {
	float: right;
	display: block;
	color: #fff;
	text-align: center;
	font-weight: normal;
	width: 50%;
	background: #f39800;
	border-radius: 5px;
}

.news dd {
	padding: 10px 0;
	width: 75%;
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: flex-start;
}

.news dd a { color: #000; }
.news dd a:hover { text-decoration: underline; }

.news dd span { margin-right: 5px; }

.news dd img { max-width: 30px; }

.news dd.txtCenter { width: 100%; }

@media all and (-ms-high-contrast: none) {
	.news dt { padding: 15px 2% 15px 1%; }
	.news dd { padding: 15px 0; }
}

.news ul.btn { width: 250px; }

/* ------------------------------------------------------------------------
	latest
------------------------------------------------------------------------ */
#latest {
	padding: 30px 0 40px;
	color: #fff;
	text-align: center;
	background: url(../../images/common/match_back.jpg) bottom center / cover no-repeat;
}

#latest h2 {
	margin-bottom: 20px;
	padding: 10px 0;
	background: #004471;
}

#latest h3 {
	margin-bottom: 10px;
	font-size: 138%;
	font-weight: bold;
}

#latest p.schedule {
	margin-bottom: 15px;
	font-size: 154%;
	font-weight: bold;
}

#latest p.schedule span { font-size: 150%; }

#latest .match {
	margin: 0 auto 20px;
	padding: 15px 5px;
	width: 970px;
	border-top: 4px solid #fff;
	border-bottom: 4px solid #fff;
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: space-between;
}

#latest .match figure {
	position: relative;
	width: 20%;
}

#latest .match figure figcaption {
	display: block;
	position: absolute;
	font-size: 138%;
	font-weight: bold;
	width: 100%;
	bottom: 0;
}

#latest .score { width: 56%; }

#latest .score table { width: 100%; }

#latest .score td {
	vertical-align: middle;
	line-height: 1.5;
	font-size: 185%;
}

#latest .score td.point {
	line-height: 1.3;
	font-size: 1385%;
	width: 15%;
}

#latest .score p {
	line-height: 1.5;
	font-size: 123%;
}

#latest .score td .extra,
#latest .score td .pk {
	margin: 0 auto;
	width: 90%;
	border-top: 1px dotted #fff;
}

#latest ul.btn { width: 350px; }

/* ------------------------------------------------------------------------
	next
------------------------------------------------------------------------ */
#next {
	padding: 30px 0 40px;
	background: #65aadd;
}

#next h2 {
	margin-bottom: 30px;
	padding: 10px 0;
	background: #004471;
}

#next ul.btn { width: 350px; }

#next .swiper-container {
	margin-bottom: 20px;
	padding-bottom: 35px;
	width: 86%;
	transition:opacity .6s ease;
}

#next .swiper-slide {
	position: relative;
	overflow: hidden;
	padding-bottom: 20px;
	text-align: left;
	width: 520px;
	height: 220px;
	background-color: #fff;
	background-position: center;
	background-size: cover;
	opacity: 0.5;
	pointer-events: none;
}

#next .swiper-slide h3 {
	position: relative;
	padding: 10px 0 10px 15px;
	color: #fff;
	font-size: 123%;
	font-weight: bold;
	background: #004471;
}

#next .swiper-slide h3 span {
	position: absolute;
	padding: 10px 6% 10px 0;
	display: block;
	text-align: right;
	top: 0;
	right: 0;
	width: 20%;
}

#next .swiper-slide h3 span.home { background: url(../../images/module/top/next_bg.png) no-repeat 0 0; }
#next .swiper-slide h3 span.away { background: url(../../images/module/top/away_bg.png) no-repeat 0 0; }

#next .swiper-slide .emblem {
	float: left;
	margin: 10px 0 0 20px; 
	max-width: 127px;
	max-height: 130px;
}

#next .swiper-slide dl {
	float: right;
	padding: 20px;
	width: 62%;
}

#next .swiper-slide dt {
	font-size: 177%;
	font-weight: bold;
}

#next .swiper-slide dd.date {
	color: #f15a24;
	font-size: 154%;
	font-weight: bold;
}

#next .swiper-slide dd.date span { font-size: 150%; }

#next .swiper-slide dd.point {
	margin-left: 30px;
	margin-bottom: 10px;
	font-size: 123%;
	text-indent: -30px;
}

#next .swiper-slide ul.btn {
	position: absolute;
	margin: 0;
	width: 200px;
	bottom: 20px;
}

#next .swiper-slide ul.btn li a { background: #f7931e; }
#next .swiper-slide ul.btn li a:hover { background: #c1272d; }

#next .swiper-slide-active {
	opacity: 1;
	pointer-events: auto;
}

/* ------------------------------------------------------------------------
	ranking
------------------------------------------------------------------------ */
#ranking {
	padding: 30px 0 70px;
	color: #fff;
	text-align: center;
	background: url(../../images/common/ranking_back.jpg) bottom center / cover no-repeat;
}

#ranking h2 {
	margin-bottom: 70px;
	padding: 10px 0;
	background: #004471;
}

#ranking  dl {
	margin: 0 auto;
	width: 800px;
	display: table;
}
#ranking dl dt,
#ranking dl dd {
	display: table-cell;
	vertical-align: middle;
}

#ranking dl dt,
#ranking dl dd.rank { width: 252px; }

#ranking dl dd.update {
	line-height: 1.8;
	width: 296px;
}

#ranking dl dd.update strong,
#ranking dl dd.update span { display: block; }

#ranking dl dd.update strong { font-size: 169%;}

#ranking dl dd.rank {
	text-align: left;
	font-size: 177%;
}

#ranking dl dd.rank strong { font-size: 304%; }

/* ------------------------------------------------------------------------
	schedule
------------------------------------------------------------------------ */
#schedule {
	padding: 20px 0 30px;
	background: url(../../images/module/top/schedule_bg.gif) top center / cover no-repeat;
}

#schedule h2 { margin-bottom: 35px; }

#schedule ul.list {
	margin: 0 auto 20px;
	width: 980px;
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: space-between;
}

#schedule ul.list li {
	padding: 1px;
	width: 24.5%;
	background: #fff;
}

#schedule ul.list li dt {
	color: #fff;
	text-align: center;
	line-height: 1.6;
	font-size: 200%;
	background: #65aadd;
}

#schedule ul.list li.sat dt { background: #507eff; }
#schedule ul.list li.sun dt { background: #ffabbb; }
#schedule ul.list li.holiday dd { text-align: center; }

#schedule ul.list li dd strong {
	display: block;
	color: #999;
	text-align: center;
	font-size: 154%;
}

#schedule ul.list li dt span { font-size: 50%; }

#schedule ul.list li dd {
	padding: 8px 10px 50px;
	line-height: 2;
}

#schedule ul.list li dd span {
	display: block;
	margin-bottom: 5px;
	color: #fff;
	text-align: center;
	width: 42%;
	border-radius: 5px;
}

#schedule ul.list li dd span.game { background: #dd0000; }
#schedule ul.list li dd span.practice { background: #002cce; }
#schedule ul.list li dd span.home { background: #009245; }
#schedule ul.list li dd span.media { background: #00c0f4; }
#schedule ul.list li dd span.birth { background: #e800d8; }
#schedule ul.list li dd span.office { background: #f6ab00; }

#schedule ul.btn { width: 350px; }

/* ------------------------------------------------------------------------
	sns
------------------------------------------------------------------------ */
#sns {
	padding: 50px 0 20px;
	color: #fff;
	text-align: center;
	background: url(../../images/common/sns_back.jpg) bottom center / cover no-repeat;
}

#sns ul.sns {
	margin: 0 auto;
	width: 980px;
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: space-between;
}

#sns ul.sns > li { margin-bottom: 50px; }

#sns ul.sns li:nth-child(1),
#sns ul.sns li:nth-child(2),
#sns ul.sns li:nth-child(4) { width: 300px; }
#sns ul.sns li:nth-child(3) { width: 200px; }
#sns ul.sns li:nth-child(5) { width: 600px; }

#sns ul.sns dt {
	margin-bottom: 15px;
	text-align: center;
	font-size: 123%;
}

#sns ul.sns dt img { margin-bottom: 20px; }
#sns ul.sns dt span { display: block; }

#sns ul.sns dt span a {
	color: #fff;
	text-decoration: underline;
}

#sns ul.sns dt span a:hover { text-decoration: none; }

#sns ul.sns dd.img { margin-bottom: 10px; }

#sns ul.sns dd.img img {
	max-width: 300px;
	max-height: 200px;
}

#sns ul.sns li:nth-child(3) dd.img img { max-width: 200px; }

#sns ul.sns dd.read {
	line-height: 1.8;
	text-align: left;
}

#sns ul.sns dd.read a {
	color: #fff;
	text-decoration: underline;
}

#sns ul.sns dd.read a:hover { text-decoration: none; }

#sns ul.sns dd.read ul { margin-top: 10px; }

#sns ul.sns dd.read li {
	margin-left: 20px;
	margin-bottom: 5px;
	text-indent: -20px;
}

/* ------------------------------------------------------------------------
	players
------------------------------------------------------------------------ */
#players {
	padding: 30px 0 40px;
	text-align: center;
}

#players h2 {
	margin-bottom: 30px;
	padding: 10px 0;
	background: #65aadd;
}

#players .swiper-container {
	margin: 0 auto;
	padding-bottom: 40px;
	width: 90%;
	background: url(../../images/module/top/logo_bg.png) top center no-repeat;
}

#players .swiper-slide {
	width: 20%;
	opacity: 0.5;
	transition: all .1s ease;
}

#players .swiper-slide dl { padding-top: 50px; }

#players .swiper-slide dt { margin-bottom: 15px; }
#players .swiper-slide dt img { max-height: 450px; }

#players .swiper-slide dd {
	color: #65a9dc;
	line-height: 1.2;
	font-size: 123%;
	font-weight: bold;
}

#players .swiper-slide dd span {
	display: block;
	color: #004471;
	font-size: 144%;
}

#players .swiper-slide-active { opacity: 1; }

#players .swiper-slide-active dl { padding-top: 0; }

#players .swiper-slide-active dt img { max-height: 650px !important; }

#players .swiper-slide-active dd { font-size: 156%; }
#players .swiper-slide-active dd span { font-size: 140%; }

#players .swiper-pagination-bullet { background: #ccc; }

#players .swiper-button-prev {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
   transform:translateX(-50px);
}

#players .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	transform:translateX(50px);
}

/* ------------------------------------------------------------------------
	bnr
------------------------------------------------------------------------ */
#bnr {
	padding: 40px 0 5px;
	background: #65aadd;
}

#bnr .swiper-container {
	margin-bottom: 20px;
	padding-bottom: 35px;
	width: 52%;
	transition:opacity .6s ease;
}

#bnr .swiper-slide {
	overflow: hidden;
	width: 300px;
	background-color: #fff;
	background-position: center;
	background-size: cover;
	opacity: 0.7;
	pointer-events: none;
}

#bnr .swiper-slide-active {
	opacity: 1;
	pointer-events: auto;
}

/*----------------------------------------------------------------------------------------------------------------- SP ----*/
@media screen and (max-width: 1200px) {
/* ------------------------------------------------------------------------
	swiper
------------------------------------------------------------------------ */
header .swiper-container {
	overflow: hidden;
	margin: 0;
	padding-bottom: 20px;
	width: 100%;
	height: 50vw;
}
}

/*----------------------------------------------------------------------------------------------------------------- SP ----*/
@media screen and (max-width: 768px) {
	
h2 { font-size: 169%; }

header {
	overflow: visible;
	padding-bottom: 0;
}

/* ------------------------------------------------------------------------
	swiper
------------------------------------------------------------------------ */
header .swiper-slide {
	padding-bottom: 25px;
	width: 100%;
	height: auto;
}

header .swiper-pagination {
	opacity: 0.7;
	bottom: 0px !important;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 2px;
	width: 8px;
	height: 8px;
}

/* ------------------------------------------------------------------------
	news
------------------------------------------------------------------------ */
#news { padding: 5px 0 0; }

#news h2 { margin-bottom: 8px; }

.news {
	padding: 2% 2% 30px;
	width: 96%;
}

.news ul.tab { padding-bottom: 3px; }

.news ul.tab li {
	margin-bottom: 5px;
	padding: 5px 0;
	font-size: 85%;
	width: 25%;
}

.news ul.tab li.active a {
	color: #fff;
	background: #65aadd;
}

.news dl {
	padding: 0 5px;
	min-height: inherit;
}

.news dt,
.news dd {
	width: 100%;
	border: none;
}

.news dt {
	position: relative;
	padding: 0;
	color: #fff;
	background: #65aadd;
}

.news dt span {
	width: 30%;
	border-radius: 0;
}

.news dd {
	margin-bottom: 5px;
	padding: 2px 0;
}

.news dd span {
	display: block;
	margin-right: 5px;
	width: 40px;
}

.news dd p {
	display: block;
	width: 83%;
}

.news dd span img { max-width: 40px; }

/* ------------------------------------------------------------------------
	latest
------------------------------------------------------------------------ */
#latest { padding: 20px 0 40px; }

#latest h3,
#latest p.schedule { font-size: 123%; }

#latest .match {
	margin: 0 auto 20px;
	padding: 15px 2%;
	width: 96%;
}

#latest .match figure { padding-bottom: 20px; }
#latest .match figure figcaption { font-size: 108%; }

#latest .match figure img { width: 100%; }

#latest .score td { font-size: 123%; }
#latest .score td.point { font-size: 462%; }

#latest .score p { font-size: 85%; }

#latest ul.btn { width: 80%; }

/* ------------------------------------------------------------------------
	next
------------------------------------------------------------------------ */
#next { padding: 20px 0 40px; }

#next .swiper-slide {
	width: 100%;
	height: auto;
}

#next .swiper-slide h3 { font-size: 85%; }

#next .swiper-slide h3 span {
	padding: 10px 1% 10px 0;
	width: 22%;
}

#next ul.btn { width: 80%; }

#next .swiper-slide .emblem {
	float: left;
	margin: 10px 0 0 10px; 
	max-width: 70px;
	max-height: 100px;
}

#next .swiper-slide dl {
	float: right;
	padding: 10px;
	width: 60%;
}

#next .swiper-slide dt { font-size: 115%; }
#next .swiper-slide dd.date { font-size: 85%; }
#next .swiper-slide dd.date span { font-size: 123%; }

#next .swiper-slide dd.point {
	font-size: 100%;
	text-indent: -24px;
}

#next .swiper-slide dd.point img { width: 12px; }

#next .swiper-slide ul.btn {
	width: 50%;
	bottom: 10px;
}

#next .swiper-pagination { bottom: 0 !important; }

/* ------------------------------------------------------------------------
	ranking
------------------------------------------------------------------------ */
#ranking {
	padding: 20px 0 30px;
	/** background: url(../../images/common/ranking_back.jpg) bottom left / cover no-repeat; **/
}

#ranking h2 { margin-bottom: 30px; }

#ranking  dl {
	margin: 0 auto;
	text-align: center;
	width: 96%;
	display: block;
}
#ranking dl dt,
#ranking dl dd {
	display: block;
	vertical-align: auto;
}

#ranking dl dt {
	margin-bottom: 20px;
	width: 100%;
}

#ranking dl dd.rank,
#ranking dl dd.update { width: 100%; }

#ranking dl dd.rank {
	text-align: center;
	font-size: 135%;
}

#ranking dl dd.rank strong { font-size: 278%; }

/* ------------------------------------------------------------------------
	schedule
------------------------------------------------------------------------ */
#schedule { padding: 15px 0 30px; }

#schedule h2 { margin-bottom: 10px; }

#schedule ul.list {
	margin: 0 auto 20px;
	width: 90%;
}

#schedule ul.list li { width: 100%; }

#schedule ul.list li dt { font-size: 169%; }

#schedule ul.list li dd { padding: 8px 10px 30px; }

#schedule ul.list li.holiday dd strong { font-size: 138%; }

#schedule ul.btn { width: 80%; }

/* ------------------------------------------------------------------------
	sns
------------------------------------------------------------------------ */
#sns {
	padding: 50px 0 0;
	background: url(../../images/common/sns_back.jpg) bottom left / cover no-repeat;
}

#sns iframe { display: block; }

#sns ul.sns { width: 94%; }

#sns ul.sns > li { margin-bottom: 25px; }

#sns ul.sns li:nth-child(1),
#sns ul.sns li:nth-child(2),
#sns ul.sns li:nth-child(3),
#sns ul.sns li:nth-child(4) { width: 48%; }

#sns ul.sns li:nth-child(5) { width: 100%; }

#sns ul.sns dt {
	margin-bottom: 10px;
	text-align: center;
	font-size: 100%;
}

#sns ul.sns dt img { margin-bottom: 5px; }

#sns ul.sns dd.img img {
	max-width: 100%;
	max-height: 200px;
}

#sns ul.sns li:nth-child(3) dd.img img { max-width: 100%; }

#sns ul.sns li:nth-child(5) dd {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#sns ul.sns li:nth-child(5) iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

#sns ul.sns dd.read { font-size: 85%; }

#sns ul.sns dd.read li { width: auto; }

/* ------------------------------------------------------------------------
	players
------------------------------------------------------------------------ */
#players { padding: 20px 0 40px; }

#players .swiper-container {
	padding-bottom: 75px;
	background: url(../../images/module/top/logo_bg.png) top center no-repeat;
	background-size: 100%;
}

#players .swiper-slide { width: 100%; }

#players .swiper-slide dl { padding-top: 0; }

#players .swiper-slide dt img { max-height: 450px !important; }

#players .swiper-slide dd { font-size: 115%; }

#players .swiper-slide dd span { font-size: 138%; }

#players .swiper-slide-active dd { font-size: 123%; }
#players .swiper-slide-active dd span { font-size: 138%; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 9px 5px !important; }

/* ------------------------------------------------------------------------
	bnr
------------------------------------------------------------------------ */
#bnr { padding: 30px 0 10px; }

#bnr .swiper-container {
	margin: 0 auto 10px;
	padding-bottom: 25px;
	width: 90%;
}

#bnr .swiper-slide { max-width: 300px; }

#bnr .swiper-pagination { bottom: 0px !important; }

}