@media only screen and (max-width: 720px){
  body {
    background-size: cover;
  }
}

/* add original icon */
.home a.button .btn-icon.btn-icon-moves {
  background-image: url("../img/themes/sunflower/nav-moves-white.png?v=1");
}
.icon-moves {
  background-image: url("../img/themes/sunflower/nav-moves-blue.png?v=1");
}
@media only screen and (max-width: 720px){
  header .menu .icon-moves {
    background-image: url("../img/themes/sunflower/nav-moves-white.png?v=1");
  }
}

.home a.button .btn-icon.btn-icon-premium {
  background-image: url("../img/themes/sunflower/nav-premium-white.png?v=1");
}
.icon-premium {
  background-image: url("../img/themes/sunflower/nav-premium-blue.png?v=1");
}
header .menu a.header-premium-mobile {
  display: none;
}
@media only screen and (max-width: 720px){
  header .menu .icon-premium {
    background-image: url("../img/themes/sunflower/nav-premium-white.png?v=1");
  }
  header .menu a.header-premium {
    display: none;
  }
  header .menu a.header-premium-mobile {
    display: block;
  }
}

/*toPremium button mini*/
#toPremiumMin {
  margin: 0 0 1rem;
  height: 36px;
}
#toPremiumMin div {
  display: inline-block;
  border-radius: 15px;
/*  background: linear-gradient(to bottom, #285e85 30%, #003462 99%) !important;*/
  color: #fff;
  padding-left: 5px;
}
#toPremiumMin div a {
  display: inline-block;
  padding: 7px 10px 7px 35px;
  margin: 0;
  font-size: 14px;
  background-size: 18px 18px;
  background-position: 8px center;
  color: #f9fdff;
  background-image: url("/img/themes/sunflower/nav-premium-white.png?v=1");
  background-repeat: no-repeat;
  text-decoration: none;
}
#minbuttonDiv {
  background: linear-gradient(rgb(40, 94, 133) 30%, rgb(0, 52, 98) 99%);
}

/* function for selecting new or old version */
.header-ticker span {
  font-size: 13px;
  color: #fff;
  padding: 4px 10px 5px;
}
header {
  top: 0px;
}
.header-ticker ~ header {
  top: 30px;
}
.header-ticker ~ .main-wrap > #main {
  top: 30px;
}

@media only screen and (max-width: 720px){
  header .menu {
    top: 34px;
  }
}
#main{
  padding-top: calc(91px - 44px + 10px);
}
@media only screen and (max-width: 800px) {
  #main{
    padding-top: calc(73px - 37px + 10px);
  }
}
/*PT-BR size fix*/
/*header .menu .parent-menu .submenu {
  right: 0;
  padding-right: 0;
}*/

/* header size */
@media (max-width: 805px) and (min-width: 721px) {
  header .menu a {
    font-size: 2vw;
    margin-left: 8px;
  }
}
header .menu .parent-menu .submenu {
  right: 0;
  padding-right: 0;
}

.footer-langs {
  width: 10rem;
  margin: 1rem auto;
  text-align: left;
}
.footer-langs > select {
  border-radius: 4px;
  padding: 3px 8px;
  box-sizing: border-box;
  width: 100%;
  color: #333;
  border:1px solid #999;
  background-color: #fff;
}

.sortable-table .type, .detail-section .type, .poke-stats .type {
  white-space: nowrap;
}

/* cookie modal */
.consent {
  position: fixed;
  bottom: 0;
  width: 100%;
  font-size: 14px;
  color: #fff;
  background: rgba(0,0,0,.8);
  padding: 10px;
  box-sizing: border-box;
  visibility: hidden;
}
.consent.is-show {
  visibility: visible;
}
.consent a {
  color: #fff !important;
}
.c-box {
  margin: auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
  max-width: 900px;
}
.c-text {
  width: calc(100% - 4.8rem);
}
.c-agree {
  padding: .5rem 1.5rem;
  color: #fff;
  background: #0f4c84;
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-shadow: inset 0px 0px 5px 0px rgba(255, 255, 255, 0.3);
}
.c-agree:hover {
  cursor: pointer;
}
.cc-hide1 {
  display: none;
}
@keyframes hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}
@media screen and (max-width: 600px) {
  .c-box {
    flex-direction: column;
  }
  .c-text {
    width: 100%;
    margin-bottom: 10px;
  }
  .c-agree {
    padding: .5rem 2.5rem;
  }
}


/* header modify */
header {
  background: unset;
  position: unset;
  z-index: unset;
  width: auto;
}

/* main modify */
.main-wrap {
  margin-bottom: 1rem;
}

#main {
  padding-bottom: 5px;
}

/* home modify*/
.btn-content-wrap {
  position: relative;
}

.home a.button .btn-icon {
  position: absolute;
  top: 50%;
  left: -5px;
  transform: translateY(-50%);
  margin-right: 0;
}

.btn-content-wrap .btn-label {
  display: inline-block;
  width: calc(100% - 40px);
  margin-left: 40px;
}

button.button .btn-content-wrap .btn-label {
  margin-left: 0;
}

.home .flex.new-header {
  margin-top: 1rem;
}

/* battle modify*/
#main > .section.battle {
  margin: 0
}

.section.battle > .battle-window {
  min-height: 520px;
}

@media (max-width: 380px) {
  .league-select-container .league-select {
    width: auto;
    max-width: 90%;
    margin-bottom: 10px;
  }
  .league-select-container .ranking-categories {
    float: none;
    max-width: 90%
  }
}

@media only screen and (max-width: 340px) {
  .poke .poke-stats .stat-container .bar-back {
    width: 55px;
  }
  .ivs-group .iv {
    padding: 3px 5px;
  }
}

.histograms .histogram .move-label {
  height: auto;
  margin-bottom: 5px;
}

.battle-results.multi .rankings-container > .rank > .name-container {
  width: calc(100% - 57px - 90px);
  padding: 3px 0 0 0;
}
.battle-results.multi .rank .name-container .moves {
    margin-right: -80px;
}
@media (max-width: 720px) {
  .battle-results.multi .rank .name-container .moves {
    max-width: calc(100% + 80px);
    /*  jp 6px, other lang 10px*/
    margin-top: 6px;
  }
}

.battle-results.multi .rank .rating-container .rating {
  padding: 3px 8px;
}

.poke-search-container a.search-info {
  min-width: 15px;
}

/* team-builder modify */
@media (max-width: 720px) {
  .league-select-container .format-select {
    max-width: 90%;
  }
  .toggle-content.team-advanced .flex.poke {
    width: 100%;
  }
  .team-build .poke {
    width: 200px;
    max-width: 200px;
  }
}

.custom-options .rank .name-container .moves {
  max-width: calc(100% + 18px);
}

/* train */
.ranking-categories.mode-select {
  max-width: 320px;
}

.battle-active > header {
  display: block;
  z-index: 9 !important;
}

.battle-active > header > div {
  opacity: .1;
  pointer-events: none;
}


/* train>analysis UI and cls */
.analysis-container .format-select {
    max-width: 90%;
    display: block;
}
@media(max-width:359px) {
  .analysis-container .date-updated {
    clear: both;
  }
}
.analysis-container .table-container {
  height: 500px;
  max-height: 500px;
}
@media only screen and (min-width: 721px) {
  .analysis-container .table-container {
    height: 600px;
    max-height: 600px;
  }
}

.analysis-container .table-container .train-table thead tr {
  position: sticky;
  top: 0;
  background: rgba(255, 255, 255, .95);
  z-index: 10;
}
.analysis-container .table-container .train-table thead td {
  display: table-cell;
  vertical-align: middle;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #3f3f3f;
}
@media only screen and (max-width: 720px) {
  .analysis-container .table-container .train-table.teams thead td:nth-of-type(2), .analysis-container .table-container .train-table.teams thead td:nth-of-type(3) {
    display: none;
  }
}
.analysis-container .table-container .train-table thead tr td:first-child {
  padding-left: 5px;
}

/*train analysis, CMP Images*/
.poke-name .sprite-container .main-sprite, .poke-name .sprite-container .secondary-sprite  {
  background-image: none;
}

.main-sprite .pokeAnalyticsImg, .pokeCMPImg {
  height: 30px;
  width: 30px;
  overflow: hidden;
}

.pokeCMPImg {
  display: inline-block;
  margin-right: 5px;
}

.train-table td.poke-name {
  width: 135px; /*td.poke-name width 125px */
}
.train-table.cmp-chart div.name {
  display: inline-block;
  vertical-align: super;
  width: 100px; /* 30 + 5+ 90 = 125*/
}
@media only screen and (min-width: 721px) {
  .train-table td.poke-name {
    width: 210px; /*td.poke-name width 200px */
  }
  .train-table.cmp-chart div.name {
    width: 175px; /* 30 + 5+ 175 = 210 */
  }
}

.pokeAnalyticsImg picture, .pokeCMPImg picture {
  display: grid;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: auto;
}

.pokeAnalyticsImg.pgShadow, .pokeCMPImg.pgShadow {
  background: radial-gradient(at center bottom, rgba(0,0,0,0.45) 0%, rgba(255,255,255,0) 85%);
}

/* train analysis modify */
 /*JP only*/
.usage-modal .usage-container .y-axis-container .label {
  transform: rotate(0deg)
}

/* rankings cls */
.league-select-container > .rankings-container {
  height: 600px;
  max-height: 600px;
}
@media only screen and (min-width: 721px) {
  .league-select-container > .rankings-container {
    height: 900px;
    max-height: 900px;
  }
}

/*ranking modify*/
@media (max-width: 349px) {
  .ranking-checks .check span {
    margin-right: 2px;
  }
  .share-link, .rank .details .share-link.detail-section {
    padding-left: 30px;
  }
  .share-link .copy, .rank .details .share-link.detail-section .copy {
    margin-left: 1px;
    margin-right: 1px;
    font-size: 12px;
  }
}

.rankings-container > .rank > .name-container {
  width: calc(100% - 57px - 50px);
  padding: 3px 0 0 0;
}

.detail-section.poke-stats > .ranking-header {
  /*it, jp 5rem, others 4rem*/
/*  width: 4rem;
  max-width: 4rem;*/
  width: 5rem;
  max-width: 5rem;
}

.detail-section.poke-stats a.ranking-cmp-link {
  position: relative;
  /*max-width: calc(100% - 4rem - 25px);*/
  max-width: calc(100% - 5rem - 25px);
  float: right;
  top: 3px;
  margin: 0 0 12px 0;
}

.rank .name-container .moves {
  margin-right: -48px;
/* margin - jp:4px, other langs:7px */
  margin-top: 4px;
}
@media (max-width: 720px) {
  .rank.typed-ranking .pokemon-info .moves {
    width: auto;
}
  .rank .name-container .moves {
    max-width: calc(100% + 48px);
  }
}
@media (max-width: 360px) {
  .rank .name-container .name {
    font-size: .95rem;
  }
}

.rank .rating-container .rating.score-rating {
  width: 48px !important;
  height: 24px;
  padding: 4px 5px;
}

.rank .moves sup {
  margin-left: 2px;
}
@media (max-width: 349px) {
  .rank .moves sup {
    display: contents;
  }
}

.rank .details .detail-section .ranking-header.stat-toggle a.show-move-stats {
  white-space: nowrap;
}
@media (max-width:340px) {
  .rank .details .detail-section .ranking-header.stat-toggle a.show-move-stats {
    padding: 2px;
  }
  .share-link input, .rank .details .share-link.detail-section input {
    padding: 5px 2px;
  }
}

.rank .details.active div.detail-tab:nth-of-type(4) div.detail-section:nth-of-type(2) .ranking-header {
  width: 100%;
}

/*ranking images*/
.rankings-container > .rank {
  padding: 5px 5px 5px 1px;
}
.rankings-container .rank div.rankPokeImg {
  float: left;
  width: 52px;
  height: 52px;
  overflow: hidden;
  margin-right: 5px;
}
.rankPokeImg picture {
  display: grid;
  justify-content: center;
  align-items: center;
  width: 124%;
  height: auto;
  margin: -6px;
}
div.pgShadow {
  background: rgba(0,0,0,0.7);
  background: radial-gradient(at center bottom, rgba(0,0,0,0.65) 0%, rgba(255,255,255,0) 85%);
}

/* pokemon Images for battle multi*/
.battlePokeImg {
  padding: 0 5px;
}

/* pokemon Images for poke-selec*/
.poke-select-container > .poke > .poke-stats > .pokeSelectImgBox {
  height: 70px;
}
.modal-content .pokeSelectImgBox {
  height: 70px;
  margin-top: -15px;
}

.poke-stats > .pokeSelectImgBox > .pokeSelectImg {
  margin: 0 auto;
  height: 70px;
  width: 70px;
  overflow: hidden;
}
.poke-stats > .pokeSelectImgBox > .pokeSelectImg.pokeSelectImgUp {
  margin-top: -15px;
}
.pokeSelectImg picture {
  display: grid;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 75px;
}

/*team-builder*/
.defense-summary li > span, .offense-summary li > span {
  white-space: nowrap;
}

/* moves list UI and cls */
.move-table-container {
  max-width: calc(100% - 10px);
}

  /* explain */
.move-table-container > table.stats-table tr {
  display: inline-block;
  background: rgba(0, 0, 0, 0.15);
  margin: 0 5px 5px 0;
  padding: 0 2px;
}

.move-table-container > table.stats-table tr.hide {
  margin-right: 0;
  padding: 0;
  display: none;
}
.move-table-container > table.stats-table tr.hide[style] {
  display: inline-block;
}


  /* move table */
.move-table-container > .table-container {
  /* table にblock+height を指定するとtable-layoutが無効化されるためdivに*/
  height: 600px;
  max-height: 600px;
  overflow-x: auto;
  overflow-y: scroll;
}
@media only screen and (min-width: 721px) {
  .move-table-container > .table-container {
    height: 800px;
    max-height: 800px;
  }
}

.move-table-container .sortable-table.stats-table.moves {
  margin: 0 auto;
  table-layout: fixed;
  width: 100%;
}

.move-table-container .sortable-table.stats-table.moves tr:first-child {
  position: sticky;
  top: 0;
  background: rgba(255, 255, 255, 0.95);
}

.move-table-container .sortable-table.stats-table.moves tr:first-child td {
  border-bottom: 1px solid #3f3f3f;
  color: #00e;
}

.move-table-container .sortable-table.stats-table.moves tr:first-child td:active {
  color: #C03;
}

.move-table-container .sortable-table.stats-table.moves tr>td {
  width: 21px;
}
.move-table-container .sortable-table.stats-table.moves tr>td:first-child {
/*  width: 80px;*/
  width: 70px;
  word-wrap: break-word;
}
.move-table-container .sortable-table.stats-table.moves tr>td:last-child {
  width: 60px;
}

.move-table-container .sortable-table.stats-table.moves tr>td:nth-of-type(2) {
/*  width: 65px;*/
  width: 75px;
}
.move-table-container .sortable-table.stats-table.moves tr>td:nth-of-type(7) {
  width: 28px;
}
.stats-table span.type {
  padding: 2px 3px;
}

@media (min-width: 620px) {
  .move-table-container .sortable-table.stats-table.moves tr>td {
    width: 45px;
  }
  .move-table-container .sortable-table.stats-table.moves tr>td:nth-of-type(2) {
    width: 95px;
  }
  .stats-table span.type {
    padding: 2px 4px;
    width: 80px;
    font-size: .95rem;
  }
}

/* settings */
.settings > .rating-table tr {
  display: flex;
  flex-wrap: wrap;
}
.settings > .rating-table tr td {
  margin-bottom: 10px;
}

#nitro-top, .nitro-any {
  display: grid;
  place-items: center;
  margin: .5rem auto;
  min-width: 250px;
  height: 216px;
  height: calc(200px + 1rem);
  overflow: hidden;
}
.nitro-any {
  height: 266px;
  height: calc(250px + 1rem);
}
#nitro-top, #nitro-body-desktop {
  position: relative;
}
#main div#nitro-top > p, div#nitro-header-mobile > p {
  display: block !important;
  color: #000 !important;
  z-index: auto !important;
  font-size: 14px !important;
/*  color: #df0909;*/
  position: absolute !important;
}
div#nitro-header-mobile > p {
  left: 50%;
  transform: translate(-50%, 70%);
}
.nitro-banner {
  height: 250px;
  width: 100%;
}
#nitro-top .nitro-banner {
  height: 200px;
}

#nitro-body-desktop, .nitro-body-multi {
  display: block;
  margin: 0 -10px;
  min-width: 240px;
  max-height: 315px;
  text-align: center;
  overflow: hidden;
}

.nitro-body {
  min-width: 240px;
  min-height: 150px;
  margin: auto;
}
#nitro-body-desktop .nitro-body {
  margin: 1rem auto;
  min-height: 0;
}

#nitro-header-mobile {
  display: block;
  margin: 1rem auto 1.6rem;
  min-width: 240px;
  max-width: 800px;
  min-height: 200px;
  text-align: center;
  overflow: hidden;
}

#nitro-top > ins iframe, #nitro-body-desktop > ins iframe, #nitro-header-mobile > ins iframe {
  min-width: 120px !important;
  min-height: 120px !important;
}

.nitro-side {
  width: 100%;
  min-height: 300px;
  text-align: center;
}

@media (max-width: 1090px) {
  .nitro-side {
    display: none;
  }
}

@media only screen and (min-width: 1090px) {
  #nitro-sidebar-left {
    display: block;
    width: calc( (100% - 800px) / 2 - 25px);
    min-width: 120px;
    height: 600px;
    position: fixed;
    top: 95px;
    left: 5px;
    text-align: left;
    overflow: hidden;
  }

  #nitro-sidebar-right {
    display: block;
    width: calc( (100% - 800px) / 2 - 25px);
    min-width: 120px;
    height: 600px;
    position: fixed;
    top: 95px;
    right: 5px;
    text-align: right;
    overflow: hidden;
  }
}

/* abbvirations  > JP only*/
  /* battle poke-select */
.poke-stats .move-bars > .move-bar {
  display: grid;
  justify-items: center;
  align-items: center;
}
.move-bars .move-bar > .label {
  font-size: 0.7rem;
  white-space: nowrap;
  padding-top: 0;
}

  /* train > normal attack*/
.battle-window .controls .move-bars .move-bar > .label {
  font-size: 20px;
  white-space: nowrap;
}
  /* train > special attack*/
.battle-window .charge-window .container .move-bar > .label {
  font-size: 35px;
  white-space: nowrap;
  padding-top: 30px;
}