@charset "utf-8";
/* CSS Document */  
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}
a:hover,a img:hover {
  opacity:0.7;
  -webkit-opacity:0.7;
  -moz-opacity:0.7;
}
.layout-popup-tnav .content {
  margin:0!important;
}
.main-visual-inner a:hover,.mai
n-visual-inner a img:hover,.article-pages a:hover,.article-pages a img:hover,li.list-card a:hover,li.list-card a img:hover {
  opacity:1.0;
  -webkit-opacity:1.0;
  -moz-opacity:1.0;
}
#fixpages h3 {
    border-bottom: 1px dotted #660099;
    border-left: 5px solid #660099;
    clear: both;
    font-size: 14pt;
    margin: 15px 0;
    padding: 0 15px;
  text-align:left;
}
.single_post h4 {
    clear: both;
  font-size:12pt!important;
  color:#833D99;
    margin: 5px 0!important;
  font-weight:bold!important;
}
#fixpages h5 {
    position: relative;
    padding: 0 0 3px 23px!important;
  font-size:12pt!important;
  font-weight:bold!important;
}
#fixpages ul {
    list-style: none;
    font-size: 10pt;
    margin: 0 10px 20px 0;
}
#fixpages li {
    border-bottom: 1px dotted #888;
    padding: 3px 5px;
    word-break: break-all;
}
.button {
  display: inline-block;
  width: 200px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  margin:20px 0;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button {
  background-color: #333;
  color: #fff!important;
}
.button:hover {
  background-color: #550c65;
}
.component-sidenav-inner h2{
  color:#e40073;
  padding-bottom:10px;
  font-size:large;
}
.team-an .bg-main{
  background: #550c65 !important;
}

.content {
  margin:25px 0;
}
.con_img {
  margin:10px 0;
}

iframe{
  width:100%;
  height:450px;
  margin-bottom:50px;
}

/*TOP 注目コンテンツ*/
.top-pickup-card ul li {
  background-color:#fff;
}
.top-pickup-card ul li img {
  display:block
}

/*TOP リンクバナー*/
.links img{
  margin-bottom:10px;
  border:1px #fff solid;
}



/*フッター（スポンサー）*/

.layout-sponsors li {
  margin:10px;
}


/*試合情報*/

#fixpages {
    background-color: rgba(255, 255, 255, 1);
    margin:0 30px 0 0;
    overflow: hidden;
    padding: 10px;
}

#game {
    font-size: 10pt;
}
#game table {
    border: 1px solid #bcbcbc;
    border-collapse: collapse;
    width: 100%;
}
#game thead {
    background-color: #550c65;
    color: #fff;
}
#game th {
    border-right: 1px solid #bcbcbc;
    padding: 3px 5px;
}
#game td {
    border: 1px solid #bcbcbc;
    padding: 3px 5px;
  vertical-align: middle;
}
.table1 {
    padding: 0;
    text-align: center;
    width: 4em;
}
.table2 {
    padding-left: 5px;
    width: 5em;
}
.table3 {
    display: none;
    padding-left: 5px;
}
.table4 {
    padding: 0 10px;
    width: 20em;
}
.table5 {
    padding-left: 5px;
}
.table6 {
    padding-left: 5px;
    width: 4em;
}
.table7 {
    padding-left: 5px;
}

/*アカデミー*/
.single_post{
    overflow: hidden;
}
.single_post h3 {
    border-bottom: 1px dotted #660099;
    border-left: 5px solid #660099;
    clear: both;
    font-size: 14pt;
    margin: 15px 0;
    padding: 0 15px;
  text-align:left;
}
.acdm_top_bkb_right_1{
  margin-bottom:20px;
}
.acdm ul {
    margin: 5px 15px;
}
.acdm ul li {
    font-size: 11pt;
}
.acdm_title h4 {
    background-color: #f1e9f5;
    font-size: 12pt;
  padding:10px;
}
.acdm_title_school h5 {
    padding: 0 0 3px 23px;
    position: relative;
}
.acdm_title_school h5:before {
    background: #009fab none repeat scroll 0 0;
    border-radius: 13px;
    content: "";
    height: 13px;
    left: 5px;
    position: absolute;
    top: 4px;
    width: 13px;
}
.acdm_title_school p {
    padding: 0 0 10px 20px;
}
.acdm_title_youth h5 {
    padding: 0 0 3px 23px;
    position: relative;
}
.acdm_title_youth h5:before {
    background: #d43582 none repeat scroll 0 0;
    border-radius: 13px;
    content: "";
    height: 13px;
    left: 5px;
    position: absolute;
    top: 4px;
    width: 13px;
}
.acdm_title_youth p {
    padding: 0 0 10px 20px;
}
.acdm_title p {
    margin: 5px 0 0 20px;
}
.acdm_top_bkb {
    overflow: hidden;
  padding:25px 0;
}
.acdm_img {
    float: left;
    margin: 0 15px 0 0;
  width:400px;
}
.acdm_top_bkb_right {
    float: left;
    margin: 0 0 0 15px;
    width: 50%;
}
.acdm_top_bkb_right a {
    display: block;
    text-align: center;
}
.acdm_top_bkb_right a:hover {
    opacity: 0.7;
}
.acdm_cheer ul {
    margin: 5px 0 0 35px;
}
.acdm_cheer ul li {
    font-size: 11pt;

}
.acdm_cheer_doc {
    text-align: center;
}
.acdm_cheer_doc_send a:hover {
    opacity: 0.7;
}
.acdm_cheer_doc_send_1 hr {
    background: #c4a4d6 none repeat scroll 0 0;
    border: 0 none;
    height: 2px;
    width: 450px;
}
.acdm_cheer_doc_send_1 p {
    font-size: 12pt;
}
.acdm_cheer_1 {
    overflow: hidden;
}
.acdm_cheer_1 img {
    float: left;
    margin: 0 15px 0 0;
}
.acdm_cheer_1_right {
    float: left;
    margin: 0 0 20px;
    width: 58%;
}
.acdm_cheer_2 {
    overflow: hidden;
}
.acdm_cheer_2 img {
    float: left;
    margin: 10px 15px 15px 0;
	width:170px;
}
.acdm_cheer_2_right {
    float: left;
    margin: 0 0 40px -185px;
    width: 100%;
    padding-left: 185px;
    box-sizing: border-box;
}
.acdm_cheer_2_right img {
  float:none!important;
  margin:0 10px 0 0!important;
	width:auto;
}
.acdm_cheer_2_right h5 {
    background-color: transparent;
    border: medium none;
    font-size: 17pt;
    padding: 10px 0 0 5px;
}
.acdm_cheer_2_right hr {
    border: #c4a4d6 1px solid;
}
#triangleDown {
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #601986;
    height: 0;
    margin: 30px auto;
    width: 0;
}
.acdm_bsk_1 {
    overflow: hidden;
  padding:50px 0;
}
.acdm_bsk_1 img {
    float: left;
    margin: 0 15px 15px 0;
  width:400px;
}
.acdm_bsk_1_right {
    float: left;
    margin: 10px 0 20px;
}
.acdm_bsk_1_right h6 {
    font-size: 11pt;
}
.acdm_bsk_1_right ul {
    line-height: 15px;
    margin: 5px 0 0 25px;
}
.acdm_bsk_1_right ul li {
    font-size: 10pt;
    list-style-type: square;
}
.acdm_bsk_1_p1 {
    margin: 0 0 20px;
}
.acdm_bsk_1_p2 {
    margin: 20px 0 0;
}
.top_img{width:100%;}

.button_academy {
  width:100%;
  text-align:center;
}
.button_2 {
  width:32%!important;
}

.acdm_title_school h5:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    width: 13px;
    height: 13px;
    border-radius: 13px;
    background: #009FAB;
}
.acdm_title_youth h5:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    width: 13px;
    height: 13px;
    border-radius: 13px;
    background: #D43582;
}
.acd_map1 {
    margin: 0px 14px 10px;
}

.acdm_cheer_doc_send_1 {
  margin-top:30px;
}
p.acdm_strong {
    background-color: #ddd;
    border-radius: 20px;
    padding: 1px 10px 3px;
    margin-top: 10px;
}
.content_2 {
    width: 47%;
    float: left;
    margin-right: 3%;
}
@media screen and (max-width: 1500px){
.content_2 {
    width: 100%;
}
}
@media screen and (max-width: 600px){
	.acdm_cheer_2_right {
		padding: 0;
		margin: 0 0 40px;
		
	}
}

/*チーム紹介*/
.staff {
    height: 250px!important;
}
.member {
    width: 320px;
    height: 310px;
    float: left;
    padding: 15px 10px;
    margin: 10px 5px;
    border: 2px solid #d4c2d9;
}
.memberr {
    float: left;
    margin: 0!important;
    width: 205px;
}
.memberr li {
    line-height: 1.6em;
    margin: 0 5px;
    padding: 4px 0;
    width: 200px;
    border-bottom: 1px dotted #5f1785 !important;
}
.memname {
    font-weight: bolder;
    font-size: 13pt;
    margin-left: 0.3em;
}
.mem_img {
    float: left;
    margin: 0 5px;
}
.member p {
    clear: both;
    border-bottom: 1px dotted #5f1785;
    width: 305px !important;
    padding: 5px 0 5px 10px;
    margin: 0 !important;
}
.float_team {
  float:left;
  width:50%;
}
.float_member {
  float:left;
  width:100%;
}

/*グッズ紹介*/
.con_center {
  text-align:center;
}



/*地域活動*/
.gallery {
  margin-bottom:40px;
}
.con_gallery {
  margin: auto;
}
.con_gallery .gallery-item {
  float: left;
    margin: 10px 10px 0px 0;
  text-align: center;
}
.con_gallery img {
  border: 2px solid #cfcfcf;
}
.con_gallery .gallery-caption {
  margin-left: 0;
}
#game tr.odd {
  background-color: #f6f1f9;
}
.con_regional {
  margin-bottom:30px;
}
.con_regional tr th,.con_regional tr td {
  padding:5px 15px!important;
}
.con_regional .table1 {
  width:10%!important
}
.con_regional .table2,.con_regional .table6 {
  width:15%!important
}
.con_regional .table4,.con_regional .table5 {
  width:30%!important
}


.nav_active {
    margin-left: -50px;
  color: #FFF;
    background: #5f1985 !important;
}

/*会社概要*/
.corporate td {
    border: 1px solid #888!important;
    padding: 5px 10px!important;
}
.cop_tb1 {

    width: 20%!important;
    background-color: #eddaff!important;
}

/*パートナー*/
.partner li {
    float: left;
    margin: 0 10px 5px 0;
}

.member-box {
		background-color: #f3f3f3;
		padding: 0px 0px 25px;
		margin: 30px 0;
		border-radius: 10px;
	}
	.member-box h3 {
		padding: 10px 15px;
		color: #fff;
	}
	.member-box:first-of-type h3 {
		background-color: #af8cc2;
	}
	.member-box:nth-of-type(2) h3 {
		background-color: #c883c0;
	}
	.member-box:last-of-type h3 {
		background-color: #d185ae;
	}
	.member-box h4 {
	    margin-bottom: 10px!important;
		font-size:16pt!important;
	}
	.con-mb-box {
		padding:0px 30px;
	}
	.con-mb-box img {
		margin-top:10px;
	}
	p.come {
		text-align: center;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding: 5px 0;
		margin-top: 10px;
	}

/*応援自販機*/
.row-1 th{
    background-color: #550c65;
    color: #fff;
  padding:10px;
  border: 1px solid #888!important;
}
.row-hover tr td {
    border: 1px solid #888!important;
    padding: 5px 10px!important;


}


/*チケット料金*/
.tblv tbody td,.tblv tbody th {
  border: 1px solid #bfbfbf;
}


/*会場案内*/
.sta_left {
    width: 100%;
}
.sta_left h4 {
    clear: both;
  font-size:12pt!important;
  color:#833D99;
    margin: 5px 0!important;
  font-weight:bold!important;
}
.sta_left ul {
    list-style: none;
    font-size: 10pt;
    margin: 0 10px 20px 0;
}
.sta_left li {
    border-bottom: 1px dotted #888;
    padding: 3px 5px;
    word-break: break-all;
}


/*サイトマップ*/
ul#sitemap_list {
    width: 300px;
    float: left;
    margin: 0 15px 40px;
    height: 190px;
}
#sitemap_list li li:before {
    content: "－　";
}

/*ファンクラブ*/
.clubsub{
display:inline-block;
text-align:center;
}
.clubsub:hover{
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity:0.7;
}
.clubbtn{
display:inline-block;
margin:20px 0;
text-align:center;
}
.img_application {
  margin:30px 0 50px;
  text-align:center;
}
#body--fanclub .single_post{
  text-align:center;
}

.con_funcb_main p{
  text-align:left;
}

/*シーズンチケット*/
.season_btn{
  width:32%;
}
.stkt_btn{
  margin:20px 0;
}
.season_topimg{
  width:100%;
}
.con_seasonticket {
  margin-bottom:80px;
}
.con_seasonticket h2 {
    background-color: #EDEDED;
    color: #601986!important;
    padding: 10px 15px;
    border-bottom: 3px solid #601986;
    margin-bottom: 10px!important;
    font-size: 24px;
}
.button_ticket {
  width:100%;
  margin-top:20px!important;
}
.con_season_appli {
  width:100%;
  margin-top:30px;
}
.box_application {
    width: 45%;
    border: 1px solid #bcbcbc;
    float: left;
    margin-right: 15px;
}
.box_application h3 {
    margin: 0;
    background-color: #f7f7f7;
    border: none;
    padding: 10px 20px;
  border-bottom: 1px solid #bcbcbc;
  font-weight:bold;
}
.box_application div {
  margin:20px;
}
th.full {
  background-color:#af72c2;
}
td.full2 {
  background-color:#ffe5ff;
}
th.sat {
  background-color:#8e78ba;
}
td.sat2 {
  background-color:#deebf6;
}
th.sun {
  background-color:#bf696d;
}
td.sun2 {
  background-color:#ffcfae;
}
.tk_season th,.tk_season td {
  vertical-align: middle;
}
#table_ticket.tk_season td {
  padding:10px 15px!important;
}

/*ゲームレポート*/
.game_report {
  margin-bottom:100px;
}
.game_report h2 {
  background-color: #EDEDED;
    color: #601986!important;
    padding: 10px 15px;
    border-bottom: 3px solid #601986;
  margin-bottom:10px!important;
}
.day_score {
  margin:30px 0;
  text-align:center;
}
.day_score table tr.odd {
  background-color: #F7F8F8;
}
.day_score table tr td {
  vertical-align:middle;
    font-size: 1.5em;
}
.day_score table tr td p.t_score {
  font-size:2em;
  color:#601986;
  font-weight:bold;
}



/*観戦マナー＆ルール*/
.manners {
  line-height: 2em;
}
.manners p {
  margin-bottom:30px;
}
.manners .content {
  margin:100px 0 150px;
}
.t_manners {
  margin-bottom:30px;
}
.t_manners th {
  padding:5px 7px!important;
}
.t_manners td {
  padding:7px!important;
}
.t_manners .table1 {
  width:1em!important;
  background-color:#f7f7f7;
  vertical-align:middle;
}

.ng {
  width:960px;
  margin:10px 0;
  background-color:#000;
}
.ng li {
    float: left;
    width: 280px;
    text-align: center;
    padding: 0 20px;
    background-color: #000;
    height: 390px;
    color: #fff;
}
.ng h5 {
    padding: 10px;
    text-align: center;
    background-color: yellow;
    color: #000;
    font-size: 1.2em;
    font-weight: bold;
    border: 20px solid #000;
  border-bottom: none;
}
.notes {
  width:720px;
  margin:0 auto;
}
.notes li {
  width:320px;
}

/*チケット購入ページ*/
.con_ticket h3 {
  background-color:#F2F2F2;
  border:none;
  padding-left:30px;
}
.con_ticket a {
    margin: 25px 10px 0px 0;
    display: inline-block;
}
.main_ticket {
  margin:25px 0 50px 30px;
}
.ticket_net,.ticket_store,.ticket_phone,.ticket_venue {
  position:relative;
}

/*チケット購入ステップ*/
.ticket_main {
  margin-bottom:50px;
}
.ticket_main img {
  float:left;
  margin:30px 50px 0 30px;
}
.ticket_right {
  float:left;
  width:65%;
}
.ticket_right dt {
  float:left;
  width:20%;
}
.ticket_right dd {
  float:left;
  width:80%;
}
.ticket_right .cf {
  border-bottom:1px solid #ccc;
  padding:15px;
}
#table_ticket {
  margin-top:30px;
}
#table_ticket .row-1 th {
  text-align:center;
}
#table_ticket td {
  padding:15px 30px!important;
}
.tel-link {
    font-weight: bold;
  font-size:1.5em;
}

/*パートナー（フッター）*/
.button_partner {


  width:90%;
  margin:0 auto;
  text-align:center;
}
.button_partner a.button_2 {
  margin: 0 auto 50px;
}

/*Coming Soon*/
.comingsoon {
  width:100%;
  text-align:center;
}



/*レスポンシブ*/
@media only screen and (max-width:1500px){
  .ng {
  width:100%;
    background-color:#000;
  }
  .ng img {
    width:100%;
  }
  .ng li {
    width: 26%;
    height:auto;
  }
  .notes {
    width:auto;
  }
  .notes li {
    padding:0 11%;
  }
  
  .ticket_right {
    float: left;
    width: 50%;
  }
  .ticket_right dt {
    width:25%;
    padding-right:5%;
  }
  .ticket_right dd {
    width:70%;
  }
  img.cs {
    width:100%;
  }
    img.season_img{
  width:100%;
  }
  
}

@media only screen and (max-width:1360px){
  .acdm_top_bkb_right {
    margin: 15px 0 0 0;
  width:100%;
  }

  .box_application {
    float:none;
    width:99%;
    margin-bottom:20px;
  }
  /*チケット料金*/
  img.hallmap {
    width:100%;
  }
  
  
  .img_1360 {
    width:100%;
  }
  
  /*チケット購入ページ*/
  
}
@media only screen and (max-width:1160px){
  .img_1160 {
    width:100%;
  }
  /*地域活動*/
  .con_gallery .gallery-item {
      width: 30%;
  }
  
  /*会場案内*/
.sta_left,.sta_left li,iframe{
  width:100%;
}
.button_2 {
  width:32%!important;
}
.acd_map1 {
    width: 95%;
}
  
  /*チケット購入ページ*/
  .ticket_img {
    width:100%;
    margin:30px 0;
    text-align:center;
  }
  .ticket_main img {
    float:none;
    margin:0;
  }
  .ticket_right {
    width:100%;
    float:none;
  }
  .main_ticket a img {
    width:100%;
  }
  .con_ticket h3 img {
    width:100%;
  }
/*サイトマップ*/
ul#sitemap_list {
    float: none;
    height: auto;
} 
}
@media only screen and (max-width:800px){
  .component-sidenav-inner{margin:30px 0;}
  .component-sidenav-inner a{
  background-color: #F1F1F1;
}
  /*アカデミー*/
  #game table{
  display: block;
  }
  #game table thead{
  display: none;
  }
  #game table tbody{
  display: block;
  }
  #game table tbody tr{
  display: block;
  margin-bottom: 1.5em;
  }
  #game table tbody th,
  #game table tbody td{
  display: list-item;
  border: none;
  }
  #game table tbody th{
  margin-bottom: 5px;
  list-style-type: none;
  color: #fff;
  background: #000;
  }
  #game table tbody td{
  margin-left: 20px;
  padding: 0;
  }
  #game .table1,#game .table2,#game .table3,#game .table4,#game .table5,#game .table6,#game .table7{
  width:100%;
  text-align:left;
  }
  #game table{border:none;}
  #game .table1{color:#550c65; border-bottom:1px solid #550c65; width:90%;}
  #game .table3{display:none;}
  #game{list-style:none;}
  #game tr.odd {
  background-color: #fff;
  }
  .t_manners .table1,.t_manners .table2 {
    width:90%!important;
  }
  .manners table tbody tr{
    width:95%;
  }
  .con_regional .table1,.con_regional .table2,.con_regional .table4,.con_regional .table5,.con_regional .table6 {
  width:80%!important;
  }
  .single_post{margin:0;}
  .button{
    width:100%;
    margin:5px 0;
  }
  .acdm_top_bkb_right,.acdm_bsk_1_right{
    margin:0;
    width:100%;
  }
  .acdm_bsk_1 img {
  width:100%;
  }
  .acdm_img{
    width:100%;
    height:auto;
  }


  /*チケット購入ページ*/
  .con_ticket h3 {
    background-color:#F2F2F2;
    padding:5px 0 0 0;
  }
  
  .main_ticket {
    margin:15px 10px 30px 10px;
  }
  
  .ticket_net,.ticket_store,.ticket_phone,.ticket_venue {
    position:relative;
  }
  img.t_before {
    position: absolute;
    top:0;
    margin: 10px 0;
    height:60px;
  }
  .ticket_right .cf {
    width:auto;
  }
  .ticket_right dt {
    width:100%;
    margin-bottom:5px;
    color:#833D99;
  }
  .ticket_right dd {
    width:100%;
  }
} 
  
@media screen and (max-width: 767px){
  .float_team {
    float:none;
    width:auto;
  }
  ul#sitemap_list {
    margin-left:50px;
  }
  .season_btn{
  width:100%;
}
.content_2 {
    width: 100%;
}
.day_score table tr td {
  vertical-align:middle;
    font-size: 1em;
}
  
  .ng {
  width:100%;
    background-color:#000;
  }
  .ng p {
    width:80%!important;
  }
  .ng img {
    width:70%;
  }
  .ng li {
    width: 100%;
    height:auto;
    padding:0;
  }
  .notes,.notes li {
    width:100%;
    padding:0;
  }
  .manners p {
    margin:0 auto 30px;
    width: 95%;
  }
  
  .con_ticket a {
    margin: 15px 10px 0px 0;
    display: inline-block;
    width: 45%;
  }
}


@media print, screen and (min-width: 768px) {
.layout-second .second-body article img {
    height:100%;
    height:auto;
}
}


@media screen and (max-width: 460px){
	ul.partner li {
    width: 47%;
    margin-right: 3%;
}
	ul.partner li img {
    width: 100%;
}
}