@charset "utf-8";

/* --- ポケモン別能力 single-pokemon --- */
.br_pc {
display: none;
}
.br_sp {
display: block;
}
@media print, screen and (min-width:768px) {
.br_pc {
    display: block;
}
.br_sp {
    display: none;
}
}
#list.pokemon .google-auto-placed {
	display:none;
}
#list.pokemon {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#list.pokemon a {
width: calc((100% / 2) - 10px);
border-bottom: 1px solid #ddd;
}

.pokemon h1.entry-title-pokemon,
.pokemon div.pokeContents h1.entry-title-pokemon {
background-color: #232323;
color: #fff;
padding: 0.4em;
border-left: 10px solid #EED619;
margin-bottom: 1em;
}
.pokemon h2.title-h2-pokemon,
.pokemon div.pokeContents h2.title-h2-pokemon {
font-size: 20px!important;
border-bottom: 2px solid #232323;
border-left: 5px solid #232323;
padding: 2px 12px 8px!important;
background-color: inherit!important;
border-radius: inherit;
margin-bottom: 1em;
}

div.pokeContents {
margin: 30px auto;
border: 1px solid #ddd;
padding: 15px;
}
div.infoContents {
display: block;
}
.pokemon .pokeContents .infoContents .eye-catch {
box-shadow: unset;
}
div.info_basic {
width:100%;
display: flex;
flex-direction: column;
align-items: center;
align-self: center;
}
div.info_basic .pokemonName {
margin-bottom: 0.5em;
}
div.info_basic .typeButton {
margin-bottom: 1em;
font-size: smaller;
}
div.info_basic img {
max-width: 250px;
/* max-height: 100px; */
}
div.info_basic span {
padding: 0.2em 2em;
border-radius: 8px;
font-size: 17px;
}
div.info_basic span.pokemonNum {
font-size: smaller;
vertical-align: baseline;
padding: unset;
}
div.info_basic .mizu span {
background: #6495ed;
color: #fff;
}
div.info_basic .kusa span {
background: #6495ed;
color: #fff;
}
div.info_basic .mizu span {
background: #6495ed;
color: #fff;
}
div.info_basic .mizu span {
background: #6495ed;
color: #fff;
}
div.info_ability {
width: 100%;
margin-bottom: 1.8em;
}
div.info_ability dl {
display: flex;
justify-content: flex-start;
gap: 15px;
margin-bottom: 0;
border-top: 1px solid var(--cocoon-x-thin-color);
border-left: 1px solid var(--cocoon-x-thin-color);
border-right: 1px solid var(--cocoon-x-thin-color);
/* padding: 0.2em 0.5em; */
}
div.info_ability dl:last-of-type {
border-bottom: 1px solid var(--cocoon-x-thin-color);
}
div.info_ability dt {
width: 145px;
background-color: var(--cocoon-xxx-thin-color);
padding: 0.7em 0.4em;
font-size: 14px;
display: flex;
justify-content: flex-start;
align-items: flex-start;
/* position: relative;
text-align: left;
background-color: #52c2d0;
color: white;
padding: 10px 0 10px 5px;
font-size: 16px; */
}
/* div.info_ability dt::after {
display: block;
content: "";
width: 0px;
height: 0px;
position: absolute;
top:calc(50% - 10px);
right:-10px;
border-left: 10px solid #52c2d0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
} */
div.info_ability dd {
margin: 0;
padding: 0.4em;
width: 100%;
/* display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column; */
}
div.info_ability span {
padding: 0.2em 1em;
border-radius: 30px;
font-size: 17px;
}
div.info_ability span.rankText {
line-height: 1;
padding: 0 0 0 5px;
color: #0693e3;
font-weight: 700;
font-style: italic;
font-size: 30px;
font-family: 'Courier New';
vertical-align: middle;
}
div.info_ability .gussuri span {
background-color: #6495ed;
color: #fff;
}
div.info_ability .suyasuya span {
background-color: #2ca9e1;
color: #fff;
}
div.info_ability .utouto span {
background-color: rgb(244, 229, 33);
color: #2a2a2a;
}
div.info_ability .kinomi span {
background-color: #50D337;
color: #2a2a2a;
}
div.info_ability .shokuzai span {
background-color: #F3C262;
color: #2a2a2a;
}
div.info_ability .skill span {
background-color: #007cba;
color: #fff;
}
div.info_ability.style02 {
margin-left: auto;
margin-top: 2em;
}
div.info_ability.style02 dl.inspect {
display: flex;
align-items: center;
}
div.info_ability.style02 dl.inspect::first-of-type {
margin-top: 2em;
}
div.info_ability.style02 dl.inspect dt {
color: #737373;
}
div.info_ability.style02 dl.inspect dd {
color: #6f6f6f;
}
div.info_ability.style02 span {
font-size: 11px;
padding-left: 0.4em;
}
div.info_support {
margin-top: 1.8em;
}
div.info_support dl {
display: flex;
margin-bottom: 1.2em;
}
div.info_support dl:last-of-type {
margin-bottom: 1.8em;
}
div.info_support dl img {
width: 30px;
}
div.info_support dt {
padding: 0.3em 1em;
background-color: #ffebcd;
border-radius: 30px;
}
div.info_support dd {
padding: 0.3em 0;
margin-left: 16px;
display: flex;
gap: 5px;
}
table.table_shokuzai {
text-align: center;
margin-bottom: 1.2em;
border: 1px solid var(--cocoon-x-thin-color);
}
table.table_shokuzai img {
display: block;
max-width: 26px;
max-height: 30px;
}
.td_subtitle {
font-weight: bold;
font-size: var(--cocoon-text-size-s);
}
.td_larger {
font-size: 16px;
}
table.table_shokuzai .row_energy th {
font-size: 10px;
background-color: unset;
font-weight: unset;
}
table.table_shokuzai .row_shokuzai th {
width: 55px;
}
table.table_shokuzai .row_energy td {
font-size: 14px;
}
div.commentContent .fa-comment {
color: #ffc107;
margin-left: 0.3em;
vertical-align: super;
}
div.commentContent .fa-comment:before {
background-color: unset!important
}
div.toPokemonListContainer {
margin-bottom: 1.8em;
}
div.toPokemonListContainer a {
display: block;
background: whitesmoke;
padding: 1em 2em;
width: 100%;
text-align: center;
font-weight: bold;
}
#list.pokemon .entry-card-title, .related-entry-card-title {
font-size: 13px;
padding: unset;
background-color: unset;
color: #32373c;
}
#list.pokemon .entry-card-content .pokemonNum {
font-size: 12px;
margin-bottom: 0;
}
#list.pokemon .entry-card-thumb {
width: 45%;
box-shadow: unset;
}
@media print, screen and (min-width:768px) {
div.infoContents {
    display: flex;
    margin-top: 16px;
}
div.info_basic {
    width: 30%;
}
div.info_basic img {
    max-width: 170px;
    /* max-height: 100px; */
}
div.info_basic .pokemonName {
    margin-bottom: 0;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
}
div.info_basic .typeButton {
    margin-bottom: 0.5em;
}
div.info_ability {
    width: 70%;
    margin-bottom: 0;
}
div.info_ability dt {
    width: 155px;
    font-size: 18px;
    padding: 0.4em;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
div.info_ability dd {
    width: unset;
    /* display: flex;
    justify-content: center;
    align-items: flex-start; */
}
table.table_shokuzai img {
    display: inline-block;
}
table.table_shokuzai .row_energy th {
    font-size: 16px;
}
table.table_shokuzai .row_shokuzai th {
    width: unset;
}
table.table_shokuzai .row_energy td {
    font-size: 16px;
}
div.toPokemonListContainer a {
    padding: 2em 2em;
}

#list.pokemon {
    justify-content: flex-start;
    gap: 20px;
}
#list.pokemon .entry-card-thumb {
    width: 48%;
}
#list.pokemon .entry-card-content {
    margin-left: 30%;
}
#list.pokemon .entry-card-title, .related-entry-card-title {
    font-size: 16px;
    padding: unset;
    background-color: unset;
}
#list.pokemon a {
    width: calc((100% / 3) - 15px);
}
#list.pokemon .entry-card-content .pokemonNum {
    font-size: 14px;
    color: #007cba;
    margin-bottom: 0;
}
.td_subtitle {
    font-weight: bold;
    font-size: var(--cocoon-default-text-size);
}
}