@charset "UTF-8";

/*
2016シーズン関連
--------------------------------------------------------------------------------\*/

.price_list_2016{
	width:980px;
	float:left;
}
.price_list table,
.price_list_2016 table{
	width: 100%;
	border: 1px solid #dedede;
	border-bottom: none;
}
	
.price_list table tbody td,
.price_list_2016 table tbody td {
-webkit-transition: background-color .1s linear;
-moz-transition: background-color .1s linear;
transition: background-color .1s linear;
}
.price_list table tbody th,
.price_list_2016 table tbody th{ font-weight: normal; }

.price_list table tbody tr.clickable:hover td,
.price_list table tbody tr.selected td,
.price_list_2016 table tbody tr.clickable:hover td,
.price_list_2016 table tbody tr.selected td{
	background: #e4eef7;
	cursor: pointer;
	color:#333333;
}
table.price_list_2016 tbody tr td:first-child {
	border-left: 1px solid #dedede;
}

/*年間チケット*/

.seatingplan{
	margin-bottom:30px;
	position:relative;
}

.seatingplan .seatingplan01{
	margin-bottom:30px;
}


.seatingplan ul{
	overflow:hidden;
	margin-bottom:15px;
}

.seatingplan ul li{
	width:325px;
	float:left;
}

.seatingplan .seatingplan_txt{
	text-align:right;
}

/*2016新スタジアム席種別色*/
/*エキサイティングシート*/
.price_list_2016 table tbody tr#t_ex:hover td,
.seatinfo_detail #seatinfo_ex h4{
	background: #ccaf69;
	color:#ffffff;
}

/*カテゴリー1*/
.price_list_2016 table tbody tr#t_01:hover td,
.seatinfo_detail #seatinfo_01 h4{
	background: #29a7e1;
	color:#ffffff;
}

/*カテゴリー2*/
.price_list_2016 table tbody tr#t_02:hover td,
.seatinfo_detail #seatinfo_02 h4{
	background: #5cc2cf;
	color:#ffffff;
}

/*カテゴリー3*/
.price_list_2016 table tbody tr#t_03:hover td,
.seatinfo_detail #seatinfo_03 h4{
	background: #d78bb9;
	color:#ffffff;
}

/*カテゴリー4FV*/
.price_list_2016 table tbody tr#t_04fv:hover td,
.seatinfo_detail #seatinfo_04fv h4{
	background: #f39950;
	color:#ffffff;
}

/*カテゴリー4*/
.price_list_2016 table tbody tr#t_04:hover td,
.seatinfo_detail #seatinfo_04 h4{
	background: #eb6161;
	color:#ffffff;
}

/*カテゴリー4TS*/
.price_list_2016 table tbody tr#t_04ts:hover td,
.seatinfo_detail #seatinfo_04ts h4{
	background-color:#22ac38;
	color:#ffffff;
}

/*カテゴリー5FV*/
.price_list_2016 table tbody tr#t_05fv:hover td,
.seatinfo_detail #seatinfo_05fv h4{
	background-color:#faee00;
	color:#333333;
}

/*カテゴリー5*/
.price_list_2016 table tbody tr#t_05:hover td,
.seatinfo_detail #seatinfo_05 h4{
	background-color:#0076bf;
	color:#ffffff;
}

/*カテゴリー7*/
.price_list_2016 table tbody tr#t_07:hover td,
.seatinfo_detail #seatinfo_07 h4{
	background-color:#3cb14a;
	color:#ffffff;
}

/*ホーム自由席*/
.price_list_2016 table tbody tr#t_homef:hover td,
.seatinfo_detail #seatinfo_homef h4{
	background: #92afd9;
	color:#ffffff;
}

/*ファミリーシート*/
.price_list_2016 table tbody tr#t_fs:hover td,
.seatinfo_detail #seatinfo_fs h4{
	background-color:#ec6811;
	color:#ffffff;
}

/*車椅子席*/
.price_list_2016 table tbody tr#t_wc:hover td,
.seatinfo_detail #seatinfo_wc h4{
	background-color:#fef0d7;
	color:#232323;
}

/*Vシート／47*/
.price_list_2016 table tbody tr#t_v47:hover td,
.seatinfo_detail #seatinfo_v47 h4{
	background-color:#ab9749;
	color:#ffffff;
}

/*Vシート／60*/
.price_list_2016 table tbody tr#t_v60:hover td,
.seatinfo_detail #seatinfo_v60 h4{
	background-color:#171c61;
	color:#ffffff;
}

/*ビジター自由席*/
.price_list_2016 table tbody tr#t_awayf:hover td,
.seatinfo_detail #seatinfo_awayf h4{
	background-color:#c9bc9c;
	color:#ffffff;
}

/*ビジター指定席*/
.price_list_2016 table tbody tr#t_awayr:hover td,
.seatinfo_detail #seatinfo_awayr h4{
	background-color:#da94bb;
	color:#ffffff;
}
/*価格表完売時表示*/
.price_list_2016 table tbody tr#soldout td,
.price_list_2016 table tbody tr#soldout:hover td{
	background: #777777;
	color:#bbbbbb;
}

.price_list_2016 table tbody tr:hover td{
	cursor: pointer;
}


.price_list_2016 .price_txt{
	margin:15px 0 0 15px;
}


.seatinfo_detail{
	margin:0;
	overflow:hidden;
	background-color: rgba(255,255,255,0.5);
}

.seatinfo_detail h4{
	margin:0px 0 15px 0px;
	padding:8px 10px;
	font-size:18px;
	font-weight:normal;
	font-family:Meiryo, "メイリオ" , 'Lucida Grande','Hiragino Kaku Gothic ProN', sans-serif;
	position:relative;

}


.seatinfo_detail h4 span{
	background-color:#001b43;
	color:#fee938;
	font-weight:normal;
	padding:3px 5px;
	margin-left:5px;
	font-size:14px;
	position:relative;
	top:-3px;

}


.seatinfo_detail .seatinfo_detail_left{
	
	width:720px;
	float:left;
}

.seatinfo_detail .seatinfo_detail_left p{
	font-size:16px;
	font-weight:bold;
	color:#00589e;
	margin-left:10px;
	margin-bottom:20px;
}


.seatinfo_detail .seatinfo_detail_left .seatinfo_description{
	margin-bottom:10px;
	margin-left:10px;
	overflow:hidden;
}


.seatinfo_detail .seatinfo_detail_left .seatinfo_description .desc_left{
	float:left;
	width:360px;
}


.seatinfo_detail .seatinfo_detail_left .seatinfo_description .desc_left table .seatinfo_table_price{
	width:280px;
	text-align:center;
}


.seatinfo_detail .seatinfo_detail_left .seatinfo_description .desc_left table .seatinfo_table_floor{
	width:80px;
}


.seatinfo_detail .seatinfo_detail_left .seatinfo_description .desc_left table tbody td.price span{
	background-color:#1e89df;
	color:#ffffff;
	font-weight:bold;
	padding:3px 5px;
	margin-right:5px;
	font-size:12px;
}


.seatinfo_detail .seatinfo_detail_left .seatinfo_description .desc_left table tbody td.price{
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	color:#00589e;
}


.seatinfo_detail .seatinfo_detail_left .seatinfo_description .desc_right{
	float:right;
	width:330px;
}


.seatinfo_detail .seatinfo_detail_left .seatinfo_description .desc_right ul{
	overflow:hidden;
}


.seatinfo_detail .seatinfo_detail_left .seatinfo_description .desc_right ul li{
	float:left;
	width:100px;
	margin-right:10px;
}

.seatinfo_detail .seatinfo_detail_left .seatinfo_ex_amenity{
	margin-bottom:10px;
	margin-left:10px;
	overflow:hidden;
	background-color:#f6f6f6;
	padding:10px;
}


.seatinfo_detail .seatinfo_detail_left .seatinfo_ex_amenity .seatinfo_ex_amenity_title{
	margin:0px 0 10px 0px;
	font-size:18px;
	font-weight:bold;
	position:relative;
	color:#003b95;
}

.seatinfo_detail #seatinfo_ex h4 span{
	background-color:#cc0000;
	color:#fee938;
	font-weight:bold;
	padding:3px 5px;
	margin-right:5px;
	font-size:16px;
	position:relative;
	top:-3px;
}

.seatinfo_detail .seatinfo_detail_left .seatinfo_ex_amenity .seatinfo_ex_amenity_title span{
	background-color:#003b95;
	color:#fee938;
	font-weight:normal;
	padding:3px 5px;
	margin-right:5px;
	font-size:14px;
	position:relative;
	top:-3px;
}

.seatinfo_detail .seatinfo_detail_left .seatinfo_ex_amenity .seatinfo_ex_amenity_txt{
	margin-bottom:10px;
	overflow:hidden;
}


.seatinfo_detail .seatinfo_detail_right{
	
	width:240px;
	float:right;
}

/*年間パス*/


#2016yearpass section#fanclub #contents table.table_blue tbody td{
	color:#f8f8f8;
}

section#fanclub #contents .seatinfo_detail .seatinfo_detail_left .seatinfo_description .desc_left table tbody td.price span{
	color:#ffffff;
}

#contents .yearpass_bt{
	margin-bottom:30px;
}


#contents .about_fanclub{
	margin-bottom:30px;
}

.t_ex_term{
	background-color:#c20000;
	color:#ffffff;
	font-weight:bold;
	padding:3px 5px;
	font-size:18px;
	margin-bottom:5px;
}


.seatassign{
}

.seatingplan .img_price_pop{
	position:absolute;
	top:580px;
	right:0px;
}

.seatingplan .img_price_pop img{
	width:156px;
	height:auto;
}

.seatassign h4{
	font-size:16px;
	color:#00589e;
	margin-bottom:20px;
}


.seatassign p{
		margin-bottom:20px;

}


.seatassign .seatassign_img{
	text-align:center;
}

.seatassign .seatassign_img img{
	margin:0 auto;
}



.amenity_l{
		margin-bottom:20px;
		overflow:hidden;

}


.amenity_l ul{
		overflow:hidden;
		margin:0 -15px 0 0;

}

.amenity_l ul li{
	float:left;
	width:316px;
	margin-right:15px;
	margin-bottom:15px;

}

.amenity_l ul li.amenity_detail{
	position:relative;
}

.amenity_l ul li.amenity_detail_50{
	width:48%;
}

.amenity_l ul li.amenity_detail_100{
	width:100%;
}

.amenity_l ul li.amenity_detail .img_new_pop{
	position:absolute;
	top:0px;
	right:5px;
}


.amenity_l ul li h4{
	background:none;
	margin-bottom:15px;
	border-top:none;
	border-bottom:1px solid #0259a0;
	font-size:110%;
	font-weight:bold;
	padding:10px;
	color:#0259a0;
}

.amenity_l ul li .amenity_img{
	margin:10px;
	text-align:center;
}


.amenity_l ul li .amenity_txt{
	background-color:#f6f6f6;
	padding:10px;
	margin:10px;
}


.qa{
		margin-bottom:20px;
		margin-top:20px;
		overflow:hidden;

}


h4.qa_q_sub01{
	background:#00317E;
	padding:5px 8px;
	color:#ffffff;
	font-size:16px;
}


h4.qa_q_sub02{
	background:#0060ab;
	padding:5px 8px;
	color:#ffffff;
	font-size:16px;
}

h4.qa_q_sub03{
	background:#2593e8;
	padding:5px 8px;
	color:#ffffff;
	font-size:16px;
}


ul.qa{
	overflow:hidden;
}


ul.qa li{
	width:460px;
	display:inline-block;
	margin-right:20px;
	position:relative;
}

ul.qa li.long{
	width:980px;
}


ul.qa li .qa2016list_q_no{
	font-size:16px;
	font-weight:bold;
	color:#cc0000;
	position:absolute;
	top:5px;
	left:10px;
	z-index:10;
}

.qa .qa2016list_q{
		border-bottom:1px dotted #999999;
		padding:10px 10px 10px 50px;
		position:relative;
		display:block;
	   -webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	   transition: all 0.3s;

}


.qa a.qa2016list_q:hover{
	background:#fffce6;
	text-decoration:none;
}

.qa a.qa2016list_q span{
	background:#cc0000;
	text-decoration:none;
	font-weight:bold;
	padding:3px;
	color:#ffffff;
	margin-right:10px;
}



.qa .qa2016_q{
		margin-bottom:20px;
		background:#efefef;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		padding:10px 10px 10px 65px;
		position:relative;

}


.qa .qa2016_q .qa2016_q_no{
	font-size:20px;
	font-weight:bold;
	color:#cc0000;
	position:absolute;
	top:5px;
	left:10px;

}

.qa .qa2016_q .qa2016_q_detail{
	font-size:14px;

}

.qa .qa2016_a{
		margin-bottom:20px;
		overflow:hidden;
		position:relative;
}


.qa .qa2016_a .qa2016_a_left{
	width:140px;
	float:left;

}


.qa .qa2016_a .qa2016_a_right{
	position:relative;
	width:750px;
	float:right;
		background:#e8f1f7;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		padding:10px 10px 10px 65px;

}

.qa .qa2016_a .qa2016_a_right:before{
	content: ' ';
	width:0;
	height: 0;
	position:absolute;
	border:10px solid transparent;
	border-right-color:#e8f1f7;
	top:25%;
	left:-19px;
}
.qa .qa2016_a .qa2016_a_detail_no{
	font-size:20px;
	font-weight:bold;
	color:#00589e;
	position:absolute;
	top:5px;
	left:10px;

}
.qa .qa2016_a .qa2016_a_detail{

}

.qa .qa2016_a .qa2016_a_detail p{

}
.qa .qa2016_a .qa2016_a_detail p.qa_sub_r{
	border:#cc0000 4px solid;
	padding:5px;
	margin-top:15px;
	background:#ffffff;

}


.qa_bt{
	text-align:right;
	margin-bottom:10px;

}



/*年間チケット*/


.yearpass_bt{
	margin-bottom:30px;
}

#ticket_game{
}

#ticket_game .ticket_game_img{
	padding:15px;
}

#ticket_game h4{
	background:#00589e;
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	font-size:20px;
}

#ticket_game img{
	width:100%;
	height:auto;
}

/*ファンクラブ*/


.contents_w100{
	width:100%;
	margin:0 auto;
	overflow:hidden;
}

.contents_sub{
	width:1000px;
	margin:0 auto 30px;
	overflow:hidden;
}

.contents_normal{
	width:1000px;
	margin:0 auto 30px;
	overflow:hidden;
}

.contents_980{
	width:980px;
	margin:0 auto 30px;
	overflow:hidden;
}

#contents_wide{
	width:1200px;
	margin:0 auto 30px;
	overflow:hidden;
}

#mainimage_wide{
	width:1000px;
	margin:0 auto 50px;
	overflow:hidden;
}

#fanclub2016_plan{
	width:1200px;
	margin:0 auto;
	overflow:hidden;
}

ul.btn_fanclub2017_plan{
	overflow:hidden;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	margin-bottom:5px;
}


ul.btn_fanclub2017_plan li{
	display:inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align:bottom;
}

ul.btn_fanclub2017_plan li a{
	margin:0;
}

ul.btn_fanclub2017_plan li a img{
	vertical-align:bottom;
	margin:0;
}


.fanclub_bt{
	margin-bottom:30px;
	
}


.about_seasonpass{
	margin-bottom:30px;
	
}


.plan_area{
	margin-bottom:30px;
	
}


#plan01 .contents_w100{
	display:table;
	height:200px;
	background: url("../../fanclub/images/2018/bg_plan01.png") 0 0 no-repeat;
	background-size: cover;	
}

#plan02 .contents_w100{
	display:table;
	height:200px;
	background: url("../../fanclub/images/2018/bg_plan02.png") 0 0 no-repeat;
	background-size: cover;	
}

#plan03 .contents_w100{
	display:table;
	height:200px;
	background: url("../../fanclub/images/2018/bg_plan03.png") 0 0 no-repeat;
	background-size: cover;	
}

#plan04 .contents_w100{
	display:table;
	height:200px;
	background: url("../../fanclub/images/2018/bg_plan04.png") 0 0 no-repeat;
	background-size: cover;	
}

#plan05 .contents_w100{
	display:table;
	height:200px;
	background: url("../../fanclub/images/2018/bg_plan05.png") 0 0 no-repeat;
	background-size: cover;	
}

.contents_w100 h3{
	display:table-cell;
	vertical-align:middle;
	font-size:36px;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
}

.contents_w100 h3 .fee{
	font-size:24px;
}

#plan01 .contents_w100 h3{
	color:#ffd75e;
}

#plan01 .contents_w100 h3 strong{
	background:#cc0000;
	padding:5px;
	color:#ffffff;
	font-size:24px;
}
#plan01 .contents_w100 h3 span{
	display:block;
	padding:5px;
	color:#ffffff;
	font-size:16px;
}


/*#plan01 .contents_normal{
	background: url("../../fanclub/images/2017/bg_left_01.gif") left 0px no-repeat;
	
}


#plan02 .contents_normal{
	background: url("../../fanclub/images/2017/bg_left_02.gif") left 0px no-repeat;
	
}

#plan03 .contents_normal{
	background: url("../../fanclub/images/2017/bg_left_03.gif") left 0px no-repeat;
	
}

#plan04 .contents_normal{
	background: url("../../fanclub/images/2017/bg_left_04.gif") left 0px no-repeat;
	
}

#plan05 .contents_normal{
	background: url("../../fanclub/images/2017/bg_left_05.gif") left 0px no-repeat;
	
}
*/

.about_plan{
	margin-left:185px;
	width:795px;
	
}

.about_plan .sub_plan{
	margin-bottom:20px;
	
}


.about_plan .title_special_plan{
	margin-bottom:20px;
	
}



.sub_plan h4{
	text-align:center;
	margin:30px 0 15px;
	font-size:260%;
	
}

#plan01 .sub_plan h4,
#plan01 .sub_plan .membership_fee,
#plan01 .voice .voice_detail h4{
	color:#00589e;
}

#plan02 .sub_plan h4,
#plan02 .sub_plan .membership_fee,
#plan02 .voice .voice_detail h4{
	color:#8b701c;
}

#plan03 .sub_plan h4,
#plan03 .sub_plan .membership_fee,
#plan03 .voice .voice_detail h4{
	color:#006bc0;
}

#plan04 .sub_plan h4,
#plan04 .sub_plan .membership_fee,
#plan04 .voice .voice_detail h4{
	color:#a5a5a5;
}

#plan05 .sub_plan h4,
#plan05 .sub_plan .membership_fee,
#plan05 .voice .voice_detail h4{
	color:#adca00;
}

.sub_plan p{
	text-align:center;
	margin:0;
	font-size:140%;
	
}

.sub_plan p.subtxt{
	text-align:center;
	margin-top:15px;
	font-size:100%;
	
}

.sub_plan .membership_fee{
	text-align:center;
	margin:30px 0 0;
	font-size:140%;
	
}

.sub_plan .membership_fee strong{
	font-size:200%;
	
}


.amenity{
		margin-bottom:20px;
		overflow:hidden;

}


.amenity ul{
		overflow:hidden;
		margin:0 -15px 0 0;

}

.amenity ul li{
	float:left;
	width:255px;
	margin-right:15px;
	margin-bottom:15px;

}


.amenity ul li .tag_limited{
	width:100%;
	height:17px;
	margin:0;
	padding:0;
	line-height:0;
	text-align:right;
}

.amenity ul li h4{
}

.amenity ul li .amenity_img{
	margin:10px;
}


.amenity ul li .amenity_txt{
	background-color:#f6f6f6;
	padding:10px;
	margin:10px;
}


.amenityall_s{
	margin:0;
	line-height:0;
}


.voice{
	background: url("../../fanclub/images/2017/bg_voice_01.png") left bottom no-repeat;
}

.voice .voice_detail {
	position: relative;
	background: #e8f5ff;
	margin-left:150px;
	padding:15px 30px;
	border-radius:5px;
}
.voice .voice_detail:after {
	right: 100%;
	top: 60%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(232, 245, 255, 0);
	border-right-color: #e8f5ff;
	border-width: 20px;
	margin-top: -20px;
}

.voice .voice_detail h4{
	font-size:160%;
	margin-bottom:15px;
}


.voice .voice_detail ul{
	list-style: disc;
}

.voice .voice_detail li{
	list-style: disc;
	font-size:120%;
	margin-bottom:2px;
	margin-left:30px;
}


/* ボタン */
#contents .btn2016 {
	margin:30px auto 30px;
	display: block;
	text-align: center;
	width:300px;
	font-size:14px;
	font-weight: bold;
	border: 1px solid #002f54;
	border-radius: 3px;/* 角丸 */ 
	-webkit-border-radius: 3px;/* 角丸Firefox用 */
	-moz-border-radius: 3px;/* 角丸Safari,Google Chrome用 */
	background-color:#002949;
	-moz-transition-property: all;
	-o-transition-property: all;
	-webkit-transition-property: all;
	transition-property: all;
	-moz-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	-webkit-transition: 0.3s linear;
	transition: 0.3s linear;
}

#contents .btn2016 a {
	display: block;
	text-align: center;
	text-decoration:none;
	padding:10px 10px;
	color:#ffffff;
}

#contents .btn2016 a:hover {
	color:#ffffff;
	text-decoration:none;
	background-color:#005292;

}

#contents .bt_inline .btn2016 {
	display:inline-block;
	margin:15px 10px;
}


#contents .bt_inline {
	text-align:center;
}

#contact{
	background:#f8f8f8;
	padding:20px;
}
.contents_980 #contact a{
	color:#333333;
}
.contents_980 #contact .grid-left{
	float:left;
	width:200px;
	margin-right:15px;
}
.contents_980 #contact .grid-right{
	width:720px;
	float:left;
}
.contents_980 #contact .grid-right p{
	line-height:1.8em;
}

table.size,
table.size td,
table.size th{
	border: 1px solid #000;
	border-collapse: collapse;
	width: 230px;
	margin: 10px 0 10px 0;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
table.size td,
table.size th{
	padding: 3px;
	width: 20px;
	height: 20px;
}
table.size th{
	background:  #F8F8F8;
}
table.size .even {
	background: #fbf8f0;
}
table.size .odd {
	background: #fefcf9;
}

/*杉本追記*/
dl.list_horizontal div.yearpass_bt img{
	width: 100%;
}