@charset "utf-8";
/* CSS Document */
.centerText {
	text-align:center;
}
.inlineBlockText {
	display:inline-block;
}
.linkText a {
	text-decoration:underline;
	color:#2535ac;
}

.note {
	font-size:12px;
}
.allstar_main {
	padding-top:59px;
}
.allstar-title-h1 {
	padding:2em 1em;
}
@media screen and (min-width:751px){
.allstar-title-h1 {
	padding:65px 20px;
}
}
.allstar-title-h1 h1 {
	font-size:3.71428571rem;
}

.block-schedule-area {
	padding:1rem;
}
.allstarArea {
	max-width:1250px;
	margin:0 auto;
}
.allstarContentsTitle2 {
	font-size:2.67857143rem;
	text-align:center;
	margin-bottom:1.7rem;
}

.allstarArea .placeBox {
	position:relative;
	text-align:center;
	background-color:#fff;
	padding:1rem;
}
.allstarArea .placeBox .placeTitle {
	font-size:1.43rem;  /* 20px */
	font-weight:bold;
	color:#000;
}
.allstarArea .placeBox .mapLink {
	position:absolute;
	right:1rem;
	top:-1.5em;
}
.allstarArea .placeBox .mapLink a {
	display:inline-block;
	position:relative;
	background-color:#000;
	color:#fff;
	text-decoration:none;
	border-radius:5px;
	padding:0.5em 2em 0.5em 1em;
	border:1px solid #fff;
}

@media screen and (min-width:751px){
.allstarArea .placeBox .mapLink {
	top:50%;
	margin-top:-1.25em;
}
.allstarArea .placeBox .mapLink a {
	border-style:none;
}
}
.allstarArea .placeBox .mapLink a:hover {
	background-color:#666;
}
.allstarArea .placeBox .mapLink a::before {
	position:absolute;
	right:1em;
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	content:"\f0da";
}
.allstarArea .scheduleArea {
	letter-spacing:-0.4em;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
.allstarArea .scheduleBox {
	letter-spacing:normal;
	vertical-align:top;
	padding:2rem 4rem;
}
@media screen and (min-width:751px){
.allstarArea .scheduleBox {
	display:inline-block;
	width:50%;
	padding:42px 48px;
}
}
.allstarArea .scheduleBox .scheduleTitle {
	text-align:center;
	margin-bottom:2rem;
}
.allstarArea .scheduleBox .dateLine {
	text-align:center;
	margin-bottom:2rem;
	font-size:1.286rem; /* 18px  */
	padding:0.5rem 1rem;
}
.allstarArea .womenArea .dateLine {
	color:#fff;
	background-color:#d71033;
}
.allstarArea .menArea .dateLine {
	color:#fff;
	background-color:#2279be;
}
.allstarArea .scheduleBox .scheduleList {
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}
.allstarArea .scheduleBox .scheduleList li {
	margin-bottom:1.5rem;
	font-size:1.286rem; /* 18px  */
}


.allstarArea .scheduleBox .reportBtn,
.allstarArea .scheduleBox .liveBtn,
.allstarArea .scheduleBox .ticketBtn {
	display:block;
	text-align:center;
	padding:6px 0;
}

.allstarArea .scheduleBox a {
	display:inline-block;
	font-size:30px;
	padding:8px 24px;
	position:relative;
	min-width:234px;
	text-align:center;
}

.allstarArea .scheduleBox .ticketBtn a {
	background-color:#fff;
}
.allstarArea .scheduleBox .liveBtn a {
	background-color:#9e050d;
}

.menArea .allstarArea .scheduleBox .reportBtn a {
	background-color:#0a8fda;
}
.womenArea .allstarArea .scheduleBox .reportBtn a {
	background-color:#0a8fda;
}

.allstarArea .scheduleBox a::after {
	position:absolute;
	right:0.25em;
	top:50%;
	margin-top:-0.75em;
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	content:"\f0da";
}

.allstarArea .scheduleBox  .liveBtn a .cover,
.menArea .allstarArea .scheduleBox  .reportBtn a .cover,
.womenArea .allstarArea .scheduleBox  .reportBtn a .cover {
	background-color:#000;
}

.allstarArea .scheduleBox  .ticketBtn a .cover {
	background-color:#999;
}
.allstarArea .scheduleBox a p {
	position:relative;
}

.highlightArea {
	padding-bottom:30px;
}
.highlightArea > .highlightBox {
	padding-top:30px;
	margin-bottom:30px;
	position:relative;
}
.highlightArea > .highlightBox::after {
	position:absolute;
	content:" ";
	width:100%;
	top:0;
  height: 3px;
  background-image: linear-gradient(to right, #000, #000 3px, transparent 1px, transparent 2px);
  background-size: 9px 3px;　/* この値を変更 */
  background-position: top;
  background-repeat: repeat-x;
}

.highlightBox .imageArea,
.summaryArea .imageArea {
	margin-bottom:1em;
	text-align:center;
}
.highlightBox .mainArea,
.summaryArea .mainArea {
}
.highlightBox .mainArea .mainTitle {
	text-align:center;
	margin-bottom:0.5em;
	font-weight:bold;
	font-size:120%;
}

@media screen and (min-width:839px){
.highlightArea > .highlightBox,
.summaryArea > .summaryBox {
	display:flex;
}
.highlightBox .imageArea,
.summaryArea .imageArea {
	width:48%;
	text-align:left;
	margin-bottom:0;
}
.highlightBox .mainArea,
.summaryArea .mainArea {
	width:52%;
	padding-left:1em;
}
.highlightBox .mainArea .mainTitle {
	text-align:left;
}
}


.block-event-area {
	background-image:url(../images/allstar2018/bg_event.jpg);
	background-position:center top;
	background-size:cover;
	padding:2rem 1rem 2.5rem;
	overflow:hidden;
}
.block-event-area .allstarContentsTitle2 {
	color:#000;
	padding:0 1rem 0;
}

.eventArea {
	max-width:1272px;
	margin:0 auto;
}

.eventArea .eventBox {
	padding:11px;
	letter-spacing:normal;
}
@media screen and (min-width:751px){
.eventArea .eventBox {
}
}
.eventArea .charaSet {
	position:relative;
}
.eventArea .eventBox .event_inner {
	background-color:#fff;
	color:#000;
	padding:1.8rem;
}

.eventArea .charaSet .chara01 {
	position:absolute;
	right:-170px;
	bottom:-12px;
}
.eventArea .charaSet .chara02 {
	position:absolute;
	right:37px;
	bottom:10px;
}
.eventArea .charaSet img {
	width:50%;
}
@media screen and (min-width:751px){
.eventArea .charaSet img {
	width:auto;
}
.eventArea .charaSet .chara01 {
	position:absolute;
	right:37px;
	bottom:10px;
}
.eventArea .charaSet .chara02 {
	position:absolute;
	left:-90px;
	bottom:-36px;
}
}

.eventArea .allstarChildTitle1 {
	letter-spacing:normal;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background-color:#ff2d72;
	line-height:1.2;
	padding:0.25em;
	margin-bottom:1em;
}
.eventArea .eventBox .event_inner p {
	margin-bottom:1em;
}
.eventArea .eventBox .event_inner .twoColumnArea .imageArea {
	text-align:center;
}
@media screen and (min-width:751px){
.eventArea .eventBox .event_inner .twoColumnArea {
	display:table;
	width:100%;
}
.eventArea .eventBox .event_inner .twoColumnArea .twoColumnLine {
	display:table-cell;
	width:50%;
	vertical-align:top;
}
.eventArea .eventBox .event_inner .twoColumnArea .mainArea {
	display:table-cell;
	padding-right:2rem;
	vertical-align:top;
}
.eventArea .eventBox .event_inner .twoColumnArea .imageArea {
	display:table-cell;
	width:50%;
	vertical-align:top;
	text-align:left;
}
}
@media screen and (min-width:981px){
.eventArea .eventBox .event_inner .twoColumnArea .imageArea {
	width:434px;
}
.eventArea .goodsBox .event_inner .twoColumnArea .imageArea {
	width:300px;
}
}
.eventArea .eventBox .event_inner .twoColumnArea .imageArea > p:last-child{
	margin-bottom:0;
}

.eventArea .eventBox .event_inner .twoColumnArea .mainArea dt {
	color:#ff2d72;
	font-weight:bold;
}
.eventArea .eventBox .event_inner .twoColumnArea .mainArea dd {
	margin-bottom:2em;
}

.eventArea .eventBox .event_inner .twoColumnArea .allstarChildTitle2 {
	color:#ff2d72;
	font-weight:bold;
}
.eventArea .eventBox .event_inner .twoColumnArea ul {
	padding-left:1.6em;
	margin-bottom:2rem;
}
.eventArea .eventBox .event_inner .twoColumnArea .charaList {
	letter-spacing:-0.4em;
	list-style:none;
	text-align:center;
	padding:0;
	margin:0;
}
.eventArea .eventBox .event_inner .twoColumnArea .charaList li {
	vertical-align:top;
	display:inline-block;
	letter-spacing:normal;
	font-size:12px;
	padding:0 0.5em 1em;
}


.block-teams-area {
	padding:4rem 1rem;
}
.block-teams-area .introText {
	text-align:center;
	margin-bottom:3rem;
}
.tabLinkArea {
	max-width:1260px;
	margin:0 auto 3rem;
}
.tabLinkArea ul {
	display:table;
	width:100%;
}
.tabLinkArea li {
	display:table-cell;
	vertical-align:top;
	width:25%;
	padding:0 2px;
}
.tabLinkArea li div {
	background-color:#fff;
	cursor:pointer;
	color:#000;
	position:relative;
	line-height:1.2;
	padding:0 0.25rem 1rem;
}
.tabLinkArea li div:hover {
	background-color:#eee;
}
.tabLinkArea li #game01,
.tabLinkArea li #game02 {
	border-top:4px solid #e72e35;
	color:#e72e35;
}
.tabLinkArea li #game03,
.tabLinkArea li #game04 {
	border-top:4px solid #2279be;
	color:#2279be;
}
.tabLinkArea li div .date {
	display:block;
	text-align:center;
	font-size:6vw;
}
.tabLinkArea li div .game {
	display:block;
	text-align:center;
	font-size:2vw;
	font-weight:bold;
}

.tabLinkArea li.current div::after {
	content: "";
	position: absolute;
	top: 100%;
	margin-top:-1px;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #fff;
}
.tabLinkArea li.current div:hover::after {
	border-top: 15px solid #eee;
}

@media screen and (min-width:751px){
.tabLinkArea {
	margin:0 auto 5rem;
}
.tabLinkArea li {
	padding:0 10px;
}
.tabLinkArea li div {
	padding:0 1rem 1rem;
}
.tabLinkArea li div .date {
	font-size:60px;
}
.tabLinkArea li div .game {
	font-size:18px;
}
}

.gameArea {
	display:table;
	width:100%;
	max-width:1250px;
	margin:0 auto 2.5rem;
	display:none;
  /*-webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;*/
}
.gameArea.current {
	display:block;
}

.gameArea .vleeBlock,
.gameArea .vsBlock,
.gameArea .chiibaBlock {
	display:table-cell;
	vertical-align:top;
}
.gameArea .vleeBlock,
.gameArea .chiibaBlock {
	width:48%;
}
.gameArea .vsBlock {
	width:4%;
}
@media screen and (min-width:751px){
.gameArea .vleeBlock,
.gameArea .chiibaBlock {
	width:45%;
}
.gameArea .vsBlock {
	width:10%;
}
}
.gameArea .teamTitle {
	text-align:center;
	font-weight:bold;
	font-size:3vw;
	padding:0.25em 0.25em;
	margin-bottom:1.5rem;
}
#game01Area .teamTitle,
#game02Area .teamTitle {
	background-color:#e72e35;
	color:#fff;
}
#game03Area .teamTitle,
#game04Area .teamTitle {
	background-color:#2279be;
	color:#fff;
}
.gameArea .vsBlock {
	font-size:4vw;
	line-height:1;
	padding:0 0.5em;
	text-align:center;
}
#game01Area .vsBlock,
#game02Area .vsBlock {
	color:#e72e35;
}
#game03Area .vsBlock,
#game04Area .vsBlock {
	color:#2279be;
}
@media screen and (min-width:751px){
.gameArea .teamTitle {
	font-size:1.6rem;
	padding:0.25em 1em;
}
.gameArea .vsBlock {
	font-size:3rem;
	padding:0 2rem;
}
}
.playerList {
	letter-spacing:-0.4em;
	text-align:center;
}
.playerList .playerBox {
	letter-spacing:normal;
	display:inline-block;
	width:50%;
	padding:8px 8px 20px;
	text-align:center;
	line-height:1.6;
	font-size:2vw;
	vertical-align: top;
}
.playerList .playerBox dt {
	width: 124px;
	height: 189px;
	max-width: 100%;
    background-size: cover;
    background-position: center center;
}
.playerList .playerBox .playerPosition {
	font-size: 86%;
}

@media screen and (min-width:751px){
.playerList .playerBox {
	width:25%;
	min-width:140px;
	font-size:1rem;
}
}
.playerList .playerBox dt {
	margin:0 0 0.5rem;
}

.summaryArea {
	padding:4.8rem 1rem;
	background-color:#ccc;
	border-bottom:18px solid #000;
}
.summaryArea .summaryBlock {
	max-width:907px;
	margin:0 auto 3rem;
	text-align:center;
	line-height:1.8;
	color:#000;
	font-size:0.82em;
}
@media screen and (min-width:751px){
.summaryArea .summaryBlock {
	font-size:1rem;
}
}
.summaryArea .summaryBlock .summaryTitle {
	background-color:#000;
	color:#fff;
	font-size:1.1rem;
	margin-bottom:1.1rem;
	padding:0.1em 1em;
}

.summaryArea .summaryBlock .bannerList {
	list-style:none;
	letter-spacing:-0.4em;
	max-width: 600px;
    margin: 0 auto;
}
.summaryArea .summaryBlock .bannerList li {
	letter-spacing:normal;
	vertical-align:top;
	display:inline-block;
	padding:1em;
}
.summaryArea .summaryBlock .bannerList li a:hover {
	opacity:0.8;
}

.wait_present {
	margin: 5px;
    padding: 35px;
    border: #ccc 1px solid;
    text-align: center;
}