a{
transition: 0.3s ;
}

a:hover{
opacity: 0.7 ;
}

body{
  overflow-x: hidden;
}

.btn_custom_blue{
  border: 1px solid #6BCBF6;
  background-color: #ffffff;
  padding: 10px;
  text-align: center;
  color: white;
  width: 100px;
}


/*--------------------------------------------
  汎用クラス
---------------------------------------------*/
/*クリアフィックス*/
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/* -------------- テキスト調整 -------------- */

/*フォントサイズ*/
.fz17 {
  font-size: 17px !important;
}
.fz18 {
  font-size: 18px !important;
}
.fz19 {
  font-size: 19px !important;
}
.fz20 {
  font-size: 20px !important;
}
.fz21 {
  font-size: 21px !important;
}
.fz22 {
  font-size: 22px !important;
}

/*フォントサイズ*/
.we500 {
	font-weight: 500;
	}
.we600 {
	font-weight: 600;
	}
.we700 {
	font-weight: 700;
	}
.we800 {
	font-weight: 800;
	}

/*マージントップ*/
.mt05 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt50 {
  margin-top: 50px !important;
}

/*マージンボトム*/
.mb05 {
  margin-bottom: 5px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.mb65 {
  margin-bottom: 65px !important;
}
.mb70 {
  margin-bottom: 70px !important;
}

/*マージンレフト*/
.ml-0 {
	margin-left: 0px !important;
}
.ml-5 {
	margin-left: 5px !important;
}
.ml-10 {
	margin-left: 10px !important;
}
.ml-15 {
	margin-left: 15px !important;
}
.ml-20 {
	margin-left: 20px !important;
}
.ml-30 {
	margin-left: 30px !important;
}
.ml-40 {
	margin-left: 40px !important;
}
.ml-50 {
	margin-left: 50px !important;
}
.ml-55 {
	margin-left: 55px !important;
}

/*パディング*/
.p10 {
	padding: 10px !important;
}

/*パディングレフト*/
.pl-0 {
	padding-left: 0px !important;
}
.pl-10 {
	padding-left: 10px !important;
}

/*パディングボトム*/
.pb0 {
	padding-bottom: 0px !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.pb30 {
	padding-bottom: 30px !important;
}
.pb40 {
	padding-bottom: 40px !important;
}
.pb50 {
	padding-bottom: 50px !important;
}


/* テキストインデント */
.ti-1 {
	text-indent: 1em;
	}
.ti-2 {
	text-indent: 2em;
	}

/* リストスタイル タイプ */
.ls-d {
	list-style-type: disc;
	list-style-position: outside;
	}
.ls-de {
	list-style-type: decimal;
	list-style-position: outside;
	}
  
/* 行間 */
.lhi-1-2 {
	line-height: 1.2em;
	}
.lhi-1-4 {
	line-height: 1.4em;
	}
.lhi-1-6 {
	line-height: 1.6em;
	}
.lhi-1-8 {
	line-height: 1.8em;
	}
.lhi-2 {
	line-height: 2em;
	}
.lhi-2-2 {
	line-height: 2.2em;
	}
.lhi-2-4 {
	line-height: 2.4em;
	}
.lhi-2-6 {
	line-height: 2.6em;
	}
	
/* 色の指定 */
.color01 {
    color: #076999 !important;
  }
.color02 {
    color: #3a3e42 !important;
  }
.color03 {
    color: #b8bbc2 !important;
  }
.color04 {
    color: #006499 !important;
  }
.color05 {
    color: #d0d9de !important;
	}
.color06 {
    color: #f4ae3c !important;
	}
 
 /* 自動的な折り返しを行う */
.ws-m {
	white-space: normal;
	}
.ws-r {
	white-space: nowrap;
	}
	
/* 英単語を途中で折り返す
   出来れば ww-b を使う */
.ww-b {
	word-wrap: break-word;
	}
.wb-b {
	word-break: break-all;
	}
	
/* -------------- end テキスト調整 -------------- */



/* -------------- レイアウト調整 -------------- */

.over-a{
	overflow: auto;
	}	
.maw400{
	max-width: 400px !important;
	}
.maw50{
	max-width: 50% !important;
	}

/* テーブルスクロール*/

.scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}


/* -------------- end レイアウト調整 -------------- */


.layout-main {
    width: 70%;
    background: #0088a2;
}
.component-card .card .detail {
    background: #ffffff;
}
.component-card .card .detail .title a {
    color: #303237;
    font-size: 18px;
    font-weight: 500;
}

/*.layout-second .second-body article h2 {
    font-size: 36px;
    border-left: 12px solid #006499;
    padding-left: 17px;
}*/

.layout-second .second-body article h2 {
    font-size: 150%;
    font-weight: bold;
    border: 1px solid #006499;
    padding: 14px;
}

.layout-second .second-body article h2.top-sp {
    border: none;
	background-color: #dfdfdf;
	border-bottom: 4px solid #d5d5d5;
}

.layout-second .second-body article h3 {
    padding: 6px 13px;
    margin: 10px 0px;
    border-left: 4px solid #006499;
}




.layout-second .second-body article .hr {
    border-top: 3px solid #e1e1e1;
}
.link-wrap {
    margin-top: 22px;
}
.layout-second .second-body article .img-right {
    width: 50%;
	height: auto;
}
.layout-content .bread {

    background: #b4b4b5;
}
.layout-second .second-body article .img-center {
	width: 100%;
	height: auto;
	}
.layout-second .second-body article .img-left {
    width: 50%;
	height: auto;
}
.tbl02 caption {
    color: #34383b;
}
.layout-second .second-body {
	color: #4c4c4c;
	}
.tbl02 thead tr th {
	background-color: #939699;
	}
.layout-content .bread {
    color: #2d2e37;
    font-size: 13px;
}
.link-wrap .size-half {
  	width: 50%;
}
.link-wrap .size-half:last-child {
	margin-left: 0%;
}
.second-body article div.link-wrap a {
    border: medium none;
    display: block;
    text-align: center;
	background-color: #d7f1ff;
}
.second-body article div.link-wrap a.link {
	width: 100%;
}
.link-wrap .link-radius:hover, .link-wrap .link-radius.selected {
    background: #c4e6f8;
}


/* -------------- ページトップへ -------------- */
#pageTop{
	background: #006499;
	border-radius:5px;
	color:#FFF;
	padding:15px;
	position:fixed;
	bottom:20px;
	right:20px;
	}
#pageTop:hover{
	background: #0a79b4;
	}

/* ----  チケットページ --- */

.tbl04 tbody tr th {
    text-align: center;
    background-color: #dfe1e4;
    border: 1px dotted #bfbfbf;
	border-right: 1px dotted #bfbfbf;
    color: #4C4C4C;
    font-weight: 500;
  height:30px;
    vertical-align:middle;
  }
  .tbl04 tbody tr td {
    text-align: center;
    border: 1px dotted #bfbfbf;
    height:50px;
    vertical-align:middle;
  }
  .layout-second {
/*
    margin: 16px 7px 0;
*/
  }
/* ----  トップ　サイド 調整 --- */
.team-kh .bg-sub.layout-side-bnr {
	background: #3e3e3e none repeat scroll 0 0 !important ;
	height: 800px;
}
.component-block .block-header .title > * {
	margin-bottom: 8px ;
}


/* ----  フッター　スポンサー調整 --- */
div#link-gold ul li,div#link-silver ul li,div#link-bronze ul li,div#link-official ul li {
	width: 17%;
    padding: 5px 0;
}
div#link-top ul.top-sponsors li,div#link-top ul.top-sponsors li {
	  width: 22%;
}
div#link-supplier ul li  {
	  width: 29%;
	  font-size: 1em;
	  padding: 0 10px;
}
.team-kh .footer-layout-second .second-body article a {
	color: #3d8caf;
}
.skippr-slider-ma {
	margin: -194px 0 78px !important;
}
.block-header-he { height: 130px; }

  
/*　768px以上　*/
@media screen and (min-width: 768px) {
  .tbl02 {
    max-width: 800px;
    word-break: break-all;
  }
  
/* -------------- width の調整 -------------- */
/* ----- サポーティングパートナー 募集 ---- */
.maw100{
	max-width: 100%;
	}
  
/* ---- end サポーティングパートナー 募集 --- */


/* ----  トップ サイドメニュー 調整 --- 
.layout-sponsors ul {
    height: 320px;
} */

/* ----  フッター　スポンサー調整 --- */
/*
div.layout-sponsors div.second-body {
	height: 600px;
	overflow: scroll;
}
*/

.footer-layout-second {
	margin: 30px 0;
}

  .tbl02 th, .tbl02 td {
    padding: 10px 20px;
    border-right:dotted 1px #bfbfbf;
  }
  .tbl02 tbody tr th {
    text-align: center;
    width: 20%;
    border-right: dotted 1px #bfbfbf;
    color: #34383B;
    font-weight: 500;
    background-color: #dfe1e4;
  }
  .tbl02 caption {
    text-align: left;
    font-weight: 500;
  }
  .tbl03 tbody tr th {
    text-align: center;
    background-color: #dfe1e4;
    border-right: 1px dotted #bfbfbf;
    color: #4C4C4C;
    font-weight: 500;
    width: 130px;
  }
  .tbl03 tbody tr td {
    text-align: left;
  }
  section.layout-second div.second-body article div#link-reserch div.tbl-wrap table.tbl03 tbody tr td img {
    padding: 0px 0px;
  }
  .tbl09 th, .tbl09 td {
    padding: 10px 10px;
    border-right:dotted 1px #bfbfbf;
  }
  .tbl09 tbody tr th {
    text-align: center;
    width: 110px;
    border-right: dotted 1px #bfbfbf;
    color: #34383B;
    font-weight: 500;
    background-color: #ffffcc;
  }
  .tbl09 tbody tr td {
    text-align: left;
  }
  .tbl09 tbody tr th img {
    padding: 0px 0px;
  }
  .link-wrap .link-radius {
    font-size: 13px;
  }
  .link-wrap .link-radius {
    border: 1px solid #8e8f91;
    margin-bottom: 4px;
  }
  .link-wrap .strong {
    background: #ebebeb;
  }
  .link-wrap .strong a {
    color: #FFF;
  }
  .layout-popup-tnav .right {
    right: 0;
    background: #1696c3;
  }
  .layout-second .second-header .top {
    background: #f3f1f1;
  }
  .layout-second .second-header .slice {
    background: #f3f1f1;
  }
  .layout-second .second-header .btm {
    padding: 20px 50px 0px;
    background: #f3f1f1;
  }
  .layout-second .second-header .title-wrap {
    font-size: 34px;
  }
  .layout-second .second-body {
    background: #f3f1f1;
  }
  
  .layout-second .layout-sponsors .second-body {
    background: #fff;
  }
  
  .layout-second .second-body article a {
    color: #0d96c2;
  }
  .layout-second .second-body article h1 {
    font-size: 36px;
  }
/*  .layout-second .second-body article h2 {
    font-size: 22px;
  } */
  
  section.layout-second div.second-body article h3 span.fz12 {
    margin-bottom: 0;
  }
  .layout-second .second-body article .color01 {
    color: #5c93a7;
  }
  .layout-second .second-body article .color02 {
    color: #4c4c4c;
  }
  .layout-second .second-body article .color03 {
    color: #aaa;
  }
  section.layout-second div.second-body article div#link-reserch div.tbl-wrap table.tbl02 tbody tr th span.color03 {
    font-size: 20px;
  }
  .layout-second .second-body article .image-large {
    margin: -10px 0 30px;
  }
  .component-card {
    margin-top: 20px 35px;
  }
  .component-card.row2 .card {
    margin-bottom: 30px;
    width: 49%;
  }
  .component-card .card {
    display: inline-block;
    margin-bottom: 20px;

    margin-right: 0%;
    width: 30.5%;
    position: relative;
  }
  .component-card .card .detail {
    padding: 20px 20px;
    background: #FFF;
  }
  .component-sidenav a {
    border: 1px solid #1696c3;
  }
  .component-sidenav a:hover {
    background: #1696c3;
  }
  .current-stats-wrap .color01 {
    color: #cf5a95;
  }
  .current-stats-wrap .color01 .progress {
    background: #cf5a95;
  }
}

/*　767px以下　*/
@media screen and (max-width: 767px) {
  .tbl02 tbody tr th {
    width: 20%;
    border-right: dotted 1px #bfbfbf;
    color: #34383B;
    font-weight: 500;
    background-color: #dfe1e4;
  }
  .tbl03 tbody tr th {
    text-align: center;
    width: 20%;
    border-right: dotted 1px #bfbfbf;
    color: #34383B;
    font-weight: 500;
    background-color: #dfe1e4;
  }
  .tbl03 tbody tr td img {
    padding: 0px 0px;
  }
  .tbl09 th, .tbl09 td {
    padding: 10px 10px;
    border-right:dotted 1px #bfbfbf;
  }
  .tbl09 tbody tr th {
    text-align: center;
    width: 110px;
    border-right: dotted 1px #bfbfbf;
    color: #34383B;
    font-weight: 500;
    background-color: #ffffcc;
  }
  .tbl09 tbody tr td {
    text-align: left;
  }
  .tbl09 tbody tr th img {
    padding: 0px 0px;
  }
  .link-wrap .link-radius {
    margin-bottom: 4px;
    display: inline-block;
  }
  .link-wrap .strong {
    background: #ebebeb;
  }
  .layout-second .second-header .title-wrap {
    font-size: 25px;
  }
  .layout-second .second-body {
　  background: #f3f1f1;
　}
  .layout-second .second-body article a {
    color: #0d96c2;
  }
  .layout-second .second-body article h1 {
    font-size: 36px;
  }
  .layout-second .second-body article h2 {
    font-size: 1.1em;
  }
  .layout-second .second-body article h3 {
    font-size: 18px;
  }
  section.layout-second div.second-body article h3 span.fz12 {
    margin-bottom: 0;
  }
  .layout-second .second-body article .color01 {
    color: #5c93a7;
  }
  .layout-second .second-body article .color02 {
    color: #4c4c4c;
  .layout-second .second-body article .color03 {
    color: #aaa;
  }
  .news-article .second-header .top, .news-article .second-header .slice, .news-article .second-header .btm {
    background: #f3f1f1;
  }
  }
  
/* ----- 名誉ブースター ---- */
  .honorBox h2 {
	  margin-top: 20px;
  }
/* ----  フッター　スポンサー調整 --- */
  div#link-top ul.top-sponsors li,div#link-top ul.top-sponsors li {
	  width: 24%;
  }
  div#link-supplier ul li  {
	  width: 46%;
	  font-size: 0.9em;
	  padding: 0 10px;
  }
  .layout-sponsors {
	  width: 100%;
  }
  .layout-second .second-body {
	  padding: 0;
  }
  
/* ----  サイドメニュースポンサー調整　 --- */
.skippr-slider-ma { display: none;
}
.block-header-he { display: none;
}

/*　600px以下　*/
@media screen and (max-width: 600px) {
	div#link-supplier ul li {
		width: 45%;
  }
  .layout-second .second-body article h2 {
    font-size: 0.9em;
  }
}


/*　375px以下　*/
@media screen and (max-width: 375px) {
	div#link-supplier ul li {
		width: 100%;
		font-size: 0.7em;
  }
  .layout-second .second-body article h2 {
    font-size: 0.8em;
	margin-bottom: 0;
  }
  .layout-sponsors ul {
	  padding: 6px 0;
  }
  .layout-second .second-body {
	  padding: 0;
  }
}

.second-body article .btn-new {
  display:block;
width:30%;
padding-top:10px;
padding-bottom:10px;
text-align:center;
border:2px solid;
border-color:#aaaaaa #444444 #444444 #aaaaaa;
}
  

  
  
/* ========================================
お知らせ　定型
========================================*/

.news-article h3{padding:10px 0;font-size:150%;color:#4c4c4c;font-weight:bold;}
@media screen and (max-width: 767px) {

  .news-article iframe{width:100%!important;}
  
}

  .layout-second .second-body article .news-link{
    margin-bottom: 50px;
    overflow: hidden;
  }
  .layout-second .second-body article .news-link li{
    width: 33.33%;
    float: left;
    background-color: orange;
    text-align: center;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.1em;
  }
  .layout-second .second-body article .news-link li a{
    color: #FFF!important;
    display: block;
    padding: 10px 0; 
  }
  .layout-second .second-body article table{
    width: 100%!important;
  }
  .layout-second .second-body article iframe{
    width: 100%;
  }
  @media screen and (max-width: 767px) {
    .layout-second .second-body article .news-link{
      margin-bottom: 30px;
      overflow: hidden;
    }
    .layout-second .second-body article .news-link li{
      width: 50%;
    }
    /*
    .layout-second .second-body article table{
      width: 800px!important;
    }
    */

  }