@charset"utf-8";

/* reset */
#footer_partner,
#footer_partner2
#footer_partner3{display:none;}
footer#footer                  {padding-top:0!important;}
footer#footer div#footer_links {margin-top:0!important;}

/* .main_contents */
.main_contents {padding-top:0;}
.main_contents h2 {font-size:32px;color:#ed6c00;padding:25px 0 16px 0;border-bottom:#ccc 1px solid;}
.main_contents h2 span {font-size:14px;margin-left:15px;}
.main_contents #bread {color:#999;padding:8px 0 7px 0;border-bottom:#ccc 1px solid;}
.main_contents #bread span {color:#505050;}
.main_contents #bread a:link,
.main_contents #bread a:visited {color:#333; text-decoration:none;}
.main_contents #bread a:hover,
.main_contents #bread a:active {color:#ed6c00; text-decoration:none;}

.main_contents #singleArea {
  width:100%;
  margin:5px auto;
} 
.main_contents #singleArea img {
  width:100%;
  vertical-align:bottom;
}
.main_contents  #containerArea {
	width:100%;
	padding-top:30px;
	position:relative;
}
.main_contents  #containerArea #container {
	width:640px;
	float:left;
  min-height:600px;
}

/* .main_contents #container */

.main_contents #container h3 {
  font-size:20px;
  line-height:24px;
  color:#ed6c00;
  font-weight:normal;
  margin-bottom:18px;
}
.main_contents #container h4 {font-size:15px;line-height:18px;color:#fff;font-weight:normal;background:#ed6c00;margin: 10px 0;padding:9px 10px 7px 10px;position:relative;}
.main_contents #container h4 span.withimage{display:inline-block;line-height:30px!important;margin-bottom:0;}
.main_contents #container h4 span.withimage img{padding-right:5px;}
.main_contents #container h5 {
  font-size:15px;
  line-height:18px;
  color:#f60;
  font-weight:bold;
  margin: 15px 0 10px;
}
.main_contents  #container h5.thin {
  margin: 5px 0;
}
.main_contents  #container h5.thin a {
  color: #f60;
  text-decoration: none;
}

.main_contents #container .textB20 {
	font-size:12px; line-height:16px;
	margin:0 auto 17px auto;
}

.main_contents .buttonOne{margin:10px 0 10px;padding:7px 0 6px 0;font-size:13px;text-align:center;}
.main_contents .buttonOne a{padding:6px 30px 5px 30px;}
.main_contents .buttonOne a:link,
.main_contents .buttonOne a:visited{color:#333!important;text-decoration:none;border:#ccc 1px solid;background:#fff url(/common/images/common/icon/more_pc.gif) no-repeat;}
.main_contents .buttonOne a:hover,
.main_contents .buttonOne a:active{color:#fff!important;text-decoration:none;border:#ed6c00 1px solid;background:#ed6c00 url(/common/images/common/icon/more_pc.gif) 0 -28px no-repeat;}

.main_contents .buttonOne a.navy:link,
.main_contents .buttonOne a.navy:visited{color:#fff!important;background-color:#004077;}
.main_contents .buttonOne a.navy:hover,
.main_contents .buttonOne a.navy:active{background:#ed6c00 url(/common/images/common/icon/more_pc.gif) 0 -28px no-repeat;}


.main_contents .buttonOne a.tall{height:42px;font-size:28px;line-height:42px;vertical-align:middle;}
.main_contents .buttonOne a.tall:link,
.main_contents .buttonOne a.tall:visited{background-image:url(/common/images/common/icon/more_pc_tall.gif);background-position:0 12px;background-repeat:no-repeat;}
.main_contents .buttonOne a.tall:hover,
.main_contents .buttonOne a.tall:active{background:#ed6c00 url(/common/images/common/icon/more_pc_tall.gif) 0 -50px no-repeat;}
.main_contents .buttonOne a.tall img{vertical-align:middle;}
.main_contents .buttonOne a.tall.navy:link,
.main_contents .buttonOne a.tall.navy:visited{color:#fff!important;background-color:#004077;}
.main_contents .buttonOne a.tall.navy:hover,
.main_contents .buttonOne a.tall.navy:active{background:#ed6c00 url(/common/images/common/icon/more_pc_tall.gif) 0 -50px no-repeat;}

.main_contents .buttonOne a.tall.orange:link,
.main_contents .buttonOne a.tall.orange:visited{color:#fff!important;background-color:#ed6c00;}
.main_contents .buttonOne a.tall.orange:hover,
.main_contents .buttonOne a.tall.orange:active{background:#004077 url(/common/images/common/icon/more_pc_tall.gif) 0 -50px no-repeat;}

.main_contents .buttonOne a.tall.multiline{display:block;height:auto!important;background-image:url(/common/images/common/icon/more_pc_tall_multi.gif)!important;background-position:0 center!important;}
.main_contents .buttonOne a.tall.multiline:hover,
.main_contents .buttonOne a.tall.multiline:active{background-image:url(/common/images/common/icon/more_pc_tall_multi.gif)!important;background-position:0 center!important;}

@media only screen and (max-width: 480px) {
  .main_contents .buttonOne a.tall.spnormal{height:auto;padding:6px 10px 5px 30px;font-size:13px;line-height:17px;background-image:url(/common/images/common/icon/more_sp.gif)!important;background-position:0!important;background-size:22px 28px!important;text-align:left!important;}
  .main_contents .buttonOne a.tall.spnormal img{width:14px!important;vertical-align:top!important;}

  .main_contents .buttonOne a.tall.multiline{display:block;height:auto!important;background-image:url(/common/images/common/icon/more_pc_tall_multi.gif)!important;background-position:0 center!important;background-size:auto!important;line-height:1.3rem;font-size:13px;}
	.main_contents .buttonOne a.tall.multiline:hover,
	.main_contents .buttonOne a.tall.multiline:active{background-image:url(/common/images/common/icon/more_pc_tall_multi.gif)!important;background-position:0 center!important;background-size:auto!important;}
}

/* .imageArea */
.main_contents .imageArea {
	width:640px;
	overflow:hidden;
}
.main_contents .imageArea ul{
	width:660px;
}
.main_contents .imageArea li{
	width:310px;
	font-size:13px; line-height:17px;
}
.main_contents .imageArea li.image1 {
	padding:0 10px 20px 0;
	float:left;
}
.main_contents .imageArea li.image2 {
	padding:0 0 20px 10px;
	float:left;
}
.main_contents .imageArea li img{width:100%;}

.main_contents .imageArea .items li   {display:inline-block;width:49%;margin-right:1%;text-align:center;}
.main_contents .imageArea .items li a {display:block;width:100%;margin:10px 0;}


.main_contents .buttonArea ul,
.main_contents .linkArea ul{
  width:650px;
  letter-spacing:-.40em;
}
.main_contents .buttonArea li,
.main_contents .linkArea li{
  width:315px;
  padding:0 10px 8px 0;
  font-size:13px; line-height:17px;
  display:inline-block;
  letter-spacing:normal;
  vertical-align:top;
}
.main_contents .buttonArea li a {
  padding: 6px 10px 5px 30px;
  display: block;
}
.main_contents .linkArea li a {
  display: block;
}
.main_contents .buttonArea li a:link,
.main_contents .buttonArea li a:visited {
  color:#333; text-decoration:none;
  border:#ccc 1px solid;
  background:#fff url(/common/images/common/icon/more_pc.gif) no-repeat;
}
.main_contents .buttonArea li a:hover,
.main_contents .buttonArea li a:active {
  color:#fff; text-decoration:none;
  border:#ed6c00 1px solid;
  background:#ed6c00 url(/common/images/common/icon/more_pc.gif) 0 -28px no-repeat;
}
@media only screen and (min-width: 481px) and (max-width: 1120px) {
  .main_contents #singleArea {width:92.8%;}
  .main_contents h2 {font-size:28px;padding:24px 0 16px 4.3%;}
  .main_contents h2 span {font-size:13px;margin-left:10px;}
	.main_contents #containerArea {padding-top:18px;}
	.main_contents #containerArea #container {width:100%;float:none;min-height:auto;}
  .main_contents .buttonArea,
  .main_contents .linkArea {width:92.8%;margin:0 auto;}
  .main_contents .buttonArea ul,
  .main_contents .linkArea ul{width:100%;}
  .main_contents .buttonArea li,
  .main_contents .linkArea li{width:50%;padding:0 5px 8px 0;box-sizing:border-box;}
  .main_contents .buttonArea li:nth-child(even),
  .main_contents .linkArea li:nth-child(even){padding:0 0 8px 5px;}
  .main_contents .buttonArea li a:link,
  .main_contents .buttonArea li a:visited {background-color:#fff;background-image:url(/common/images/common/icon/more_sp.gif);background-size:22px 28px;background-repeat:no-repeat;}
  .main_contents .buttonArea li a:hover,
  .main_contents .buttonArea li a:active {background:#ed6c00 url(/common/images/common/icon/more_pc.gif) 0 -28px no-repeat;}
  .main_contents .imageArea {width:92.8%;margin:0 auto;}
  .main_contents .imageArea ul{width:100%;}
  .main_contents .imageArea li{width:50%;box-sizing:border-box;}
  .main_contents #container h3{margin-left:3.6%;}
  .main_contents #container h4{margin:0 3.6%;}
  .main_contents #container .textB20 {width:92.8%;}
  .main_contents #container p{margin:0 3.6%;}
}
@media only screen and (max-width: 480px) {
  .main_contents #singleArea {width:94%;}
  .main_contents h2 {font-size:18px;padding:13px 0 9px 3.1%;}
  .main_contents h2 span {font-size:12px;margin-left:8px;}
	.main_contents #containerArea {padding-top:8px;}
	.main_contents #containerArea #container {width:100%;float:none;min-height:auto;}
  .main_contents .buttonArea,
  .main_contents .linkArea {width:94%;margin:0 auto 15px auto;}
  .main_contents .buttonArea ul,
  .main_contents .linkArea ul{width:100%;}
  .main_contents .buttonArea li,
  .main_contents .linkArea li{width:100%;padding:0 0 5px 0;float:none;}
  .main_contents .buttonArea li a:link,
  .main_contents .buttonArea li a:visited {background-color:#fff;background-image:url(/common/images/common/icon/more_sp.gif);background-size:22px 28px;background-repeat:no-repeat;}
  .main_contents .buttonArea li a:hover,
  .main_contents .buttonArea li a:active {background:#ed6c00 url(/common/images/common/icon/more_pc.gif) 0 -28px no-repeat;}
  .main_contents .imageArea {width:94%;margin:0 auto;padding-bottom:10px;}
  .main_contents .imageArea ul{width:100%;}
  .main_contents .imageArea li {width:100%;}
  .main_contents .imageArea li.image1,
  .main_contents .imageArea li.image2 {padding:0 0 10px 0;float:none;}
  .main_contents #container h3{font-size:16px; line-height:20px;padding:0 3.1%;margin-bottom:7px;}
  .main_contents #container h4{padding:9px 3% 7px 3%;}
  .main_contents #container .textB20 {font-size:12px; line-height:16px;padding:0 3%;margin-bottom:17px;}
  .main_contents #container p{margin:0 3.6%;word-break:break-all;}
}
@media only screen and (max-width: 1120px) {
  .main_contents {padding-top:0;}
  .main_contents #bread {display:none;}
}
.main_contents p.indent {padding-left:1em;text-indent:-1em;}
.main_contents .orange {color:#ed6c00;}

/* #container .box_list
-------------------------------------------------------------------------- */
.main_contents #container .box_list {
	width:640px;
	overflow:hidden;
}
.main_contents #container .box_list ul {
	width:660px;
	letter-spacing:-.40em;
}
.main_contents #container .box_list li {
	width:310px;
	padding:0 19px 20px 0;
	display:inline-block; letter-spacing:normal; vertical-align:top;
}
.main_contents #container .box_list .box_wrapper{
	cursor:pointer;
}
.main_contents #container .box_list .box_photo {
	padding:4px; margin-bottom:5px;
	background:#fff;
	border:#ccc 1px solid;
}
.main_contents #container .box_list .box_photo img {
	width:100%;
	vertical-align:bottom;
}
.main_contents #container .box_list .box_title {
	font-size:13px; line-height:17px; text-align:center;
}
.main_contents #container .box_list .box_title a {
	padding:6px 25px 5px 25px;
	display:block;
}
.main_contents #container .box_list .box_title a {
	color:#333; text-decoration:none;
	border:#ccc 1px solid;
	background:#fff url(/images/common/icon/more_pc.gif) no-repeat;
}
.main_contents #container .box_list .hover .box_title a {
	color:#fff; text-decoration:none;
	border:#ed6c00 1px solid;
	background:#ed6c00 url(/images/common/icon/more_pc.gif) 0 -28px no-repeat;
}
.main_contents #container .box_list .hover .box_photo {
	background:#ed6c00;
	border:#ed6c00 1px solid;
}
@media only screen and (min-width: 481px) and (max-width: 1120px) {
	.main_contents #container .box_list {
		width:92.8%;
		margin:0 auto;
	}
	.main_contents #container .box_list ul{
		width:100%;
	}
	.main_contents #container .box_list li{
		width:50%;
		padding:0 10px 20px 0;
		box-sizing:border-box;
	}
	.main_contents #container .box_list li:nth-child(even){
		padding:0 0 20px 10px;
	}
	.main_contents #container .box_list .box_title a {
		background-color:#fff;
		background-image:url(/images/common/icon/more_sp.gif);
		background-size:22px 28px;
		background-repeat:no-repeat;
	}
	.main_contents #container .box_list .hover .box_title a {
		background:#ed6c00 url(/images/common/icon/more_pc.gif) 0 -28px no-repeat;
	}
} 
@media only screen and (max-width: 480px) {
	.main_contents #container .box_list {
		width:94%;
		margin:0 auto;
	}
	.main_contents #container .box_list ul{
		width:100%;
	}
	.main_contents #container .box_list li{
		width:100%;
		padding:0 0 15px 0;
		display:block;
	}
	.main_contents #container .box_list .box_title a {
		background-color:#fff;
		background-image:url(/images/common/icon/more_sp.gif);
		background-size:22px 28px;
		background-repeat:no-repeat;
	}
	.main_contents #container .box_list .hover .box_title a {
		background:#ed6c00 url(/images/common/icon/more_pc.gif) 0 -28px no-repeat;
	}
}

/* #container .share
-------------------------------------------------------------------------- */
.main_contents #container .share {width:230px;height:32px;margin:16px auto 0 auto;}
.main_contents #container .share li{float:left;}
.main_contents #container .share {zoom:1;}
.main_contents #container .share:after {content:"";display:block;clear:both;}
/* .main_contents #sideArea */
#sideArea {width:310px;float:right;}
#sideArea2{width:310px;float:right;}
.match_side_banner    {margin:10px auto;text-align:center;}
.match_side_banner img{max-width:100%;}
@media only screen and (max-width: 480px){
  .match_side_banner a{display:block;width:94%!important;padding:0 3%!important;}
}
/*see more theme.css */

#categoryLink,
#positionLink       {width:970px; padding-bottom:12px; overflow:hidden; clear:both;}
#categoryLink ul,
#positionLink ul    {width:978px;}

#categoryLink li    {width:155px; height:25px; padding:0 8px 8px 0; text-align:center; float:left; position:relative;}
#positionLink li    {width: 18%; height:25px; padding:0 1.5% 8px 0; text-align:center; float:left; position:relative;}

#categoryLink li a  {width:153px; height:15px; padding:5px 0 3px 0; line-height:15px; border:#cccccc 1px solid; display:block;}
#positionLink li a  {width:100%; height:15px; padding:5px 0 3px 0; line-height:15px; border:#cccccc 1px solid; display:block;}

#positionLink li img{position:absolute; left:7px; top:3px;}
#categoryLink li img{position:absolute; left:7px; top:7px;}

#categoryLink a:link,
#categoryLink a:visited,
#positionLink a:link,
#positionLink a:visited {color:#333333; text-decoration:none;}
#categoryLink a:hover,
#categoryLink a:active,
#positionLink a:hover,
#positionLink a:active {color:#ed6c00; text-decoration:none;}
#categoryLink .active a:link,
#categoryLink .active a:visited,
#positionLink .active a:link,
#positionLink .active a:visited {color:#ed6c00; text-decoration:none;}
#categoryLink .active a:hover,
#categoryLink .active a:active,
#positionLink .active a:hover,
#positionLink .active a:active {color:#ed6c00; text-decoration:none;}

#entryListArea                     {width:970px; padding-bottom:10px; overflow:hidden;}
#entryListArea640,
#entryListArea640m                 {width:640px; padding-bottom:10px; overflow:hidden;}
#entryListArea ul                  {width:990px;}
#entryListArea640 ul,
#entryListArea640m ul               {width:640px;}
#entryListArea li.box              {width:310px; margin:0; padding:0 20px 20px 0; float:left; cursor:pointer;}
#entryListArea li.playerbox        {width:220px; margin:0; padding:0 20px 20px 0; float:left; cursor:pointer;}
#entryListArea li.supporterbox     {width:460px; margin:0; padding:0 20px 20px 0; float:left; cursor:pointer;}
#entryListArea640 li.box,
#entryListArea640 li.playerbox     {width:200px; margin:0; padding:0 10px 20px 0; float:left; cursor:pointer;}
#entryListArea640m li.box          {width:150px; margin:0 0 10px 0; padding:0 10px 5px 0; float:left; cursor:pointer;}
#entryListArea li.nolink,
#entryListArea640 li.nolink        {cursor: default!important;}
#entryListArea640 p.bottom         {margin: -25px 0 0!important;text-align: right;padding: 5px 10px;color: #fff;background-color: #003f76;font-size: 12px;line-height: 14px;}

#entryListArea div.box_wrapper,
#entryListArea640 div.box_wrapper,
#entryListArea640m div.box_wrapper {border:solid 1px #ccc; padding:4px; position:relative;}

#entryListArea div.box_image,
#entryListArea640 div.box_image,
#entryListArea640m div.box_image   {display:block;}

#entryListArea li.playerbox .box_wrapper {border:none;}
#entryListArea li.playerbox .box_image img {width: 100%;}

#entryListArea div.box_image img,
#entryListArea640 div.box_image img,
#entryListArea640m div.box_image img {vertical-align:bottom;}
#entryListArea dl.box_detail,
#entryListArea640 dl.box_detail,
#entryListArea640 dl.playerbox_detail {margin:0 10px; padding:10px 0 40px 0;}
#entryListArea640m dl.box_detail      {margin:0; padding:5px 0 10px 0;}
#entryListArea dl.playerbox_detail    {margin:0 10px; padding:10px 0;}
#entryListArea dt.box_title,
#entryListArea640 dt.box_title     {font-size:14px; line-height:18px;}
#entryListArea640m dt.box_title    {font-size:12px; line-height:18px;}
#entryListArea dd.box_category,
#entryListArea640 dd.box_category  {position:absolute; left:14px; bottom:11px; font-size:12px;}
#entryListArea dd.box_category img,
#entryListArea640 dd.box_category img {position:relative; top:2px; margin-right:5px;}
#entryListArea dd.box_time,
#entryListArea640 dd.box_time      {position:absolute; right:14px; bottom:11px; font-size:12px;}
#entryListArea div.hover,
#entryListArea640 div.hover        {background:#ed6c00; border:solid 1px #ed6c00;}

#entryListArea640 dt.box_title p {margin-top: 10px;}

#entryListArea dl.box_detail dt a:link,
#entryListArea dl.box_detail dt a:visited,
#entryListArea dl.box_detail dt a:hover,
#entryListArea dl.box_detail dt a:active,
#entryListArea dl.playerbox_detail dt a:link,
#entryListArea dl.playerbox_detail dt a:visited,
#entryListArea dl.playerbox_detail dt a:hover,
#entryListArea dl.playerbox_detail dt a:active,
#entryListArea640 dl.playerbox_detail dt a:link,
#entryListArea640 dl.playerbox_detail dt a:visited,
#entryListArea640 dl.playerbox_detail dt a:hover,
#entryListArea640 dl.playerbox_detail dt a:active,
#entryListArea640 dl.box_detail dt a:link,
#entryListArea640 dl.box_detail dt a:visited,
#entryListArea640 dl.box_detail dt a:hover,
#entryListArea640 dl.box_detail dt a:active {color:#1e1e1e; text-decoration:none;}

#entryListArea div.hover dl.box_detail dt a:link,
#entryListArea div.hover dl.box_detail dt a:visited,
#entryListArea div.hover dl.box_detail dt a:hover,
#entryListArea div.hover dl.box_detail dt a:active,
#entryListArea div.hover dl.playerbox_detail dt a:link,
#entryListArea div.hover dl.playerbox_detail dt a:visited,
#entryListArea div.hover dl.playerbox_detail dt a:hover,
#entryListArea div.hover dl.playerbox_detail dt a:active,
#entryListArea640 div.hover dl.playerbox_detail dt a:link,
#entryListArea640 div.hover dl.playerbox_detail dt a:visited,
#entryListArea640 div.hover dl.playerbox_detail dt a:hover,
#entryListArea640 div.hover dl.playerbox_detail dt a:active,
#entryListArea640 div.hover dl.box_detail dt a:link,
#entryListArea640 div.hover dl.box_detail dt a:visited,
#entryListArea640 div.hover dl.box_detail dt a:hover,
#entryListArea640 div.hover dl.box_detail dt a:active {color:#fff; text-decoration:none;}

#entryListArea div.hover dd.box_category,
#entryListArea640 div.hover dd.box_category {color:#ffff;}
#entryListArea div.hover dd.box_time,
#entryListArea640 div.hover dd.box_time     {color:#ffff;}

#entryListArea #news_more{width:90%;margin:20px 1%;padding:20px 3%;border:1px solid #ccc;font-size:16px;text-align:center;cursor:pointer;}

@media only screen and (min-width: 481px) and (max-width: 1120px) {
  #categoryLink            {display:none;}

  #positionLink            {width: 100%; padding-bottom:12px; overflow:hidden; clear:both;}
  #positionLink ul         {width: 100%;}
  
  #entryListArea           {width:95.7%; padding:0 0.7% 0 3.6%;}
  #entryListArea640,
  #entryListArea640m       {width:95.7%; padding:10 0.7% 0 3.6%;}
  #entryListArea ul        {width:100%;}
  #entryListArea640 ul,
  #entryListArea640m ul    {width:100%; margin: 10px 3.6% 0 3.6%;}
  #entryListArea li.box    {width:47%; margin:0; padding:0 3% 20px 0;}
  #entryListArea640 li.box,
  #entryListArea640 li.playerbox,
  #entryListArea640m li.box {width:30%; margin:0; padding:0 1% 20px 0;}

  #entryListArea li.playerbox        {width:23.5%; margin:0; padding:0 1% 20px 0; float:left; cursor:pointer;}
  #entryListArea li.supporterbox     {width:50%; margin:0; padding:0 0 20px 0; float:left; cursor:pointer;}
}
@media only screen and (max-width: 480px) {
  #categoryLink            {display:none;}
  #positionLink            {width:98%;padding:0 0 12px 2%;overflow:hidden;clear:both;}
  #positionLink ul         {width: 100%;}
  #positionLink ul li a img{display:none;}

  #entryListArea,
  #entryListArea640,
  #entryListArea640m     {width:98%;padding:0 1%;}
  #entryListArea ul,
  #entryListArea640 ul,
  #entryListArea640m ul  {width:100%;}
  #entryListArea li.box,
  #entryListArea640 li.box,
  #entryListArea640 li.playerbox,
  #entryListArea640m li.box {width:93.8%; margin:0 auto; padding:0 0 15px 0; float:none;}

  #entryListArea li.playerbox        {width:49%; margin:0; padding:0 1% 20px 0; float:left; cursor:pointer;}
  #entryListArea li.supporterbox     {width:98%; margin:0; padding:0 0 20px 0; float:left; cursor:pointer;}
}

h3.positionName   {font-size:24px;line-height:30px;color:#ed6c00;font-weight:normal;margin:10px 0;}

h3.playerName     { font-size:26px; line-height:30px; color:#ed6c00; font-weight:normal; margin-bottom:13px; }
h3.playerName .pos{ margin-right:30px; }
h3.playerName .num{ margin-right:15px; }
h3.playerName .en { font-size:12px; line-height:30px; margin-left:15px; }
@media only screen and (min-width: 481px) and (max-width: 1120px) {
  h3.playerName   { margin-left:3.6%; }
}
@media only screen and (max-width: 480px) {
  h3.positionName   {padding:0 1%;}
  h3.playerName     { font-size:20px; line-height:24px; padding-left:3%; margin-bottom:6px; }
  h3.playerName .pos{ margin-right:25px; }
  h3.playerName .num{ margin-right:10px; }
  h3.playerName .en { font-size:12px; line-height:18px; margin-left:0; display:block; }
}


.matchCategory                {margin-bottom: 20px;}

.matchBox .listBanner         {width:235px;margin:0 auto;}

.matchBox .matchDate a:link,
.matchBox .matchDate a:visited {color:#333; text-decoration:none;}
.matchBox .matchDate a:hover,
.matchBox .matchDate a:active {color:#ed6c00; text-decoration:none;}

.matchBox                     {padding:10px;border:#ccc 1px solid;margin-bottom:5px;}
.matchBox .matchDate          {margin-bottom:10px;position:relative;}
.matchBox .matchDate .matchNo,
.matchBox .matchDate .ha      {display:inline-block;padding: 3px 0; text-align: center;}
.matchBox .matchDate .matchNo {width:70px;border :#ccc 1px solid;}
.matchBox .matchDate .kickoff {display:inline-block; width: 470px; text-align: center;}
.matchBox .matchDate .ha      {width:60px;color:#fff;font-weight:bold;}
.matchBox .matchDate .home{background-color:#ed6c00;}
.matchBox .matchDate .away{background-color:#004077;}
.matchBox .matchDate .premium{position:absolute;width:72px;left:0;bottom:-20px;text-align:center;background-color:#ff4100;color:#fff;}
.matchStatsBox .matchDate .premium{width:72px;text-align:center;background-color:#ff4100;color:#fff;}

.matchBox .team{display:table;width:550px;margin:0 auto 0px;}
.matchBox .team div{padding:5px;display: table-cell;vertical-align:middle;text-align:center;}
.matchBox .team .homeTeam,
.matchBox .team .awayTeam,
.matchBox .team .homeTeamS,
.matchBox .team .awayTeamS{font-size: 16px;width: 150px;}
.matchBox .team .homeTeamS,.matchBox .team .awayTeamS{display: none;}
.matchBox .team .homeTeam,.matchBox .team .homeTeamS{text-align: right;}
.matchBox .team .awayTeam,.matchBox .team .awayTeamS{text-align: left;}
.matchBox .team .result  {font-size: 18px;font-weight: bold; width: 60px;}
.matchBox .team .logo    {width: 60px;}
.matchBox .team .logo img{width: 100%;}
.matchBox .matchLink{width:90%;margin:0 auto 1em;text-align:center;}
.matchBox .matchLink .matchButton{display:inline-block;margin:0 10px;padding:3px 10px;background-color:#fff;color:#505050;border:1px solid #505050;text-decoration:none;}
.matchBox .matchLink .matchButton.gray{border-color:#d6d6d6;background-color:#d6d6d6;color:#fff;cursor:default;}
.matchBox .hashtag {width:100%;text-align:center;font-size:13px;margin-bottom:10px;}
.matchBox .hashtag a{text-decoration:none;}
@media only screen and (max-width: 1120px) and (min-width: 481px) {
  .matchBox                     {padding: 10px 1%; width: 96%;}
  .matchBox .matchDate          {width:100%;}
  .matchBox .matchDate .matchNo,
  .matchBox .matchDate .ha      {width: 10%;}
  .matchBox .matchDate .kickoff {width: 75%;}
  .matchBox .matchDate .premium{width:10%;bottom:-20px;border:1px solid #ff4100;}
  .matchBox .team               {width: 95%;}
  .matchBox .team .homeTeam,
  .matchBox .team .awayTeam     {font-size: 12px; width: 33.5%;}
  .matchBox .team .result       {font-size: 14px; width: 13%;}
  .matchBox .team .logo         {width: 10%;}
}
@media only screen and (max-width: 480px) {
  .matchBox .matchDate .matchNo,
  .matchBox .matchDate .ha      {width: 28%;}
  .matchBox .matchDate.includePremium  .matchNo,
  .matchBox .matchDate.includePremium  .ha      {width: 22%;}
  .matchBox .matchDate .kickoff {width: 40%;}
  .matchBox .matchDate.includePremium .kickoff {width: 52%;}
  .matchBox .matchDate .premium{width:28%;bottom:-20px;border:1px solid #ff4100;}
  .matchBox .matchDate.includePremium .premium{width:22%;}

  .matchBox .team               {width: 95%;}
  .matchBox .team .homeTeam,
  .matchBox .team .awayTeam     {display: none;}
  .matchBox .team .homeTeamS,
  .matchBox .team .awayTeamS    {display: table-cell;font-size: 13px; width: 20%;}
  .matchBox .team .result       {font-size: 10px; width: 13%;}
  .matchBox .team .logo         {width: 15%;}
}


.matchStatsBox .matchDate a:link,
.matchStatsBox .matchDate a:visited {color:#333; text-decoration:none;}
.matchStatsBox .matchDate a:hover,
.matchStatsBox .matchDate a:active {color:#ed6c00; text-decoration:none;}

.matchStatsBox                     {padding: 0 0 10px; margin-bottom: 10px;}
.matchStatsBox .matchDate          {margin-bottom: 10px;}
.matchStatsBox .matchDate .matchNo,
.matchStatsBox .matchDate .kickoff       {display:inline-block; width: 30%; padding: 3px 0; vertical-align: top;}
.matchStatsBox .matchDate .matchNo       {text-align: left;}
.matchStatsBox .matchDate .kickoff       {text-align: right;}
.matchStatsBox .matchDate .match_sponsor {display:inline-block; width: 38%; text-align: center; vertical-align: top;}
.matchStatsBox .matchDate .home {background-color: #ed6c00;}
.matchStatsBox .matchDate .away {background-color: #004077;}

.matchStatsBox .team            {display: table; width:550px; margin: 0 auto;}
.matchStatsBox .team div        {padding: 5px; display: table-cell; vertical-align: middle; text-align: center;}
.matchStatsBox .team .homeTeam,
.matchStatsBox .team .awayTeam,
.matchStatsBox .team .homeTeamS,
.matchStatsBox .team .awayTeamS  {font-size: 16px;width: 150px;}
.matchStatsBox .team .homeTeamS,
.matchStatsBox .team .awayTeamS  {display: none;}
.matchStatsBox .team .homeTeam,
.matchStatsBox .team .homeTeamS {text-align: right;}
.matchStatsBox .team .awayTeam,
.matchStatsBox .team .awayTeamS {text-align: left;}
.matchStatsBox .team .result    {font-size: 18px;font-weight: bold; width: 60px;}
.matchStatsBox .team .logo      {width: 60px;}
.matchStatsBox .team .logo img  {width: 100%;}

.matchStatsBox .score           {display:table;width:550px; margin: 0 auto;}
.matchStatsBox .score div       {display:table-cell;vertical-align:top;padding: 5px;}
.matchStatsBox .score .homeTeam {width: 150px;text-align:right;}
.matchStatsBox .score .awayTeam {width: 150px;text-align:left;}
.matchStatsBox .score .result   {width: 210px;}

.matchStatsBox .hashtag         {width: 100%;text-align: center;font-size: 16px;margin: 10px 0;}
.matchStatsBox .hashtag a       {text-decoration:none;}
.matchStatsBox .hashtag .allow  {display:inline-block;width: 36px;}
.matchStatsBox .hashtag .twitter{display:inline-block;width: 555px;}
.matchStatsBox .hashtag .matchLast a,
.matchStatsBox .hashtag .matchNext a{display:block;width:36px;height:34px;text-indent: -9999px;background-repeat:no-repeat;}
.matchStatsBox .hashtag .matchLast a{background-image:url(/common/images/common/icon/more_prev_pc.gif);}
.matchStatsBox .hashtag .matchNext a{background-image:url(/common/images/common/icon/more_next_pc.gif);}

.matchStatsBox .hashtag .matchLast a:link,
.matchStatsBox .hashtag .matchNext a:link{background-position:0 0;}
.matchStatsBox .hashtag .matchLast a:hover,
.matchStatsBox .hashtag .matchNext a:hover{background-position:0 -34px;}

.matchStatsBox .tv              {width:96%;text-align:center;padding:5px 2%;border:#ccc 1px solid;}
.matchStatsBox .tvBox,
.matchStatsBox .radioBox        {display:none;}


@media only screen and (max-width: 1120px) and (min-width: 481px) {
  .matchStatsBox .matchDate                {width:98%;margin:0 auto 10px;}
  .matchStatsBox .matchDate .match_sponsor {width:38%;}
  .matchStatsBox .team                     {width:98%;}
  .matchStatsBox .score                    {width:98%;margin: 0 auto;}
  .matchStatsBox .score .homeTeam          {width: 40%;}
  .matchStatsBox .score .awayTeam          {width: 40%;}
  .matchStatsBox .score .result            {width: 19%;}
  .matchStatsBox .team .result             {width:20%;font-size: 16px;font-weight: bold;}
  .matchStatsBox .team .homeTeam,
  .matchStatsBox .team .awayTeam           {display:none;}
  .matchStatsBox .team .homeTeamS          {display:table-cell;width:25%;text-align:right;}
  .matchStatsBox .team .awayTeamS          {display:table-cell;width:25%;text-align:left;}

  .matchStatsBox .hashtag             {width: 98%;min-height:44px;position:relative;text-align:center;font-size: 16px;margin: 10px auto;}
  .matchStatsBox .hashtag .allow      {width: 36px;position:absolute;}
  .matchStatsBox .hashtag .twitter    {width:auto;margin: 0 auto;}
  .matchStatsBox .hashtag .matchLast  {top:0;left:0;}
  .matchStatsBox .hashtag .matchNext  {top:0;right:0;}

  .matchStatsBox .tv                  {display:none;}
  .matchStatsBox .tvBox,
  .matchStatsBox .radioBox            {display:block;}

  .matchStatsBox .tvBox table,
  .matchStatsBox .radioBox table      {width: 98%;margin:5px auto;border-top:#ccc 1px solid;border-left: #ccc 1px solid;}
  .matchStatsBox .tvBox th,
  .matchStatsBox .radioBox th         {width:30%;text-align:center;vertical-align:middle;font-weight:normal;background: #f5f5f5;border-bottom: #ccc 1px solid;}
  .matchStatsBox .tvBox td,
  .matchStatsBox .radioBox td         {width:70%;padding: 4px 10px 2px 10px;font-size: 12px;line-height: 16px;border-bottom: #ccc 1px solid;border-right: #ccc 1px solid;}
}
@media only screen and (max-width: 480px) {
  .matchStatsBox .matchDate                {width:98%;margin:0 auto 10px;}
  .matchStatsBox .matchDate .match_sponsor {width:36%;}
  .matchStatsBox .matchDate .year          {display:none;}
  .matchStatsBox .team                     {width:98%;}
  .matchStatsBox .score                    {width:98%;margin: 0 auto;}
  .matchStatsBox .score .homeTeam          {width: 40%;}
  .matchStatsBox .score .awayTeam          {width: 40%;}
  .matchStatsBox .score .result            {width: 19%;}
  .matchStatsBox .team .result             {width:20%;font-size: 16px;font-weight: bold;}
  .matchStatsBox .team .homeTeam,
  .matchStatsBox .team .awayTeam           {display:none;}
  .matchStatsBox .team .homeTeamS          {display:table-cell;width:20%;text-align:right;}
  .matchStatsBox .team .awayTeamS          {display:table-cell;width:20%;text-align:left;}

  .matchStatsBox .hashtag             {width: 98%;min-height:44px;position:relative;text-align:center;font-size: 16px;margin: 10px auto;}
  .matchStatsBox .hashtag .allow      {width: 36px;position:absolute;}
  .matchStatsBox .hashtag .twitter    {width:auto;margin:0 auto;font-size:13px;}
  .matchStatsBox .hashtag .matchLast  {top:0;left:0;}
  .matchStatsBox .hashtag .matchNext  {top:0;right:0;}

  .matchStatsBox .tv                  {display:none;}
  .matchStatsBox .tvBox,
  .matchStatsBox .radioBox            {display:block;}

  .matchStatsBox .tvBox table,
  .matchStatsBox .radioBox table      {width: 98%;margin:5px auto;border-top:#ccc 1px solid;border-left: #ccc 1px solid;}
  .matchStatsBox .tvBox th,
  .matchStatsBox .radioBox th         {width:30%;text-align:center;vertical-align:middle;font-weight:normal;background: #f5f5f5;border-bottom: #ccc 1px solid;}
  .matchStatsBox .tvBox td,
  .matchStatsBox .radioBox td         {width:70%;padding: 4px 10px 2px 10px;font-size: 12px;line-height: 16px;border-bottom: #ccc 1px solid;border-right: #ccc 1px solid;}

}


#partner {
  margin-bottom: 20px;
}
#partner a:link,
#partner a:visited {color:#333; text-decoration:none;}
#partner a:hover,
#partner a:active {color:#ed6c00; text-decoration:none;}

#partner ul{margin:20px 0px;}
#partner ul li img{width:100%;}
#partner ul p {font-size: 11px;line-height: 14px;margin-top: 20px;}
#partner ul.topPartner{text-align:center;}
#partner ul.topPartner li{display:inline-block;padding:10px 5px;text-align:center;width:145px;}
#partner ul.supplier{margin:20px 10px;}
#partner ul.supplier li {display: inline-block;padding:5px 0;text-align: center;width:32%;}
#partner ul.supplier li span {display: block;padding-bottom: 10px;width: 100%;}
#partner ul.officialPartner{margin:20px 10px;}
#partner ul.officialPartner li{display:inline-block;padding:5px 1.5%;text-align:center;width:16%;}

#partner ul.clubPartner li,
#partner ul.ecoPartner li {
  font-size: 12px;
  line-height: 20px;
  display: inline-block;
  width: 49%;
}
@media only screen and (max-width: 1120px) and (min-width: 481px) {
  #partner ul{margin: 20px 3.6%;}
}
@media only screen and (max-width: 480px) {
  #partner ul li img{width:80%;}
  #partner ul{margin:20px 10px;}
  #partner ul.topPartner li{width:100%;padding:10px 0;}
  #partner ul.supplier {margin: 10px 10px 20px;}
  #partner ul.supplier li {padding-bottom: 10px;width: 100%;}
  #partner ul.supplier li.border {border-bottom: #ccc 1px solid;}
  #partner ul.supplier li span {display: block;padding: 10px 0 10px;width: 100%;}
  #partner ul.officialPartner li {width: 49%;padding:5px 0;}
  #partner ul.clubPartner li,
  #partner ul.ecoPartner li {
    width: 100%;
  }

}

/* gallery*/
#container .gallery {
  width:100%;
  padding-top:16px; margin:0 auto;
  overflow:hidden;
}
#container .gallery ul {width:100%;}
#container .gallery li {width:25%;float:left;}
#container .gallery .photo {
  width:157px; height:157px;
  margin:0 4px 4px 0;
  overflow:hidden;
  background:#ccc;
  position:relative;
}
#container .gallery .frame {
  width:600px; height:157px;
  text-align:center;
  position:absolute; left:50%; top:0;
  margin-left:-300px;
}
#container .gallery img {
  height:157px;
  vertical-align:bottom;
}
#container .gallery img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
}
#news_contents .line2 {
  display:none;
}
@media only screen and (min-width: 481px) and (max-width: 1120px) {
  #container .gallery {
    width:94%;
    padding-top:16px; margin:0 auto;
    overflow:hidden;
  }
  #news_contents .line2 {
    display:block;
    background:#f0f0f0; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc;
    padding:1px 0; margin-bottom:16px;
    font-size:0; line-height:0;
  }
}
@media only screen and (max-width: 480px) {
  #container .gallery {
    width:94%;
    padding-top:16px; margin:0 auto;
    overflow:hidden;
  }
  #container .gallery ul {width:100%;}
  #container .gallery li {width:33.33%; height:102px;}
  #container .gallery .photo {margin:0 2px 2px 0;}
  #container .gallery .frame {width:600px; height:102px;}
  #container .gallery img {height:102px;}
  #news_contents .line1 {
    display:block;
    background:#f0f0f0; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc;
    padding:1px 0; margin-top:20px;
    font-size:0; line-height:0;
  }
  #news_contents .line2 {
    display:block;
    background:#f0f0f0; border-top:solid 1px #cccccc; border-bottom:solid 1px #cccccc;
    padding:1px 0; margin-bottom:16px;
    font-size:0; line-height:0;
  }
}


#priceArea,
#priceWhiteArea,
#priceWhiteAreaNobg {
  width:100%;
  margin:5px auto 20px auto;
} 
#priceArea #price,
#priceWhiteArea #price,
#priceWhiteAreaNobg #price {
  width:100%;
}
#priceArea table,
#priceWhiteArea table,
#priceWhiteAreaNobg table {
  border-left:#ccc 1px solid; border-top:#ccc 1px solid;
}
#priceWhiteArea tr,
#priceWhiteAreaNobg tr {
  background: #fff;
}
#priceWhiteArea tr:nth-child(2n+1) {
  background: #f5f5f5;
}
#priceArea th,
#priceWhiteArea th,
#priceWhiteAreaNobg th {
  border-right:#ccc 1px solid; border-bottom:#ccc 1px solid;
  font-size:11px; line-height:14px; text-align:center; color:#fff; font-weight:normal; 
  vertical-align:middle;
  background:#787878;
  padding:4px 0 3px 0;
}
#priceArea td {
  border-right:#ccc 1px solid; border-bottom:#ccc 1px solid;
  font-size:11px; line-height:14px; text-align:center; color:#fff;
  vertical-align:middle;
  background:#ed6c00;
  padding:4px 0 3px 0;
}
#priceWhiteArea td,
#priceWhiteAreaNobg td {
  border-right:#ccc 1px solid; border-bottom:#ccc 1px solid;
  font-size:11px; line-height:14px; text-align:center;
  vertical-align:middle;
  padding:4px 0 3px 0;
}
#priceWhiteArea td.glay,
#priceWhiteAreaNobg td.glay {
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  background: #eaeaea;
}
#priceArea .sizeS,
#priceWhiteArea .sizeS,
#priceWhiteAreaNobg .sizeS {
  font-size:10px;
}
#priceArea .width1,
#priceWhiteArea .width1,
#priceWhiteAreaNobg .width1 {width:342px;}
#priceArea .width2,
#priceWhiteArea .width2,
#priceWhiteAreaNobg .width2 {width:64px;}
#priceArea .width3,
#priceWhiteArea .width3,
#priceWhiteAreaNobg .width3 {width:82px;}
#priceArea .width4,
#priceWhiteArea .width4,
#priceWhiteAreaNobg .width4 {width:52px;}
#priceArea .width5,
#priceWhiteArea .width5,
#priceWhiteAreaNobg .width5 {width:190px;}
#priceArea .width6,
#priceWhiteArea .width6,
#priceWhiteAreaNobg .width6 {width:137px;}
#priceArea .width7,
#priceWhiteArea .width7,
#priceWhiteAreaNobg .width7 {width:52px;}

#priceArea .color1,
#priceWhiteArea .color1,
#priceWhiteAreaNobg .color1 {background:#004077; color:#fff;}
#priceArea .color2,
#priceWhiteArea .color2,
#priceWhiteAreaNobg color2 {background:#f19900; color:#fff;}
#priceArea .color3,
#priceWhiteArea .color3,
#priceWhiteAreaNobg .color3 {background:#a0a0a0; color:#fff;}
#priceArea .color4,
#priceWhiteArea .color4,
#priceWhiteAreaNobg .color4 {background:#787878; color:#fff;}
#priceArea .color5,
#priceWhiteArea .color5,
#priceWhiteAreaNobg .color5 {background:#8c8c8c; color:#fff;}

#priceArea .lastupdate,
#priceWhiteArea .lastupdate,
#priceWhiteAreaNobg .lastupdate {
  text-align: left;
}
@media only screen and (min-width: 481px) and (max-width: 1120px) {
  #priceArea,
  #priceWhiteArea,
  #priceWhiteAreaNobg {
    width:92.8%;
  }
  #priceArea .width1,
  #priceWhiteArea .width1,
  #priceWhiteAreaNobg .width1 {width:auto;}
  #priceArea .width4,
  #priceWhiteArea .width4,
  #priceWhiteAreaNobg .width4 {width:auto;}
  #priceArea .width5,
  #priceWhiteArea .width5,
  #priceWhiteAreaNobg .width5 {width:auto;}
  #priceArea .width6,
  #priceWhiteArea .width6,
  #priceWhiteAreaNobg .width6 {width:auto;}
}
@media only screen and (max-width: 480px) {
  #priceArea,
  #priceWhiteArea,
  #priceWhiteAreaNobg {
    width:94%;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
  }
  #priceArea #price,
  #priceWhiteArea #price,
  #priceWhiteAreaNobg #price {
    width:640px;
  }
}

#data_school { margin-top:20px; }
#data_school h2,
#data_school h5 {
  color: #505050!important;
  font-size:13px!important;
  font-weight: normal!important;
  padding: 10px!important;
  margin: 0px!important;
}
#data_school ul {}
#data_school ul li {border-top:solid 1px #ccc;position:relative;font-size: 13px;line-height: 22px;}
#data_school ul li:nth-child(2n+1) {background: #f5f5f5;}
#data_school ul li span.label {display: block;padding: 3px 3px 3px 10px;height: 22px;}
#data_school ul li a {display: block;padding: 3px;text-decoration: none;}
#data_school ul li a:link,
#data_school ul li a:visited{color:#333;}
#data_school ul li a:hover,
#data_school ul li a:active {color:#ed6c00;}
#data_school ul li a span {
  display:block;
  padding-left: 22px;
  background:url(/common/images/common/icon/more_list.png) center left no-repeat;
  background-size:contain;
}
#data_school ul li span.state {
  display:block;
  width: 80px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  position: absolute;
  top:3px;
  right:3px;
}
#data_school ul li span.open {
  color:#fff;
  background:#004077;
}
#data_school ul li span.close {
  color:#fff;
  background:#999;
}
#data_school ul li span.caution {}
#data_school footer {
  font-size:10px;
  color:#505050;
  text-indent:-1em;
  padding-left:1em;
  padding-top:2px;
}
#data_school footer a:link,
#data_school footer a:visited {color:#1e1e1e; text-decoration:underline;}
#data_school footer a:hover,
#data_school footer a:active  {color:#ed6c00; text-decoration:none;}

#news_contents .all     {background:#fff;}
#news_contents .topteam {background:#ff5000;}
#news_contents .match   {background:#f60;}
#news_contents .ticket  {background:#ff8100;}
#news_contents .fanclub {background:#ff9000;}
#news_contents .goods   {background:#ffaa01;}
#news_contents .club    {background:#003466;}
#news_contents .academy {background:#014284;}
#news_contents .school  {background:#014284;}
#news_contents .hometown{background:#004e99;}
#news_contents .partner {background:#0061ae;}
#news_contents .media   {background:#5b5b5b;}
#news_contents .orangecourt {background:#ffb56e;}
#news_contents .ventus  {background:#ff5000;}
#news_contents .english {background:#ff2d00;}/*ENGLISH*/
#news_contents .categoryBox {
  display: inline-block;
  width: 10px;
  height: 10px;
  border: #ccc 1px solid;
}
#news_contents .categoryListBox {
  position: absolute;
  left: 7px;
  top: 7px;
}
#news_contents .categoryDetailBox {
  position: relative;
  top: 2px;
  margin-right: 5px;
}

.service_btn ul {text-align: left;margin:10px 0 10px 10px;}
.service_btn li {display: inline-block;width: 100px;margin: 0 10px 0 0 ;padding: 0;vertical-align: top;}


#match_contents ul.eventlinks                   {width:100%;}
#match_contents ul.eventlinks li                {display:inline-block;width:313px;height:28px;margin-bottom:0px;border:1px solid #ccc;line-height:28px;background-color:#fff;overflow:hidden;}
#match_contents ul.eventlinks li.ticketlink     {background-color:#004077;}
#match_contents ul.eventlinks li:nth-child(odd) {margin-right:5px;}
#match_contents ul.eventlinks li:nth-child(even){margin-left:5px;}
#match_contents ul.eventlinks li span.ext       {padding:0 14px;background-image:url(/common/images/ext_icon.png);background-position:center;}
#match_contents ul.eventlinks li a              {display:block;width:283px;height:28px;padding-left:30px;color: #333!important;text-decoration: none;background: #fff url(/common/images/common/icon/more_pc.gif) no-repeat;}
#match_contents ul.eventlinks li.ticketlink a   {color:#fff!important;background: #004077 url(/common/images/common/icon/more_pc.gif) no-repeat;}
#match_contents ul.eventlinks li a:hover        {color:#fff!important;background:#ed6c00 url(/common/images/common/icon/more_pc.gif) 0 -28px no-repeat;}

@media only screen and (max-width: 1120px) and (min-width: 481px){
  #match_contents ul.eventlinks                   {width:96%;margin:0 2%;}
  #match_contents ul.eventlinks li                {width:47%;}
  #match_contents ul.eventlinks li:nth-child(odd) {margin-right:2%;}
  #match_contents ul.eventlinks li:nth-child(even){margin-left:2%;}
  #match_contents ul.eventlinks li a              {width:90%;padding-left:10%}
}
@media only screen and (max-width: 480px){
  #match_contents ul.eventlinks                   {width:96%;margin:0 2%;}
  #match_contents ul.eventlinks li                {width:100%;margin-bottom:0px;}
  #match_contents ul.eventlinks li:nth-child(odd) {margin-right:0;}
  #match_contents ul.eventlinks li:nth-child(even){margin-left:0;}
  #match_contents ul.eventlinks li a              {width:90%;padding-left:10%}
}

#score_pattern td.nr   {border-right:none;}
#score_pattern td.nl   {border-left:none;}
#score_pattern td.value{width:5%;}
#score_pattern td.bar  {width:30%;}
#score_pattern td.bar .base  {display:inline-block;height:14px;background-color:#bbb;}
#score_pattern td.bar .plot  {display:inline-block;height:14px;background-color:#666;}
#score_pattern td.bar .ardija{display:inline-block;height:14px;background-color:#ee6e00!important;}

.forsp                 {display:none;}
.forpc                 {display:table;}

.score_ranking td.player   {width:130px;}
.score_ranking td.point    {width:30px;}

#check_player                {margin-bottom:30px;}
#check_player .player        {display:inline-block;width:192px;padding:5px;border:1px solid #ccc;vertical-align:top;}
#check_player .player img    {width:100%;}
#check_player .player2       {margin-left:8px;margin-right:8px;}

.datastadium                 {width:100%;margin-bottom:20px;text-align:right;}


@media only screen and (max-width: 1120px) and (min-width: 481px){
  .matchArchive .previewChart {max-height:380px!important;}
  #check_player               {margin:0 auto 50px;text-align:center;}
  .score_ranking table.forpc  {width:100%;}
  .score_ranking td.player    {width:21%;}
  .score_ranking td.point     {width:4%;}
  .datastadium                 {width:96%;margin:10px auto 30px;}
}

@media only screen and (max-width: 480px){
  #check_player                {margin-bottom:50px;}
  #check_player .player        {display:block;width:94%;padding:2%;margin:10px auto;border:1px solid #ccc;vertical-align:top;}
  #check_player .player img    {display:inline-block;width:48%;padding-right:2%;vertical-align:top;}
  #check_player .player p      {display:inline-block;width:48%;margin:0;vertical-align:top;}
  #check_player .player2       {margin:10px auto;}
  .datastadium                 {width:96%;margin:10px auto 30px;}
  .datastadium span            {display:block;}

  .forsp                       {display:block;}
  .score_ranking table.forpc   {display:none!important;}
}


/* #archivesLink */
@media only screen and (min-width: 990px) {
  #archivesLink { width:100%; }
}
@media only screen and (min-width: 481px) and (max-width: 1120px) {
  #archivesLink { width:92.8%; margin:0 auto; padding:20px 0; }
}
@media only screen and (max-width: 480px) {
  #archivesLink { width:93.8%; margin:0 auto; padding:20px 0; }
}

#archivesLink a:link,
#archivesLink a:visited {color:#333; text-decoration:none;}
#archivesLink a:hover,
#archivesLink a:active {color:#ed6c00; text-decoration:none;}
#archivesLink .active a:link,
#archivesLink .active a:visited {color:#ed6c00; text-decoration:none;}
#archivesLink .active a:hover,
#archivesLink .active a:active {color:#ed6c00; text-decoration:none;}

#archivesLink select {width:80%; height:40px;padding:5px 0 5px 12px;background:#fff; border:#ccc 1px solid;font-size:18px;line-height:30px; color:#333; text-align:left;vertical-align: middle;}
#archivesLink span.rssIcon {display:inline-block; width: 18%;text-align:right;}

#news_contents #archivesLink select,
#news_contents #archivesLink span.rssIcon{display:none;}
#news_contents #archivesLink .buttonOne  {display:none;}

#news_contents #archivesLink              {width:100%;}
#news_contents #archivesLink ul           {margin:0 0 0 205px;}
#news_contents #archivesLink ul select    {display:inline-block;margin-top:10px;font-size:14px;padding:0 0 0 5px;line-height:20px;height:33px;width:195px;vertical-align:top;}
#news_contents #archivesLink ul li        {height:52px;padding:2px 0 0 0;color:#ed6c00;line-height:52px;float:left;}
#news_contents #archivesLink ul .label    {width:100px;padding:0 15px;text-align:right;}
#news_contents #archivesLink ul .category {width:200px;}
#news_contents #archivesLink ul .yearmonth{width:200px;}
#news_contents #archivesLink ul .x        {width:35px;text-align:center;font-size:20px;color:#000;}
#news_contents #archivesLink ul .search   {width:110px;}
#news_contents #archivesLink ul .rss      {width:50px;}
#news_contents #archivesLink ul .head     {color:#ed6c00; font-weight:bold;}
#news_contents #archivesLink ul .linker   {padding:2px 0 0 37px;background:url(/common/images/common/global/submenu_line_pc.gif) no-repeat;}
#news_contents #archivesLink ul .active   {color:#ed6c00; font-weight:bold;}
#news_contents #archivesLink ul .rssIcon img {margin-top: 18px; width: 40px;}
#news_contents #archivesLink ul .search .buttonOne  {display:block;margin:0 auto;padding:0;font-size:13px;text-align:center;}
#news_contents #archivesLink ul .search .buttonOne a{padding: 6px 30px 5px 30px;color:#333!important;text-decoration:none;border:#ccc 1px solid;background:#fff url(/common/images/common/icon/more_pc.gif) no-repeat;}
#news_contents #archivesLink ul .search .buttonOne a:hover{color:#fff!important;text-decoration:none;border:#ed6c00 1px solid;background:#ed6c00 url(/common/images/common/icon/more_pc.gif) 0 -28px no-repeat;}

#news_contents #sp_news_archive  {display:none;width:93.8%;margin:0 auto;padding:0;}
#news_contents #sp_news_archive p{font-size:14px;color:#e60;line-height:200%;}

@media only screen and (max-width: 1120px) {
  #news_contents #sp_news_archive         {display:block;}
  #news_contents #archivesLink ul         {display:none;}
  #news_contents #archivesLink ul select  {display:none;}
  #news_contents #archivesLink select     {display:inline-block;width:44.5%;font-size:14px;padding:6px 0 7px 5px;border:1px solid #000;background-color:#fff;color:#000;height:auto;}
  #news_contents #archivesLink .x         {display:inline-block;width:8%;text-align:center;font-size:16px;color:#000;}
  #news_contents #archivesLink .buttonOne  {display:block;margin:15px auto 0;padding:0;font-size:13px;text-align:center;}
  #news_contents #archivesLink .buttonOne a{display:block;width:100%;padding: 6px 0 5px;color:#333!important;text-decoration:none;border:#ccc 1px solid;background:#fff url(/common/images/common/icon/more_pc.gif) no-repeat;}
  #news_contents #archivesLink .buttonOne a:hover{color:#fff!important;text-decoration:none;border:#ed6c00 1px solid;background:#ed6c00 url(/common/images/common/icon/more_pc.gif) 0 -28px no-repeat;}

  #news_contents #archivesLink ul.tags    {display:block;margin: 0;}
}

#topteamArchive,
#topteamArchive2015{margin-bottom: 20px;}
#topteamArchiveSP {display:none;margin-bottom: 20px;}
@media only screen and (max-width: 480px) {
  #topteamArchive   {display:none;}
  #topteamArchiveSP {display:block;padding: 20px;font-size:18px;}
  #archivesLink select {width: 100%;}
  #news_contents #archivesLink img         {display: none;}
  #news_contents #archivesLink ul.tags img {display:inline;}
  
}

#topteamArchive #LOG-TITLE,
#topteamArchive .pagetop,
#topteamArchive h3                 {display: none;}
#topteamArchive .plist-wrapper img {display: inline;}
#topteamArchive .flR               {float:right;}
#topteamArchive a:hover            {color:#333;}
#topteamArchive #PLAYER-FILE-OLD table {margin: 10px 0;width:570px;font-size: 11px;}
#topteamArchive table.table-navy,
#topteamArchive table.table-navydot,
#topteamArchive table.table-gray,
#topteamArchive table.table-graydot {width: 100%;border-collapse: collapse;margin: 0px 0px 10px 0px;}
#topteamArchive table.table-navydot th,
#topteamArchive table.table-navydot td {padding: 5px;border: solid 1px #ccc;}
#topteamArchive table.table-navydot th {background: url(/topteam/images/common/bbg.gif) 0px 0px repeat;color: #fff;font-weight: bold;}

#topteamArchive .player_box .player { width: 710px; padding: 25px 25px 0 20px;}
#topteamArchive .player_box .player .profile { width: 235px; float: left; margin-bottom: 20px; position: relative; }
#topteamArchive .player_box .player .profile .name { width:115px;  position: absolute; left: 120px; bottom: 0px;}
#topteamArchive .player_box .player .profile .left  { width: 110px; float: left; }
#topteamArchive .player_box .player .profile .right { width: 115px; float: right;}
#topteamArchive .player_box .player .profile span { font-size: 10px;}
#topteamArchive .player_box .supporter { position: relative; width: 630px; margin: 20px; }
#topteamArchive .player_box .supporter .name { width: 275px; position: absolute; left: 355px; bottom: 0px;}
#topteamArchive .player_box .supporter .left  { width: 345px; float: left; }
#topteamArchive .player_box .supporter .right { width: 275px; float: right;}
#topteamArchive .player_box .staff { width: 695px; margin: 0 0 0 30px; padding-top: 25px;}
#topteamArchive .player_box .staff .staff_box { width: 90px; float: left; margin-right: 47px; height: 200px;}
#topteamArchive .player_box .staff h2 { margin-bottom: 10px;}
#topteamArchive .player_box .staff .none { margin-right: 0px;}
#topteamArchive .title2          { padding: 10px 0 10px 0; margin: 0 20px 0 20px; font-size: 14px; font-weight: bold; color: #FF6500; line-height: 1.0em; }
#topteamArchive .con_navi { background-color: #eee; }
#topteamArchive .con_navi li { float: left; font-size: 10px; }
#topteamArchive .con_navi .vs_title { width: 120px; height: 19px; color: #fff; line-height: 19px; text-align: center; }
#topteamArchive .oranges {background-color: #ff6500;}


.matchArchive   {text-align: left;}
.matchArchive a {text-decoration: none;}

.matchArchive h2.title02     {display: block; text-align: left; padding: 3px 5px; border-left: solid 4px #05355D; color: #05355D; font-size: 140%; font-weight: bold; }
.matchArchive h2.title02 span{font-size: 12px; }

.matchArchive h3.title01     {font-size: 19px!important;color: #fff!important;display: block;line-height: 22px!important;padding: 10px 0 10px 10px!important;background-color:#ee6e00;text-align: left;margin-bottom: 5px!important;}
.matchArchive h3.title01 p   {margin-bottom: 5px!important; }
.matchArchive h3.title03     {font-size: 14px!important;color: #fff!important;display: block;height: 28px;line-height: 28px!important;padding: 0 0 0 10px;background: none repeat scroll 0 0 #05355D;text-align: left;margin-bottom: 0px!important;}
.matchArchive h4.title01     {font-size: 16px!important;font-weight:bold!important;background-color: #fff!important;color: #f60!important;display: block;line-height: 19px!important;padding: 0 0 0 0!important;text-align: left;margin-bottom: 0px!important;}
.matchday_preview h3.title01 {font-size:16px!important;font-weight:bold;color:#ee6e00!important;display:block;line-height:20px!important;padding:8px 0 0 0!important;background-color:#fff;text-align:left;margin-bottom:5px!important;}


.matchArchive #main       {min-height:400px;margin-bottom:50px;}
.matchArchive #main p     {margin-bottom:20px;}
.matchArchive #main img                {max-width:100%;}
.matchArchive #main img.contentImage   {max-width:47%;padding:1%;}
.matchArchive #main
.matchArchive #main .mt10 {margin-top: 10px !important;}
.matchArchive #main .pl10 {padding-left: 0px !important;}
.matchArchive #main .vaT  {vertical-align: top!important;}
.matchArchive #main .taL  {text-align: left !important;}

.matchArchive .btn01 {display: block;margin: 10px auto 15px;text-align: center;width: 90%;color: #ff6b00;background-color: #fff;border: solid 1px #ff6b00;border-radius: 3px;padding: 10px 0;line-height: 20px;}

.matchArchive #stats p         {margin-bottom:0;}
.matchArchive #stats .label    {color:#014076;}
.matchArchive #stats .infoList {margin-top:25px;display:table;width:100%;}
.matchArchive #stats .teamBlock{display:table-cell;width:48%;}
.matchArchive #stats .teamBlank{display:table-cell;width:4%;}
.matchArchive table.match             {margin: 0;width: 100%;border: none;}

.matchArchive table.match .leftCol    {text-align:left;}
.matchArchive table.match .rightCol   {text-align:right;}
.matchArchive table.match .noborder   {border-bottom: none;}

.matchArchive table.match .name       {width:24%;font-feature-settings:"palt";letter-spacing:-0.01em}
.matchArchive table.match .data       {width:26%;}
.matchArchive table.match .manager    {width:100%;}

.matchArchive table.match th          {font-size:16px;font-weight: bold;border-bottom: solid 2px #cdcdcd;}
.matchArchive table.match td          {border-bottom: solid 1px #cdcdcd;text-align: left;padding: 3px 0 3px 5px;}
.matchArchive table.match td .number  {display:inline-block;width:22px;vertical-align:top;}
.matchArchive table.match td .player  {display:inline-block;width:120px;vertical-align:top;}
.matchArchive table.match td .pos     {display:inline-block;vertical-align:top;text-align:center;padding:0 3px;}
.matchArchive table.match td .nowrap  {white-space:nowrap;}
.matchArchive table.match td .nowrap img{width:12px;}

.matchArchive .previewChart           {position:relative;display:inline-block;width:48%;margin-right:1%;height:300px;}
.matchArchive .previewChart img       {position:absolute;width:100%;}

.matchArchive img.commentStyle        {float:left;}
.matchArchive img.imgw320             {width:320px;}
.matchArchive p.commentStyle          {display:inline;}

@media only screen and (max-width: 1120px) and (min-width: 481px){
  .matchArchive h4.title01,
  .matchArchive h3.title01 {margin-left: 0px!important;margin-right: 0px!important;}
  .matchArchive #stats     {margin: 0 3.6%;}
  .matchArchive #stats p   {margin: 0;}
  .matchArchive .commentStyleArea {margin: 0 3.6%;}
  .matchArchive p.commentStyle    {margin: 0!important;}

  .matchArchive table.match .name       {width:33%;}
  .matchArchive table.match .data       {width:15%;font-size:11px;}

}
@media only screen and (max-width: 480px){
  .matchArchive #stats                  {font-size:11.4px;}
  .matchArchive table.match .name       {width:26%;font-size:11.4px;}
  .matchArchive table.match .data       {width:24%;font-size:11.4px;}
  .matchArchive table.match td .player  {width:71%;padding:0 0.2%;}
  .matchArchive table.match td .number  {width:18px;}
  .matchArchive table.match td .pos     {padding:0 2px;}
  .matchArchive h4.title01,
  .matchArchive h3.title01 {padding: 10px 3.1%!important;}
  .matchArchive #main img.contentImage   {max-width:100%;}
  .matchArchive #stats     {margin: 0 3.6%;}
  .matchArchive #stats p   {margin: 0;}
  .matchArchive #stats .infoList {margin-top:0;display:block;width:100%;}
  .matchArchive #stats .teamBlock{margin-top:25px;display:block;width:100%;}
  .matchArchive #stats .teamBlank{display:none;}
  .matchArchive .previewChart    {height:200px;}
  .matchArchive .commentStyleArea {margin: 0 2%;}
  .matchArchive img.commentStyle        {display:inline-block;margin: 0 3.6%;}
  .matchArchive img.imgw320             {float:none!important;width:auto;padding:0!important;margin:0!important;}
/*  .matchArchive p.commentStyle          {display:inline-block;} */
}

.matchArchive #stats #graph                   {text-align:center;margin-top:40px;padding:40px 0;width: 100%;border: solid 1px #cdcdcd;}
.matchArchive #stats #graph h4                {color:#505050;background: #fff;line-height: 18px;font-weight: normal;margin: 10px 0 0;position: relative;}
.matchArchive #stats #graph .view             {margin:0 auto 20px;width:86%;display:table;}
.matchArchive #stats #graph .view div         {display:table-cell;vertical-align:middle;}
.matchArchive #stats #graph .view .total      {font-size:30px;line-height:32px;font-weight:bold;width:14%;}
.matchArchive #stats #graph .view .bar        {width:72%;height:10px;}

.matchArchive #stats #graph .head             {}
.matchArchive #stats #graph .head div         {display:inline-block;} 
.matchArchive #stats #graph .head .teamname   {font-size:14px;font-weight:bold;width:30%;}
.matchArchive #stats #graph .head .cell       {width:10px;}
.matchArchive #stats #graph .head .blank      {width:30px;}
.matchArchive #stats #graph .head .right      {text-align:right;float:none;}
.matchArchive #stats #graph .head .left       {text-align:left;float:none;}

.matchArchive #stats #graph .head .home,
.matchArchive #stats #graph .view .home       {height:10px;float:left;display:block;background-color:#cecece;}
.matchArchive #stats #graph .head .away,
.matchArchive #stats #graph .view .away       {height:10px;float:left;display:block;background-color:#cecece;}
.matchArchive #stats #graph .head .ardija,
.matchArchive #stats #graph .view .ardija     {background-color:#f66e00!important;}

.matchArchive .infoList ul {background-color: #fff;}
.matchArchive .infoList ul li {border-bottom: solid 1px #b9b9b9;text-align: center;}
.matchArchive .infoList ul li .information {height: 100%;display: block;padding-right: 15px;overflow: hidden;}
.matchArchive .infoList ul li .information .in {padding: 10px 6px 10px 20px;background-position: right center;background-repeat: no-repeat;background-size: 6px 12px;}

.matchArchive .next .match { padding: 0 2px; }
.matchArchive .next .match .box { padding: 10px; background-color: #fff; border-bottom: solid 1px #cdcdcd; }
.matchArchive .next .match .logo     { text-align: left; }
.matchArchive .next .match .logo img { width: 80px; }
.matchArchive .next .match .datetime          { width: 100%; text-align: center; }
.matchArchive .next .match .datetime span     { font-weight: bold; }
.matchArchive .next .match .datetime .gameday { margin-right: 10px; }

.matchArchive .next .match .type { width: 50%; float: right; text-align: right; }
.matchArchive .next .match .matchImg              { margin: 10px 20px 0; }
.matchArchive .next .match .matchImg div          { float: left; width: 20%; }
.matchArchive .next .match .matchImg div.home     {}
.matchArchive .next .match .matchImg div.away     {}
.matchArchive .next .match .matchImg div.score    { font-size: 26px; font-weight: bold; margin-top: 10px; }
.matchArchive .next .match .matchImg div.vs       { font-size: 12px; margin-top: 10px; }
.matchArchive .next .match .matchImg div.vs .vs   { font-size: 24px; font-weight: bold; margin-top: 10px; }

.matchArchive .next .match .matchImg div.home img,
.matchArchive .next .match .matchImg div.away img  { width: 46px; height: 46px; }
.matchArchive .next .match .block                  { border-radius: 3px; background-color: #05355D; height: 40px; width: 100%; }
.matchArchive .next .match .block ul               { text-align: center; }
.matchArchive .next .match .block ul li            { float: left; line-height: 40px; border-right: solid 1px #fff; width: 32.5%; }
.matchArchive .next .match .block ul li:last-child { border-right: none; }
.matchArchive .next .match .block ul li a          { color: #fff; }
.matchArchive .next .match .block ul li.gray       { background-color: #aaa; }
.matchArchive .next .match_sponsor       { width: 90%; margin: 5px auto; text-align: center; }
.matchArchive .next .match_sponsor img   { width: auto; }


#loginArea {border: solid 4px #f60; padding: 10px; background: #feb; color: #000;}
#loginArea .inputArea{margin: 10px 0;}
#loginArea .inputArea .inputLabel{float: left; width: 60px; text-align: left; padding: 0 10px;}
#loginArea .inputArea .inputText {float: left; padding: 0 10px; width: 150px;}
#loginArea .inputSubmit{padding: 0 10px; width: 150px;}
#loginArea .inputSubmit button {background: #f60; color: #fff; margin: 0 0 10px 0; padding: 5px 20px;  width: 100px;}

img.memberSpecialDownload{
  margin: 0 0 5px 0;
}
p.memberSpecialDownload{
  width: 100%;
  text-align:center;
}
p.memberSpecialDownload a{
  display: block;
  padding: 5px 0;
  font-size: 16px;
  line-height: 22px;
}

p.showOnlyMobile{display:none;}
@media only screen and (max-width: 480px){
  p.showOnlyMobile{display:block;}
}

.main_contents #container h4.schedule{color:#ed6c00;background-color:#fff;}
.main_contents #container .schedule_area{width:100%;overflow-x:auto;margin-bottom:20px;}
.main_contents #container .schedule_area .switch           {text-align:center;}
.main_contents #container .schedule_area .switch span      {display:inline-block;padding:0 0.5em;min-width:3em;}
.main_contents #container .schedule_area .switch span.title{width:auto;color:#ed6c00;font-weight:bold;}
dl.schedule {width:640px;margin:0 auto 5px;font-size:14px;line-height:17px;}
dl.schedule dt{padding:5px 0 5px 10px;background-color:#ccc;}
dl.schedule dd{padding:7px 0 7px 10px;color:#ed6c00;font-size:12px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
dl.schedule dd a{color:#ed6c00;text-decoration:none;}
dl.schedule dd span  {display:inline-block;vertical-align:top;}
dl.schedule dd .time {width:120px;}
dl.schedule dd .title{width:440px;}
dl.media    dd .title{width:250px!important;}
dl.media    dd .lead {width:250px;padding-left:5px;color:#000;}

h4.white{font-weight:bold;background-color:#f60!important;color:#fff;font-size:16px;line-height:20px;padding:5px 0 5px 5px;}
h4.navy{font-weight:bold;background-color:#003F76!important;color:#fff!important;font-size:16px;line-height:20px;padding:5px 0 5px 5px;}