@charset "utf-8";
@media print, screen and (max-width:768px){
/*=========================================================================
CONTANTES BASIC
=========================================================================*/
#sectionTitle {font-size: 30px; margin-bottom: 9%; padding: 2% 0;}

body#Top #sectionTitle {margin-bottom: 4%; padding: 0;}

#mainFlame.article #sectionTitle.contents_page {/*margin-bottom: 6%;*/ margin-bottom: 0%;}


@media print, screen and (max-width:480px){
#sectionTitle {font-size: 6.4vw;}
}


/*----------------------------------------------------------*/
.section_basic {padding: 6% 0 12%;}

body#Top .section_basic {padding: 12% 0 0;}

@media print, screen and (max-width:480px){
.section_basic {padding-top: 14%;}
}

/*----------------------------------------------------------*/
#btnMore a, #btnMore span {padding: 10px 15px; font-size: 14px;}

@media print, screen and (max-width:480px){
#btnMore a, #btnMore span {font-size: 3vw;}
}

/*----------------------------------------------------------*/
#Coming {font-size: 40px; padding: 26vh 0;}

@media print, screen and (max-width:480px){
#Coming {font-size: 36px;}
}
@media print, screen and (max-width:414px){
#Coming {font-size: 8vw;}
}

/*----------------------------------------------------------*/
#onePeriod {margin-bottom: 12%; width: 90%; font-size: 13px;}
#onePeriod p {margin-bottom: 1em; font-size: 13px;}

@media print, screen and (max-width:414px){
#onePeriod p {font-size: 3.4vw;}
}

/*----------------------------------------------------------*/
#periodTitle {font-size: 20px; margin-bottom: 6%;}


@media print, screen and (max-width:414px){
#periodTitle {font-size: 3.8vw;}
}




/*=========================================================================
FIRSTVIEW
=========================================================================*/
#firstView, #viewContainer, ul#pictureList {width: 100%; height: auto; margin: 0 auto; position: relative; z-index: 1;}

/*----------------------------------------------------------*/
ul#pictureList li img{height: 65vh; object-fit: cover;}



/*----------------------------------------------------------*/
#viewLogo {width: 60%;}



/*=========================================================================
ABOUT
=========================================================================*/
#aboutBody {background: #000;}

/*----------------------------------------------------------*/
#aboutPhoto{width: 100%; margin:0 auto;}
#aboutPhoto img {object-fit: cover;}

/*----------------------------------------------------------*/
#aboutDetail { width: 100%; margin:0 auto; padding: 6% 0;}

#detailContainer {width: 88%; margin: 0 auto;}

#aboutHeadline {font-size: 26px; margin-bottom:6%;}
#aboutDetail p {font-size:14px; margin-bottom:6%;}

@media print, screen and (max-width:480px){
#aboutHeadline {font-size: 4.8vw;}
#aboutDetail p {font-size: 3vw;}
}


/*----------------------------------------------------------*/
#aboutDetail #btnMore {margin-top: 9%;} 
#aboutDetail #btnMore a {font-size: 20px;}


@media print, screen and (max-width:480px){
#aboutDetail #btnMore a {font-size: 4vw;}
}


/*=========================================================================
TOP：NEWS
=========================================================================*/
ul#newsList li {width:49%; margin:0 2% 4% 0;}
ul#newsList li:nth-of-type(even) {margin-right: 0;}
ul#newsList li:last-of-type(-2+n) {margin-bottom: 0;}


@media print, screen and (max-width:320px){
ul#newsList li {width:100%; margin:0 auto 4%;}
ul#newsList li:nth-of-type(even) {margin:0 auto 4%;}
ul#newsList li:last-of-type(-2+n) {margin:0 auto 4%;}
ul#newsList li:last-of-type {margin-bottom: 0;}
}


/*----------------------------------------------------------*/
#thumb-newsTitle {font-size: 13px; margin-bottom: 4%;}

@media print, screen and (max-width:480px){
#thumb-newsTitle {font-size: 3vw;}
}

/*----------------------------------------------------------*/
#thumb-newsNotes {font-size: 12px; padding:  6%;}
#thumb-upDate {margin-bottom: 1%;font-size: 13px;}

@media print, screen and (max-width:480px){
#thumb-upDate {font-size: 3.3vw;}
#thumb-newsNotes {font-size: 2.9vw;}
}


/*----------------------------------------------------------*/
#thumbCat {padding: 4px 10px 2px; font-size: 12px;}

@media print, screen and (max-width:480px){
#thumbCat {font-size: 2.6vw;}
}

/*----------------------------------------------------------*/
section#News #btnMore {margin-top: 3%;} 
section#News #btnMore a {font-size: 20px; padding: 6px 1.4em 4px;}


@media print, screen and (max-width:480px){
section#News #btnMore a {font-size: 4vw;}
}


/*=========================================================================
TOP：EVENT
=========================================================================*/
section#Event.section_basic {padding-bottom: 90px; margin-top: 90px;}

section#Event.section_basic {padding-bottom: 12%; margin-top: 12%;}

@media print, screen and (max-width:480px){
section#Event.section_basic {padding-bottom: 14%; margin-top: 14%;}
}

/*----------------------------------------------------------*/
ul#top_eventList li {width: 32.3333%; margin-right: 1%;}
ul#top_eventList li:nth-of-type(3n) {margin-right: 0;}

ul#top_eventList li a {padding: 3%;}
/*----------------------------------------------------------*/
#markPickup  {padding: 4px 10px 2px; font-size: 13px;}

@media print, screen and (max-width:480px){
#markPickup {font-size: 2.8vw;}
}


/*----------------------------------------------------------*/
#thumb-eventPhoto {margin-bottom: 6%;}

/*----------------------------------------------------------*/
#thumb-eventTitle {font-size: 13px; margin-bottom: 2%;}

@media print, screen and (max-width:480px){
#thumb-eventTitle {font-size: 3.4vw;}
}

/*----------------------------------------------------------*/
#thumb-eventNotes {font-size: 11px;}

@media print, screen and (max-width:480px){
#thumb-eventNotes {font-size: 2.9vw; text-align: center;}
}


/*----------------------------------------------------------*/
#thumbCat {padding: 5px 10px; font-size: 15px;}

@media print, screen and (max-width:480px){
#thumbCat {font-size: 3.6vw;}
}

/*----------------------------------------------------------*/
section#Event #btnMore {margin-top: 4%;} 
section#Event #btnMore a {font-size: 20px; padding: 6px 1.4em 4px;}


@media print, screen and (max-width:480px){
section#Event #btnMore a {font-size: 4vw;}
}

/*----------------------------------------------------------*/
.arrow_next02,
.arrow_prev02{width:calc(100% / 12);}

@media print, screen and (max-width:480px){
.arrow_next02,
.arrow_prev02{width:calc(100% / 6.5);}
}


/*=========================================================================
TOP：EVENT：NEXT
=========================================================================*/
#nextContainer {margin-bottom: 4%;}

/*----------------------------------------------------------*/
section#Event #nextContainer #btnMore  {margin-top:12%;}
section#Event #nextContainer #btnMore a {font-size: 90%;}



dl#next_eventBloc {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 6% 0;
}

dl#next_eventBloc dt {width: 48%; margin-right: 4%;}
dl#next_eventBloc dd {width: 48%;}

@media print, screen and (max-width:480px){
dl#next_eventBloc {display: block;}
dl#next_eventBloc dt, dl#next_eventBloc dd {width: 100%;}
dl#next_eventBloc dt {margin-bottom: 3%;}
dl#next_eventBloc dd {text-align: center;}
}

/*----------------------------------------------------------*/
#nextPic img {width: 100%;}

/*----------------------------------------------------------*/
#subTitle {font-size: 18px; margin-bottom: 3%;}

@media print, screen and (max-width:480px){
#nextContainer #subTitle {font-size: 3.4vw; text-align: center !important;}
}

/*----------------------------------------------------------*/
#next_evTitle {font-size: 18px; margin-bottom: 2%;}


@media print, screen and (max-width:480px){
 #next_evTitle {font-size: 3.8vw;}
}


/*----------------------------------------------------------*/
dl#next_eventBloc dd p {font-size: 14px; margin-bottom: 1%;}

@media print, screen and (max-width:480px){
dl#next_eventBloc dd p {font-size: 3vw;}
}


/*=========================================================================
TOP：EVENT：24.04.15 CUSTOM
=========================================================================*/
#nextContainer.two_layout {padding: 6% 0;}
#nextContainer.two_layout dl#next_eventBloc {padding: 0; margin: 6% auto 0;  }
#nextContainer.two_layout dl#next_eventBloc:last-of-type{margin-bottom: 6%;}


/*=========================================================================
TOP：PLAYERS
=========================================================================*/
section#Players #btnMore {margin-top: 3%;} 
section#Players #btnMore a {font-size: 20px; padding: 6px 1.4em 4px;}


@media print, screen and (max-width:480px){
section#Players #btnMore a {font-size: 4vw;}
}

/*----------------------------------------------------------*/
ul#top_playerList {width: 94%;}
ul#top_playerList li {width: 32%; margin: 0 2% 2% 0;}
ul#top_playerList li:nth-of-type(3n) {margin-right: 0;}

@media print, screen and (max-width:480px){
ul#top_playerList {width: 92%;}
ul#top_playerList li {width: 49%; }
ul#top_playerList li:nth-of-type(3n) {margin-right: 2%;}
ul#top_playerList li:nth-of-type(even) {margin-right: 0;}
}

/*----------------------------------------------------------*/
#thumb-playerName {font-size: 15px; margin-bottom: 4%;}
#thumb-playerName p {font-size:13px;}
#thumb-playerNotes p {font-size: 10px;}


@media print, screen and (max-width:480px){
#thumb-playerName {font-size: 3.6vw;}
#thumb-playerName p {font-size:3vw;}
#thumb-playerNotes p {font-size: 2.8vw;}
}


/*----------------------------------------------------------*/
#thumb-playerNotes #btnMore {margin-top: 6% !important;}
#thumb-playerNotes #btnMore span {font-size: 13px; padding: 5px 1em 3px;}

@media print, screen and (max-width:480px){
#thumb-playerNotes #btnMore span {font-size: 3vw;}
}

/*=========================================================================
TOP：PARTNERS
=========================================================================*/
section#Partners {margin-top: 12%; padding-bottom: 12%;}

ul#partnerList li {width: 31.333%; margin: 0 3% 5% 0;}
ul#partnerList li:nth-of-type(3n) {margin-right: 0;}


/*==========================================================================================================================
NEWS ARTICLE
==========================================================================================================================*/
#sectionContainer.article {margin-bottom: 4%;}

/* ---------------------------------------------------------------- */
#article_firstView {padding: 0 0; margin-bottom: 6%;}

/* ---------------------------------------------------------------- */
dl#articleBloc {z-index: 1;position: relative;}
dl#articleBloc dt {padding:  0 0 2%; width: 94%;}
dl#articleBloc dd {padding: 5% 1em 6%;}
dl#articleBloc dd ,dl#articleBloc dd p {font-size: 13px;}
dl#articleBloc dd p {margin-bottom: 3%;}


@media print, screen and (max-width:480px){
dl#articleBloc dd ,dl#articleBloc dd p {font-size: 3vw;}
}

/* ---------------------------------------------------------------- */
#articleUpate { margin-bottom: 2%; font-size: 14px;}

@media print, screen and (max-width:480px){
#articleUpate {font-size: 3vw;}
}

/* ---------------------------------------------------------------- */
#articleUpate #markNew {margin-left: 1em; font-size: 90%;}

/* ---------------------------------------------------------------- */
#markCat {padding: 2px 1em 3px; font-size: 12px; margin-left: 1em;}


@media print, screen and (max-width:480px){
#markCat {font-size: 2.8vw;}
}


/* ---------------------------------------------------------------- */
#articleTitle {font-size: 18px;}


@media print, screen and (max-width:480px){
#articleTitle {font-size: 3.6vw;}
}


/* ---------------------------------------------------------------- */
#articleContainer h3,
#articleContainer h4,
#articleContainer h5 { margin-bottom: 4%;}

#articleContainer h3{font-size: 18px;}
#articleContainer h4{font-size: 16px;}
#articleContainer h5{font-size: 15px;}



@media print, screen and (max-width:480px){
#articleContainer h3{font-size: 3.6vw;}
#articleContainer h4{font-size: 3.4vw;}
#articleContainer h5{font-size: 3.2vw;}
}


/* ---------------------------------------------------------------- */
#articleContainer h5 span:after {bottom: -4px;}


/* ---------------------------------------------------------------- */
#articleContainer ul li:after {top: .6em;left: .15em;}


/* ---------------------------------------------------------------- */
#btnBack {margin-top: 9%;}
#btnBack a {font-weight: 600;font-size: 13px; padding: 5px 1em;}

@media print, screen and (max-width:480px){
#btnBack a {font-size: 3.3vw; }
}



/* ---------------------------------------------------------------- */
ul#article_snsList {margin-top: 0px; margin-bottom: 9%;}
ul#article_snsList li {margin-right: 10%; width: 5%; max-width: 30px;}




/*=========================================================================
EVENT：LIST
=========================================================================*/
#sub_naviBLoc {margin-bottom: 0%;}

/* ---------------------------------------------------------------- */
ul#sub_naviList.event_list li {width: calc(100% / 3);border-right: 1px solid #fff;}
ul#sub_naviList.event_list li:last-of-type {border-right:0;}

/* ---------------------------------------------------------------- */
.list_container {padding: 9% 0 3%;}

/* ---------------------------------------------------------------- */
ul#event_thumbList {}

ul#event_thumbList li {width: 48.5%; margin:0 3% 6% 0;}
ul#event_thumbList li:nth-of-type(even) {margin-right: 0;}


@media print, screen and (max-width:320px){
ul#event_thumbList li {width: 100%;margin:0 auto 12%;}
ul#event_thumbList li:nth-of-type(even) {margin:0 auto 12%;}
}

/* ---------------------------------------------------------------- */
dl#event_listBody dt {margin-bottom: 10px;}

@media print, screen and (max-width:480px){
dl#event_listBody dt {margin-bottom: 3%;}
}
/* ---------------------------------------------------------------- */
#event_catBox {margin-bottom: 2%;}
#event_catBox p {padding: 5px 0; width: 49%; margin-right: 2%; font-size: 11px; }
#event_catBox p:nth-of-type(even) {margin-right:0;}


@media print, screen and (max-width:480px){
#event_catBox p {font-size: 2vw;}
}
@media print, screen and (max-width:320px){
#event_catBox p {font-size: 3.6vw;}
}

/* ---------------------------------------------------------------- */
#event_listTitle {font-size: 14px;}

@media print, screen and (max-width:480px){
#event_listTitle {font-size: 3vw;}
}

@media print, screen and (max-width:320px){
#event_listTitle {font-size: 4.4vw;}
}


/*=========================================================================
EVENT：ARCHIVES
=========================================================================*/
ul#archiveList li {margin:0 3% 3% 0; width: 22%;}
ul#archiveList li:nth-of-type(4n) {margin-right: 0;}

ul#archiveList li a {display: block; padding: .4em 1em .3em; font-size: 18px; text-align: center;}

@media print, screen and (max-width:480px){
ul#archiveList li a {font-size: 3.5vw;}
}


/*=========================================================================
EVENT：DETAIL
=========================================================================*/
ul#event_naviList li, ul#event_naviList02 li {width: calc(100% / 5);font-size: 12px;}
ul#event_naviList li a, ul#event_naviList li span,
ul#event_naviList02 li a{padding: 8px 0 10px;}

@media print, screen and (max-width:480px){
ul#event_naviList li, ul#event_naviList02 li {font-size: 2.8vw;}
}

/* ---------------------------------------------------------------- */
#event_mainVisual {margin-bottom: 6%;width: 70%;}


/* ---------------------------------------------------------------- */
.panel {padding: 6% 0 12%; width: 100%;}

/* ---------------------------------------------------------------- */
#eventTitle {font-size: 20px; margin-bottom: 3%;}

@media print, screen and (max-width:480px){
#eventTitle {font-size: 3.6vw;}
}

/* ---------------------------------------------------------------- */
#headlineBox, #headlineBox p {font-size: 12px;}
#headlineBox {padding-bottom: 6%;}

@media print, screen and (max-width:480px){
#headlineBox, #headlineBox p {font-size: 2.8vw;}
}

/* ---------------------------------------------------------------- */
dl#event_detailContainer {padding: 6% 4%; margin-bottom: 9%;}
dl#event_detailContainer dt{margin-bottom: 1%; font-size: 16px;}
dl#event_detailContainer dd {margin-bottom: 6%; font-size: 13px;}

@media print, screen and (max-width:480px){
dl#event_detailContainer dt {font-size: 3.5vw;}
dl#event_detailContainer dd {font-size: 2.8vw;}
}

/* ---------------------------------------------------------------- */
#eventHeadline {font-size: 20px; margin-bottom: 3%; width: 100%;}

@media print, screen and (max-width:480px){
#eventHeadline {font-size: 3.5vw;}
}

/* ---------------------------------------------------------------- */
.schedule_table {display: flex; flex-wrap: wrap; align-items:baseline; padding: 3% 0;}
.schedule_table p {font-size: 12px;}

.schedule_table #btnMore a,
.schedule_table #btnMore span{font-size: 10px;padding: 8px 0 6px; }

#eventDate, .schedule_table #btnMore {width: 20%;}
#eventDate, #eventVenue {margin-right: 4%;}

#eventVenue {width: 52%;}

@media print, screen and (max-width:480px){
.schedule_table p {font-size: 3vw;}
.schedule_table #btnMore a,
.schedule_table #btnMore span{font-size: 2.6vw; }

#eventDate {width: 100%; font-size: 4vw;}
#eventVenue {width: 66%;margin-right: 4%; font-size: 3.3vw;}
.schedule_table #btnMore {width: 30%;}

}

/*=========================================================================
EVENT：RESULT
=========================================================================*/
ul#event_scheduleList.result li .schedule_table {margin-bottom: 0;}

/* ---------------------------------------------------------------- */
ul#event_scheduleList {margin-bottom: 90px;}

@media print, screen and (max-width:480px){
ul#event_scheduleList {margin-bottom: 14%;}
}


/* ---------------------------------------------------------------- */
ul#event_scheduleList.result .schedule_table,
ul#event_scheduleList.result .schedule_table p {font-size: 14px;}
ul#event_scheduleList.result .schedule_table #eventDate {width: 30%; margin-right: 2%;}
ul#event_scheduleList.result .schedule_table #eventVenue {width: 68%; margin-right: 0%;}

@media print, screen and (max-width:480px){
ul#event_scheduleList.result .schedule_table,
ul#event_scheduleList.result .schedule_table p{font-size: 3.2vw;}

}

/* ---------------------------------------------------------------- */
#resultBox { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}

@media print, screen and (max-width:480px){
#resultBox {display: block; text-align: center; }
}


/* ---------------------------------------------------------------- */
#result_battleNum {width: 10%; margin-right: 3%; font-size: 12px; }
#result_battleNum span {font-size: 50px; display: block; line-height: 100%;}

@media print, screen and (max-width:480px){
#result_battleNum {
width: 100%;
font-size: 4vw;
margin: 0 auto;
background: #fff;
color: #050505;
padding: 2% 0;
display: block;
}
#result_battleNum span {font-size: 7vw; padding-left:5px; display: inline-block;}
}

/* ---------------------------------------------------------------- */
table#resultTable {width: 84%; padding: 4% 0;}
table#resultTable td {width: calc(100% / 3);}

@media print, screen and (max-width:480px){
table#resultTable {width: 100%;}
}


/* ---------------------------------------------------------------- */
table#resultTable td a {font-size: 13px; margin-top: 2%;}

@media print, screen and (max-width:480px){
table#resultTable td a {font-size: 2.8vw;}
}

/* ---------------------------------------------------------------- */
a#photoLink {width: 60%; margin-bottom: 2%;}

@media print, screen and (max-width:480px){
a#photoLink {width: 80%;}
}

/* ---------------------------------------------------------------- */
#resultPoint p {font-size: 28px;}
#resultPoint p#Num {font-size: 50px;}
#resultPoint #btnMore a{padding-top: 6px; padding-bottom: 4px; }

@media print, screen and (max-width:480px){
#resultPoint p {font-size: 6vw;}
#resultPoint p#Num {font-size: 7vw;}
}

/* ---------------------------------------------------------------- */
#markWin, #markLose {font-size:12px; margin-bottom: 2%;}

@media print, screen and (max-width:480px){
#markWin, #markLose {font-size: 4vw;}
}

/*=========================================================================
EVENT：RESULT：DETAIL
=========================================================================*/
#resultDetail .schedule_table {padding:2% 0px;}

/* ---------------------------------------------------------------- */
#pointWin, #pointLose {font-size: 40px; }

@media print, screen and (max-width:480px){
#pointWin, #pointLose {font-size: 4vw; }
}

/* ---------------------------------------------------------------- */
#resultNote {font-size: 11px;}

@media print, screen and (max-width:480px){
#resultNote {font-size: 2.8vw;}
}

/* ---------------------------------------------------------------- */
#headlineBox.bottom {padding-top: 6%;}

/* ---------------------------------------------------------------- */
#resultDetail {margin-bottom: 9%;}

/* ---------------------------------------------------------------- */
#resultDetail.panel {margin: 0px 0 9%; padding-top: 0px;}


/*=========================================================================
EVENT：RANKING
=========================================================================*/
ul#rankingList li {border: 1px solid #505050; margin-bottom: 6%;background: rgba(0,0,0,.3); }


table#rankingTable {width: 100%; }

/* ---------------------------------------------------------------- */
table#rankingTable th {padding: 5px 10px; font-size: 11px; }
table#rankingTable td {padding: 2% 2% }


@media print, screen and (max-width:480px){
table#rankingTable th {font-size: 2.5vw;}
}

dl#rankingBody dt table#rankingTable th {text-align: center;}

/* ---------------------------------------------------------------- */
dl#rankingBody dd tr{ display: -webkit-flex; display:flex; flex-wrap:wrap; align-items: stretch;}

dl#rankingBody dd table#rankingTable th,
dl#rankingBody dd table#rankingTable td {width: calc(100% / 5); align-items: center; }


/* ---------------------------------------------------------------- */
#rankNum {width: 18%; font-size: 30px; }
#rankPlayer {width: 78%; display: flex; flex-wrap:wrap;justify-content: flex-start; align-items: center; }

ul#rankingList li:nth-of-type(n+4) #rankNum {font-size: 30px;}

@media print, screen and (max-width:480px){
#rankNum {font-size: 6vw;}
ul#rankingList li:nth-of-type(n+4) #rankNum {font-size: 5vw;}

}

/* ---------------------------------------------------------------- */
#rankPlayer a {width: 67%; font-size: 12px; }
#rankPlayer a#rankPhoto {width: 25%; margin-right: 8%;}

@media print, screen and (max-width:480px){
#rankPlayer a {font-size:3vw;}
}


/* ---------------------------------------------------------------- */
dl#rankingBody dd table#rankingTable td {font-size: 30px;position: relative; z-index: 1; padding: 4% 2%;}


@media print, screen and (max-width:480px){
dl#rankingBody dd table#rankingTable td {font-size: 5vw;}
}

/*=========================================================================
EVENT：Rule
=========================================================================*/
ul#ruleList li {margin-bottom: 2%; font-size: 13px;}

@media print, screen and (max-width:480px){
ul#ruleList li {font-size: 3vw;}
}



/*=========================================================================
EVENT：ENTRY
=========================================================================*/
#cautionBox {font-size: 12px; }

@media print, screen and (max-width:480px){
#cautionBox {font-size: 2.8vw; }
}

/* ---------------------------------------------------------------- */
#entry_linkBox {padding: 10px 10px 0; overflow-y: hidden; overflow-x: scroll;-webkit-overflow-scrolling: touch;}
#entry_linkBox::-webkit-scrollbar{width: 5px; height: 5px;}
#entry_linkBox::-webkit-scrollbar-track{background-color: #050505;}
#entry_linkBox::-webkit-scrollbar-thumb{
width: 5px; height: 5px;
background: rgba(0,0,0,.6);
background: linear-gradient(160deg, rgba(206,44,181,1) 0%, rgba(0,77,128,1) 50%);
}

/* ---------------------------------------------------------------- */
table#entry_linkTable {width: 768px}

table#entry_linkTable th, table#entry_linkTable td {font-size: 13px;width: calc(100% / 4);}

table#entry_linkTable th {padding: 10px 0;}
table#entry_linkTable td {padding: 10px 5px;}

#tableCap {font-size: 11px; line-height: 160%;}

@media print, screen and (max-width:480px){
table#entry_linkTable th, table#entry_linkTable td {font-size:3.3vw;}
table#entry_linkTable td #btnMore a,
table#entry_linkTable td #btnMore span{font-size:4vw;}

#tableCap {font-size: 2.6vw;}
}

/*=========================================================================
PLAYERS：PROFILE
=========================================================================*/
#page_backLink {margin-bottom: 6%; font-size: 13px;}

@media print, screen and (max-width:480px){
#page_backLink {font-size: 3.3vw;}
}

#profileTop, #profileBottom {margin-bottom: 9%;}

/* ---------------------------------------------------------------- */
ul#prof_dataList {display: -webkit-flex; display: flex; flex-wrap:wrap; }
 
dl#prof_dataContainer {width: 100%;margin: 0 auto; }

@media print, screen and (max-width:480px){
ul#prof_dataList {display: block; }
}
/* ---------------------------------------------------------------- */
dl#prof_dataContainer dt {width: 60%;}
dl#prof_dataContainer dt, dl#prof_dataContainer dd {margin-bottom: 6%;}

@media print, screen and (max-width:480px){
dl#prof_dataContainer dt {width: 100%; }
}

/* ---------------------------------------------------------------- */
ul#prof_dataList {width: 100%;align-items:top; margin-bottom: 5%; justify-content: center; }
ul#prof_dataList.name_box {align-items: center; padding-bottom: 5%;}

ul#prof_dataList li {width: 48%; margin:0 4% 1em 0; font-size: 15px;}
ul#prof_dataList li:nth-of-type(even) {margin-right: 0;}
ul#prof_dataList li:nth-last-of-type(-n+2) {margin-bottom: 0;}

@media print, screen and (max-width:480px){
ul#prof_dataList li {font-size: 4vw; width: 100%; text-align: center;}
}



/* ---------------------------------------------------------------- */
#dataHeadline {font-size: 18px; margin-bottom: 0;}
#playerName {font-size: 30px;}

#playerName span {font-size: 16px;}

#Place {font-size:18px;}

@media print, screen and (max-width:480px){
#dataHeadline {font-size: 6vw; margin-bottom: 0;}
#playerName {font-size:7vw; margin-bottom: 6%;}
#playerName span {font-size: 4vw;}
#Place {font-size: 5vw; display: inline-block;}
}

/* ---------------------------------------------------------------- */
#player_pointData {font-size: 36px;padding-top: 5%; }
#player_pointData p {width: 20%; margin-right: 3%;}
#player_pointData span {font-size: 18px; margin-top: 5px; }

#player_pointData img { max-width:1em; width:30%; margin-bottom: 10px;} 


@media print, screen and (max-width:480px){
#player_pointData {font-size: 9vw; }
#player_pointData span {font-size:3.8vw; }
#player_pointData img { width:30%; margin-bottom: 3%;} 

}

/* ---------------------------------------------------------------- */
#profileBottom {font-size: 13px;}

@media print, screen and (max-width:480px){
#profileBottom {font-size: 3vw;}
}

/* ---------------------------------------------------------------- */
ul#prof_snsLinks{margin-top:4%; padding-top: 4%;}
ul#prof_snsLinks li {max-width: 26px; width: 8%;}

@media print, screen and (max-width:480px){
ul#prof_snsLinks li { width: 8%;}
}

/* ---------------------------------------------------------------- */
ul#prof_archiveLink {margin-bottom: 3%;}
ul#prof_archiveLink li {margin-right: 1%;}
ul#prof_archiveLink li a {padding: 5px 1em 3px;font-size: 12px; }


@media print, screen and (max-width:480px){
ul#prof_archiveLink li a {font-size: 3vw; }
}


/* ---------------------------------------------------------------- */
#archiveTable p{padding: 4% 0;}
 

/* ---------------------------------------------------------------- */
#archiveTable #markWin,
#archiveTable #markLose,
#archiveDate,
#resultLink{font-size: 14px; }

@media print, screen and (max-width:480px){
#archiveTable #markWin,
#archiveTable #markLose,
#archiveDate,
#resultLink{font-size: 3vw; }
}

/* ---------------------------------------------------------------- */
#archiveTable #markWin,
#archiveTable #markLose {width: 10%;}

/* ---------------------------------------------------------------- */
#archiveDate {width: 25%;}
#archiveVenue {width: 55%;font-size: 12px;}
#resultLink {width: 10%; text-align: right !important; }

@media print, screen and (max-width:480px){
#archiveVenue {font-size: 2.8vw; }
}


/*=========================================================================
24.03.08 CUSTOM
=========================================================================*/
#Wrapper #pmpro_user_fields h2 {margin-bottom: 9%;}

/* ---------------------------------------------------------------- */
#Wrapper #sectionContainer #pmpro_pricing_fields {margin-bottom: 5%; }
#Wrapper #pmpro_pricing_fields h2,
#Wrapper .pmpro_checkout-h2-name {font-size: 18px; margin-bottom: 3%;}

@media print, screen and (max-width:414px){
#Wrapper #pmpro_pricing_fields h2, 
#Wrapper .pmpro_checkout-h2-name {font-size: 4.2vw;}
}


/* ---------------------------------------------------------------- */
#Wrapper .pmpro_checkout-fields,
#Wrapper .pmpro_checkout-fields p {font-size: 15px;}
#Wrapper .pmpro_checkout-fields p {margin-bottom: .4em;}
#Wrapper .pmpro_checkout-fields {width: 100%; margin: 0 auto 6%;}

@media print, screen and (max-width:414px){
#Wrapper .pmpro_checkout-fields,
#Wrapper .pmpro_checkout-fields p {font-size: 3.4vw;}
}

/* ---------------------------------------------------------------- */
#Wrapper .pmpro_checkout-h2-msg,
#Wrapper .pmpro_checkout-h2-msg a {font-size: 14px;}

@media print, screen and (max-width:414px){
#Wrapper .pmpro_checkout-h2-msg,
#Wrapper .pmpro_checkout-h2-msg a {font-size: 3vw;}
}

/* ---------------------------------------------------------------- */
#Wrapper .pmpro_checkout-field,
#Wrapper .pmpro_hidden {margin-bottom: 6%;}

#Wrapper .pmpro_checkout-fields label {font-size:15px; margin-bottom: 2%;}
#Wrapper .pmpro_checkout-fields input {width: 100%; padding: 2% 0;}
#Wrapper .pmpro_checkout-fields input,
#Wrapper .pmpro_checkout-fields select {font-size: 13px;}

#Wrapper .pmpro_checkout-fields strong {font-size: 80%;}


@media print, screen and (max-width:414px){
#Wrapper .pmpro_checkout-fields label {font-size:4vw;}
#Wrapper .pmpro_checkout-fields input,
#Wrapper .pmpro_checkout-fields select {font-size: 3.4vw;}
}

/*----------------------------------------------------------*/
#Wrapper input#pmpro_btn-submit,
#Wrapper input.button-primary{max-width: 260px; width: 45%; padding: 15px 2em 13px; font-size: 13px; margin-top: 6% !important; margin-bottom: 6% !important;}

@media print, screen and (max-width:414px){
#Wrapper input#pmpro_btn-submit,
#Wrapper input.button-primary{font-size: 3.4vw;}
}


/*----------------------------------------------------------*/
#Wrapper .pmpro_login_wrap {margin: 0 auto 6%; padding: 9% 0;}
#Wrapper .pmpro_login_wrap label {font-size:15px; margin-bottom: 1%;}

@media print, screen and (max-width:414px){
#Wrapper .pmpro_login_wrap label {font-size:4vw;}
}

#Wrapper .login-username,
#Wrapper .login-password {margin-bottom: 6%;}

/*---------------------------------------------------------*/
#Wrapper .pmpro_login_wrap input[type=text],
#Wrapper .pmpro_login_wrap input[type=password]{font-size: 13px; padding: 2% 0;}

@media print, screen and (max-width:414px){
#Wrapper .pmpro_login_wrap input[type=text],
#Wrapper .pmpro_login_wrap input[type=password]{font-size: 3.4vw;}
}

/*---------------------------------------------------------*/
#Wrapper input.button-primary {margin-bottom: 6%;}

/*---------------------------------------------------------*/
#Wrapper .pmpro_actions_nav {text-align: center; margin-top: 6%;}
#Wrapper .pmpro_actions_nav a{font-size: 15px; }

@media print, screen and (max-width:414px){
#Wrapper .pmpro_actions_nav a {font-size: 3.4vw;}
}

/*----------------------------------------------------------*/
#sectionContainer .pmpro_content_message {margin-bottom: 9%;}

/*----------------------------------------------------------*/
#sectionContainer .pmpro_content_message a {padding: 10px 2em; font-size: 120%;}



/*----------------------------------------------------------*/
#Wrapper #pmpro_level-2 {padding: 9% 0;}
#Wrapper #pmpro_message {margin-bottom: 6%; font-size: 12px;}

#Wrapper .pmpro_alert,
#sectionContainer .pmpro_message,
#Wrapper #pmpro_message_bottom {font-size: 12px;}


#Wrapper .pmpro_checkout hr {margin-bottom: 6%;}


#Wrapper #pmpro_message_bottom {margin-bottom: 12%;}

@media print, screen and (max-width:414px){
#Wrapper .pmpro_alert,
#Wrapper #pmpro_message,
#Wrapper #pmpro_message_bottom{font-size: 3vw;}
}

/*=========================================================================
COMPANY INFO (24.03.09)
=========================================================================*/
#sectionContainer.with_bg {margin-bottom: 9%;}

dl#company_infoList {padding: 4%;}

dl#company_infoList dd {border-bottom: 1px solid #fff; }
dl#company_infoList dd:last-of-type {border-bottom: 0;}

/*----------------------------------------------------------*/
dl#company_infoList dt {
background: #fff;
color: #050505;
margin-bottom: 10px;
font-weight: 600;
font-size: 13px;
padding: 5px 1em;
line-height: 100%;
}
dl#company_infoList dd {font-size: 13px; padding:0 10px;}

dl#company_infoList dd p {margin-bottom: 1em;}

@media print, screen and (max-width:414px){
dl#company_infoList dt p, dl#company_infoList dd p {font-size: 3.4vw;}
}


/*----------------------------------------------------------*/
ul#privacyList {padding: 4%; }
ul#privacyList li { padding: 6% .4em;}
ul#privacyList li p {font-size: 13px; margin-bottom: 1.4em;}

@media print, screen and (max-width:414px){
ul#privacyList li p {font-size: 3vw;}
}

/*----------------------------------------------------------*/
#privacyHeadline {font-size: 15px; margin-bottom: 1%; }

@media print, screen and (max-width:414px){
#privacyHeadline {font-size: 3.6vw;}
}


/*=========================================================================
ABOUT
=========================================================================*/
#sectionContainer.outline {padding-top: 9%; padding-bottom: 9%;}

/*----------------------------------------------------------*/
#periodMovie {margin-top: 6%; margin-bottom:635;}

/*----------------------------------------------------------*/
dl#summaryList {display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: stretch; margin-top: 30px; }
dl#summaryList dt, dl#summaryList dd {border: 1px solid #666; padding: 1em 0; font-size: 13px;}
dl#summaryList dt {background: #e3e3e3; color: #333; width: 32%;}
dl#summaryList dd {width: 68%; background: rgba(0,0,0,.2); }
dl#summaryList dt p, dl#summaryList dd p {padding: 0 1em;}
dl#summaryList dd p {margin-bottom: .5em !important;}

@media print, screen and (max-width:414px){
dl#summaryList{display: block;}
dl#summaryList dt, dl#summaryList dd {width: 100%; font-size: 3.4vw }
}


/*=========================================================================
CONTACT
=========================================================================*/
#onePeriod.contact_info {padding: 4%; font-size: 13px; margin-bottom: 4%;}

@media print, screen and (max-width:414){
#onePeriod.contact_info {font-size: 3.4vw;}
}

/* ---------------------------------------------------------------- */
#form_inputList { padding: 6% 0 ; width: 100%;}


/* ---------------------------------------------------------------- */
dl#form_inputList {margin-bottom: 6%;}
dl#form_inputList dt, dl#form_inputList dd {font-size: 13px; padding: 4% 5%;}
dl#form_inputList dt {
text-align: center;
border: 1px solid #e3e3e3;
border-bottom: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
dl#form_inputList dd {
margin-bottom: 4%;
border: 1px solid #e3e3e3;
border-top: 0;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
dl#form_inputList dd:last-of-type {margin-bottom: 0;}

@media print, screen and (max-width:414px){
dl#form_inputList dt, dl#form_inputList dd{font-size: 3.3vw; }
}

/* ---------------------------------------------------------------- */
#form_inputList label {font-size: 13px !important;}

@media print, screen and (max-width:414px){
#form_inputList label {font-size: 3.3vw !important; }
}

/* ---------------------------------------------------------------- */
.form_cap { margin-left: 5px; font-size: 12px; padding: 2px 5px;}

@media print, screen and (max-width:414px){
.form_cap {text-align: center; display: block; font-size: 2.8vw; margin: 1% auto 0; width: 30%;}
}

/* ---------------------------------------------------------------- */
.required { margin-left: .5em; font-size: 11px; padding: 2px 5px;}

@media print, screen and (max-width:414px){
.required {font-size: 2.8vw;}
}


/* ---------------------------------------------------------------- */
.input_sample {margin-bottom: 2%; font-size: 11px;}

@media print, screen and (max-width:414px){
.input_sample {font-size: 2.8vw;}
}



/* ---------------------------------------------------------------- */
ul#form_buttonList li input[type="submit"],
#form_buttonList input.Agree,
#form_buttonList input.Disagree{padding:10px 0; font-size: 13px;}

#form_inputList::-webkit-input-placeholder,
#form_inputList::-moz-placeholder,
#form_inputList::-ms-input-placeholder,
#form_inputList input[type="text"],
#form_inputList textarea {font-size: 13px;}

@media print, screen and (max-width:414px){
ul#form_buttonList li input[type="submit"],
#form_buttonList input.Agree,
#form_buttonList input.Disagree,
#form_inputList::-webkit-input-placeholder,
#form_inputList::-moz-placeholder,
#form_inputList::-ms-input-placeholder,
#form_inputList input[type="text"],
#form_inputList textarea {font-size: 3.3vw;}
}
/* ---------------------------------------------------------------- */
#formCheck {font-size: 13px; padding:0 6%;}

#agreementNotes02 {font-size: 13px; margin-bottom: 3%;}

@media print, screen and (max-width:414px){
#formCheck,
#agreementNotes02 {font-size: 3.3vw;}
}
/* ---------------------------------------------------------------- */
#form_buttonList {margin-top: 6%;}


/* ---------------------------------------------------------------- */
#agreeMessage {font-size: 13px; padding: 20vh 0;}
#agreeHeadline {font-size: 18px; margin-bottom: 6%;}

@media print, screen and (max-width:414px){
#agreeMessage {font-size: 3.3vw;}
#agreeHeadline {font-size: 3.8vw;}
}

/* ---------------------------------------------------------------- */
#policyContainer {padding-top: 4%; margin-bottom: 6%;}

/* ---------------------------------------------------------------- */
#notesTitle {font-size: 16px; margin-bottom: 4%;}
#notesTitle p {font-size: 13px; margin-top: 2%;}

@media print, screen and (max-width:414px){
#notesTitle {font-size: 3.6vw;}
#notesTitle p {font-size: 3.3vw;}
}

/* ---------------------------------------------------------------- */
#cautionHeadline {margin-bottom: 3%;font-size: 14px;}

@media print, screen and (max-width:414px){
#cautionHeadline {font-size: 3.4vw;}
}

/* ---------------------------------------------------------------- */
ul#caution_indexList {padding: 4%; height: 300px;}
ul#caution_indexList li {font-size: 13px; margin-bottom: 3%;}
ul#caution_indexList li p {margin-bottom: 2%;}

@media print, screen and (max-width:414px){
ul#caution_indexList li {font-size: 3.3vw;}
}

/* ---------------------------------------------------------------- */
#notesCap {font-size: 12px !important;}

@media print, screen and (max-width:414px){
#notesCap {font-size: 2.8vw !important;}
}


/*=========================================================================
24.4.12 CUSTOM
=========================================================================*/
.em.pixelbones {font-size:13px!important;}
.em.pixelbones.input input[type=submit] {padding: 10px 1em !Important; font-size: 14px !Important; }

@media print, screen and (max-width:480px){
.em.pixelbones {font-size: 3vw!important;}
.em.pixelbones.input input[type=submit] {font-size: 3vw !Important; }
}

/*=========================================================================
24.4.17 CUSTOM
=========================================================================*/
.pmpro_checkout-h2-name font {font-size: 13px !important; display:block; text-align:center; }

@media print, screen and (max-width:480px){
.pmpro_checkout-h2-name font {font-size: 12px !important;}
}
@media print, screen and (max-width:414px){
.pmpro_checkout-h2-name font {font-size: 2.8vw !important;}
}


/*=========================================================================
24.6.5 CUSTOM
=========================================================================*/
.pmpro_submit {justify-content: center;}
.pmpro_submit hr {margin-bottom: 6%;}
.pmpro_submit input.pmpro_btn { width: 45% !important;}
.pmpro_submit input.pmpro_btn.pmpro_btn-submit {margin-right: 10%;}

/* ---------------------------------------------------------------- */
.pmpro_submit hr {margin-bottom: 6%;}

/* ---------------------------------------------------------------- */
#sectionContainer.plugin_form input#players_photo{ margin-bottom: 30px;}


/* ---------------------------------------------------------------- */
#sectionContainer.plugin_form  {margin-bottom: 6%; width: 90%; }
#sectionContainer.plugin_form input[type="text"] {font-size: 13px;padding:10px 0;}

#sectionContainer.plugin_form label {font-size: 13px; margin-bottom: 1%; margin-top: 6%;}
#sectionContainer.plugin_form label:first-of-type {margin-top: 0;}


@media print, screen and (max-width:480px){
#sectionContainer.plugin_form label {font-size: 3.6vw !important;}
}

/* ---------------------------------------------------------------- */
.pmpro_checkout_box-user {margin-bottom: 6%;}

/* ---------------------------------------------------------------- */
#sectionContainer.plugin_form .pmprorh_file_preview {width: 40%; display: block; margin-bottom: 9%;}


/* ---------------------------------------------------------------- */
#sectionContainer.plugin_form input#players_photo,
#sectionContainer.plugin_form button.pmprorh_delete_restore_file {font-size: 11px;}
#sectionContainer.plugin_form input#players_photo {width: 60%; }

#sectionContainer.plugin_form h2 {font-size: 16px; margin-bottom: 4%;}
#sectionContainer.plugin_form .pmprorh_file_players_photo_name {font-size: 13px; margin-bottom: 6%;}

@media print, screen and (max-width:480px){
#sectionContainer.plugin_form input#players_photo,
#sectionContainer.plugin_form button.pmprorh_delete_restore_file {font-size: 2.8vw;}
#sectionContainer.plugin_form input#players_photo {width: 80%; }

#sectionContainer.plugin_form h2 {font-size: 3.6vw;}
#sectionContainer.plugin_form .pmprorh_file_players_photo_name {font-size: 3.3vw;}
}

/*----------------------------------------------------------*/
#Wrapper .pmpro_checkout-field p small {font-size: 11px; line-height: 120%;}

@media print, screen and (max-width:480px){
#Wrapper .pmpro_checkout-field p small {font-size: 2.8vw;}

}
/* ---------------------------------------------------------------- */
#Wrapper #date_of_birth_div {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: baseline;
}
#Wrapper #date_of_birth_div select,
#Wrapper #date_of_birth_div input {text-indent: 1em; width: 30% !important;display: inline-block; margin-right: 3% !important; color:#e5e5e5 !important;}

#Wrapper #date_of_birth_div select {padding:16px 0; }
#Wrapper #date_of_birth_div input {padding:12px 0; }
#Wrapper #date_of_birth_div input:last-of-type {margin-right: 0 !important;}


@media print, screen and (max-width:480px){
#Wrapper #date_of_birth_div {display: block;}

#Wrapper #date_of_birth_div select,
#Wrapper #date_of_birth_div input {width: 40% !important;display: block; margin:0 0 3% !important;}

#Wrapper #date_of_birth_div select {padding:12px 0; }
#Wrapper #date_of_birth_div input {padding:10px 0; }
#Wrapper #date_of_birth_div input:last-of-type {margin: 0 !important;}
}

/* ---------------------------------------------------------------- */
#player_name_en_div {margin-top: 9%;}


/*=========================================================================
24.6.5 CUSTOM：ACCOUNT
=========================================================================*/
#sectionContainer.plugin_form h2,
#sectionContainer.plugin_form #pmpro_account h2 {font-size: 16px; margin-bottom: 2%;}
#sectionContainer.plugin_form,
#sectionContainer.plugin_form #pmpro_account,
#sectionContainer.plugin_form .pmpro_actions_nav,
#sectionContainer.plugin_form .pmpro_actions_nav a{font-size: 13px;}

@media print, screen and (max-width:480px){
#sectionContainer.plugin_form h2,
#sectionContainer.plugin_form #pmpro_account h2 {font-size: 3.5vw;}
#sectionContainer.plugin_form ,
#sectionContainer.plugin_form #pmpro_account,
#sectionContainer.plugin_form .pmpro_actions_nav,
#sectionContainer.plugin_form .pmpro_actions_nav a{font-size: 3vw;}
}

/* ---------------------------------------------------------------- */
a#pmpro_actionlink-cancel { padding: 5px 1em 6px; font-size: 11px; margin-left: 1em;}
a#pmpro_actionlink-levels {padding: 5px 1em 6px; font-size: 11px; }

@media print, screen and (max-width:480px){
a#pmpro_actionlink-cancel,
a#pmpro_actionlink-levels {font-size: 2.8vw;}
}

/* ---------------------------------------------------------------- */
#sectionContainer.plugin_form #pmpro_account-profile.pmpro_box ul {margin-bottom: 4% !important;}
#sectionContainer.plugin_form #pmpro_account-profile.pmpro_box ul li strong {padding-right: .5em;}

#sectionContainer.plugin_form #pmpro_account-profile.pmpro_box .pmpro_actionlinks a {
font-size: 11px;
padding: 5px 1em 6px !important;
margin:0 2%;
}


@media print, screen and (max-width:480px){
#pmpro_account-profile.pmpro_box .pmpro_actionlinks a {font-size: 2.8vw;}
}
/*=========================================================================
24.6.5 CUSTOM：INVOICE
=========================================================================*/
#sectionContainer.plugin_form .pmpro_invoice_wrap {padding-bottom: 9% !important;}
#sectionContainer.plugin_form .pmpro_invoice_wrap ul li {margin-bottom: 2%;}


/* ---------------------------------------------------------------- */
#sectionContainer.plugin_form .pmpro_confirmation_wrap ul {margin-top: 6%; margin-bottom: 9%;}
#sectionContainer.plugin_form .pmpro_confirmation_wrap ul li ,
#sectionContainer.plugin_form .pmpro_billing_wrap ul li {margin-bottom: 1%; font-size: 120%;}

#sectionContainer.plugin_form .pmpro_confirmation_wrap ul li strong,
#sectionContainer.plugin_form .pmpro_invoice_wrap ul li strong,
#sectionContainer.plugin_form .pmpro_billing_wrap ul li strong {padding-right: .5em;}


/*=========================================================================
24.6.5 CUSTOM：RESULT
=========================================================================*/
.event_result_area {padding:0 4% 4%; margin-bottom: 6%;}

/* ---------------------------------------------------------------- */
#btnMore.result {left: 57.5%;bottom: 18%;}
#btnMore.result span,
#btnMore.close span{padding: 4px 1em 2px;font-weight: 400; font-size: 13px;}
#btnMore.close {margin-top: 4%;}

@media print, screen and (max-width:480px){
#btnMore.result span,
#btnMore.close span{font-size: 3vw;}
}

/* ---------------------------------------------------------------- */
#pointBox { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}




}