@charset "utf-8";
/* このファイルはUTF-8のBOMなし(UTF-8N)で保存しています */

/**
 * CSS Information
 * ===============================================================
 *
 * Site URL:  http://
 * File name: base.css
 * Summary:   common上書き・固定ページ用スタイル
 * Author:    CrEa., Inc.
 *
 * ===============================================================
*/
.underLine{
  text-decoration: underline;
}
a img{
    vertical-align: bottom;
}
img.w100per{
	width: 100%;
}
.red{
	color: #ec4549 !important;
}
.blue{
	color: #18519d !important;
}
.white{
  color: #fff !important;
}
.black{
  color: #333333 !important;
}
.orange{
  color: #f49016 !important;
}
.natural{
  color: #797979 !important;
}
.pink{
 color: #e802af !important;
}
.yellow{
 color: #ffd200 !important;
}

.borderBottomTeamColor{
    padding-bottom: 5px;
	border-bottom: 1px solid #18519d;
}

.fz80per{ font-size: 80%;}
.fz110per{ font-size: 110%;}
.fz18{ font-size: 18px;}
.fz20{ font-size: 20px;}

.lh10 { line-height: 1.0 !important; }
.lh12 { line-height: 1.2 !important; }
.lh14 { line-height: 1.4 !important; }
.lh16 { line-height: 1.6 !important; }
.lh18 { line-height: 1.8 !important; }
.lh20 { line-height: 2.0 !important; }

.ls05 { letter-spacing: .05em !important; }
.ls10 { letter-spacing: .1em !important; }
.ls20 { letter-spacing: .2em !important; }
.ls-05 { letter-spacing: -.05em !important; }
.ls-08 { letter-spacing: -.08em !important; }
.ls-10 { letter-spacing: -.1em !important; }
.ls-20 { letter-spacing: -.2em !important; }

.mt5{ margin-top: 5px !important;}
.mt10{ margin-top: 10px !important;}

.floatLeft {
		float: left !important;
	}
	.floatRight {
		float: right !important;
	}

	.clearLeft {
		clear: left !important;
	}
	.clearRight {
		clear: right !important;
	}
	.clearBoth {
		clear: both !important;
	}

li{
    vertical-align: top;
}

ol,ul.disc{
	padding-left: 20px !important;
}
ol > li{
	list-style-type: decimal !important;
    margin-bottom: 10px !important;
}
ul.disc{
	list-style: disc !important;
}

.posRelative {
		position: relative;
	}
	.posAbsolute {
		position: absolute;
	}
	.posFixed {
		position: fixed;
	}
	.posStatic {
		position: static;
	}




/*dl*/
.blueDtFloat dt{
  color: #18519d;
}
.blueDtFloat dt:before{
  content: "■";
  margin-right: 3px;
}
.blueDtFloat dd,
.dtFloat dd{
  padding-left: 7.5em;
  margin-bottom: 5px;
}

		/* -- >>> styles for narrow layout ----- */
        @media screen and (max-width: 767px) {
          .blueDtFloat dt.floatLeft{
            float: none;
          }
          .blueDtFloat dd,
          .dtFloat dd{
            padding-left: 1.2em;
          }
        }

.displayInlineBlock {
	display: inline-block;
}
.displayInline {
	display: inline;
}
.displayBlock {
	display: block;
}
.displayNone {
	display: none;
}

		/* -- >>> styles for narrow layout ----- */
		@media screen and (max-width: 767px) {
			.displayPc,.displayPcTableCell {
				display: none;
			}
			.displaySp {
				display: inherit;
			}
          .displaySpTableCell {
				display: table-row;
			}
		}

		/* -- >>> styles for wide layout ----- */
		@media screen and (min-width: 768px) {
			.displayPc {
				display: inherit;
			}
          .displayPcTableCell {
				display: table-cell;
			}
			.displaySp,.displaySpTableCell {
				display: none;
			}
		}

/** .innerTxt **/
.innerTxt{
	width: 97%;
  	margin: 0 auto;
}


/**.iflameWrapper**/
.iframeWrapper {
    padding-top: 56.25%;
    position: relative;
    width: 100%;
}
.iframeWrapper iframe {
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important;
}

    /* -- >>> styles for narrow layout ----- */
    @media screen and (max-width: 767px) {
      .iframeWrapperSp {
          padding-top: 56.25%;
          position: relative;
          width: 100%;
      }
      .iframeWrapperSp iframe {
          height: 100% !important;
          left: 0;
          position: absolute;
          top: 0;
          width: 100% !important;
      }
    }

/*ガラケー用コメント*/
.comment{
	display: none !important;
}

/**並ばせ写真全て**/
.layout-second .second-body article .list li{
	display: block !important;
}

/**リンクナシの場合**/
.layout-second .second-body article .list.noLink li .detail{
	padding-bottom: 10px !important;
}


/**4つ並びの写真リンク**/

.layout-second .second-body article .list.row4 li {
  margin-right: 1%;
  width: 24.2%;
}
.layout-second .second-body article .list.row4 li:nth-child(4n) {
  margin-right: 0;
}

	/* -- >>> styles for narrow layout ----- */
	@media screen and (max-width: 767px) {
    	.layout-second .second-body article .list.row4 li {
          float: left;
          width: 100%;
        }
      	 .layout-second .second-body article .list.row4 .image {
          float: right;
          margin: 0 0 10px 2%;
          width: 48%;
        }
    }

.layout-second .second-body article .list.row4.gallery li {
  margin-bottom: 1%;
  border: none !important;
  padding: 0;
}

	/* -- >>> styles for narrow layout ----- */
	@media screen and (max-width: 767px) {
    	.layout-second .second-body article .list.row4 li {
          width: 100%;
        }
      	.layout-second .second-body article .list.row4.gallery li{
      	  float: left;
          width: 48%;
          margin: 0 1% 1% 0;
        }
      	.layout-second .second-body article .list.row4.gallery .image {
          float: none;
          margin: 0;
          width: 100%;
        }
    }


/** .tableHalf **/

.tblHalf {
    border-top: 1px solid #bfbfbf;
    margin-bottom: 30px;
    width: 48%;
  	box-sizing: border-box;
}
.tblHalf tr {
    border-bottom: 1px solid #bfbfbf;
}
.tblHalf th, .tblHalf td {
    padding: 10px 5px;
    text-align: center;
}
.tblHalf thead th {
    font-size: 10px;
    padding: 10px 5px 5px;
}
.tblHalf tbody td:nth-child(2n+1) {
    background: #f7f7f7 none repeat scroll 0 0;
}

	/* -- >>> styles for narrow layout ----- */
    @media screen and (max-width: 767px) {
		.tblHalf {
            width: 100%;
        }
      	.tblHalf.fl,
      	.tblHalf.fr{
            float: none !important;
        }
      .tblHalf.fr{
            margin-bottom: 0;
        }
    }

/**.feed**/
.feed li {
    border-bottom: 1px dotted #ccc;
}
.feed li a {
    display: block;
    padding: 15px 10px;
    color: #18519d;
}
.feed li a span.date {
    background: #c0dbff;
    color: #0a356f;
    display: block;
    float: left;
    height: 19px;
    margin: 0 10px 0 0;
    padding: 0 10px 5px 9px;
    /*width: 79px;*/
    border-left: 5px solid #74a3e1;
}


/*****===
	common.css 上書き分
===*****/

/*--top slide--*/

.main-visual-inner .main-visual-card-wrap {
  	display: none;
    bottom: 121px !important;
}
.main-visual-inner{
	padding-bottom: 75px !important;
}
.main-visual-inner .slide-pager{
	left: 50% !important;
  	bottom: 8px !important;
}


	/* -- >>> styles for narrow layout ----- */
    @media screen and (max-width: 767px) {
		.main-visual-inner .main-visual-card-wrap {
          	bottom: 82px !important;
    	}
      	.main-visual-inner{
            padding-bottom: 25px !important;
        }
      	.main-visual-inner .bx-controls{
        	bottom: -22px !important;
        }
	}

/* topページ スライド右 スケジュール*/
.team-sl .game-list-inner .txt-main{
	color: #ffe600 !important;
}

	@media screen and (min-width: 768px) {
        .bx-viewport{
            max-height: initial !important;
            max-height: auto !important;
        }
       .top-main-visual-wrap {
          /*border-bottom: 10px solid #1b1b1b;*/
        }
    }


.link-wrap{
	text-align: center !important;
}
.layout-second .second-body article .img-right {
    margin: 0 0 20px 20px ;
}
.layout-second .second-body article .img-left {
    margin: 0 20px 20px 0 !important;
}

.layout-second .second-body article .list .title {
    color: #18519d !important;
}
.layout-second .second-body article .list .txt {
    margin-bottom: 0 !important;
}

.layout-second .second-body article .image-list .caption {
    padding: 0 !important;
}
.layout-second .second-body article .image-list .caption a{
  	display: block !important;
    padding: 10px 15px !important;
}

        @media screen and (max-width: 767px) {

          .link-wrap{
	margin-bottom: 30px !important;
}

          	.tbl-wrap{
            	white-space: normal !important;
            }

          	td{
            	font-size: 13px;
            }

          	.layout-second .second-body article .list .txt {
                text-overflow: clip !important;
              	display: inline !important;
            }

            .layout-second .second-header .btm {
                padding: 0 10px 10px !important;
            }

          	.layout-second .second-body{
          	  padding: 0 10px 20px !important;
          	}

			.layout-second .second-body article .innerTxt > p {
              margin-bottom: 30px !important;
              line-height: 1.6 !important;
            }
            .layout-second .second-body article .innerTxt > p b {
              color: #18519d !important;
              font-weight: bold !important;
            }

          	.layout-second .second-body article .img-right,
          	.layout-second .second-body article .img-left{
                display: block;
                float: none !important;
              	width: 100% !important;
                margin: 0 0 5px 0 !important;
            }

          	.layout-second .second-body article .image-list .caption a{
                padding: 5px 10px !important;
            }

            /*SNS タイムライン*/
            .top-snslist iframe,.fb_iframe_widget > span{
              	height: 400px !important;
            }

       	}

        @media screen and (min-width: 768px) {

           .layout-second .second-header .btm {
               padding: 0 50px !important;
           }
           .layout-second .second-body {
               padding: 40px 50px 50px 50px !important;
           }

          .layout-second .second-body article .list .title {
              margin: 15px 0 !important;
          }

          .layout-second .second-body article .list li{
              position: relative !important;
          }
          .layout-second .second-body article .list li .detail{
              padding: 0 0 45px 0 !important;
          }
          .layout-second .second-body article .list li .moreWrap{
              position: absolute !important;
              bottom: 5px !important;
              right: 12px !important;
          }
          /*
          .layout-second .second-body article .innerTxt > p {
              margin-bottom: 30px !important;
              line-height: 2.4 !important;
            }
          */
            .layout-second .second-body article .innerTxt > p b {
              color: #18519d !important;
              font-weight: bold !important;
            }

          	/*中ページサイドナビ*/
          	.layout-side-inner {
                padding: 60px 0 60px 30px !important;
            }
        }



/******
	TOPページ 追加コンテンツ
*****/

/* topページ パートナーカルーセル */
.partner-carousel{
  	padding: 10px 0;
  	background: #fff !important;
}
.partner-carousel ul{
	display: inline-block;
  	vertical-align: top;
  	font-size: 0;
}
.partner-carousel .carou{
	display: inline-block !important;
  	margin: 0 6px !important;
  	height: 34px;
  	overflow: hidden;
  	vertical-align: top;
}
.partner-carousel .mainOfficial{
  	margin-right: 15px;
}
.partner-carousel .mainOfficial li{
	float: left;
  	margin-right: 5px;
}
.partner-carousel .mainOfficial li:last-child{
  	margin-right: 0;
}
.partner-carousel .officialCarou{
	width: 198px !important;
}
.partner-carousel .partnerCarou{
	width: 286px !important;
  	margin: 0 !important;
}
.partner-carousel .officialCarou li a,
.partner-carousel .partnerCarou li a{
	display: block;
  	float: left;
  	width: 90px;
  	height: 32px;
  	margin-right: 12px;
}
.partner-carousel .partnerCarou li a{
  	margin-right: 5px;
}
.partner-carousel .officialCarou li a:last-child,
.partner-carousel .partnerCarou li a:last-child{
  	margin-right: 0;
}
.partner-carousel .officialCarou li img,
.partner-carousel .partnerCarou li img{
  	width: 90px;
}

    @media screen and (max-width: 767px) {
        .partner-carousel .mainOfficial{
			margin: 0 20px 10px;
        }
      	.partner-carousel .carou{
          	display: block !important;
            margin: 0 auto 10px !important;
        }
      	.partner-carousel .carou:last-child{
			margin: 0 auto !important;
        }
      	.partner-carousel .partnerCarou{
            width: 232px !important;
        }
      	.partner-carousel .partnerCarou li a{
			width: 72px !important;
        }
        .partner-carousel .partnerCarou li img{
			width: 70px !important;
        }
    }


/* topページ カウントダウン */
.topCountDown{
  	padding: 20px;
  	background: #434343 !important;
}


/* topページ 下部パートナー一覧 */
.top-sponsors {
	padding: 50px !important;
}

/*.top-sponsors .mainOfficialPartner{
  margin: -50px auto -40px;
}*/

.top-sponsors .partnerLogo.logoCol05 li,
.top-sponsors .partnerLogo.logoCol06 li,
.top-sponsors .partnerLogo.logoCol07 li,
.top-sponsors .partnerLogo.logoCol08 li
.top-sponsors .partnerLogo.logoCol11 li{
  	margin: 0 15px 10px !important;
}

.top-sponsors .partnerLogo.logoCol09 li{
	margin: 0 12px 10px !important;
}
.top-sponsors .textLink {
  margin-bottom: 35px;
}

	@media screen and (max-width: 767px) {
		.top-sponsors {
        padding: 15px !important;
    }
    .top-sponsors .partnerLogo {
      margin: 0 auto 20px;
    }
  	/*.top-sponsors .mainOfficialPartner{
      margin: -20px auto 0;
    }*/
  	.top-sponsors .partnerLogo.logoCol04 li,
    .top-sponsors .partnerLogo.logoCol05 li,
    .top-sponsors .partnerLogo.logoCol06 li{
        margin: 0 5px 10px !important;
    }
    .top-sponsors .textLink {
      margin-bottom: 20px;
    }
	}
/* topページ 下部パートナー　マージン大 */
@media screen and (min-width: 768px) {
  .top-sponsors .partnerLogo.logoCol06.butCol05 li,
  .top-sponsors .partnerLogo.logoCol07.butCol06 li {
    margin: 0 36px 15px !important;
  }
  .top-sponsors .partnerLogo.logoCol08.butCol07 li {
    margin: 0 30px 20px !important;
  }
}

/* topページ 右カラムバナー部分 */
.bannerTopSide {
  	margin-top: 20px;
	font-size: 0;
}
.bannerTopSide li{
	display: inline-block;
    margin-bottom: 10px;
    width: 46%;
  	vertical-align: top;
}
.bannerTopSide li:nth-child(2n+1){
	margin-right: 3%;
}

    @media screen and (max-width: 767px) {
        .bannerTopSide li{
            width: 30%;
          	margin-right: 3%;
        }
      	.bannerTopSide li:nth-child(3n){
            margin-right: 0;
        }
      	.bannerTopSide li:last-child{
            margin-right: 0;
        }
      	.bannerTopSide li img{
            max-width: initial;
          	width: 100%;
        }
    }

    @media screen and (max-width: 450px) {
        .bannerTopSide li{
          width: 46%;
          margin-right: 0;
        }
        .bannerTopSide li:nth-child(2n+1){
            margin-right: 3%;
        }
    }

/*- TOPページ 追加コンテンツ ここまで -*/



/******
	.innerStaticContents内
*****/

.innerStaticContents{
	/*padding: 0 30px 0 0;*/
}
.innerStaticContents h2{
  	position: relative;
  	padding: 0 0 5px 0;
  	border-bottom: 2px solid #18519d;
  	font-size: 26px;
	color: #18519d;
}
.innerStaticContents h2 span{
	position: absolute;
  	right: 0;
  	bottom: 5px;
}
.layout-second .innerStaticContents .second-body article h3{
    margin-top: 40px;
    margin-bottom: 20px;
    padding: 1px 6px;
    border-bottom: 3px solid #03234e;
    background: #18519d;
    color: #ffffff;
}
.innerStaticContents h4{
    padding: 0 0 3px 0;
    margin-bottom: 20px;
    border-bottom: 2px solid #18519d;
    color: #18519d;
    font-weight: bold;
}
.innerStaticContents h4:before{
    content: url("/files/user/_/common/img/h4.png");
    position: relative;
    top: 5px;
    margin-right: 4px;
}
       @media screen and (max-width: 767px) {
         .innerStaticContents h2{
            font-size: 18px;
         }

         .layout-second .innerStaticContents .second-body article h3{
              margin-top: 20px;
          }
         .innerStaticContents h4{
    margin-bottom: 10px;
}
       }

.innerStaticContents .verticalUl{
	font-size: 0;
}
.innerStaticContents .verticalUl li{
	display: inline-block;
  	font-size: 16px;
  	border: 1px solid #ccc;
}

.innerStaticContents .column3 li{
	width: 31.5%;
}
.innerStaticContents .column3 li:nth-child(2){
	margin: 0 2%;
}
.innerStaticContents .column3 li a{
	display: block;
  	height: 100%;
}


/*サムネイル付きリスト .list li*/
       @media screen and (max-width: 767px) {
			.layout-second .second-body article .list li {
              margin-bottom: 20px;
              padding-bottom: 20px;
            }
       }


/*リンクなしの場合のサムネイル付きリスト .list.noLink*/
.layout-second .second-body article .list.noLink li .detail {
    /*padding: 0 !important;*/
}


/* .size-halfボタン */

       @media screen and (max-width: 767px) {
          .link-wrap .size-half{
              width: 90%;
          }
         .link-wrap .size-half:first-child{
         	margin-right: 0;
           margin-bottom: 10px;
         }
         .link-wrap .size-half:lastt-child{
         	margin-left: 0;
         }
       }



/*ページ内リンク*/
.innerStaticContents .pageLink{
  margin-bottom: -10px;
  font-size: 0;
}
.innerStaticContents .pageLink li{
	display: inline-block;
    width: 32%;
    max-width: 232px;
  	margin: 0 5px 10px;
  	font-size: 14px;
  	vertical-align: top;
}
.pageLink a{
    /*
    display: block;
    padding: 3px 5px;
    border: 1px solid #18519d;
    line-height: 1;
    box-sizing: border-box;
    letter-spacing: -.03em;
    */
}

      @media screen and (max-width: 767px) {
        .innerStaticContents .pageLink{
			margin-bottom: 0;
        }
        .innerStaticContents .pageLink li{
            width: 100%;
          }
        .innerStaticContents .pageLink li:last-child{
            margin-bottom: 0;
          }
      }



/*****===
	テンプレパーツ追加コンテンツ
===****/

/*-movingClumn(固定可変カラム)-*/
.movingColumnWrapper .photo{
    position: relative;
    z-index: 5;
}
.movingColumnWrapper.movingColumnRight .photo img{
	display: block;
    margin-bottom: 5px;
}
.layout-second .second-body article .movingColumnWrapper .img-left {
    float: none;
  	width: 300px;
    margin: 0 20px 10px 0;
}
.layout-second .second-body article .movingColumnWrapper.movingColumnRight .img-left {
    width: 260px;
    margin: 0 0 10px 20px !important;
}
.movingColumnWrapper .movingColumn{
	width: 100%;
    margin-left: -340px;
    padding-left: 340px;
    box-sizing: border-box;
}
.movingColumnWrapper.movingColumnRight .movingColumn{
  	margin-left: 0;
    padding-left: 0;
    margin-right: -280px;
    padding-right: 280px;
}
.movingColumnWrapper .movingColumn dt{
	float: left;
}

		/* -- >>> styles for narrow layout ----- */
		@media screen and (max-width: 767px) {
          .layout-second .second-body article .movingColumnWrapper .img-left{
              float: none !important;
              width: 100% !important;
              padding: 0 !important;
              margin: 0 0 10px 0 !important;
          }
          .layout-second .second-body article .movingColumnWrapper.movingColumnRight .img-left{
              float: left;
              width: 48%;
              margin: 0 2px 5px ;
          }
          .movingColumnWrapper .photo.floatLeft,
          .movingColumnWrapper .photo.floatRight{
            float: none !important;
          }
          .movingColumnWrapper .movingColumn,
          .movingColumnWrapper.movingColumnRight .movingColumn{
              margin-left: 0 !important;
              padding-left: 0 !important;
              margin-right: 0 !important;
              padding-right: 0 !important;
              clear: both;
          }
          .movingColumnWrapper.movingColumnRight .movingColumn{
              margin-top: 10px;
          }
        }


/*-.responsiveChengeTable(レスポンシブ変化テーブル)-*/
.responsiveChengeTable th,
.responsiveChengeTable td{
  padding: 10px;
  text-align: center;
  font-size: 90%;
  vertical-align: middle;
}
.responsiveChengeTable th{
  width: 12%;
  border: 1px solid #bfbfbf;
  background: #f7f7f7;
}
.responsiveChengeTable td{
  border: 1px solid #bfbfbf;
}
.responsiveChengeTable td.w23{
width: 22%;
}

		/* -- >>> styles for narrow layout ----- */
        @media screen and (max-width: 767px) {
          .responsiveChengeTable th,
.responsiveChengeTable td{
  padding: 6px;
}
.responsiveChengeTable th{
  line-height: 1.2;
}
.responsiveChengeTable td{
  line-height: 1.2;
}
        }


/*****===
	サイドナビの下部分
===*****/

/* .sideBanner */
.sideBanner{
	margin: 0 30px 45px;
}
#body--index .sideBanner{
	margin: 0 18px 45px;
}
.sideBanner li{
	margin-bottom: 12px;
}
.sideBanner li:last-child{
	margin-bottom: 0;
}
.sideBanner li a{
	transition: opacity .15s;
}
.sideBanner li a:hover img{
	opacity: .7;
}
.sideBanner li img{
	width: 100%;
}
.sideBanner li.bnrSquare{
	margin-bottom: 40px;
    text-align: center;
}
.sideBanner li.bnrSquare  img {
    max-width: 240px;
}
		/* -- >>> styles for narrow layout ----- */
        @media screen and (max-width: 767px) {
          	#body--index .sideBanner{
                margin-top: 20px;
            }
            .sideBanner .spNone{
                display: none;
            }
	        .sideBanner {
            	font-size: 0;
            }
          	.sideBanner li.spHalf{
              	display: inline-block;
              	width: 50%;
                margin-bottom: 12px;
            }
           .sideBanner li.bnrSquare{
             	margin-bottom: 20px;
            }
        }


/*****===
	各ページ
===****/

/***== コミュニティページ ==***/
#community.index.innerStaticContents .list li{
  	border: 1px solid #4c4c4c;
    box-sizing: border-box;
}
#community.index.innerStaticContents .list .detail{
  	padding: 0 10px 45px;
}

/***== パートナーページ ==***/

/*-TOP-*/
#partner.index .second-body article .image-list .caption{
	margin-top: 2px;
  	color: #18519d;
  	background: #fff;
  	border: 1px solid #18519d;
}
.top-sponsors h3{
    margin-bottom: 20px;
    padding: 1px 6px;
    border-bottom: 3px solid #03234e;
    background: #18519d;
    color: #ffffff;
}


/*-オフィシャルパートナー-*/
.partnerLogo{
     margin: 30px auto 35px;
     /*margin: 30px auto 0;*/
}
.partnerLogo li{
     display: inline-block;
     margin: 0 15px 25px;
     /*vertical-align: middle;*/
}
.partnerLogo li img{
	max-width: 100% !important;
    vertical-align: bottom;
}
.partnerLogo li .name a{
     color: #4c4c4c;
}
.partnerLogo li .interview{
     line-height: 1;
}
.partnerLogo li .interview a{
     display: inline-block;
     padding: 2px 5px;
     background: #03234e;
     color: #fff !important;
     font-size: 12px;
}
.partnerLogo li .interview a:hover{
     padding: 1px 5px;
     border: 1px solid #03234e;
     background: #fff;
     color: #03234e !important;
}
.partnerLogo.logoCol01 li{
     width: 45%;
  	 max-width: 500px;
}
.partnerLogo.logoCol02 li{
     width: 38%;
     max-width: 400px;
}
.partnerLogo.logoCol03 li{
     width: 28%;
     max-width: 300px;
}
.partnerLogo.logoCol04 li{
    width: 21%;
  	margin: 0 12px 20px;
    max-width: 250px;
}
.partnerLogo.logoCol05 li{
    width: 16.5%;
  	margin: 0 10px 20px;
    max-width: 220px;
}
.partnerLogo.logoCol06 li{
    width: 13%;
  	margin: 0 16px 20px;
    max-width: 180px;
}
.partnerLogo.logoCol07 li{
    width: 13%;
  	margin: 0 10px 18px;
    max-width: 150px;
}
.partnerLogo.logoCol08 li{
    width: 8%;
  	margin: 0 10px 15px;
    max-width: 125px;
}
.partnerLogo.logoCol09 li{
  	margin: 0 10px 10px;
}
.partnerLogo.logoCol10 li{
  	width: 10%;
  	max-width: 110px;
  	margin: 0 10px 10px;
}
.partnerLogo.logoCol11 li{
    width: 6%;
  	margin: 0 10px 15px;
    max-width: 100px;
}
.partnerLogo.logoCol11 li.logoColW120per {
    width: 9%;
  	max-width: 120px;
}
.partnerLogo li.logoSeasonColW120per{
    width: 15%;
}
#partner .textLink{
    margin: 30px auto 35px;
}

	@media screen and (max-width: 767px) {
    .partnerLogo {
      margin: 0 auto;
    }
    .partnerLogo li{
         display: inline-block;
         margin: 0 5px 10px;
    }
    .partnerLogo.logoCol01 li{
         width: 65%;
    }
  	.partnerLogo.logoCol02 li{
         width: 52%;
    }
  	.partnerLogo.logoCol03 li{
         width: 42%;
    }
  	.partnerLogo.logoCol04 li{
        width: 27.8%;
      	margin: 0 8px 15px;
    }
  	.partnerLogo.logoCol05 li{
        width: 19.5%;
      	margin: 0 6px 15px;
    }
  	.partnerLogo.logoCol06 li{
        width: 19.5%;
        margin: 0 6px 15px;
    }
  	.partnerLogo.logoCol07 li{
        width: 17%;
      	margin: 0 6px 15px;
    }
  	.partnerLogo.logoCol08 li{
        width: 15.5%;
      	margin: 0 6px 15px;
    }
    .partnerLogo.logoCol09 li{
        width: 14%;
        margin: 0 5px 12px;
    }
  	.partnerLogo.logoCol10 li{
        width: 13%;
        margin: 0 5px 12px;
    }
    .partnerLogo.logoCol11 li{
        width: 13%;
        margin: 0 5px 12px;
    }
   .partnerLogo.logoCol11 li.logoColW120per {
        width: 17%;
    }
   .partnerLogo li.logoSeasonColW120per{
     	width: 20%;
    }
    #partner .textLink{
        margin: 20px auto 25px !important;
      	font-size: 85%;
    }
  }


/*サポートカンパニー*/
#partner.support .tbl01 {
    width: 100%;
  border-top: none;
}
#partner.support .tbl01 th,#partner.support .tbl01 td {
    padding: 10px 5px;
    text-align: center;
  	vertical-align: middle;
}
#partner.support .tbl01 tr {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
  }
#partner.support .tbl01 thead th {
  padding: 10px;
  font-size: 15px;
  line-height: 1.4;
  color: #fff;
  }
#partner.support .tbl01 td.heading {
  font-size: 12px;
 }
#partner.support .tbl01 caption{
  padding: 5px 10px;
  background: #03234e;
  color: #fff;
}
#partner.support .supportCompanyTtl {
  font-size: 40px;
  color: #18519d;
  font-family: serif;
  font-weight: bold;
  margin-bottom: .1em;
}
#partner.support .supportCompanyTtl+p {
  color: #18519d;
  margin-bottom: 1em;
}
#partner.support .supportCompanyListTitle {
  background: #18519d;
  font-size: 15px;
  color: #fff;
  text-align: center;
  padding: .4em;
  margin-bottom: 10px;
}
#partner.support .supportCompanyListTitle span {
  display: inline-block;
  position: relative;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
#partner.support .supportCompanyListItem {
  text-align: center;
}
#partner.support .textLink {
  margin-bottom: 0;
}
#partner .contactMagny,
#school .contactMagny{
  position: absolute;
}
#partner .contactMagny img,
#school .contactMagny img{
  display: inline-block;
  max-width: 120px;
}
	@media screen and (max-width: 767px) {
      #partner.support .supportCompanyTtl {
        font-size: 24px;
      }
    }

	@media screen and (max-width: 1100px) {
      #partner .contactMagny,
      #school .contactMagny{
        position: static;
      }
    }


/****ACADEMIC～MERCHANDISE 個別指定****/

/*top・season共通*/
.academicPartners{ width: 25%;}
.mediaPartners{ width: 73%;}

/*topのみ適用*/
.supplier{ width: 73%;}
.officialMerchandisePartner{ width: 25%;}

.academicPartners .partnerLogo.logoCol09 li{
   	max-width: 150px;
  	width: 53%;
  	margin-top: -15px;
}
.mediaPartners .partnerLogo.logoCol09 li,
.supplier .partnerLogo.logoCol09 li{
	max-width: 110px;
  	width: 15%;
}
.officialMerchandisePartner .partnerLogo.logoCol09 li{
	max-width: 110px;
  	width: 29%;
}

/*seasonのみ適用*/

#partner .academicPartners .partnerLogo.logoCol05 li{
	max-width: 180px;
  	width: 70%;
  	margin-top: -8px;
}
#partner .mediaPartners .partnerLogo.logoCol05 li{
	max-width: 180px;
  	width: 17.5%;
}


	@media screen and (max-width: 767px) {
      	/*top・season共通*/
      	.academicPartners.fl{
          	float: none !important;
            width: 100%;
        }
      	.mediaPartners.fr{
          	float: none !important;
            width: 100%;
        }

      	/*topのみ適用*/
      	.supplier.fl{
          	float: none !important;
            width: 100%;
        }
      	.officialMerchandisePartner.fr{
          	float: none !important;
            width: 100%;
        }
      	.officialMerchandisePartner .partnerLogo.logoCol09 li{
            width: 15%;
        }

      	/*seasonのみ適用*/
      	#partner .academicPartners .partnerLogo.logoCol05 li{
            width: 26%;
        }
        #partner .mediaPartners .partnerLogo.logoCol05 li{
            width: 19.5%;
        }
    }


/*-協賛,プレイオフ用-*/
.partnerLogoArea{
     margin: 25px auto 30px;
     border-bottom: 1px dotted #ccc;
}
.textLinkLarge{
  font-size:16px;
}
.textLinkSmall{
  font-size:12px;
}
.top-sponsors .partnerLogoArea{
     margin: 15px auto
}
.top-sponsors .textLinkSmall{
  margin-top: 20px;
}


/*-インタビュー-*/
#partner.interview .logoCompanyName{
	font-size: 0;
}
#partner.interview .logoCompanyName li{
	margin: 0 10px;
}
#partner.interview .logoCompanyName li div{
	display: table-cell;
	height: 100px;
 	vertical-align: middle;
}
#partner.interview .logoCompanyName .logo{
	width: 260px;
  	border: 1px solid #dedede;
}
#partner.interview .logoCompanyName .logo div{
	width: 260px;
}
#partner.interview .logoCompanyName .logo img{
	width: 90%;
  	max-width: 300px;
}
#partner.interview .logoCompanyName .txt{
	font-size: 28px;
}
#partner.interview .slogan img{
	width: 205px;
}
#partner.interview .otherList li{
    display: inline-block;
	width: 350px;
  	margin-bottom: 10px;
}
#partner.interview .otherList li:before{
	content:"≫";
  	margin-right: 5px;
    color: #18519d;
}

    @media screen and (max-width: 767px) {
      #partner.interview .logoCompanyName li.txt div{
    	height: 20px;
      }
      #partner.interview .logoCompanyName .txt{
        font-size: 18px;
        margin-bottom: 10px;
      }
      #partner.interview .otherList li{
          width: 100%;
      }

    }



/***== チームページ ==***/

/*-アリーナ-*/
#team.arena .link-wrap{
	margin: 0 20px 0 0;
}
#team.arena .link-wrap .size-fixed {
	padding: 5px 0;
    font-size: 14px;
}

    /* -- >>> styles for narrow layout ----- */
	@media screen and (max-width: 767px) {
        #team.arena .link-wrap{
        	margin: 0 0 20px 0;
        }
    }




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

/*-基本情報 index-*/
.js-seat .fl,
.js-seat .fr{
	width: 49%;
}
.js-seat .fl img,
.js-seat .fr img{
	width: 100%;
  	max-width: 484px !important;
}

.seatPhoto{
	display: none;
}

.seatName{
	color: #fff;
}
.seat01{background: #a1a1a1 !important;}
.seat02{background: #de0005 !important;}
.seat03{background: #a500b9 !important;}
.seat04{background: #061f46 !important;}
.seat05{background: #6ccefc !important;}
.seat06{background: #e0a300 !important;}
.seat07{background: #e802af !important;}
.seat08{background: #82b800 !important;}
.seat09{background: #0f21cf !important;}
.seat10{background: #edb0d0 !important;}
.seat11{background: #1497d5 !important;}

  @media screen and (max-width: 767px) {
	.js-seat .fl,
    .js-seat .fr{
    float: none !important;
	width: 100%;
}
    .js-seat .fl{
    	margin-bottom: 15px;
    }
  }

/*チケットを購入する-.get-*/

#ticket.get .tbl03 th,#ticket.get  .tbl03 td{
	vertical-align: middle;
  padding: 5px 10px;
}
#ticket.get .tbl03 th{
	/*width: 20%;*/
  	min-width: 70px;
  	/*background: #fff;*/
  	border: 1px solid #bfbfbf;
}
#ticket.get .tbl03 th img{
	width: 100%;
  	max-width: 200px;
}
#ticket.get .tbl03 td{
	/*width: 30%;*/
  border: 1px solid #bfbfbf;
}

	@media screen and (max-width: 767px) {
		#ticket.get .tbl03{
           margin-bottom: 10px;
        }
      #ticket.get .tbl03 th,#ticket.get  .tbl03 td{
  padding: 5px;
}
      #ticket.get .tbl03 th{
        min-width: initial;
        font-size: 13px;
      }

	}



/*シーズンパス*/

.layout-second #ticket.pass  .second-body article .movingColumnWrapper .img-left {
  	width: 360px;
}
#ticket.pass .movingColumnWrapper .movingColumn{
    margin-left: -380px;
    padding-left: 380px;
}


/*観戦ガイド*/

.layout-second #ticket.guide .second-body article .movingColumnWrapper.movingColumnRight .img-left{
	width: 300px;
}
#ticket.guide .movingColumnWrapper.movingColumnRight .movingColumn{
	margin-right: -320px;
    padding-right: 320px;
}

#ticket.guide .link-wrap .size-half{
	width: 75%;
}
#ticket.guide .link-wrap .size-half:last-child{
	margin-left: 0;
}

	@media screen and (max-width: 767px) {
		#ticket.guide .link-wrap{
            text-align: center;
        }
      	#ticket.guide .link-wrap .size-half{
            width: 90%;
        }
	}



/***== クラブレイクスページ ==***/

/*-会員種別・会費・特典 index-*/
.bgLakesPartner{ background: #b89448; color: #fff !important; }
.bgpremiereStar{ background: #8e8e8e; color: #fff !important; }
.bgLakes{ background: #11549c; color: #fff !important; }
.bgMagnee{ background: #e9b117; color: #fff !important; }

@media screen and (max-width: 767px){
  .layout-second .second-body article .image-list.row2.typeNav li{
    float: none;
  	width: 100%;
    margin-right: 0;
  }
  .layout-second .second-body article .list.commonPrivilege li{
    margin-bottom: 10px;
    padding-bottom: 10px;
  	border: 5px solid #e8e8e8;
  }
}

.ukaruchanPass{
  top: -28px;
  right: -28px;
width: 60px;
}

.commonPrivilege li{
  padding: 10px;
  box-sizing: border-box;
border: 8px solid #e8e8e8;
}

.layout-second .second-body article .commonPrivilege.list .title{
margin-bottom: 0 !important;
  font-size: 16px;
  text-align: center;
}
.layout-second .second-body article .commonPrivilege.list.noLink li .detail{
padding: 0 !important;
}

    @media screen and (max-width: 767px){
		.layout-second .second-body article .commonPrivilege.list .title{
          margin-top: 5px;
  font-size: 14px;
  text-align: left;
}
    }

/*会員種別紹介ページ*/
.type .pageLink a{
  padding: 6px 5px 8px;
  border: none;
}
.layout-second .innerStaticContents.type .second-body article h3.typeTitle{
  padding: 6px 30px;
  color: #fff;
  font-size: 28px;
  border: none;
  font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", serif;
}

.movingColumnWrapper .movingColumn .displayTableCell{
  display: table-cell;
  height: 188px;
  vertical-align: middle;
}
.movingColumnWrapper .movingColumn .typeTitle{
  margin-bottom: 15px;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.2;
}

.movingColumnWrapper .movingColumn .typePrice dt{
  padding: 0 15px;
  background: #000;
  color: #fff;
  line-height: 1.8;
}
.movingColumnWrapper .movingColumn .typePrice dd{
  padding-left: 100px;
  font-size: 20px;
  line-height: 1.3;
}

.privilegeWholeWrapper{
padding: 20px 20px 0;
}
.originalPrivilege li{
  box-sizing: border-box;
  padding: 15px;
  background: #fff;
}
.layout-second .second-body article .originalPrivilege.list.noLink li .detail{
padding: 0 !important;
}

    @media screen and (max-width: 767px){
      .layout-second .innerStaticContents.type .second-body article h3.typeTitle{
        padding: 3px 15px;
        font-size: 20px;
      }
      .type .movingColumnWrapper .photo{
      	width: 60%;
      }
	  .movingColumnWrapper .movingColumn .displayTableCell{
        display: inline;
        height: auto;
      }
      .movingColumnWrapper .movingColumn .typeTitle{
  margin-bottom: 5px;
  font-size: 20px;
}
      .movingColumnWrapper .movingColumn .typePrice dt{
  padding: 0 10px;
  line-height: 1.8;
       font-size: 90%;
}
      .movingColumnWrapper .movingColumn .typePrice dd{
  padding-left: 70px;
  font-size: 18px;
  line-height: 1.2;
}
      .privilegeWholeWrapper{
padding: 10px;
}
      .layout-second .second-body article .list.originalPrivilege li{
  padding: 10px;
        margin-bottom: 10px;
}
      .layout-second .second-body article .list.originalPrivilege li:last-child{
        margin-bottom: 0;
}
      .layout-second .second-body article .list.originalPrivilege .title{
      	margin: 5px 0 0 0;
        line-height: 1.4;
      }
      .layout-second .second-body article .list.noLink.originalPrivilege li .detail{
      margin-bottom: 0 !important;
        padding-bottom: 0 !important;
         line-height: 1.4;
      }
    }

/*色替え部分*/

.privilegeLakesPartner{
  background: #b89448;
}
.privilegePremiereStar{
  background: #8e8e8e;
}
.privilegeLakes{
  background: #11549c;
}
.privilegeMagnee{
  background: #e9b117;
}

.layout-second .second-body article .privilegeLakesPartner .list .title{
  color: #b89448 !important;
}
.layout-second .second-body article .privilegePremiereStar .list .title{
  color: #5a5a5a !important;
}
.layout-second .second-body article .privilegeLakes .list .title{
  color: #11549c !important;
}
.layout-second .second-body article .privilegeMagnee .list .title{
  color: #e9b117 !important;
}

.layout-second .innerStaticContents.type.type.typeLakesPartner .second-body article h3.typeTitle{
  background: #b89448;
  border-bottom: 3px solid #4f3809;
}
.layout-second .innerStaticContents.type.type.typePremiereStar .second-body article h3.typeTitle{
  background: #8e8e8e;
  border-bottom: 3px solid #5a5a5a;
}
.layout-second .innerStaticContents.type.type.typeLakes .second-body article h3.typeTitle{
  background: #11549c;
  border-bottom: 3px solid #03376f;
}
.layout-second .innerStaticContents.type.type.typeMagnee .second-body article h3.typeTitle{
  background: #e9b117;
  border-bottom: 3px solid #9e7400;
}

.typeLakesPartner .movingColumnWrapper .movingColumn .typeTitle{
  color: #b89448;
}
.typePremiereStar .movingColumnWrapper .movingColumn .typeTitle{
  color: #8e8e8e;
}
.typeLakes .movingColumnWrapper .movingColumn .typeTitle{
  color: #11549c;
}
.typeMagnee .movingColumnWrapper .movingColumn .typeTitle{
  color: #e9b117;
}

.innerStaticContents h4.h4LakesPartner{
  color: #4f3809;
  border-color: #4f3809;
}
.innerStaticContents h4.h4PremiereStar{
  color: #5a5a5a;
  border-color: #5a5a5a;
}
.innerStaticContents h4.h4Lakes{
  color: #03376f;
  border-color: #03376f;
}
.innerStaticContents h4.h4Magnee{
  color: #9e7400;
  border-color: #9e7400;
}




/***== バスケスクール ==***/

/*-.basketClass クラス編成-*/

#school.classPage .accordion > dt{
  	padding: 10px;
	border: 1px solid #18519d ;
    cursor: pointer;
}
.layout-second #school.classPage .second-body article .img-right {
    margin: 0 0 10px 20px !important;
  	width: 200px;
}
#school.classPage .accordion .link-wrap a{
	padding: 5px 0;
    font-size: 14px;
}
#school.classPage .accordion > dd{
	display: none;
}
#school.classPage .movingColumnWrapper .blueDtFloat{
	width: 300px;
}
#school.classPage .movingColumnWrapper .blueDtFloat dd{
	padding-left: 6em;
}
#school.classPage .movingColumn th,
#school.classPage .movingColumn td{
	vertical-align: middle;
    border :1px solid #bfbfbf;
}
#school.classPage .movingColumn .tbl01 th{
	background: #18519d;
    color: #fff;
}

	@media screen and (max-width: 767px) {
		.layout-second #school.classPage .second-body article .img-right {
            margin: 0 0 10px 10px !important;
            width: 150px;
        }
      	#school.classPage .movingColumnWrapper .blueDtFloat{
            width: 100%;
        }
        #school.classPage .movingColumn .tbl-wrap{
          margin-bottom: 0;
        }
	}


/*-.coach コーチ紹介-*/

#school.coach .dtFloat dd{
  padding-left: 4.5em;
  margin-bottom: 5px;
}


/* .basketAdmission 入会・体験・お問い合わせ */

#school.basketAdmission .tbl03 thead tr th,
#school.cheerAdmission .tbl03 thead tr th{
	background: #eee;
    border-bottom: 1px solid #bfbfbf;
    text-align: center;
}


/* .basketFaq よくあるご質問 */

#school.basketFaq .answer dt,
#school.cheerFaq .answer dt{
 float: left;
  color: #ec4549;
}
#school.basketFaq .answer dd,
#school.cheerFaq .answer dd{
 padding-left: 1.8em;
}

/* バスケスクールTOP フォーム部分画像 */
.basketSchoolFormImgWrap {
  margin: 0 auto 20px auto;
  max-width: 800px;
  letter-spacing: -.4em;
  text-align: center;
}
.basketSchoolFormImgWrap img {
  display: inline-block;
  width: 18%;
  margin-right: .5%;
  margin-left: .5%;
}