@charset "UTF-8";
/*
########################################################
  Globsl Navi Current
########################################################
*/
body#home #c-header ul.c-listGnav li.is-top a,
body[id^="suru"] #c-header ul.c-listGnav li.suru a,
body[id^="miru"] #c-header ul.c-listGnav li.miru a,
body[id^="sasaeru"] #c-header ul.c-listGnav li.sasaeru a,
body[id^="seisaku"] #c-header ul.c-listGnav li.seisaku a,
body[id^="link"] #c-header ul.c-listGnav li.link a,
body[id^="special"] #c-header ul.c-listGnav li.special a,
body[id^="rugby"] #c-header ul.c-listGnav li.suru a,
body[id^="yearanniversary1"] #c-header ul.c-listGnav li.yearanniversary1 a{
    background: #fff;
    color: #002063;
}
body#home ul.c-listGnav li.is-top a .homeIcon.normal{
    display: none;
}
body#home ul.c-listGnav li.is-top a .homeIcon.active{
    display: block;
}

/*
########################################################
  BreadNavi
########################################################
*/
#BreadNavi {
    width:100%;
    margin:20px 0;
}
#BreadNavi ul{
    list-style: none;
    margin: 0;
    padding: 0;
    font-size:80%;
}
#BreadNavi ul li{
    float:left;
}
#BreadNavi ul li::after{
    content: ">";
    margin:0 0.5em;
}
#BreadNavi ul li:first-child a{
    background:url(/images/common/bread_navi01.png) left 1px no-repeat;
    background-size: 14px 15px;
    padding-left:17px;
}
#BreadNavi ul li:last-child::after{
    content:"";
    margin:0;
}
#BreadNavi ul li a{
    color:#333;
}
#BreadNavi ul li a.link{
    background:none !important;
    padding:0 !important;
}
#BreadNavi ul li:last-child a{
    text-decoration: none;
    pointer-events: none;
    display: inline-block;
}
#BreadNavi ul li.Category{
    display: none;
}
body[id*="suru"] #BreadNavi ul li.Category,
body[class*="suru"] #BreadNavi ul li.Category,
body[id*="miru"] #BreadNavi ul li.Category,
body[class*="miru"] #BreadNavi ul li.Category,
body[id*="sasaeru"] #BreadNavi ul li.Category,
body[class*="sasaeru"] #BreadNavi ul li.Category,
body[id*="seisaku"] #BreadNavi ul li.Category,
body[class*="seisaku"] #BreadNavi ul li.Category,
body[id*="link"] #BreadNavi ul li.Category,
body[class*="link"] #BreadNavi ul li.Category,
body[id*="special"] #BreadNavi ul li.Category,
body[class*="special"] #BreadNavi ul li.Category,
body[id*="topics"] #BreadNavi ul li.Category,
body[class*="topics"] #BreadNavi ul li.Category,
body[id*="rugby"] #BreadNavi ul li.Category,
body[class*="suru"] #BreadNavi ul li.Category{
    display:inline;
}
#BreadNavi ul li.Category a{
    display:none;
}
body[id*="suru"] #BreadNavi ul li.Category a.suru,
body[class*="suru"] #BreadNavi ul li.Category a.suru,
body[id*="miru"] #BreadNavi ul li.Category a.miru,
body[class*="miru"] #BreadNavi ul li.Category a.miru,
body[id*="sasaeru"] #BreadNavi ul li.Category a.sasaeru,
body[class*="sasaeru"] #BreadNavi ul li.Category a.sasaeru,
body[id*="seisaku"] #BreadNavi ul li.Category a.seisaku,
body[class*="seisaku"] #BreadNavi ul li.Category a.seisaku,
body[id*="link"] #BreadNavi ul li.Category a.link,
body[class*="link"] #BreadNavi ul li.Category a.link,
body[id*="special"] #BreadNavi ul li.Category a.special,
body[class*="special"] #BreadNavi ul li.Category a.special,
body[id*="topics"] #BreadNavi ul li.Category a.topics,
body[class*="topics"] #BreadNavi ul li.Category a.topics,
body[id*="rugby"] #BreadNavi ul li.Category a.suru,
body[class*="suru"] #BreadNavi ul li.Category a.suru{
    display:inline;
}


/*
########################################################
  MainContent
########################################################
*/
#SportsContent{
    width:960px;
    margin:0 auto;
}
#MainContent{
    width:700px;
    min-height:500px;
    margin-bottom:30px;
    float:left;
    font-size:95%;
    line-height: 180%;
}
#MainContent.wide{
    width:100%;
    min-height:500px;
    margin-bottom:30px;
    float:none;
    font-size:95%;
}
#MainContent.noNavi{
    width:720px;
    min-height:500px;
    margin:0 auto 30px auto;
    float:none;
    font-size:95%;
}
#MainContent.noNavi #SideNavi{
    display:none;
}
#MainContent .SNS{
    margin-bottom:10px;
    line-height:100%;
}
#MainContent .SNS #twitter-widget-0,
#MainContent .SNS .fb-like{
    vertical-align: bottom;
}
#MainContent .SNS #twitter-widget-0{
    width:75px;
    height:20px;
}
#MainContent .SNS .fb-like{
    width:83px;
    height:20px;
}
#SportsContent .InternalContent{
    background:#fff;
    min-height:400px;
    border-radius: 5px;
    padding:25px;
    margin-bottom:15px;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
}
#SportsContent #MainContent img{
    max-width:100%;
    height:auto;
}
#SportsContent #MainContent ul,
#SportsContent #MainContent ol{
    margin:0 0 1em 0;
    padding:0;
}
#SportsContent #MainContent ol li{
    margin:0 0 1em 1.7em;
	list-style-type:decimal;
}
#SportsContent #MainContent ul li{
    margin:0 0 1em 1.7em;
	list-style-type:disc;
}
#SportsContent #MainContent ol.nomargin li,
#SportsContent #MainContent ul.nomargin li{
    margin:0 0 0em 1.7em;
}
#SportsContent #MainContent ol.nomargin li:last-child,
#SportsContent #MainContent ul.nomargin li:last-child{
    margin:0 0 1em 1.7em;
}
#SportsContent #MainContent ol.kakko.nomargin li:last-child{
    margin:0 0 1em 0em;
}
#SportsContent #MainContent ul li ol li{
	margin-left:1.7em;
	list-style-type:decimal;
}
#SportsContent #MainContent ul.nolist > li,
#SportsContent #MainContent ol.nolist > li{
    list-style-type:none;
    margin-left:0em;
}
#SportsContent #MainContent ol.ABC > li{
	list-style-type: upper-latin;
}
#SportsContent #MainContent ol.abc > li{
	list-style-type: lower-latin;
}
#SportsContent #MainContent ol.hiragana > li{
	list-style-type: hiragana;
}
#SportsContent #MainContent ol.katakana > li{
	list-style-type: katakana;
}
#SportsContent #MainContent ol.kakko{
  padding:0 0 0 2em;
  margin:0;
}
#SportsContent #MainContent ol.kakko > li{
    text-indent:-2em;
    margin: 0 0 1em 0em;
    list-style-type:none;
    list-style-position:inside;
    counter-increment: cnt;
}
#SportsContent #MainContent ol.kakko > li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}
#SportsContent #MainContent ul ul,
#SportsContent #MainContent ul ol,
#SportsContent #MainContent ol ul,
#SportsContent #MainContent ol ol{
    margin-top:1em !important;
}
#SportsContent #MainContent [class^="Image"]{
    font-size:85%;
    color:#666;
    line-height: 140%;
}
#SportsContent #MainContent [class^="Image"] img{
    margin-bottom:0.5em;
}
#SportsContent #MainContent .Image01 > div{
    max-width:100%;
    height:auto;
    margin-bottom:1em;
}
#SportsContent #MainContent .Image02 > div{
    width:calc(50% - 10px);
    float:left;
    margin-bottom:1em;
}
#SportsContent #MainContent .Image02 > div:nth-child(2n+1){
    margin-right:20px;
}
#SportsContent #MainContent .Image03 > div{
    width:calc(33.3% - 13.3px);
    float:left;
    margin-bottom:1em;
}
#SportsContent #MainContent .Image03 > div:nth-child(3n+2){
    margin-left:20px;
    margin-right:20px;
}
#SportsContent #MainContent .Image04 > div{
    width:calc(25% - 7.5px);
    float:left;
    margin-left:10px;
    margin-bottom:1em;
}
#SportsContent #MainContent .Image04 > div:nth-child(4n+1){
    margin-left:0px;
}
#SportsContent .Image05 > div{
    width:calc(20% - 8.8px);
    float:left;
    margin-left:11px;
    margin-bottom:1em;
}
#SportsContent .Image05 > div:nth-child(5n+1){
    margin-left:0px;
}
#SportsContent .Image06 > div{
    width:calc(16.6% - 6.7px);
    float:left;
    margin-left:8px;
    margin-bottom:1em;
}
#SportsContent .Image06 > div:nth-child(6n+1){
    margin-left:0px;
}
#SportsContent .Image07 > div{
    width:calc(14.28% - 5.7px);
    float:left;
    margin-left:6px;
    margin-bottom:1em;
}
#SportsContent .Image07 > div:nth-child(7n+1){
    margin-left:0px;
}
#SportsContent #MainContent [class^="Image"]{
    display:-webkit-box;
    display:-moz-box;
    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;
    }
#SportsContent #MainContent [class^="Image"] img{
    max-width:100%;
    height:auto;
}
#SportsContent .LRblock{
    display: table;
    width:100%;
	border-collapse: separate;
	margin-bottom:1em;
}
#SportsContent .LRblock > div{
	display: table-cell;
    vertical-align: top;
}
#SportsContent .LRblock > div:first-child{
	padding-right:15px;
}
#SportsContent .LRblock > div{
    min-width:200px;
}
#SportsContent .LRblock > div > img{
    min-width:200px;
	max-width:300px;
    height:auto;
}
#SportsContent .LRblock.imgL > div{
    min-width:200px;
    width:auto;
}
#SportsContent .LRblock.imgL > div > img{
    min-width:400px !important;
	max-width:400px !important;
	height:auto;
}
#SportsContent .LRblock.imgL > div.image{
	width:400px !important;
	height:auto;
}
#SportsContent .LRblock.imgM > div{
    min-width:300px;
    width:auto;
}
#SportsContent .LRblock.imgM > div > img{
    min-width:300px !important;
	max-width:300px !important;
	height:auto;
}
#SportsContent .LRblock.imgM > div.image{
	width:300px !important;
	height:auto;
}
#SportsContent .LRblock.imgSR > div{
    min-width:225px;
    width:auto;
}
#SportsContent .LRblock.imgSR > div > img{
    min-width:225px !important;
	max-width:225px !important;
	height:auto;
}
#SportsContent .LRblock.imgSR > div.image{
	width:225px !important;
	height:auto;
}
#SportsContent .LRblock.imgS > div{
    min-width:150px;
    width:auto;
}
#SportsContent .LRblock.imgS > div > img{
    min-width:150px !important;
	max-width:150px !important;
	height:auto;
}
#SportsContent .LRblock.imgS > div.image{
	width:150px !important;
	height:auto;
}
#SportsContent .LRblock.imgSS > div{
    min-width:100px;
    width:auto;
}
#SportsContent .LRblock.imgSS > div > img{
    min-width:100px !important;
	max-width:100px !important;
	height:auto;
}
#SportsContent .LRblock.imgSS > div.image{
	width:100px !important;
	height:auto;
}
#SportsContent .LRblock.interview > div,
#SportsContent .LRblock.imgSS > div{
    min-width:90px;
    width:auto;
}
#SportsContent .LRblock.interview > div.border{
    width:600px;
    height:auto;
}
#SportsContent .LRblock.interview > div img,
#SportsContent .LRblock.imgSS > div img{
    min-width:90px !important;
	max-width:90px !important;
	height:auto;
}
#SportsContent .LRblock > div > h1:first-child,
#SportsContent .LRblock > div > h2:first-child,
#SportsContent .LRblock > div > h3:first-child,
#SportsContent .LRblock > div > h4:first-child,
#SportsContent .LRblock > div > h5:first-child,
#SportsContent .LRblock > div > h6:first-child,
#SportsContent .InternalContent > h1:first-child,
#SportsContent .InternalContent > h2:first-child,
#SportsContent .InternalContent > h3:first-child,
#SportsContent .InternalContent > h4:first-child,
#SportsContent .InternalContent > h5:first-child,
#SportsContent .InternalContent > h6:first-child,
#SportsContent .InternalContent h2 + h3,
#SportsContent .InternalContent h3 + h4,
#SportsContent .InternalContent h4 + h5,
#SportsContent .InternalContent h5 + h6,
#SportsContent .InternalContent .border > h2:first-child,
#SportsContent .InternalContent .border > h3:first-child,
#SportsContent .InternalContent .border > h4:first-child,
#SportsContent .InternalContent .border > h5:first-child,
#SportsContent .InternalContent .border > h6:first-child{
	margin-top:0;
}
/* ##############　accordion　############## */
/*ボックス全体*/
.accbox {
    margin: 2em 0;
    padding: 0;
    max-width: 100%;/*最大幅*/
}

/*ラベル*/
.accbox label {
    display: block;
    cursor :pointer;
    transition: all 0.5s;
}

/*ラベルホバー時*/
.accbox label:hover {
    background: #eaeaea;
}
.accbox label h4::before{
    content: "▼ ";
}
/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + .accshow {
    height: auto;
    padding: 0px;
    opacity: 1;
}
/*タブ切り替え*/
.tabnavi_new{
    list-style: none;
  }
.tabnavi_new > li{
  float:left;
  list-style-type: none !important;
  margin-left:0 !important;
  margin-right:30px !important;
}
.tabnavi_new > li a{
    font-size:85%;
    border:1px solid #36b3f8;
    border-radius: 5px;
    color:#666;
    padding:5px 10px 5px 18px;
    background:#fff url(/images/common/tab_arrow01.png) 5px center no-repeat;
    filter: drop-shadow(0px 0px 2px rgba(54,179,248,0.8));
}
.tabnavi_new > li a.on{
    color:#666;
    border:1px solid #94d7fc;
    background:#ddf5ff url(/images/common/tab_arrow02.png) 5px center no-repeat;
    filter: drop-shadow(0px 0px 0px rgba(0,0,0,0));
}

/*
########################################################
  Top
########################################################
*/

/* ##############　slider　############## */
.wideslider {
  margin: 0 0 0 0;
  padding-bottom: 30px;
  width: 100%;
  height: 326px;
  text-align: left;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  .wideslider {
    padding-bottom: 12px;
  }
}
.wideslider .over_l,
.wideslider .over_r {
  position: absolute;
  top: 0;
  width: 960px;
  height: 320px;
  background: #fff;
  filter: alpha(opacity=50);
  opacity: 0.5;
  zoom: 1;
}
@media only screen and (max-width: 640px) {
  .wideslider .over_l,
  .wideslider .over_r {
    display: none;
  }
}
.wideslider .over_l {
  left: -960px;
}
.wideslider .over_r {
  right: -960px;
}

.wideslider ul,
.wideslider ul li {
  float: left;
  display: inline;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.wideslider ul li {
  position: relative;
}
.wideslider ul li a {
  display: block;
}

.wideslider ul li a:hover img {
  opacity: 0.6;
  -ms-filter: "alpha(opacity=60)";
}

.wideslider ul li img {
  width: 100%;
  height: auto;
}

.wideslider ul:after {
  content: ".";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden;
}

.wideslider_base {
  top: 0;
  position: absolute;
}

.wideslider_wrap {
  top: 0;
  position: absolute;
  width: 22680px;
  height: 320px;
  overflow: hidden;
}

.slider_prev,
.slider_next {
  position: absolute;
  top: 0;
  display: block;
  width: 960px;
  height: 320px;
  zoom: 1;
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 60;
}

@media only screen and (max-width: 640px) {
  .slider_prev,
  .slider_next {
    display: none;
  }
}

.slider_prev {
  left: -960px;
  background: url(/images/slide_left_arrow.png) right 0 no-repeat;
}
.slider_prev:hover {
  background-position: right -320px;
}

.slider_next {
  right: -960px;
  background: url(/images/slide_right_arrow.png) left 0 no-repeat;
}
.slider_next:hover {
  background-position: left -320px;
}


.footer-banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: center;
  width: 100%;
}

.footer-banner .bx-wrapper .bx-pager .bx-pager-item.btn-stop {
  width: 24px;
  height: 20px;
  border: 1px solid #aaaaaa;
  margin-left: 5px;
  vertical-align: text-bottom;
}

.wideslider .pagination {
  bottom: 40px;
  left: 0;
  width: 100%;
  height: 20px;
  margin: 0;
  text-align: center;
  position: absolute;
  z-index: 50;
  line-height: 100%;
  font-size: 14px;
}
@media only screen and (max-width: 640px) {
  .wideslider .pagination {
    display: none;
  }
}
.wideslider .pagination a {
  display: inline-block;
  background-color: inherit;
  text-indent: 0;
  width: 13px;
  height: 13px;
  overflow: hidden;
  margin: 0 0;
  text-align: left;
  vertical-align: text-bottom;
  background: url(/images/bg_slide_parts.png) -29px -37px no-repeat;
}
.wideslider .pagination a + a {
  margin-left: 13px;
}
.wideslider .pagination a:hover,
.wideslider .pagination a.active {
  color: #c8171f;
  background-position: -29px 0;
}


.wideslider .pagination a.stop,
.footer-banner .bx-wrapper .bx-pager.bx-default-pager .btn-stop a {
  position: relative;
  display: inline-block;
  width: 24px!important;
  height: 20px!important;
  background: #00ffff;
  z-index: 5000;
  margin: 0 auto 0;
  cursor: pointer;
  margin-left: 17px;
  background: url(/images/bg_slide_parts.png) -56px 0 no-repeat;
  letter-spacing: normal;
  text-indent: -9999px;
  overflow: hidden;
  vertical-align: top;
}

.footer-banner .bx-wrapper .bx-pager.bx-default-pager .btn-stop a {
  margin: 0;
  background: url(/images/bg_slide_parts.png) -56px 0 no-repeat;
}

@media only screen and (max-width: 640px) {
  .stop,
  .btn-stop {
    display: none;
  }
}
.wideslider .pagination a.stop.on,
.footer-banner .bx-wrapper .bx-pager.bx-default-pager .btn-stop.on a {
  background-position: -56px -30px;
}
.wideslider .pagination a.stop:hover,
.footer-banner .bx-wrapper .bx-pager.bx-default-pager .btn-stop a:hover {
  opacity: 0.6!important;
  -ms-filter: "alpha(opacity=60)"!important;
}



/* ##############　MainMenu　############## */
#SportsContent #MainContent .MainMenu{
    margin:20px 0 0 0;
    padding:0;
    list-style:none;
}
#SportsContent #MainContent .MainMenu{
    list-style:none;
    display:-webkit-box;
    display:-moz-box;
    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;
}
#SportsContent #MainContent .MainMenu > li{
    width:310px;
    overflow: hidden;
    margin:0 15px 0 0;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
    border-radius: 3px;
}
#SportsContent #MainContent .MainMenu >  li:last-child{
    margin:0;
}
#SportsContent #MainContent .MainMenu >  li.suru .image{
    padding:5px;
    background:url(/images/common/suru_top_bg.jpg) center bottom no-repeat;
    border-radius: 3px 3px 0px 0px;
}
#SportsContent #MainContent .MainMenu >  li.miru .image{
    padding:5px;
    background:url(/images/common/miru_top_bg.jpg) center bottom no-repeat;
    border-radius: 3px 3px 0px 0px;
}
#SportsContent #MainContent .MainMenu >  li.sasaeru .image{
    padding:5px;
    background:url(/images/common/sasaeru_top_bg.jpg) center bottom no-repeat;
    border-radius: 3px 3px 0px 0px;
}

#SportsContent #MainContent .MainMenu >  li h2{
    color: #fff;
    font-size: 180%;
    line-height:140%;
    text-align: center;
    margin:0;
    padding: 15px 0 10px 0;
}
#SportsContent #MainContent .MainMenu >  li a{
    display:block;
    font-size:95%;
    color:#333;
    text-align:left;
    border-top:1px solid #f1f1f1;
    padding:10px 10px 10px 20px;
    line-height:180%;
    text-decoration: none;
    background:url(/images/common/arrow.png) 8px 17px no-repeat;
}
#SportsContent #MainContent .MainMenu >  li a:hover{
    background:url(/images/common/arrow_white.png) 8px 17px no-repeat;
}
#SportsContent #MainContent .MainMenu >  li > div > ul > li:first-child a{
    border-top:0px;
}
#SportsContent #MainContent .MainMenu >  li.miru > div > ul > li:last-child a{
    border-bottom:1px solid #f1f1f1;
}
#SportsContent #MainContent .MainMenu > li.suru{
    background:#a4ceef;
}
#SportsContent #MainContent .MainMenu > li.miru{
    background:#a7d9cb;
}
#SportsContent #MainContent .MainMenu > li.sasaeru{
    background:#fac768;
}
#SportsContent #MainContent .MainMenu >  li.suru a:hover{
    text-decoration: none;
    background-color:#3187cd;
    color:#fff;
}
#SportsContent #MainContent .MainMenu >  li.miru a:hover{
    text-decoration: none;
    background-color:#00ad7a;
    color:#fff;
}
#SportsContent #MainContent .MainMenu >  li.sasaeru a:hover{
    text-decoration: none;
    background-color:#f4a000;
    color:#fff;
}
#SportsContent #MainContent .MainMenu >  li a:hover img{
    opacity: 1;
	filter : alpha(opacity=100);
}
#SportsContent #MainContent .MainMenu >  li a.image{
    font-size: 95%;
    display: block;
    color: #fff;
    text-align:center;
    margin-left: 0;
    padding:0;
    line-height: 180%;
}
#SportsContent #MainContent .MainMenu div > .title,
#SportsContent #MainContent .MainMenu div ul ul{
    display:none;
}
#SportsContent #MainContent .MainMenu div ul{
    margin:0 !important;
}
#SportsContent #MainContent .MainMenu div ul li{
    float: none;
    list-style-type: none;
    width: 100%;
    overflow: hidden;
    margin: 0 0px 0 0;
    padding-bottom: 0px;
    border-radius: 0px;
    box-shadow: none;
}
#SportsContent #MainContent .MainMenu ul ul{
    display:none;
}
#SportsContent #MainContent .sasaeru_ouen{
    width:310px;
    overflow: hidden;
    margin:10px 0 0 0;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
    border-radius: 3px;
    float:right;
}
#SportsContent #MainContent .sasaeru_ouen a{
    display:block;
    font-size:95%;
    color:#333;
    text-align:left;
    border-top:1px solid #f1f1f1;
    padding:10px 10px 10px 20px;
    line-height:180%;
    text-decoration: none;
    background:#fac9e6 url(/images/common/arrow.png) 8px 17px no-repeat;
}
#SportsContent #MainContent .sasaeru_ouen a:hover{
    text-decoration: none;
    color:#fff;
    background:#c7308d url(/images/common/arrow_white.png) 8px 17px no-repeat;
}
/* ##############　MainMenu2023　############## */
#SportsContent #MainContent .MainMenu3col{
    margin:20px 0 0 0;
    padding:0;
    list-style:none;
}
#SportsContent #MainContent .MainMenu3col{
    list-style:none;
    display:-webkit-box;
    display:-moz-box;
    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;
}
#SportsContent #MainContent .MainMenu3col > li{
    width:215px;
    overflow: hidden;
    margin:0 15px 0 0;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
    border-radius: 3px;
}
#SportsContent #MainContent .MainMenu3col >  li:last-child{
    margin:0;
}
#SportsContent #MainContent .MainMenu3col >  li.suru .image{
    padding:5px;
    background:url(/images/common/suru_top_bg.jpg) center bottom no-repeat;
    border-radius: 3px 3px 0px 0px;
}
#SportsContent #MainContent .MainMenu3col >  li.miru .image{
    padding:5px;
    background:url(/images/common/miru_top_bg.jpg) center bottom no-repeat;
    border-radius: 3px 3px 0px 0px;
}
#SportsContent #MainContent .MainMenu3col >  li.sasaeru .image{
    padding:5px;
    background:url(/images/common/sasaeru_top_bg.jpg) center bottom no-repeat;
    border-radius: 3px 3px 0px 0px;
}

#SportsContent #MainContent .MainMenu3col >  li h2{
    color: #fff;
    font-size: 150%;
    line-height:140%;
    text-align: center;
    margin:0;
    padding: 15px 0 10px 0;
}
#SportsContent #MainContent .MainMenu3col >  li a{
    display:block;
    font-size:85%;
    color:#333;
    text-align:left;
    border-top:1px solid #f1f1f1;
    padding:10px 10px 10px 20px;
    line-height:180%;
    text-decoration: none;
    background:url(/images/common/arrow.png) 8px 17px no-repeat;
}
#SportsContent #MainContent .MainMenu3col >  li a:hover{
    background:url(/images/common/arrow_white.png) 8px 17px no-repeat;
}
#SportsContent #MainContent .MainMenu3col >  li > div > ul > li:first-child a{
    border-top:0px;
}
#SportsContent #MainContent .MainMenu3col >  li.miru > div > ul > li:last-child a{
    border-bottom:1px solid #f1f1f1;
}
#SportsContent #MainContent .MainMenu3col > li.suru{
    background:#a4ceef;
}
#SportsContent #MainContent .MainMenu3col > li.miru{
    background:#a7d9cb;
}
#SportsContent #MainContent .MainMenu3col > li.sasaeru{
    background:#fac768;
}
#SportsContent #MainContent .MainMenu3col >  li.suru a:hover{
    text-decoration: none;
    background-color:#3187cd;
    color:#fff;
}
#SportsContent #MainContent .MainMenu3col >  li.miru a:hover{
    text-decoration: none;
    background-color:#00ad7a;
    color:#fff;
}
#SportsContent #MainContent .MainMenu3col >  li.sasaeru a:hover{
    text-decoration: none;
    background-color:#f4a000;
    color:#fff;
}
#SportsContent #MainContent .MainMenu3col >  li a:hover img{
    opacity: 1;
	filter : alpha(opacity=100);
}
#SportsContent #MainContent .MainMenu3col >  li a.image{
    font-size: 95%;
    display: block;
    color: #fff;
    text-align:center;
    margin-left: 0;
    padding:0;
    line-height: 180%;
}
#SportsContent #MainContent .MainMenu3col div > .title,
#SportsContent #MainContent .MainMenu3col div ul ul{
    display:none;
}
#SportsContent #MainContent .MainMenu3col div ul{
    margin:0 !important;
}
#SportsContent #MainContent .MainMenu3col div ul li{
    float: none;
    list-style-type: none;
    width: 100%;
    overflow: hidden;
    margin: 0 0px 0 0;
    padding-bottom: 0px;
    border-radius: 0px;
    box-shadow: none;
}
#SportsContent #MainContent .MainMenu3col ul ul{
    display:none;
}

/* ##############　topics　############## */
#home #SportsContent #MainContent .topics_title a{
    display:block;
    float:right;
    text-align:right;
    font-size:60%;
}

#home #SportsContent #MainContent #topics_list{
    margin:25px 0px 20px 0px;
    list-style:none;
}
#home #SportsContent #MainContent #topics_list li{
    list-style-type: none;
    margin:0;
}
#home #SportsContent #MainContent #topics_list li a{
    display:block;
    background:#fff;
    border-radius: 5px;
    padding:10px 10px 8px 10px;
    margin:0 0 8px 0;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
    text-decoration:none;
}
#home #SportsContent #MainContent #topics_list li a:hover dd{
    text-decoration: underline;
}
#home #SportsContent #MainContent #topics_list li dl{
    margin:0;
}
#home #SportsContent #MainContent #topics_list li dt{
    color:#333;
}
#home #SportsContent #MainContent #topics_list li dd{
    margin-left:8.5em;
}
#SportsContent #MainContent #topics_list li a dt span{
    margin:0 0.1em 0 0.5em;
    padding:2px 10px 0 10px;
    font-size:90%;
    color:#fff;
    border-radius: 5px;
}
#SportsContent #MainContent #topics_list li dt span.suru,
#SportsContent #MainContent #topics_list li dt span.cat-do{
    background-color:#3187cd;
}
#SportsContent #MainContent #topics_list li dt span.miru,
#SportsContent #MainContent #topics_list li dt span.cat-watch{
    background-color:#00ad7a;
}
#SportsContent #MainContent #topics_list li dt span.sasaeru,
#SportsContent #MainContent #topics_list li dt span.cat-sasaeru{
    background-color:#f4a000;
}
#SportsContent #MainContent #topics_list li dt span.seisaku,
#SportsContent #MainContent #topics_list li dt span.cat-effort{
    background-color:#cd318d;
}
#SportsContent #MainContent #topics_list li dt span.link{
    background-color:#996c33;
}
#SportsContent #MainContent #topics_list li dt span.special{
    background-color:#30aebd;
}
#SportsContent #MainContent #topics_list li dt span.other{
    background-color:#888;
}
#SportsContent #MainContent #topics_list li dt span.yearanniversary1,
#SportsContent #MainContent #topics_list li dt span.cat-yearanniversary1{
    background-color:#bd0017;
}
#home #SportsContent #MainContent #topics_list .Title,
#home #SportsContent #MainContent #topics_list li:nth-of-type(n+11){
    display:none;
}
/*
########################################################
  topics
########################################################
*/
#topics #topics_list .Title{
    list-style-type: none !important;
    margin-left:0 !important;
}
#topics #topics_list a{
    text-decoration: none;
}
#topics #topics_list dl,
#topics #topics_list dt,
#topics #topics_list dd{
    margin:0;
    padding:0;
    display:inline;
}
#topics #topics_list dt{
    pointer-events:none;
    color:#333;
    text-decoration: none;
}
#topics #topics_list dd{
    margin-left:0em;
    text-decoration: underline;
    display:block;
}
/*
########################################################
  その他特殊設定追加
########################################################
*/
.arealist table tr:nth-child(n + 2) td:nth-child(5){
    width:230px;
}
.arealist table tr:nth-child(n + 2) td:nth-child(5) a{
    word-break: break-all;
    display: inline-block;
}
.arealist table tr:nth-child(n + 2) td:nth-child(2){
    min-width:80px;
}
.arealist table tr:nth-child(n + 2) td:nth-child(3){
    min-width:65px;
}
.arealist table .telicon{
    position:relative;
    top:7px;
    margin-right:5px;
}
/*
a{
  word-break: break-all;
}
*/

/*
########################################################
  border Content_head_foot
########################################################
*/
#SportsContent .border{
    padding: 15px 20px 0px 20px;
    margin-bottom:1.5em;
    background-color: #fff;
    border: solid 1px #aaa;
    border-radius: 3px;
}
#SportsContent .border.red{
    background-color: #f7f0f0;
    border: solid 1px #c21418;
}
#SportsContent .border.blue{
    background-color: #edf9ff;
    border: solid 1px #00a0e9;
}
#SportsContent .border.orange{
    background-color: #fff6ef;
    border: solid 1px #f19149;
}
#SportsContent .border.green{
    background-color: #effff5;
    border: solid 1px #35d073;
}
#SportsContent .border.red,
#SportsContent .border.blue,
#SportsContent .border.orange{
    color:#333;
}
#SportsContent .border.red .title{
    font-weight:bold;
    color:#c21418;
}
#SportsContent .border.blue .title{
    font-weight:bold;
    color:#00a0e9;
}
#SportsContent .border.orange .title{
    font-weight:bold;
    color:#f19149;
}
#SportsContent .border.green .title{
    font-weight:bold;
    color:#35d073;
}
#SportsContent .border .title{
    font-weight:bold;
}
#SportsContent .ContentHead.border.red .title{
    text-align:center;
    font-weight:bold;
    font-size:125%;
    color:#c21418;
}
#SportsContent .ContentHead.border.blue .title{
    text-align:center;
    font-weight:bold;
    font-size:125%;
    color:#00a0e9;
}
#SportsContent .ContentBottom.border .title{
    text-align:center;
    font-weight:bold;
    font-size:110%;
}
#SportsContent .ContentHead{
    margin-bottom:2.5em;
}
#SportsContent .ContentBottom{
    margin-top:2.5em;
    margin-bottom:0em;
}
/*
########################################################
  文字サイズ
########################################################
*/
#SportsContent .fontSize li{
    float:left;
    margin-right:20px;
}
#SportsContent .fontSize li span{
    width:150px;
    font-size:130%;
    text-align:center;
}
/*
########################################################
  sitemap
########################################################
*/
body#sitemap .InternalContent div > ul > li{
    clear: both;
    margin: 2em 1.5em !important;
    list-style-type: none !important;
    background:#f1f1f1;
    font-size:100%;
}
body#sitemap .InternalContent div > ul > li > a{
    display:block;
    padding:0.5em;
    font-size:120%;
    font-weight:bold;
}
body#sitemap #SportsContent #MainContent .InternalContent div > ul ul{
	background: #fff;
    margin-top: 0!important;
    padding-top: 1em!important;
}
body#sitemap .InternalContent ul ul li{
    /*float:left;*/
    margin-right:1.5em !important;
}
body#sitemap .InternalContent div > .title{
    font-size:200%;
    clear: both;
    margin-bottom:0.5em;
    padding-top:1.5em;
}
body#sitemap .InternalContent .suru > .title{
    padding-top:0em;
}
body#sitemap .InternalContent .overview{
    display:none;
}
body#sitemap .InternalContent ul li.subtitle{
    display: none;
}

/*
########################################################
  oshirase
########################################################
*/

#oshirase #topics_list .Title{
    list-style-type: none !important;
    margin-left:0 !important;
}
#oshirase #topics_list a{
    text-decoration: none;
}
#oshirase #topics_list dl,
#oshirase #topics_list dt,
#oshirase #topics_list dd{
    margin:0;
    padding:0;
    display:inline;
}
#oshirase #topics_list dt{
    pointer-events:none;
    color:#333;
    text-decoration: none;
}
#oshirase #topics_list dd{
    margin-left:0em;
    text-decoration: underline;
    display:block;
}

