@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Oswald&family=Staatliches&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&);

:root {
	--vw: 10px;
	--vh: 10px
}
a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var {
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline３
}
ol, ul {
	list-style: none
}
img {
	vertical-align: middle
}
dd, div, dl, dt, h1, h2, h3, h4, h5, h6, img, li, nav, ol, p, ul {
	margin: 0;
	padding: 0
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1
}
.clearfix:after {
	clear: both;
	content: "";
	display: block
}

main {
	display: block;
  margin: 0 calc(50% - 50vw);
	width: 100vw;
}
img {
	height: auto;
	width: 100%
}
body {
	font-family: Oswald, Noto Sans JP, Helvetica Neue, Arial, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	letter-spacing: .05em;
  background: none;
  overflow-x: hidden;
  color: #000;
  font-size: 100%;
  line-height: auto;
}

#mypage_area_box {
  font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProsN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
}

a, button {
	color: currentColor;
	font-family: inherit;
	text-decoration: none;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
	will-change: opacity
}
a:link{
    text-decoration: none
}
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

#main {
	max-width: 980px;
	padding: 5px 25px 0px 25px;
	box-sizing: border-box;
	margin: 20px auto 50px auto;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	background-color:#FFFFFF;
	color: #5A5A5A;
	line-height: 1.5;
}
#main small {font-size: 80%;}
.sp_btn {
	display: inline-block;
	position:relative;
	text-decoration:none; 
	color: #FFFFFF;
	font-weight: bold;
	clear: both; 
	height:50%;
	width: 40%;
	margin:0 0 30px 28.5%;
	padding:10px;
	text-align: center;
	font-size: 18px;
	background: -moz-linear-gradient(top center, #ff9900 0%, #ff6600 100%);
 	background: -webkit-gradient(linear, center top, center bottom, from(#ff9900), to(#ff6600));
    background: linear-gradient(top center, #ff9900 0%, #ff6600 100%);
    background: -ms-linear-gradient(top, #ff9900, #ff6600);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff9900', endColorstr='#ff6600');
  	border-bottom: solid 2px #B71515;/*少し濃い目の色に*/
  	border-radius: 6px;/*角の丸み*/
  	box-shadow: inset 0 3px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}

.sp_btn a{
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sp_btn:active {
  border-bottom: solid 2px #D92D2D;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.30);
}

.sp_btn:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.sp_btn_red {
	display: inline-block;
	position:relative;
	text-decoration:none; 
	color: #FFFFFF;
	font-weight: bold;
	clear: both; 
	height:50%;
	width: 40%;
	margin:0 0 30px 28.5%;
	padding:10px;
	text-align: center;
	font-size: 18px;
	background: -moz-linear-gradient(top center, #ec4d60 0%, #C30D23 100%);
 	background: -webkit-gradient(linear, center top, center bottom, from(#ec4d60), to(#C30D23));
    background: linear-gradient(top center, #ec4d60 0%, #C30D23 100%);
    background: -ms-linear-gradient(top, #ec4d60, #C30D23);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ec4d60', endColorstr='#C30D23');
  	border-bottom: solid 2px #B71515;/*少し濃い目の色に*/
  	border-radius: 6px;/*角の丸み*/
  	box-shadow: inset 0 3px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}

.sp_btn_red a{
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sp_btn_red:active {
  border-bottom: solid 2px #D92D2D;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.30);
}

.sp_btn_red:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.guideline_title {
	text-align: center; 
	font-size: 180%;
	font-weight: bold;
	margin: 0 0 15px 0.2em;
}

/* JP/EN */
.lang-switch {
	text-align: right;
	margin: 10px 0 0px 0;
}
.lang-switch a{
	color:black !important;
	text-decoration: none !important;
}
/*リンク*/
a:link{text-decoration:underline;}

/* ページ右上右下の「チケットはこちら」の文字 */
.charity{text-align: right;
margin-bottom: 20px;
font-size: 11px;}

/*リポビタンDチャレンジカップ2022バナー*/
#event_banner{
	text-align: center;	
}
.pc_img.event_banner_src{
	width: 80%;
	height:100%;
  margin: 3em auto
}
.sp_img.event_banner_src{
	width: 80%;
	height:100%;
  margin: 1em auto
}
.event_banner_src{
	margin: 10px 0 10px 0;
	width: 100% ;
	height:100%;
}
.pc_img.banner {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: block !important;
}
.sp_img.banner {
    width: 100%;
    height: 100%;
    margin: 1em auto;
}
.pc_img { display: block !important; }
.sp_img { display: none !important; }

/*ガイドライン*/
.ic-guide-link{
	clear: both; 
	margin:0 auto 30px; 
	text-align: center; 
	font-size:120%; 
	background-color: #E4F4F9; 
	color:#000000; 
	width:70%;
}

/*英語ページNOTICE*/
#summer22_en_notice {
	width: 100%;
	padding: 15px;
	margin: 0 0 50px 0;
	box-sizing: border-box;
	float: left;
	background-color: #FFF8E2;
}

/*開催日程・会場の表*/
.schedule_list table {
	width: 100%;
	float: left;
	border: 1px solid #000000;
	box-sizing: border-box;
	border-collapse: collapse;
}
.schedule_list th {
	text-align: center;
	font-weight: bold;
	color: #FFF;
	padding: 5px;
	border: 1px solid #000000;
	background-color: #B3A6A1;
}
.schedule_list td {
	padding: 5px;
	box-sizing: border-box;
	border: 1px solid #000000;
}
.schedule_list table tr:nth-child(odd) {background-color: #F5F5F5;}
.schedule_list table tr:nth-child(even) {  background-color: #FFF;}


/*ウルグアイ代表戦・フランス代表戦タブ*/
.sp-show {display: block;}
.tab_panel {
	overflow: hidden;
	height: 0;
	opacity: 0;
}

.tab_panel.division-is-show {
	overflow: visible;
	height: auto;
	opacity: 1;
	transition: opacity .4s ease-in-out;
}
.tab_menu {
	display: flex;
	width: 100%;
	margin: 0;
}
.tab_menu li{
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 14px 0 10px;
	margin: 0 1px 0 0;
	list-style: none;
	cursor: pointer;
	color: #fff;
	background: #666;
	font-size: 125%;
  border-top: 5px solid #000;
  transition : .5s;
}
.tab_menu li:last-child {margin-right: 0;}
.tab_menu li.selected {
	background: #fff;
  color: #333;
  border-top: 5px solid #ec0928;
}
.tab_menu li:hover {
  color: #333;
  border-top: 5px solid #ec0928;
  transition : .5s; 
}
.tab_menu li img {
	display: inline-block;
	padding: 0 5px 2px 0;
}	
/*ウルグアイ代表戦・フランス代表戦タブ*/

.schedule_list table td, .selling_list table td, .ticket_list_w100 table td {
    text-align: left;
    line-height: unset;
  }
/*selling_list「チケット発売スケジュール」の表*/
.selling_list table {
	margin: 5px 0 0px 0;
	width: 100%;
	float: left;
	border: 1px solid #000000;
	box-sizing: border-box;
	border-collapse: collapse;
  border-collapse: separate;
  border-spacing: 0;
  border-bottom: 0;
  border-left: 0;
}
.selling_list th {
	text-align: center;
	font-weight: bold;
	color: #FFF;
	padding: 5px;
	background-color: #B3A6A1;
	border: 1px solid #000000;
	font-size: 85%;
  border-top: 1px;
  border-right: 0px;
}
.selling_list table tr:nth-child(odd) {background-color: #F5F5F5;}
.selling_list table tr:nth-child(even) {background-color: #FFF;}
.selling_list td {
	padding: 5px;
	box-sizing: border-box;
	border: 1px solid #000000;
	font-size: 85%;
  border-top: 1px;
  border-right: 0px;
}

/*「本ページ下部よりご購入ください」改行無しをSPのみに*/
.sponly { display: none; }

/*「チケット」の黒帯部分*/
.section_title {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	margin: 0 0 20px 0;
	float: left;
	font-size: 130%;
	font-weight: bold;
	color: #FFF;
	background-color: #4B4B4B;
}
.section_title span {
	font-size: 80%;
}

/* 空席状況 */
.seat_availability{
	width: 40%;
	height: 40%;}

/*スタジアム*/
.content_block {
	width: 100%;
	padding: 0 5px;
	box-sizing: border-box;
	margin: 0 0 30px 0;
	float: left;
}

/*「席種」「前売価格」「当日価格」とチケトレの表*/
.ticket_list table.w100 { width: 100%;} /*書き方これもあり？不要？*/
.ticket_list_w100 table {
	width: 100%;
	margin: 0 0 20px 0;
	float: left;
	border: 1px solid #000000;
	box-sizing: border-box;
	border-collapse: collapse;
}
.ticket_list_w100 table td.redbackground, .ticket_list_w100 table td.blue, .ticket_list_w100 .redbg, .ticket_list_w100 table td.greenbg {
    color: #5A5A5A
  }
.ticket_list_w100 table tr:nth-child(odd) {background-color: #F5F5F5;}
.ticket_list_w100 table tr:nth-child(even) {background-color: #FFF;}
.ticket_list_w100 th {
	text-align: center;
	font-weight: bold;
	color: #FFF;
	padding: 5px;
	border: 1px solid #000000;
	background-color: #B3A6A1;
}
.ticket_list_w100 td {
	padding: 5px;
	box-sizing: border-box;
	border: 1px solid #000000;
}
.ticket_list_w100 .special {text-align: right;}
.ticket_list_w100 .seat {text-align: left;}
.ticket_list_w100 .reserve {text-align: right;}
.ticket_list_w100 .reserve01 {text-align: right;}
.ticket_list_w100 .sale {text-align: right;}
.ticket_list_w100 .sale01 {text-align: right;}
.ticket_list_w100 .jersey {text-align: right;}
.ticket_list_w100 .sale-2 {text-align: right;}
.ticket_list_w100 .sale-2-en {text-align: right;}
.ticket_list_w100 .pink { background-color: #fecfee;}
.ticket_list_w100 .purple {	background-color:#F1DCFB;}
.ticket_list_w100 .redbackground {	background-color:#FBDCDC;}
.ticket_list_w100 .greenbg { background-color:#A9D08E;}
.ticket_list_w100 .redbg {	background-color:#fa7878;}
.ticket_list_w100 .green {	background-color:#DDFBDC;}
.ticket_list_w100 .yellow {	background-color:#FBF1DC;}
.ticket_list_w100 .blue {	background-color:#DCE0FB;}


/*「〇〇代表戦のチケット購入はこちら▶」の黒いボタン*/
.button{
    height: 70px;
    width: 300px;
    max-width: 100%;
    margin: 0px auto 0;
    background: #333333;
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: center;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    background: -webkit-gradient(linear, center top, center bottom, from(#5e5e5e), to(#191919));
    border-bottom: solid 2px #000000;/*少し濃い目の色に*/
    border-radius: 6px;/*角の丸み*/
    box-shadow: inset 0 3px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  }
  .button:active {
    border-bottom: solid 2px #1f1f1f;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.30);
  }
  .button:hover {
      opacity: 0.9;
      filter: alpha(opacity=80);
  }

/*「先行抽選販売」等のオレンジ、緑ボタン*/
.ticket_btn_left {
    display: inline-block;
    position:relative;
    text-decoration:none; 
    color: #FFFFFF;
    font-weight: bold;
    clear: both; 
  height: auto;
    width: 22%;
    margin:0 2% 30px 0%;
  margin-left: 3%;
    padding:20px 0px;
    text-align: center;
    font-size: 14px;
}
.ticket_btn_left02 {
    display: inline-block;
    position:relative;
    text-decoration:none; 
    color: #FFFFFF;
    font-weight: bold;
    clear: both; 
  height: auto;
    width: 29%;
    margin:0 2% 30px 0%;
  margin-left: 3%;
    padding:20px 0px;
    text-align: center;
    font-size: 14px;
}
.ticket_btn_centerleft {
    display: inline-block;
    position:relative;
    text-decoration:none; 
    color: #FFFFFF;
    font-weight: bold;
    clear: both; 
  height: auto;
    width: 22%;
    margin:0 2% 30px 0%;
    padding:20px 0px;
    text-align: center;
    font-size: 14px;
}
.ticket_btn_centerleft02 {
    display: inline-block;
    position:relative;
    text-decoration:none; 
    color: #FFFFFF;
    font-weight: bold;
    clear: both; 
  height: auto;
    width: 29%;
    margin:0 2% 30px 0%;
    padding:20px 0px;
    text-align: center;
    font-size: 14px;
}
.ticket_btn_center {
    display: inline-block;
    position:relative;
    text-decoration:none; 
    color: #FFFFFF;
    font-weight: bold;
    clear: both; 
    height: auto;
    width: 21.5%;
    margin:0 2% 30px 0%;
    padding:35px 0px 23px 0px;
    text-align: center;
    font-size: 15px;
    vertical-align: top;
}
.ticket_btn_center02 {
    display: inline-block;
    position:relative;
    text-decoration:none; 
    color: #FFFFFF;
    font-weight: bold;
    clear: both; 
    height: auto;
    width: 29%;
    margin:0 2% 30px 0%;
    padding:35px 0px 23px 0px;
    text-align: center;
    font-size: 15px;
    vertical-align: top;
}

.ticket_btn_center02-en{
    display: block;
    position:relative;
    text-decoration:none; 
    color: #FFFFFF;
    font-weight: bold;
    clear: both; 
    height: auto;
    width: 35%;
    margin:0 auto;
    padding:35px 0px 23px 0px;
    text-align: center;
    font-size: 15px;
    vertical-align: top;
}
.ticket_btn_right {
    display: inline-block;
    position:relative;
    text-decoration:none; 
    color: #FFFFFF;
    font-weight: bold;
    clear: both; 
    height: auto;
    width: 21.5%;
    margin:0 2% 30px 0%;
    padding:35px 0px 23px 0px;
    text-align: center;
    font-size: 15px;
    vertical-align: top;
}
.btn_left{
    float: left;
    height: 70px;
    width: 300px;
    max-width: 100%;
    margin-left: 120px;
    margin-right: 100px;
    display: flex;
    justify-content: center;
    color: #FFFFFF;
    align-items: center;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
	position: relative;
}
.btn_right{
    height: 70px;
    width: 300px;
    max-width: 100%;
    display: flex;
    justify-content: center;
    color: #FFFFFF;
    align-items: center;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
	position: relative;
}

/*視野制限の写真*/
.shiya{
    width:35%;
    margin-left:10%;
   }

/*リスト「・」マーク*/
.li_disc {
  margin-left: 20px;
  display: list-item;
  list-style: disc;
}

/*チケトレ*/
.ticket-resale {text-align: left;}



/*？*/
a.disabled{pointer-events: none;}

/* 会場座席図 */
.stadium_detail {
	width: 480px;
	box-sizing: border-box;
	float: right;
	border: 1px solid #000000;
	background-image: url(https://image.pia.jp/images3/ticket-rugby/share/loupe.gif);
	background-size: 25px 25px;
	background-position: 98% 98%;
	background-repeat: no-repeat; 
}

.stadium_detail:hover {
	background-image: url(https://image.pia.jp/images3/ticket-rugby/share/loupe_hover.gif);
} 

.stadium_detail a {
	display: block;
	padding: 40px 20px;
}

.stadium_detail_en {
	width: 60%;
	box-sizing: border-box;
	margin: 0 auto 20px;
	border: 1px solid #000000;
	background-image: url(https://image.pia.jp/images3/ticket-rugby/share/loupe.gif);
	background-size: 25px 25px;
	background-position: 98% 98%;
	background-repeat: no-repeat; 
}

.stadium_detail_en:hover {
	background-image: url(https://image.pia.jp/images3/ticket-rugby/share/loupe_hover.gif);
} 

.stadium_detail_en a {
	display: block;
	padding: 0px 0px 35px 0px;
}

/* ボタン */
.btn_a_style a{
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ticket_btn {
	display: inline-block;
	position:relative;
	text-decoration:none; 
	color: #FFFFFF;
	font-weight: bold;
	clear: both; 
	height:44px;
	width: 150px;
	padding-top:20px;
	text-align: center;
	font-size: 15px;
}

/*ボタンカラー*/
.btn_color_orange {
	background: -moz-linear-gradient(top center, #ff9900 0%, #ff6600 100%);
 	background: -webkit-gradient(linear, center top, center bottom, from(#ff9900), to(#ff6600));
    background: linear-gradient(top center, #ff9900 0%, #ff6600 100%);
    background: -ms-linear-gradient(top, #ff9900, #ff6600);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff9900', endColorstr='#ff6600');
  	border-bottom: solid 2px #B71515;/*少し濃い目の色に*/
  	border-radius: 6px;/*角の丸み*/
  	box-shadow: inset 0 3px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}

.btn_color_orange:active {
  border-bottom: solid 2px #D92D2D;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.30);
}

.btn_color_orange:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.btn_color_red{
    background: -moz-linear-gradient(top center, #ec4d60 0%, #C30D23 100%);
background: -webkit-gradient(linear, center top, center bottom, from(#ec4d60), to(#C30D23));
background: linear-gradient(top center, #ec4d60 0%, #C30D23 100%);
background: -ms-linear-gradient(top, #ec4d60, #C30D23);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ec4d60', endColorstr='#C30D23');
border-bottom: solid 2px #B71515;/*少し濃い目の色に*/
border-radius: 6px;/*角の丸み*/
box-shadow: inset 0 3px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  }
  .btn_color_red:active {
border-bottom: solid 2px #D92D2D;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.30);
}

.btn_color_red:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}

.btn_color_black{
    background: -moz-linear-gradient(top center, #807f7f 0%, #4B4B4B 100%);
background: -webkit-gradient(linear, center top, center bottom, from(#807f7f), to(#4B4B4B));
background: linear-gradient(top center, #807f7f 0%, #4B4B4B 100%);
background: -ms-linear-gradient(top, #807f7f, #4B4B4B);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#807f7f', endColorstr='#4B4B4B');
border-bottom: solid 2px #3c3c3c;/*少し濃い目の色に*/
border-radius: 6px;/*角の丸み*/
box-shadow: inset 0 3px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  }
  .btn_color_black:active {
border-bottom: solid 2px #807f7f;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.30);
}

.btn_color_black:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}

.btn_color_green {
	background: -moz-linear-gradient(top center, #3BD55B 0%, #2BB347 100%);
 	background: -webkit-gradient(linear, center top, center bottom, from(#3BD55B), to(#2BB347));
    background: linear-gradient(top center, #3BD55B 0%, #2BB347 100%);
    background: -ms-linear-gradient(top, #3BD55B, #2BB347);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3BD55B', endColorstr='#2BB347');
  	border-bottom: solid 2px #17832D;/*少し濃い目の色に*/
  	border-radius: 6px;/*角の丸み*/
  	box-shadow: inset 0 3px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}

.btn_color_green:active {
  border-bottom: solid 2px #1C9335;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.30);
}

.btn_color_green:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

/* 上へ戻る矢印？ */

#return {
	border: 1px solid #FFF;
	outline: 1px solid #EA684E;
	box-sizing: border-box;
	background-color: rgba(255,255,255,.5);
	position: fixed;
	bottom: 80px;
	/*bottom: 250px;*/
	right: 15px;
	transition: 0.2s ease;
	z-index: 100;
}

#return a {
	font-size: 150%;
	color: #FF7F66;
	text-decoration: none;
	line-height: 1.8;
	padding: 0 0.5em;
}

#return:hover {
	background: #FFF;
}

#mobile_login, #mobile_guide, .ticket-rugby-bottom-bar, .ticket-rugby-footer {
	display: none;
}

/* 取扱窓口 */
.ten ul li::before {
  display: inline;
  content: "・";
}
.ten ul li {
  padding: 0px 0;
  list-style-type: none;
  margin-left: 1rem;
  text-indent: -1rem;}
  
  .kome ul li::before {
  display: inline;
  content: "※";
}
.kome ul li {
  padding: 0px 0;
  list-style-type: none;
  margin-left: 1rem;
  text-indent: -1rem;
}

@media screen and (max-width: 965px) {
	
a{word-break: break-all;}	
.ticket_list table {
	width: 100%;
	margin: 0 0 20px 0;
	float: none;
}	
.ticket_list_w100 table {
	width: 100%;
	margin: 0 0 20px 0;
	float: none;
}
.stadium_detail {
	width: 100%;
	box-sizing: border-box;
	float: none;
}
.stadium_detail_en {
	width: 100%;
	box-sizing: border-box;
	float: none;
}		
.stadium_detail a {
	padding: 40px 100px;
}
.ticket_block {margin: 0 0 -15px 0;}	


#return {
	display: none;
}
/*「先行抽選販売」等のオレンジ、緑ボタン(SP)*/
.ticket_btn_left {
    width: 70%;
    margin: 0 0 30px 15%;
    font-size: 14px;}
    .ticket_btn_left02 {
        width: 70%;
        margin: 0 0 30px 15%;
        font-size: 14px;}
  .ticket_btn_centerleft {
    width: 70%;
    margin: 0 0 30px 15%;
    font-size: 14px;}
    .ticket_btn_centerleft02 {
        width: 70%;
        margin: 0 0 30px 15%;
        font-size: 14px;}
  .ticket_btn_center {
    width: 70%;
    margin: 0 0 30px 15%;
    font-size: 14px;}
    .ticket_btn_center02 {
        width: 70%;
        margin: 0 0 30px 15%;
        font-size: 14px;}
        .ticket_btn_center02-en {
            width: 70%;
            margin: 0 0 30px 15%;
            font-size: 14px;}
  .ticket_btn_right {
      width: 70%;
    margin: 0 0 30px 15%;
    font-size: 14px;}
    .btn_left{
        width: 70%;
        margin: 0 0 30px 15%;
        font-size: 14px;
    }
    .btn_right{
        width: 70%;
        margin: 0 0 30px 15%;
        font-size: 14px;
    }

/*視野制限の写真(SP)*/
  .shiya{
       width: 50%;
       margin: 0 0 30px 25%;
       display: flex;
       flex-wrap: wrap;
     }
}

@media screen and (max-width: 655px) {
#event_banner_src {
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 10px 0 10px 0;
}

#mobile_login {
	display: block;
	width: 100%;
	padding: 0 4px 5px 4px;
	box-sizing: border-box;
	float: left;
	font-size: 95%;
	color: #333;
}

#id_name {
	float: left;
}

#login_link {
	float: right;
}

#mobile_guide {
	display: block;
	width: 100%;
    background: #fff none repeat scroll 0 0;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	box-sizing: border-box;
    box-shadow: 0 2px 0 #ccc, 0 1px 0 #b5b5b5 inset;
    margin: 0 0 7px 0;
	float: left;
}

#mobile_guide ul {
	width: 100%;
	font-size: 95%;
	text-align: center;
	border: 1px solid #9a9a9a;
	box-sizing: border-box;
}

#mobile_guide li {
	display: inline;
}

#mobile_guide li a {
    color: #333;
    line-height: 30px;
    text-decoration: none;
}

#mobile_guide li a::before {
    content: "|";
    display: inline-block;
    margin: 0 3px 0 0;
}

#mobile_guide li:first-child a::before {
    display: none;
}

#main {
	font-size: 11px;
}

	
.stadium_detail_en {background-image: none;}
.stadium_detail_en:hover {background-image: none;} 
.stadium_detail_en a{padding: 10px;}	
.sp_btn{
	width: 50%;
	font-size: 16px;
	margin:0 0 30px 23%;
}
.sp_btn_red{
	width: 50%;
	font-size: 16px;
	margin:0 0 30px 23%;
}
.guideline_title {
	font-size: 150%;
}
}

@media screen and (max-width: 480px) {
#main {
	padding: 3px 20px 0px 20px;
	margin: 10px auto 20px auto;
}
.sp_btn {
	width:70%;
	font-size: 16px;
	margin:0 0 30px 11%;
}
.sp_btn_red {
	width:70%;
	font-size: 16px;
	margin:0 0 30px 11%;
}
.charity{
    text-align: right;
    font-size: 10px;
margin-bottom: 20px;
  }

/*リポビタンDチャレンジカップ2022バナー(SP)*/
.pc_img { display: none !important; }
.sp_img { display: block !important; }
.pc_img.banner {display: none !important;}
.sp_img.banner {display: block !important;}

/*？*/
.scale_1, .scale_2, .scale_3 {
	max-width: 300px;
}

/*開催日程・会場の表*/
.schedule_list {margin: 0 0 20px 0;}
.schedule_list table tr:nth-child(odd) {background-color: #FFF;}
.schedule_list th {	display: none;}
.schedule_list td {
	background-color: #FFF;
	width: 100%;
	display: block;
	border: none;
	line-height: 1;
}
.schedule_list .day {
	font-weight: bold;
	color: #FFF;
	background-color: #B3A6A1;
}
.schedule_list .kickoff::before {
	content: "キックオフ(予定)：";
	font-size: 90%;
	color: #828282;
}
.schedule_list .op-time::before {
	content: "開場時間(予定)：";
	font-size: 90%;
	color: #828282;
}
.schedule_list .match::before {
	content: "対戦カード：";
	font-size: 90%;
	color: #828282;
}
.schedule_list .venue::before {
	content: "会場：";
	font-size: 90%;
	color: #828282;
}
.schedule_list .day-en {
	font-weight: bold;
	color: #FFF;
	background-color: #B3A6A1;
}
.schedule_list .day-en::before {
	content: "Date：";
	font-size: 90%;
	color: #828282;
}	
.schedule_list .kickoff-en::before {
	content: "KO(TBC)：";
	font-size: 90%;
	color: #828282;
}
.schedule_list .op-time-en::before {
	content: "Gate Opening Time(TBC)：";
	font-size: 90%;
	color: #828282;
}
.schedule_list .match-en::before {
	content: "Teams：";
	font-size: 90%;
	color: #828282;
}
.schedule_list .venue-en::before {
	content: "Venue：";
	font-size: 90%;
	color: #828282;
}
.schedule_list .kickoff_udl {
	border-bottom: dotted 1px #000;
}	
.schedule_list .kickoff_udl::before {
	content: "キックオフ：";
	font-size: 90%;
	color: #828282;
}
.schedule_list .kickoff_ul {
	border-bottom: dotted 1px #000;
}	
.schedule_list .kickoff_ul::before {
	content: "キックオフ：";
	font-size: 90%;
	color: #828282;
}		
.schedule_list .prefecture::before {
	content: "開催：";
	font-size: 90%;
	color: #828282;
}
.schedule_list .members::before {
	content: "JRFUメンバーズクラブ先行抽選販売：";
	font-size: 90%;
	color: #828282;
}
.schedule_list .general::before {
	content: "一般販売：";
	font-size: 90%;
	color: #828282;
}

/*selling_list「チケット発売スケジュール」の表(SP)*/
.selling_list {margin: 0 0 20px 0;}
.selling_list table tr:nth-child(odd) {background-color: #FFF;}
.selling_list th {display: none;}
.selling_list td {
	background-color: #FFF;
	width: 100%;
	display: block;
	border: none;
	line-height: 1;
  border-left: 1px solid #000
}
.selling_list td.sale:last-child {border-bottom: 1px solid #000}
.selling_list .sell {
	font-weight: bold;
	color: #FFF;
	background-color: #B3A6A1;
}
.selling_list td.sales_page-en:last-child {
    border-bottom: 1px solid #000;
}
.selling_list td.sales_page-en02:last-child {
    border-bottom: 1px solid #000;
}
.selling_list .recip::before {
	content: "受付期間／発売日 ：";
	font-size: 90%;
	color: #828282;
}	
.selling_list .lott::before {
	content: "抽選結果発表：";
	font-size: 90%;
	color: #828282;
}	
.selling_list .pymnt::before {
	content: "支払締切日 ※1：";
	font-size: 90%;
	color: #828282;
}	
.selling_list .pymnt02::before {
	content: "支払期限 ※1：";
	font-size: 90%;
	color: #828282;
}	

.selling_list .sale::before {
	content: "販売ページ：";
	font-size: 90%;
	color: #828282;
}
.selling_list .tckting::before {
	content: "発券開始日：";
	font-size: 90%;
	color: #828282;
}
.selling_list .recip-en::before {
	content: "Lottery Application Period/On-sale Date：";
	font-size: 90%;
	color: #828282;
}
.selling_list .lott-en::before {
	content: "Lottery Results Announcement：";
	font-size: 90%;
	color: #828282;
}	
.selling_list .pymnt-en::before {
	content: "Payment Period(*1)：";
	font-size: 90%;
	color: #828282;
}	
.selling_list .sales_page-en::before {
    content: "Tickets Sales Page：";
    font-size: 90%;
    color: #828282;
}
.selling_list .sales_page-en02::before {
    content: "Sales Site：";
    font-size: 90%;
    color: #828282;
}
.selling_list .tckting-en::before {
	content: "Tickets Start to be Issued from：";
	font-size: 90%;
	color: #828282;
}


/*「本ページ下部よりご購入ください」改行無しをSPのみに*/
.sponly { display: block; }

.list-head{
	font-weight: bold;
	color: #FFF;
	background-color: #B3A6A1;
}

/* 空席状況 */
.seat_availability{
	width: 80%;
	height: 80%;
  }

/*スタジアム(SP)*/
.content_block {
	padding: 0;
	margin: 0 0 10px 0;
}

/*「席種」「前売価格」「当日価格」とチケトレの表(SP)*/
.ticket_list_w100 table td.seat.redbackground, .ticket_list_w100 table td.seat.blue, .ticket_list_w100 table td.seat.redbg, .ticket_list_w100 table td.seat.greenbg {
    color: #fff
  }
  .ticket_list_w100 .strt-acpt::before {
    content: "受付開始：";
    font-size: 90%;
    color: #828282;
}
.ticket_list_w100 .lstng-lmts::before {
    content: "出品期限：";
    font-size: 90%;
    color: #828282;
}
.ticket_list_w100 .sell-lmts::before {
    content: "販売期限：";
    font-size: 90%;
    color: #828282;
}
.ticket_list_w100 .strt-acpt-en::before {
    content: "Application Period Starts:";
    font-size: 90%;
    color: #828282;
}
.ticket_list_w100 .lstng-lmts-en::before {
    content: "Posted Period：";
    font-size: 90%;
    color: #828282;
}
.ticket_list_w100 .sell-lmts-en::before {
    content: "Sales Period：";
    font-size: 90%;
    color: #828282;
}

/* チケットに関するお問い合わせ */
.section_title {
	font-size: 110%;
	line-height: 150%;
}

.section_title span {
	display: block;
}

.ticket_detail {
	padding: 0;
	margin: 0 0 20px 0;
}	
.ticket_list_w100 {
	margin: 0 0 20px 0;
}

.ticket_list_w100 table tr:nth-child(odd) {
  background-color: #FFF;
}

.ticket_list_w100 th {
	display: none;
}

.ticket_list_w100 td {
	width: 100%;
	display: block;
	border: none;
	line-height: 1;
}

.ticket_list_w100 .seat {
	font-weight: bold;
	color: #FFF;
	background-color: #B3A6A1;
}

.ticket_list_w100 .price::before {
	content: "メンバーズ先行 (税込)：";
	font-size: 90%;
	color: #828282;
}

.ticket_list_w100 .special::before {
	content: "JRFUメンバーズ優待 (税込)：";
	font-size: 90%;
	color: #828282;
}

.ticket_list_w100 .reserve::before {
	content: "前売 (税込)：";
	font-size: 90%;
	color: #828282;
}

.ticket_list_w100 .sale::before {
	content: "当日 (税込)：";
	font-size: 90%;
	color: #828282;
}

.ticket_list_w100 .reserve01::before {
	content: "前売 (税込)：";
	font-size: 90%;
	color: #5A5A5A;
}

.ticket_list_w100 .sale01::before {
	content: "当日 (税込)：";
	font-size: 90%;
	color: #5A5A5A;
}

.ticket_list_w100 .jersey::before {
	content: "ジャージ付 (税込)：";
	font-size: 90%;
	color: #828282;
}

.ticket_list_w100 .sale-2::before {
	content: "価格 (税込)：";
	font-size: 90%;
	color: #828282;
}

.ticket_list_w100 .sale-2-en::before {
	content: "Price (after tax)：";
	font-size: 90%;
	color: #828282;
}

.ticket_list_w100 .reserve-en::before {
	content: "Advance Sale(after tax)：";
	font-size: 90%;
	color: #828282;
}

.ticket_list_w100 .reserve01-en::before {
	content: "Advance Sale(after tax)：";
	font-size: 90%;
	color: #828282;
}

.ticket_list_w100 .jersey-en::before {
	content: "With Jersey(after tax)：";
	font-size: 90%;
	color: #828282;
}

.ticket_list_w100 .sale-en::before {
	content: "Regular Sale(after tax)：";
	font-size: 90%;
	color: #828282;
}
.ticket_list_w100 .sale01-en::before {
	content: "Regular Sale(after tax)：";
	font-size: 90%;
	color: #828282;
}
.ticket_resale_list table tr:nth-child(odd) {
	background-color: #FFF;
}

.ticket_resale_list th {
	display: none;
}

.ticket_resale_list td {
	width: 100%;
	display: block;
	border: none;
	line-height: 1;
}
  
.ticket_resale_list .strt-acpt::before {
	content: "受付開始：";
	font-size: 90%;
	color: #828282;
}

.ticket_resale_list .lstng-lmts::before {
	content: "出品期限：";
	font-size: 90%;
	color: #828282;
}

.ticket_resale_list .sell-lmts::before {
	content: "販売期限：";
	font-size: 90%;
	color: #828282;
}

.ticket_resale_list .strt-acpt-en::before {
	content: "Application Period Starts:";
	font-size: 90%;
	color: #828282;
}

.ticket_resale_list .lstng-lmts-en::before {
	content: "Posted Period：";
	font-size: 90%;
	color: #828282;
}

.ticket_resale_list .sell-lmts-en::before {
	content: "Sales Period：";
	font-size: 90%;
	color: #828282;
}

.ticket_list_w100 .special {
	text-align: left;
}		
	
.ticket_list_w100 .reserve {
	text-align: left;
}
.ticket_list_w100 .reserve01 {
	text-align: left;
}
.ticket_list_w100 .sale {
	text-align: left;
}
.ticket_list_w100 .sale01 {
	text-align: left;
}
.ticket_list_w100 .jersey {
	text-align: left;
}

.ticket_list_w100 .sale-2 {
	text-align: left;
}

.ticket_list_w100 .sale-2-en {
	text-align: left;
}		

/*ガイドライン(SP)*/
.ic-guide-link{
	font-size:100%;	
	width:85%;
}
.guideline_title {
	text-align: center; 
	font-size: 130%;
	font-weight: bold;
	margin: 3px 0 15px 0.2em;
}

/*英語ページNOTICE(SP)*/
#summer22_en_notice {
	margin: 0 0 20px 0;
}

}

/*フレックス表示*/
  @media screen and (max-width: 965px){
.ticket_list{
  display:flex; /*親要素に対して子要素を横並びにする*/
  flex-direction: column; /*積み重なるように表示*/
	}
.stadium_detail{   
	order:-1;
	margin: 0 auto 20px;
		  
  }
}

@media (min-width:769px), print {
	a:hover {
	opacity: .7
}

.fixed-menu {
	position: fixed;
	top: 12vh;
	right:0;
	z-index: 2
}
.fixed-menu li a{
	position: relative;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	padding:15px;
	color:#FFFFFF;
	background-color:#151515;
	width: 3.4rem;
	line-height: 1.5;
	text-indent: 1.5rem
}
.fixed-menu li a:before{
	position: absolute;
	top: .8rem;
	left: 35%;
	content: '';
	display: inline-block;
	background: url(https://image.pia.jp/images3/sakuraclub-ticket/share/icon-mypage.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
	width: 18px;
	height: 23px;
}
.fixed-menu li:nth-child(2) a:before{
	left: 30%;
	background: url(https://image.pia.jp/images3/sakuraclub-ticket/share/icon-guide.png) no-repeat;
	background-size: contain;
	width: 23px;
	height: 21px;
}
.fixed-menu li:nth-child(3) a:before{
	left: 30%;
	background: url(https://image.pia.jp/images3/sakuraclub-ticket/share/icon-contact.png) no-repeat;
	background-size: contain;
	width: 23px;
	height: 19px;
}
}

@media only screen and (max-width:768px) {
.fixed-menu {
	position: fixed;
	top: auto;
	right:0;
	bottom: -2vw;

	width: 100%;
	z-index: 999;
}
.fixed-menu ul {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	width: 100%
}
.fixed-menu li {
	width: 33%;
}
.fixed-menu li a{
	position: relative;
	writing-mode:none;
	padding:4vw 2vw;
	color:#FFFFFF;
	background-color:#151515;
	width: 100%;
	display: inline-block;
	line-height: 1.5;
	text-indent: 6vw;
	font-size:3.125vw;
}
.fixed-menu li a:before{
	position: absolute;
	top: 35%;
	left: 10%;
	content: '';
	display: inline-block;
	background: url(https://image.pia.jp/images3/sakuraclub-ticket/share/icon-mypage.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
	width: 3vw;
	height:4vw;
}
.fixed-menu li:nth-child(2) a:before{
	top:40%;
	left: 10%;
	background: url(https://image.pia.jp/images3/sakuraclub-ticket/share/icon-guide.png) no-repeat;
	background-size: contain;
	width: 4vw;
	height: 3vw;
}
.fixed-menu li:nth-child(3) a:before{
	top:40%;
	left: 10%;
	background: url(https://image.pia.jp/images3/sakuraclub-ticket/share/icon-contact.png) no-repeat;
	background-size: contain;
	width: 4vw;
	height: 3vw;
}
.guideline_title {
	text-align: center; 
	font-size: 160%;
	font-weight: bold;
	margin: 3px 0 15px 0.2em;
}
  #footerArea {
        padding-bottom: 12vw
    }
}