/*!
 * Toastify js 1.12.0
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */
.toastify {
padding: 12px 20px;
color: #fff;
display: inline-block;
box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(77, 96, 232, 0.3);
background: linear-gradient(135deg, #73a5ff, #5477f5);
position: fixed;
opacity: 0;
transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
border-radius: 2px;
cursor: pointer;
text-decoration: none;
max-width: calc(50% - 20px);
z-index: 2147483647;
}

.toastify.on {
opacity: 1;
}

.toast-close {
background: transparent;
border: 0;
color: #fff;
cursor: pointer;
font-family: inherit;
font-size: 1em;
opacity: 0.4;
padding: 0 5px;
}

.toastify-right {
right: 15px;
}

.toastify-left {
left: 15px;
}

.toastify-top {
top: -150px;
}

.toastify-bottom {
bottom: -150px;
}

.toastify-rounded {
border-radius: 25px;
}

.toastify-avatar {
width: 1.5em;
height: 1.5em;
margin: -7px 5px;
border-radius: 2px;
}

.toastify-center {
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
max-width: -webkit-fit-content;
max-width: fit-content;
max-width: -moz-fit-content;
}

@media only screen and (max-width: 360px) {
.toastify-right, .toastify-left {
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
}
}

.evaluation_button--good a {
display: block;
margin: 0 0 15px auto;
padding: 5px 10px;
border: 1px solid #d81b60;
color: #d81b60;
font-size: 1.2rem;
font-weight: bold;
border-radius: 40px;
text-align: center;
max-width: 45%;
}

@media only screen and (min-width: 769px) {
.evaluation_button--good a {
max-width: 40%;
}
}

.evaluation_button--good a:before {
content: '';
display: inline-block;
width: 15px;
height: 15px;
background: no-repeat url("/img/good_no-base_p_on.svg");
background-size: 15px 15px;
vertical-align: text-bottom;
padding-right: 10px;
}

.evaluation_button--good a.evaluated, .evaluation_button--good a:active, .evaluation_button--good a:hover {
background-color: #d81b60;
color: #fff;
text-decoration: none;
}

.evaluation_button--good a.evaluated:before, .evaluation_button--good a:active:before, .evaluation_button--good a:hover:before {
background: no-repeat url("/img/good_no-base_p_off.svg");
}

.pre-registration-widget .top_image {
display: block;
width: 100%;
height: auto;
max-width: 460px !important;
margin: 0 auto;
}

.pre-registration-widget ul {
margin: 0;
}

.pre-registration-widget__item {
border-top: 1px solid #e2e2e2;
background-color: #fff;
box-sizing: border-box;
margin: 0;
padding: 10px;
}

.pre-registration-widget__item:first-child {
border-top: none;
}

.pre-registration-widget__wrapper, .pre-registration-widget__wrapper--center, .pre-registration-widget__wrapper--top {
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: space-around;
}

.pre-registration-widget__wrapper--center {
align-items: center;
}

.pre-registration-widget__wrapper--top {
align-items: stretch;
}

.pre-registration-widget__img-wrap {
width: 60px;
height: 60px;
min-width: 60px;
}

.pre-registration-widget__img-wrap img {
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 8px;
display: block;
}

.pre-registration-widget__txt-wrap {
box-sizing: border-box;
padding: 0 0 0 5px;
width: calc(100% - 145px);
}

.pre-registration-widget__txt-wrap .txt {
text-decoration: none;
}

.pre-registration-widget__txt-wrap .txt--title a {
font-size: 1.4rem;
line-height: 1.5;
margin: 2px 0;
font-weight: 700;
}

.pre-registration-widget__txt-wrap .txt--point {
font-size: 1.2rem;
line-height: 1.5;
margin: 2px 0;
font-weight: 700;
}

.pre-registration-widget__txt-wrap .txt--point:before {
content: '';
display: inline-block;
width: 15px;
height: 15px;
background-image: url("/img/pre-registration_point.png");
background-size: 15px 15px;
vertical-align: middle;
margin-right: 2px;
}

.pre-registration-widget__btn {
color: #fff;
display: block;
background-color: #00adb3;
border-radius: 5px;
box-sizing: border-box;
text-align: center;
margin-left: 5px;
padding: 7px;
font-size: 1.2rem;
font-weight: 600 !important;
width: 75px;
}

.pre-registration-widget__btn:hover {
opacity: 0.7;
cursor: pointer;
}

.pre-registration-widget__btn:disabled {
background-color: #7dd7d9;
}

#gameliv_pickup_widget {
min-height: 565px;
}

.pickup-widget {
background-color: #fff;
}

@media only screen and (min-width: 769px) {
.pickup-widget {
width: 300px;
}
}

.pickup-widget__banner-area {
padding: 8px 8px 0 8px;
}

.pickup-widget__banner-area a:hover {
font-weight: 400 !important;
}

.pickup-widget__banner-image {
width: 100%;
height: 170px;
}

@media only screen and (min-width: 769px) {
.pickup-widget__banner-image {
height: 190px;
}
}

.pickup-widget__list {
list-style: none;
}

.pickup-widget__list > div {
border-bottom: 1px solid #efefef;
}

.pickup-widget__list > div:last-child {
border-bottom: none;
}

.pickup-widget__item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
width: 100%;
padding: 6px 8px;
box-sizing: border-box;
}

.pickup-widget__banner-img-wrapper {
overflow: hidden;
width: 100%;
height: 190px;
position: relative;
}

.pickup-widget__banner-img-wrapper img {
object-fit: cover;
width: 100%;
height: 100%;
}

.pickup-widget__banner-link {
background: linear-gradient(to right, #9ca5b2, #838a91);
color: #fff;
font-size: 1.3rem;
line-height: 1.5;
font-weight: 400;
text-align: right;
padding: 3px 30px 3px 15px;
position: relative;
}

.pickup-widget__banner-link:after {
content: '';
position: absolute;
display: block;
top: 0;
bottom: 0;
right: 15px;
width: 6px;
height: 6px;
margin: auto;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
transform: translate(0, 0) rotate(-45deg);
}

.pickup-widget__title {
position: absolute;
left: 10px;
bottom: 10px;
max-width: 80%;
font-size: 1.8rem;
font-weight: 600;
padding: 0 2px 4px;
}

.pickup-widget__title span {
display: inline;
margin-top: 5px;
line-height: 1;
padding: 4px 5px;
}

.pickup-widget__img-wrapper {
overflow: hidden;
width: 40%;
height: 90px;
position: relative;
border-radius: 6px;
}

.pickup-widget__img-wrapper img {
object-fit: cover;
width: 100%;
height: 100%;
}

.pickup-widget__tag {
display: inline-block;
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 2px 8px;
text-align: center;
font-size: 1.2rem;
font-weight: 600;
color: #fff;
background-color: #666;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
border-radius: 5px 0;
}

.pickup-widget__txt-wrapper {
box-sizing: border-box;
width: 60%;
font-size: 1.3rem;
line-height: 1.5;
margin-top: -1px;
padding: 0 0 0 8px;
position: relative;
color: #333;
font-weight: 600;
}

.copyme {
display: flex;
}

.copyme input {
display: block;
border-radius: 4px 0 0 4px;
flex: 1;
border: solid 1px #ccc;
-webkit-appearance: none;
padding: 5px 10px;
box-sizing: border-box;
width: 100%;
}

.copyme button {
display: block;
border-radius: 0 4px 4px 0;
border: solid 1px #ccc;
border-left: none;
padding: 4px 6px;
}

.copyme button:active {
background-color: #ddd;
}

.copyme button img {
height: 20px;
margin: auto 0;
display: block;
}

.main_information {
position: relative;
}

#menu_game_list {
min-height: 820px;
}

.inline_ad_position {
margin-top: 20px;
}

@media only screen and (min-width: 769px) {
.inline_ad_position {
margin-top: 30px;
}
}

.kamigame-device-mobile.ios #wrapper #ad_above_breadcrumbs {
display: none;
position: relative;
flex-direction: column;
align-items: center;
min-height: 130px;
margin: 10px 0;
justify-content: center;
}

.kamigame-device-mobile.ios #wrapper #ad_above_breadcrumbs #ad_above_breadcrumbs_placeholder {
width: 320px;
height: 130px;
position: absolute;
z-index: -1;
}

.kamigame-device-mobile.ios #ad_top {
display: none;
position: relative;
flex-direction: column;
align-items: center;
min-height: 190px;
}

.kamigame-device-mobile.ios #ad_top #ad_top_placeholder_wrapper {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
background-color: #fff;
justify-content: center;
}

.kamigame-device-mobile.ios #ad_top #ad_top_placeholder_wrapper #ad_top_placeholder {
width: 320px;
height: calc(190px - 20px);
background-color: #f2f2f2;
}

.kamigame-device-mobile.android .kamigame_ad_enabled#wrapper #ad_above_breadcrumbs {
display: none;
position: relative;
flex-direction: column;
align-items: center;
min-height: 130px;
margin: 10px 0;
justify-content: center;
}

.kamigame-device-mobile.android .kamigame_ad_enabled#wrapper #ad_above_breadcrumbs #ad_above_breadcrumbs_placeholder {
width: 320px;
height: 130px;
position: absolute;
z-index: -1;
}

.kamigame-device-mobile.android .kamigame_ad_enabled #wrapper #ad_above_breadcrumbs {
display: none;
position: relative;
flex-direction: column;
align-items: center;
min-height: 130px;
margin: 10px 0;
justify-content: center;
}

.kamigame-device-mobile.android .kamigame_ad_enabled #wrapper #ad_above_breadcrumbs #ad_above_breadcrumbs_placeholder {
width: 320px;
height: 130px;
position: absolute;
z-index: -1;
}

.kamigame-device-mobile.android .kamigame_ad_enabled #ad_top {
display: none;
position: relative;
flex-direction: column;
align-items: center;
min-height: 190px;
}

.kamigame-device-mobile.android .kamigame_ad_enabled #ad_top #ad_top_placeholder_wrapper {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
background-color: #fff;
justify-content: center;
}

.kamigame-device-mobile.android .kamigame_ad_enabled #ad_top #ad_top_placeholder_wrapper #ad_top_placeholder {
width: 320px;
height: calc(190px - 20px);
background-color: #f2f2f2;
}

.main_information #link_to_comment_list {
position: absolute;
top: 0;
right: 0;
display: block;
text-align: center;
font-size: 1.3rem;
line-height: 1;
font-weight: 600;
margin: 0;
white-space: nowrap;
min-width: 100px;
}

.main_information #link_to_comment_list a {
position: relative;
display: block;
box-sizing: border-box;
padding: 8px 28px 8px 30px;
text-decoration: none;
background: #bf4669;
box-shadow: 0 3px 0 rgba(0,0,0,0.2);
color: #fff;
border-radius: 8px;
}

.main_information #link_to_comment_list a:before {
content: '';
position: absolute;
display: inline-block;
top: 50%;
transform: translateY(-50%);
background-image: url("/img/comment_white.svg");
background-size: 14px 14px;
width: 14px;
height: 14px;
margin-left: -20px;
}

.main_information #link_to_comment_list a:after {
content: "";
position: absolute;
display: block;
top: 0;
bottom: 0;
right: 12px;
width: 6px;
height: 6px;
margin: auto;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
transform: translate(0, 0) rotate(-45deg);
}

.main_information #link_to_comment_list a:hover {
opacity: .7;
}

.main_information #link_to_comment_list a span {
font-size: 1.3rem;
}

.bingo-tool__card-cell, .bingo-tool__card-cell--checked {
position: absolute;
width: 100%;
height: 100%;
top: 0;
background-color: #eaf9fd;
color: #272980;
font-size: 1.2rem;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 3px;
line-height: 1.3;
box-sizing: border-box;
font-feature-settings: "palt";
}

@media only screen and (min-width: 769px) {
.bingo-tool__card-cell, .bingo-tool__card-cell--checked {
padding: 5px;
line-height: 1.4;
}
}

@media (max-width: 320px) {
.bingo-tool__card-cell, .bingo-tool__card-cell--checked {
line-height: 1.2;
}
}

.bingo-tool__card-cell:hover, .bingo-tool__card-cell--checked:hover {
cursor: pointer;
}

.bingo-tool__card-cell:active, .bingo-tool__card-cell--checked:active {
cursor: -webkit-grab;
cursor: grab;
animation: spinner 200ms infinite linear;
}

.bingo-tool__card {
background: #04030d;
padding: 0 10px 10px 10px;
}

@media only screen and (min-width: 769px) {
.bingo-tool__card {
padding: 0 15px 10px 15px;
}
}

@media (max-width: 320px) {
.bingo-tool__card {
padding: 0 5px 5px 5px;
}
}

.bingo-tool__card-header {
content: '';
background: url("/img/bingo_top.png") no-repeat center;
background-size: contain;
height: 70px;
width: auto;
display: block;
}

@media only screen and (min-width: 769px) {
.bingo-tool__card-header {
height: 84px;
}
}

@media (max-width: 320px) {
.bingo-tool__card-header {
height: 60px;
}
}

.bingo-tool__card-content {
border-top: 2px solid #1d133d;
border-left: 2px solid #1d133d;
}

.bingo-tool__card-content-row {
border-color: #1d133d;
display: flex;
}

.bingo-tool__card-cell-wrapper {
position: relative;
border-right: 2px solid #1d133d;
border-bottom: 2px solid #1d133d;
overflow: hidden;
}

.bingo-tool__card-cell--checked {
background-color: #272980;
color: #eaf9fd;
}

.bingo-tool__comment-wrapper {
text-align: center;
margin: 10px auto 5px;
display: flex;
justify-content: center;
}

.bingo-tool__comment {
position: relative;
}

.bingo-tool__comment::before, .bingo-tool__comment::after {
position: absolute;
top: 10%;
content: '';
background: gray;
width: 2px;
height: 80%;
}

.bingo-tool__comment::before {
left: -20px;
transform: rotate(-35deg);
}

.bingo-tool__comment::after {
right: -20px;
transform: rotate(35deg);
}

.bingo-tool__actions {
display: flex;
flex-direction: column;
width: 100%;
}

.bingo-tool__button-container {
margin: 0 auto;
text-align: center;
font-size: 1.4rem;
line-height: 1.4;
font-weight: 700;
min-height: 40px;
width: 100%;
}

.bingo-tool__button-container > button {
width: 90%;
}

.bingo-tool__button-container > button:disabled {
opacity: 0.2;
}

.bingo-tool__button-container > button.tweet {
position: relative;
display: block;
box-sizing: border-box;
font-weight: 700;
padding: 10px 30px 9px 30px;
text-decoration: none;
background: #0078cb;
box-shadow: 0 3px 0 rgba(0,0,0,0.2);
color: #fff;
border-radius: 8px;
line-height: 1.4;
margin: 0 auto 15px;
}

@media only screen and (min-width: 769px) {
.bingo-tool__button-container > button.tweet {
max-width: 90%;
}
}

.bingo-tool__button-container > button.tweet:after {
content: '';
position: absolute;
display: block;
top: 0;
bottom: 0;
right: 20px;
width: 6px;
height: 6px;
margin: auto;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
transform: translate(0px, 0px) rotate(-45deg);
}

.bingo-tool__button-container > button.tweet:active, .bingo-tool__button-container > button.tweet:hover {
opacity: .7;
}

.bingo-tool__button-container > button.reset {
position: relative;
display: block;
box-sizing: border-box;
font-weight: 700;
padding: 10px 30px 9px 30px;
text-decoration: none;
background: #eee;
box-shadow: 0 3px 0 rgba(0,0,0,0.2);
color: #666;
border-radius: 8px;
line-height: 1.4;
margin: 0 auto 10px;
}

@media only screen and (min-width: 769px) {
.bingo-tool__button-container > button.reset {
max-width: 90%;
}
}

.bingo-tool__button-container > button.reset:after {
content: '';
position: absolute;
display: block;
top: 0;
bottom: 0;
right: 20px;
width: 6px;
height: 6px;
margin: auto;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
transform: translate(0px, 0px) rotate(-45deg);
}

.bingo-tool__button-container > button.reset:active, .bingo-tool__button-container > button.reset:hover {
opacity: .7;
}

@-webkit-keyframes spinner {
from {
box-shadow: 0 10px 20px rgba(0,0,0,0.2);
transform: rotateX(0) rotateY(-360deg);
}

to {
box-shadow: 0 10px 20px rgba(0,0,0,0.2);
transform: rotateX(360deg) rotateY(-360deg);
}
}

@keyframes spinner {
from {
box-shadow: 0 10px 20px rgba(0,0,0,0.2);
transform: rotateX(0) rotateY(-360deg);
}

to {
box-shadow: 0 10px 20px rgba(0,0,0,0.2);
transform: rotateX(360deg) rotateY(-360deg);
}
}

.image-with-detail-img-wrapper {
display: inline-block;
}

.image-with-detail-img {
cursor: pointer;
}

.iwd_yc-root-div {
border: 1px solid #ccc;
}

.iwd_yc-root-div .iwd_yc-image-and-meta-container {
display: flex;
}

.iwd_yc-root-div .iwd_yc-image-wrapper {
width: 120px;
padding: 8px 8px 0;
border-right: 1px solid #ccc;
}

.iwd_yc-root-div .iwd_yc-meta-container {
flex-grow: 1;
padding: 16px 8px;
}

.iwd_yc-root-div .iwd_yc-description-wrapper {
padding: 0 8px;
border-top: 1px solid #ccc;
}

.iwd_yc-root-div .iwd_yc-text-with-icon {
height: 25px;
display: flex;
align-items: center;
}

.iwd_yc-root-div .iwd_yc-util-icon-24px {
height: 24px;
margin-right: 4px;
}

.iwd_yc-root-div .iwd_yc-util-icon-18px {
height: 18px;
margin-right: 4px;
}

.star-full {
content: "";
display: inline-block;
vertical-align: middle;
width: 18px;
height: 18px;
background: url("/img/star_full.png") no-repeat;
background-size: 18px 18px;
margin: 2px 0;
}

.star-half {
content: "";
display: inline-block;
vertical-align: middle;
width: 9px;
height: 18px;
background: url("/img/star_half.png") no-repeat;
background-size: 9px 18px;
margin: 2px 0;
}

.vertical-img-list {
list-style: none;
margin: 0 auto 5px;
}

.vertical-img-list > li {
box-sizing: border-box;
border-bottom: 1px solid #ccc;
}

@media only screen and (min-width: 769px) {
.vertical-img-list > li {
margin-bottom: 10px;
}
}

.vertical-img-list > li:last-child {
margin-bottom: 0;
}

.vertical-img-list a {
display: flex !important;
flex-wrap: wrap;
align-items: stretch;
justify-content: flex-start;
text-decoration: none;
margin: 0;
padding: 5px;
}

@media only screen and (min-width: 769px) {
.vertical-img-list a {
padding: 0 0 10px 0;
}
}

.vertical-img-list a:hover {
opacity: .7;
cursor: pointer;
color: #0078cb;
}

.vertical-img-list__img-wrap {
overflow: hidden;
width: 38%;
min-width: 100px;
height: 76px;
}

@media only screen and (min-width: 769px) {
.vertical-img-list__img-wrap {
max-width: 106px;
}
}

.vertical-img-list__img-wrap img {
object-fit: cover;
width: 100%;
height: 100%;
}

.vertical-img-list__txt-wrap {
box-sizing: border-box;
width: calc(100% - 38% - 8px);
line-height: 1.5;
margin: 0 0 0 8px;
}

.vertical-img-list__txt-wrap p {
text-decoration: none;
font-size: 1.4rem;
font-weight: 600;
margin: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}

.vertical-img-list__see-more {
display: block;
text-align: right;
font-size: 1.3rem;
}

.vertical-img-list__see-more:after {
content: "";
display: inline-block;
width: 10px;
height: 10px;
margin: 0 5px;
border-bottom: 2px solid #0078cb;
border-right: 2px solid #0078cb;
transform: translate(0, 0) rotate(-45deg);
vertical-align: middle;
}

article section:not(#table_of_contents), article h3:not(#table_of_contents), article h4:not(#table_of_contents), article h5:not(#table_of_contents), h6:not(#table_of_contents) {
scroll-margin-top: 50px;
}

article .search-highlight {
background-color: yellow;
}

article .search-highlight.current {
background-color: orange;
}

.notification-toast {
display: flex;
align-items: center;
width: 130px;
height: 40px;
padding: 5px 20px 5px 5px;
background: #fff;
color: #000;
font-size: 12px;
font-weight: bold;
border-radius: 0.5rem;
}

.notification-toast .toast-close {
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
color: #949494;
opacity: 100%;
}

.event-notification__menu {
background: #fff;
box-shadow: 0 3px 4px rgba(0,0,0,0.2);
font-size: 1.2rem;
padding: 10px;
}

.event-notification__menu__content {
margin: 0 10px 0 10px;
}

.event-notification__notify-setting {
display: flex;
align-items: center;
margin: 10px 0 10px 0;
}

.event-notification__notify-setting__toggle-button {
margin-right: 7px;
}

.event-notification__notify-setting__toggle-button .switch {
position: relative;
display: inline-block;
width: 48px;
height: 24px;
}

.event-notification__notify-setting__toggle-button .switch input {
opacity: 0;
width: 0;
height: 0;
}

.event-notification__notify-setting__toggle-button .switch .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
transition: 0.4s;
border-radius: 12px;
}

.event-notification__notify-setting__toggle-button .switch .slider:before {
position: absolute;
content: '';
height: 16px;
width: 16px;
left: 4px;
bottom: 4px;
background-color: white;
transition: 0.4s;
border-radius: 50%;
}

.event-notification__notify-setting__toggle-button .switch input:checked + .slider {
background-color: #2196f3;
}

.event-notification__notify-setting__toggle-button .switch input:focus + .slider {
box-shadow: 0 0 1px #2196f3;
}

.event-notification__notify-setting__toggle-button .switch input:checked + .slider:before {
transform: translateX(26px);
}

.event-notification__notify-setting__toggle-button .switch .slider.round {
border-radius: 12px;
}

.event-notification__notify-setting__toggle-button .switch .slider.round:before {
border-radius: 50%;
}

.event-notification__checkbox-column {
text-align: center;
}

.event-notification__checkbox {
transform: scale(2);
}

header.wide_header {
background-image: url("/グラブル/img/header_bg_top.png");
}

#wrapper[data-path="/%E3%82%B0%E3%83%A9%E3%83%96%E3%83%AB/%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88/%E3%82%A8%E3%82%A4%E3%83%97%E3%83%AA%E3%83%AB/%E3%83%8A%E3%82%BE%E3%83%96%E3%83%AB.html"] #article_comment {
display: none;
}

img.character_icon {
width: 90px;
}

img.propty_icon {
width: 18px;
}

ul.inline-block {
border: none;
margin: 0 10px;
}

#main_contents .main_quest_list h2 {
padding: .1em 0 .1em 1em;
background-color: #f1f2f3;
font-size: 12px;
margin: 0 0 .5em 0;
background-image: none;
border: none;
font-weight: normal;
}

#main_contents p.link_area a {
list-style: none;
}

.link_area img {
width: 50px;
}

.list_new .tap_area a img {
width: 50px;
}

.main_quest_list form {
padding: 1em;
margin-top: -6px;
text-align: center;
border-radius: 4px;
}

.main_quest_list form label {
margin-right: 1em;
}

.main_quest_list form p {
padding: 0;
display: inline-block;
}

.main_quest_list form input {
border: 1px solid #4ca3bf;
border-radius: 4px;
width: 82px;
font-size: 12px;
margin: 0 .3em;
padding: 4px;
text-align: center;
}

.main_quest_list form input.icon_search {
margin-left: .5em;
background-color: #5fbd2e;
color: #fff;
border-radius: 4px;
border: none;
padding: 4px;
width: 65px;
}

.main_quest_list ul {
list-style: none;
margin: 1em 0;
padding: 0 1em;
}

.main_quest_list ul li {
display: inline-block;
margin-right: 10%;
}

.main_quest_list ul li a {
padding: 2px;
}

.main_quest_list ul li a:hover {
text-decoration: none;
background-color: #4ca3bf;
color: #fff;
border-radius: 4px;
}

.character_list p {
margin: 0;
}

.list_type_header {
margin: .7em 0;
}

.character_list table tr th:nth-of-type(1) {
width: 60px;
}

.character_list table tr td:nth-of-type(1) {
text-align: left;
font-weight: bold;
}

.character_list table tr td:nth-of-type(1) img {
width: 60px;
border-radius: 3px;
}

.character_list table tr th:nth-of-type(2) {
width: 11%;
}

.character_list table tr td:nth-of-type(2) {
text-align: center;
}

.character_list table tr th:nth-of-type(3) {
width: 10%;
}

.character_list table tr td:nth-of-type(3) {
text-align: center;
}

.character_list table tr td:nth-of-type(4) {
text-align: left;
}

.character_list table tr th:nth-of-type(4) {
width: 16%;
}

.character_list table tr th:nth-of-type(5) {
width: 11%;
}

.character_list table tr td:nth-of-type(5) {
text-align: center;
}

.character_list table tr th:nth-of-type(6) {
width: 14%;
}

.character_list table tr td:nth-of-type(6) {
text-align: right;
}

.character_list table tr th:nth-of-type(7) {
width: 14%;
}

.character_list table tr td:nth-of-type(7) {
text-align: right;
}

.character_list table tr td:nth-of-type(8) {
text-align: center;
}

.火 {
display: inline-block;
font-family: 'SF Pro Text', 'SF Pro Display', 'Helvetica', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Robot, 'Droid Sans', 'メイリオ', Meiryo, sans-serif;
margin: 0 2px;
padding: 3px 5px;
border-radius: 3px;
text-align: center;
font-size: 1.2rem;
line-height: 1;
font-weight: bold;
color: #fff;
background-color: #ec2733;
}

.火 a {
color: #fff;
text-decoration: underline;
}

.水 {
display: inline-block;
font-family: 'SF Pro Text', 'SF Pro Display', 'Helvetica', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Robot, 'Droid Sans', 'メイリオ', Meiryo, sans-serif;
margin: 0 2px;
padding: 3px 5px;
border-radius: 3px;
text-align: center;
font-size: 1.2rem;
line-height: 1;
font-weight: bold;
color: #fff;
background-color: #54a5ff;
}

.水 a {
color: #fff;
text-decoration: underline;
}

.土 {
display: inline-block;
font-family: 'SF Pro Text', 'SF Pro Display', 'Helvetica', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Robot, 'Droid Sans', 'メイリオ', Meiryo, sans-serif;
margin: 0 2px;
padding: 3px 5px;
border-radius: 3px;
text-align: center;
font-size: 1.2rem;
line-height: 1;
font-weight: bold;
color: #fff;
background-color: #b07338;
}

.土 a {
color: #fff;
text-decoration: underline;
}

.風 {
display: inline-block;
font-family: 'SF Pro Text', 'SF Pro Display', 'Helvetica', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Robot, 'Droid Sans', 'メイリオ', Meiryo, sans-serif;
margin: 0 2px;
padding: 3px 5px;
border-radius: 3px;
text-align: center;
font-size: 1.2rem;
line-height: 1;
font-weight: bold;
color: #fff;
background-color: #74cd4a;
}

.風 a {
color: #fff;
text-decoration: underline;
}

.光 {
display: inline-block;
font-family: 'SF Pro Text', 'SF Pro Display', 'Helvetica', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Robot, 'Droid Sans', 'メイリオ', Meiryo, sans-serif;
margin: 0 2px;
padding: 3px 5px;
border-radius: 3px;
text-align: center;
font-size: 1.2rem;
line-height: 1;
font-weight: bold;
color: #fff;
background-color: #e1c25b;
}

.光 a {
color: #fff;
text-decoration: underline;
}

.闇 {
display: inline-block;
font-family: 'SF Pro Text', 'SF Pro Display', 'Helvetica', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Robot, 'Droid Sans', 'メイリオ', Meiryo, sans-serif;
margin: 0 2px;
padding: 3px 5px;
border-radius: 3px;
text-align: center;
font-size: 1.2rem;
line-height: 1;
font-weight: bold;
color: #fff;
background-color: #8a71db;
}

.闇 a {
color: #fff;
text-decoration: underline;
}

.無 {
display: inline-block;
font-family: 'SF Pro Text', 'SF Pro Display', 'Helvetica', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Robot, 'Droid Sans', 'メイリオ', Meiryo, sans-serif;
margin: 0 2px;
padding: 3px 5px;
border-radius: 3px;
text-align: center;
font-size: 1.2rem;
line-height: 1;
font-weight: bold;
color: #fff;
background-color: #999;
}

.無 a {
color: #fff;
text-decoration: underline;
}

.ヒューマン {
color: #2cc9c1;
font-weight: 700;
}

.エルーン {
color: #61d709;
font-weight: 700;
}

.ドラフ {
color: #e06666;
font-weight: 700;
}

.ハーヴィン {
color: #e1c25b;
font-weight: 700;
}

.種族不明 {
color: #b2b9c5;
font-weight: 700;
}

.攻撃 {
color: #cc0000;
font-weight: 700;
}

.防御 {
color: #24a3c9;
font-weight: 700;
}

.バランス {
color: #cca12a;
font-weight: 700;
}

.回復 {
color: #ff7de9;
font-weight: 700;
}

.特殊 {
color: #9900ff;
font-weight: 700;
}

.剣 {
display: inline-block;
font-family: 'SF Pro Text', 'SF Pro Display', 'Helvetica', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Robot, 'Droid Sans', 'メイリオ', Meiryo, sans-serif;
margin: 0 2px;
padding: 3px 5px;
border-radius: 3px;
text-align: center;
font-size: 1.2rem;
line-height: 1;
font-weight: bold;
color: #fff;
background-color: #61bfff;
}

.剣 a {
color: #fff;
text-decoration: underline;
}

.短剣 {
display: inline-block;
font-family: 'SF Pro Text', 'SF Pro Display', 'Helvetica', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Robot, 'Droid Sans', 'メイリオ', Meiryo, sans-serif;
margin: 0 2px;
padding: 3px 5px;
border-radius: 3px;
text-align: center;
font-size: 1.2rem;
line-height: 1;
font-weight: bold;
color: #fff;
background-color: #b695ff;
}

.短剣 a {
color: #fff;
text-decoration: underline;
}

.槍 {
display: inline-block;
font-family: 'SF Pro Text', 'SF Pro Display', 'Helvetica', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Robot, 'Droid Sans', 'メイリオ', Meiryo, sans-serif;
margin: 0 2px;
padding: 3px 5px;
border-radius: 3px;
text-align: center;
font-size: 1.2rem;
line-height: 1;
font-weight: bold;
color: #fff;
background-color: #e29cff;
}

.槍 a {
color: #fff;
text-decoration: underline;
}

.斧 {
display: inline-block;
font-family: 'SF Pro Text', 'SF Pro Display', 'Helvetica', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Robot, 'Droid Sans', 'メイリオ', Meiryo, sans-serif;
margin: 0 2px;
padding: 3px 5px;
border-radius: 3px;
text-align: center;
font-size: 1.2rem;
line-height: 1;
font-weight: bold;
color: #fff;
background-color: #ec53a9;
}

.斧 a {
color: #fff;
text-decoration: underline;
}

.杖 {
display: inline-block;
font-family: 'SF Pro Text', 'SF Pro Display', 'Helvetica', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Robot, 'Droid Sans', 'メイリオ', Meiryo, sans-serif;
margin: 0 2px;
padding: 3px 5px;
border-radius: 3px;
text-align: center;
font-size: 1.2rem;
line-height: 1;
font-weight: bold;
color: #fff;
background-color: #b2b9c5;
}

.杖 a {
color: #fff;
text-decoration: underline;
}

.銃 {
display: inline-block;
font-family: 'SF Pro Text', 'SF Pro Display', 'Helvetica', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Robot, 'Droid Sans', 'メイリオ', Meiryo, sans-serif;
margin: 0 2px;
padding: 3px 5px;
border-radius: 3px;
text-align: center;
font-size: 1.2rem;
line-height: 1;
font-weight: bold;
color: #fff;
background-color: #eca133;
}

.銃 a {
color: #fff;
text-decoration: underline;
}

.格闘 {
display: inline-block;
font-family: 'SF Pro Text', 'SF Pro Display', 'Helvetica', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Robot, 'Droid Sans', 'メイリオ', Meiryo, sans-serif;
margin: 0 2px;
padding: 3px 5px;
border-radius: 3px;
text-align: center;
font-size: 1.2rem;
line-height: 1;
font-weight: bold;
color: #fff;
background-color: #ecd585;
}

.格闘 a {
color: #fff;
text-decoration: underline;
}

.弓 {
display: inline-block;
font-family: 'SF Pro Text', 'SF Pro Display', 'Helvetica', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Robot, 'Droid Sans', 'メイリオ', Meiryo, sans-serif;
margin: 0 2px;
padding: 3px 5px;
border-radius: 3px;
text-align: center;
font-size: 1.2rem;
line-height: 1;
font-weight: bold;
color: #fff;
background-color: #4ce5c2;
}

.弓 a {
color: #fff;
text-decoration: underline;
}

.楽器 {
display: inline-block;
font-family: 'SF Pro Text', 'SF Pro Display', 'Helvetica', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Robot, 'Droid Sans', 'メイリオ', Meiryo, sans-serif;
margin: 0 2px;
padding: 3px 5px;
border-radius: 3px;
text-align: center;
font-size: 1.2rem;
line-height: 1;
font-weight: bold;
color: #fff;
background-color: #9edb47;
}

.楽器 a {
color: #fff;
text-decoration: underline;
}

.刀 {
display: inline-block;
font-family: 'SF Pro Text', 'SF Pro Display', 'Helvetica', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Robot, 'Droid Sans', 'メイリオ', Meiryo, sans-serif;
margin: 0 2px;
padding: 3px 5px;
border-radius: 3px;
text-align: center;
font-size: 1.2rem;
line-height: 1;
font-weight: bold;
color: #fff;
background-color: #4a3d91;
}

.刀 a {
color: #fff;
text-decoration: underline;
}

.SSR {
display: inline-block;
font-family: 'SF Pro Text', 'SF Pro Display', 'Helvetica', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Robot, 'Droid Sans', 'メイリオ', Meiryo, sans-serif;
margin: 0 2px;
padding: 3px 5px;
border-radius: 3px;
text-align: center;
font-size: 1.2rem;
line-height: 1;
font-weight: bold;
color: #fff;
background-color: #bf9000;
}

.SSR a {
color: #fff;
text-decoration: underline;
}

.SR {
display: inline-block;
font-family: 'SF Pro Text', 'SF Pro Display', 'Helvetica', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Robot, 'Droid Sans', 'メイリオ', Meiryo, sans-serif;
margin: 0 2px;
padding: 3px 5px;
border-radius: 3px;
text-align: center;
font-size: 1.2rem;
line-height: 1;
font-weight: bold;
color: #fff;
background-color: #81b8c5;
}

.SR a {
color: #fff;
text-decoration: underline;
}

.R {
display: inline-block;
font-family: 'SF Pro Text', 'SF Pro Display', 'Helvetica', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Robot, 'Droid Sans', 'メイリオ', Meiryo, sans-serif;
margin: 0 2px;
padding: 3px 5px;
border-radius: 3px;
text-align: center;
font-size: 1.2rem;
line-height: 1;
font-weight: bold;
color: #fff;
background-color: #900;
}

.R a {
color: #fff;
text-decoration: underline;
}

.アビリティ効果_攻撃 {
display: inline-block;
font-family: 'SF Pro Text', 'SF Pro Display', 'Helvetica', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Robot, 'Droid Sans', 'メイリオ', Meiryo, sans-serif;
margin: 0 2px;
padding: 3px 5px;
border-radius: 3px;
text-align: center;
font-size: 1.2rem;
line-height: 1;
font-weight: bold;
color: #fff;
background-color: red;
}

.アビリティ効果_攻撃 a {
color: #fff;
text-decoration: underline;
}

.アビリティ効果_強化 {
display: inline-block;
font-family: 'SF Pro Text', 'SF Pro Display', 'Helvetica', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Robot, 'Droid Sans', 'メイリオ', Meiryo, sans-serif;
margin: 0 2px;
padding: 3px 5px;
border-radius: 3px;
text-align: center;
font-size: 1.2rem;
line-height: 1;
font-weight: bold;
color: #fff;
background-color: #f90;
}

.アビリティ効果_強化 a {
color: #fff;
text-decoration: underline;
}

.アビリティ効果_弱体 {
display: inline-block;
font-family: 'SF Pro Text', 'SF Pro Display', 'Helvetica', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Robot, 'Droid Sans', 'メイリオ', Meiryo, sans-serif;
margin: 0 2px;
padding: 3px 5px;
border-radius: 3px;
text-align: center;
font-size: 1.2rem;
line-height: 1;
font-weight: bold;
color: #fff;
background-color: #0b5394;
}

.アビリティ効果_弱体 a {
color: #fff;
text-decoration: underline;
}

.アビリティ効果_回避 {
display: inline-block;
font-family: 'SF Pro Text', 'SF Pro Display', 'Helvetica', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Robot, 'Droid Sans', 'メイリオ', Meiryo, sans-serif;
margin: 0 2px;
padding: 3px 5px;
border-radius: 3px;
text-align: center;
font-size: 1.2rem;
line-height: 1;
font-weight: bold;
color: #fff;
background-color: #69cf1d;
}

.アビリティ効果_回避 a {
color: #fff;
text-decoration: underline;
}

.アビリティ効果_防御 {
display: inline-block;
font-family: 'SF Pro Text', 'SF Pro Display', 'Helvetica', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Robot, 'Droid Sans', 'メイリオ', Meiryo, sans-serif;
margin: 0 2px;
padding: 3px 5px;
border-radius: 3px;
text-align: center;
font-size: 1.2rem;
line-height: 1;
font-weight: bold;
color: #fff;
background-color: #2bb3e8;
}

.アビリティ効果_防御 a {
color: #fff;
text-decoration: underline;
}

.アビリティ効果_回復 {
display: inline-block;
font-family: 'SF Pro Text', 'SF Pro Display', 'Helvetica', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Robot, 'Droid Sans', 'メイリオ', Meiryo, sans-serif;
margin: 0 2px;
padding: 3px 5px;
border-radius: 3px;
text-align: center;
font-size: 1.2rem;
line-height: 1;
font-weight: bold;
color: #fff;
background-color: #37eeb3;
}

.アビリティ効果_回復 a {
color: #fff;
text-decoration: underline;
}

.アビリティ効果_ゲージUP {
display: inline-block;
font-family: 'SF Pro Text', 'SF Pro Display', 'Helvetica', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Robot, 'Droid Sans', 'メイリオ', Meiryo, sans-serif;
margin: 0 2px;
padding: 3px 5px;
border-radius: 3px;
text-align: center;
font-size: 1.2rem;
line-height: 1;
font-weight: bold;
color: #fff;
background-color: cyan;
}

.アビリティ効果_ゲージUP a {
color: #fff;
text-decoration: underline;
}

.アビリティ効果_トレハン {
display: inline-block;
font-family: 'SF Pro Text', 'SF Pro Display', 'Helvetica', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Robot, 'Droid Sans', 'メイリオ', Meiryo, sans-serif;
margin: 0 2px;
padding: 3px 5px;
border-radius: 3px;
text-align: center;
font-size: 1.2rem;
line-height: 1;
font-weight: bold;
color: #fff;
background-color: #ffd966;
}

.アビリティ効果_トレハン a {
color: #fff;
text-decoration: underline;
}

.アビリティ効果_自傷 {
display: inline-block;
font-family: 'SF Pro Text', 'SF Pro Display', 'Helvetica', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Robot, 'Droid Sans', 'メイリオ', Meiryo, sans-serif;
margin: 0 2px;
padding: 3px 5px;
border-radius: 3px;
text-align: center;
font-size: 1.2rem;
line-height: 1;
font-weight: bold;
color: #ff3793;
background-color: #ccc;
}

.アビリティ効果_自傷 a {
color: #ff3793;
text-decoration: underline;
}

.アビリティ効果_特殊 {
display: inline-block;
font-family: 'SF Pro Text', 'SF Pro Display', 'Helvetica', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Robot, 'Droid Sans', 'メイリオ', Meiryo, sans-serif;
margin: 0 2px;
padding: 3px 5px;
border-radius: 3px;
text-align: center;
font-size: 1.2rem;
line-height: 1;
font-weight: bold;
color: #fff;
background-color: #90f;
}

.アビリティ効果_特殊 a {
color: #fff;
text-decoration: underline;
}

.アビリティ効果_フィールド {
display: inline-block;
font-family: 'SF Pro Text', 'SF Pro Display', 'Helvetica', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Robot, 'Droid Sans', 'メイリオ', Meiryo, sans-serif;
margin: 0 2px;
padding: 3px 5px;
border-radius: 3px;
text-align: center;
font-size: 1.2rem;
line-height: 1;
font-weight: bold;
color: #fff;
background-color: #f0f;
}

.アビリティ効果_フィールド a {
color: #fff;
text-decoration: underline;
}

.対象外アビ {
color: #bfbfbf;
font-weight: 700;
}

.max_rimit {
color: #eca133;
font-weight: 700;
}

.final_rimit {
color: #9900ff;
font-weight: 700;
}

.article_title {
font-size: 16px;
}

a.article_title {
font-weight: 600;
}

.weapon_list th:nth-of-type(1) {
width: 90px;
}

.weapon_list td:nth-of-type(1) {
text-align: center;
}

.weapon_list th:nth-of-type(2) {
width: 3em;
}

.weapon_list th:nth-of-type(3) {
width: 2em;
}

.weapon_list th:nth-of-type(4) {
width: 2em;
}

.weapon_list th:nth-of-type(5) {
width: 30px;
}

.weapon_list td:nth-of-type(5) {
text-align: right;
}

.weapon_list th:nth-of-type(6) {
width: 40px;
}

.weapon_list td:nth-of-type(6) {
text-align: right;
}

.summon_list th:nth-of-type(1) {
width: 90px;
}

.summon_list th:nth-of-type(2) {
width: 3em;
}

.summon_list th:nth-of-type(3) {
width: 2em;
}

.summon_list th:nth-of-type(4) {
width: 10em;
}

.summon_list th:nth-of-type(5) {
width: 5em;
}

.summon_list th:nth-of-type(6) {
width: 50px;
}

.summon_list td:nth-of-type(6) {
text-align: center;
}

.subjugation_list table {
table-layout: fixed;
}

.subjugation_list th:nth-of-type(1) {
width: 14%;
}

.subjugation_list td:nth-of-type(1) {
text-align: center;
}

.subjugation_list th:nth-of-type(2) {
width: 18%;
}

.subjugation_list th:nth-of-type(3) {
width: 5%;
}

.subjugation_list td:nth-of-type(3) {
text-align: center;
}

.subjugation_list th:nth-of-type(4) {
width: 5%;
}

.subjugation_list td:nth-of-type(4) {
text-align: center;
}

#menu_キャラクター #キャラクター--火属性のキャラクター,#menu_キャラクター #召喚石--火属性の召喚石,#menu_キャラクター #武器一覧--火属性の武器,#menu_キャラクター #キャラクター--水属性のキャラクター,#menu_キャラクター #召喚石--水属性の召喚石,#menu_キャラクター #武器一覧--水属性の武器,#menu_キャラクター #キャラクター--土属性のキャラクター,#menu_キャラクター #召喚石--土属性の召喚石,#menu_キャラクター #武器一覧--土属性の武器,#menu_キャラクター #キャラクター--風属性のキャラクター,#menu_キャラクター #召喚石--風属性の召喚石,#menu_キャラクター #武器一覧--風属性の武器,#menu_キャラクター #キャラクター--光属性のキャラクター,#menu_キャラクター #召喚石--光属性の召喚石,#menu_キャラクター #武器一覧--光属性の武器,#menu_キャラクター #キャラクター--闇属性のキャラクター,#menu_キャラクター #召喚石--闇属性の召喚石,#menu_キャラクター #武器一覧--闇属性の武器,#menu_召喚石 #キャラクター--火属性のキャラクター,#menu_召喚石 #召喚石--火属性の召喚石,#menu_召喚石 #武器一覧--火属性の武器,#menu_召喚石 #キャラクター--水属性のキャラクター,#menu_召喚石 #召喚石--水属性の召喚石,#menu_召喚石 #武器一覧--水属性の武器,#menu_召喚石 #キャラクター--土属性のキャラクター,#menu_召喚石 #召喚石--土属性の召喚石,#menu_召喚石 #武器一覧--土属性の武器,#menu_召喚石 #キャラクター--風属性のキャラクター,#menu_召喚石 #召喚石--風属性の召喚石,#menu_召喚石 #武器一覧--風属性の武器,#menu_召喚石 #キャラクター--光属性のキャラクター,#menu_召喚石 #召喚石--光属性の召喚石,#menu_召喚石 #武器一覧--光属性の武器,#menu_召喚石 #キャラクター--闇属性のキャラクター,#menu_召喚石 #召喚石--闇属性の召喚石,#menu_召喚石 #武器一覧--闇属性の武器,#menu_武器一覧.side_block #キャラクター--火属性のキャラクター,#menu_武器一覧.side_block #召喚石--火属性の召喚石,#menu_武器一覧.side_block #武器一覧--火属性の武器,#menu_武器一覧.side_block #キャラクター--水属性のキャラクター,#menu_武器一覧.side_block #召喚石--水属性の召喚石,#menu_武器一覧.side_block #武器一覧--水属性の武器,#menu_武器一覧.side_block #キャラクター--土属性のキャラクター,#menu_武器一覧.side_block #召喚石--土属性の召喚石,#menu_武器一覧.side_block #武器一覧--土属性の武器,#menu_武器一覧.side_block #キャラクター--風属性のキャラクター,#menu_武器一覧.side_block #召喚石--風属性の召喚石,#menu_武器一覧.side_block #武器一覧--風属性の武器,#menu_武器一覧.side_block #キャラクター--光属性のキャラクター,#menu_武器一覧.side_block #召喚石--光属性の召喚石,#menu_武器一覧.side_block #武器一覧--光属性の武器,#menu_武器一覧.side_block #キャラクター--闇属性のキャラクター,#menu_武器一覧.side_block #召喚石--闇属性の召喚石,#menu_武器一覧.side_block #武器一覧--闇属性の武器 {
background-color: #ecf0f1;
background-position: 12px 3px;
background-repeat: no-repeat;
background-size: 16px;
margin: 0;
padding: 2px 14px 2px 34px;
font-weight: 500;
color: #242525;
}

#menu_キャラクター #キャラクター--火属性のキャラクター,#menu_キャラクター #召喚石--火属性の召喚石,#menu_キャラクター #武器一覧--火属性の武器,#menu_召喚石 #キャラクター--火属性のキャラクター,#menu_召喚石 #召喚石--火属性の召喚石,#menu_召喚石 #武器一覧--火属性の武器,#menu_武器一覧.side_block #キャラクター--火属性のキャラクター,#menu_武器一覧.side_block #召喚石--火属性の召喚石,#menu_武器一覧.side_block #武器一覧--火属性の武器 {
background-image: url("/グラブル/img/icon_fire.png");
}

#menu_キャラクター #キャラクター--水属性のキャラクター,#menu_キャラクター #召喚石--水属性の召喚石,#menu_キャラクター #武器一覧--水属性の武器,#menu_召喚石 #キャラクター--水属性のキャラクター,#menu_召喚石 #召喚石--水属性の召喚石,#menu_召喚石 #武器一覧--水属性の武器,#menu_武器一覧.side_block #キャラクター--水属性のキャラクター,#menu_武器一覧.side_block #召喚石--水属性の召喚石,#menu_武器一覧.side_block #武器一覧--水属性の武器 {
background-image: url("/グラブル/img/icon_water.png");
}

#menu_キャラクター #キャラクター--土属性のキャラクター,#menu_キャラクター #召喚石--土属性の召喚石,#menu_キャラクター #武器一覧--土属性の武器,#menu_召喚石 #キャラクター--土属性のキャラクター,#menu_召喚石 #召喚石--土属性の召喚石,#menu_召喚石 #武器一覧--土属性の武器,#menu_武器一覧.side_block #キャラクター--土属性のキャラクター,#menu_武器一覧.side_block #召喚石--土属性の召喚石,#menu_武器一覧.side_block #武器一覧--土属性の武器 {
background-image: url("/グラブル/img/icon_earth.png");
}

#menu_キャラクター #キャラクター--風属性のキャラクター,#menu_キャラクター #召喚石--風属性の召喚石,#menu_キャラクター #武器一覧--風属性の武器,#menu_召喚石 #キャラクター--風属性のキャラクター,#menu_召喚石 #召喚石--風属性の召喚石,#menu_召喚石 #武器一覧--風属性の武器,#menu_武器一覧.side_block #キャラクター--風属性のキャラクター,#menu_武器一覧.side_block #召喚石--風属性の召喚石,#menu_武器一覧.side_block #武器一覧--風属性の武器 {
background-image: url("/グラブル/img/icon_wind.png");
}

#menu_キャラクター #キャラクター--光属性のキャラクター,#menu_キャラクター #召喚石--光属性の召喚石,#menu_キャラクター #武器一覧--光属性の武器,#menu_召喚石 #キャラクター--光属性のキャラクター,#menu_召喚石 #召喚石--光属性の召喚石,#menu_召喚石 #武器一覧--光属性の武器,#menu_武器一覧.side_block #キャラクター--光属性のキャラクター,#menu_武器一覧.side_block #召喚石--光属性の召喚石,#menu_武器一覧.side_block #武器一覧--光属性の武器 {
background-image: url("/グラブル/img/icon_light.png");
}

#menu_キャラクター #キャラクター--闇属性のキャラクター,#menu_キャラクター #召喚石--闇属性の召喚石,#menu_キャラクター #武器一覧--闇属性の武器,#menu_召喚石 #キャラクター--闇属性のキャラクター,#menu_召喚石 #召喚石--闇属性の召喚石,#menu_召喚石 #武器一覧--闇属性の武器,#menu_武器一覧.side_block #キャラクター--闇属性のキャラクター,#menu_武器一覧.side_block #召喚石--闇属性の召喚石,#menu_武器一覧.side_block #武器一覧--闇属性の武器 {
background-image: url("/グラブル/img/icon_dark.png");
}

table.character_evaluation {
table-layout: fixed;
}

table.character_evaluation tr td {
text-align: center;
}

table.character_status_attribute {
table-layout: fixed;
}

table.character_status_attribute tr td {
text-align: center;
}

table.character_status_conditions tr td {
text-align: center;
}

table.character_ability {
table-layout: fixed;
}

table.character_ability td {
text-align: center;
}

table.character_ability tr:nth-child(1n+2) td:nth-child(odd) {
background-color: #f1f6f7;
border: 1px solid #ccc;
font-weight: 700;
}

table.character_support_ability {
table-layout: fixed;
}

table.character_support_ability td {
text-align: center;
}

table.character_support_ability tr:nth-child(1n+2) td:nth-child(odd) {
background-color: #f1f6f7;
border: 1px solid #ccc;
font-weight: 700;
}

table.character_limit_break td:first-child {
background-color: #f1f6f7;
border: 1px solid #ccc;
font-weight: 700;
width: 100px;
}

table.character_limit_break td:nth-child(2) {
width: 60px;
}

table.character_profile {
table-layout: fixed;
}

table.summon_evaluation tr td:first-child {
background-color: #f1f6f7;
border: 1px solid #ccc;
font-weight: 700;
width: 25%;
}

table.summon_basic_information {
table-layout: fixed;
}

table.summon_how_to_get {
table-layout: fixed;
}

table.summon_limit_breaks tr td:first-child, table.summon_protection_effect tr td:first-child {
background-color: #f1f6f7;
border: 1px solid #ccc;
font-weight: 700;
width: 25%;
}

table.weapon_basic_information_profile {
table-layout: fixed;
}

table.weapon_basic_information_status {
table-layout: fixed;
}

table.weapon_skill tr td:first-child {
width: 60px;
background-color: #f1f6f7;
border: 1px solid #ccc;
font-weight: 700;
}

table.weapon_limit_break_items tr:first-child td {
width: 70%;
}

table.job_evaluation {
table-layout: fixed;
}

table.job_how_to_acquire {
table-layout: fixed;
}

table.job_ability {
table-layout: fixed;
}

table.job_ability td {
text-align: center;
}

table.job_ability tr:nth-child(2) td:nth-child(odd), table.job_ability tr:nth-child(3) td:nth-child(odd) {
background-color: #f1f6f7;
border: 1px solid #ccc;
font-weight: 700;
}

table.job_support_ability {
table-layout: fixed;
}

table.job_support_ability td {
text-align: center;
}

table.job_support_ability tr:nth-child(1n+2) td:nth-child(odd) {
background-color: #f1f6f7;
border: 1px solid #ccc;
font-weight: 700;
}

table.job_levelup_master_bonus tr td:first-child {
background-color: #f1f6f7;
border: 1px solid #ccc;
font-weight: 700;
width: 30%;
}

table.evaluation_character tr td, table.status_attribute_character tr td, table.status_spec_character tr td, table.limit_break_character tr td, table.profile_character tr td {
text-align: center;
}

table.abirity_character tr td:first-child, table.support_abirity_character tr td:first-child, table.limit_break_character tr td:first-child {
font-weight: bold;
text-align: left;
}

table.limit_break_character tr th:first-child {
width: 30%;
}

table.limit_break_character tr th:nth-of-type(2) {
width: 16%;
}

table.limit_break_character tr td:nth-of-type(3) {
text-align: left;
}

table.abirity_character tr th:first-child {
width: 30%;
}

table.support_abirity_character tr th:first-child {
width: 40%;
}

table.character_index_list tr:first-child td, table.character_index_list tr:nth-child(4) td {
background-color: #f1f6f7;
border: 1px solid #ccc;
font-weight: 700;
}

table.attack_ability_table tr:first-child td:first-child {
background-color: #fff0f5;
}

table.heal_ability_table tr:first-child td:first-child {
background-color: #f0fff0;
}

table.buff_ability_table tr:first-child td:first-child {
background-color: #fffacd;
}

table.debuff_ability_table tr:first-child td:first-child {
background-color: #f0f8ff;
}

table.field_ability_table tr:first-child td:first-child {
background-color: #e6e6fa;
}

span.fire_attribute {
color: #ff3300;
font-weight: bold;
}

span.water_attribute {
color: #008be2;
font-weight: bold;
}

span.wind_attribute {
color: #2da200;
font-weight: bold;
}

span.earth_attribute {
color: #a0522d;
font-weight: bold;
}

span.light_attribute {
color: #ff9d00;
font-weight: bold;
}

span.dark_attribute {
color: #a702d8;
font-weight: bold;
}

span.no_attribute {
color: #999999;
font-weight: bold;
}

span.evolution_rank {
color: #f6b26b;
}

span.evolution_fixed_rank {
color: #ff0000;
}

span.evolution_last_rank {
color: #00bfff;
}

#gacha_result td {
vertical-align: middle;
}

#gacha_result tr td:first-child {
text-align: center;
width: 117px;
}

#gacha_result tr td:first-child img {
height: 48px;
}

.S_grande, .SS_grande {
font-size: 3.8rem !important;
font-weight: 900;
background: linear-gradient(-90deg, #ffd300, #ffff7c);
background: -webkit-linear-gradient(-90deg, #ffd300, #ffff7c);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
filter: drop-shadow(1px 1px #6a2c00) drop-shadow(-1px 1px #6a2c00) drop-shadow(1px -1px #6a2c00) drop-shadow(-1px -1px #6a2c00);
}

.A_grande {
font-size: 3.4rem !important;
font-weight: 900;
background: linear-gradient(-90deg, #d10000, #fb0075);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.B_grande {
font-size: 3.4rem !important;
font-weight: 900;
background: linear-gradient(-90deg, #020b73, #3164d9);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.C_grande {
font-size: 3.4rem !important;
font-weight: 900;
background: linear-gradient(-90deg, #007831, #19c175);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.D_grande {
font-size: 3.4rem !important;
font-weight: 900;
background: linear-gradient(-90deg, #303030, #606060);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.score_grande {
font-size: 3rem !important;
font-weight: 900;
}

.granblue_blue {
color: #0048a4;
}

.granblue_red {
color: #be0059;
}

#main {
background: linear-gradient(to right, #f4f2ec 0%, #f8f7f4 4%, #fcfcfb 50%, #f8f7f4 96%, #f4f2ec 100%);
}

#main_contents h2 {
color: #fff;
padding: 15px 10px 15px 20px;
background: no-repeat center/100% 100% url("/img/granbluefantasy/granbluefantasy_h2.png");
position: relative;
line-height: 1;
}

#main_contents h3 {
border-bottom: 2px solid #26160f;
padding: 5px 15px 6px 20px;
}

#main_contents h3:before {
top: 0;
content: "";
display: block;
width: 10px;
height: 36px;
background-image: url("/img/granbluefantasy/granbluefantasy_h3.png");
background-size: 10px 36px;
background-repeat: no-repeat;
}

#main_contents h4 {
padding: 0 0 0 28px;
}

#main_contents h4:before {
position: absolute;
content: "";
display: block;
background-image: url("/img/granbluefantasy/granbluefantasy_h4.png");
width: 22px;
height: 22px;
background-size: 22px 22px;
background-repeat: no-repeat;
transform: translate(0, -56%);
}

.game-header-wrapper {
background: #433739;
}

#dropmenu ul li {
background: linear-gradient(to right, #f4f2ec 0%, #f8f7f4 4%, #fcfcfb 50%, #f8f7f4 96%, #f4f2ec 100%);
border-color: #d5cfbe;
border-bottom: 1px solid #d5cfbe;
}

@media only screen and (min-width: 769px) {
#dropmenu ul li {
border-bottom: 2px solid #b7e8e9;
}
}

.button_navigation a, .button_navigation button, td > .button_navigation a, td > .button_navigation button, #menu_game_list > .button_navigation a {
background: linear-gradient(to bottom, #c4f1f2, #9cd5d6) !important;
border: 2px solid #295c7a !important;
color: #442d1c !important;
}

.button_navigation a:after, .button_navigation button:after, td > .button_navigation a:after, td > .button_navigation button:after, #menu_game_list > .button_navigation a:after {
border-bottom: 2px solid #442d1c !important;
border-right: 2px solid #442d1c !important;
}

.button_navigation a:hover, .button_navigation button:hover, td > .button_navigation a:hover, td > .button_navigation button:hover, #menu_game_list > .button_navigation a:hover {
opacity: 0.7 !important;
background: linear-gradient(to bottom, #c4f1f2, #9cd5d6) !important;
color: #442d1c !important;
}

.button_navigation a:hover:after, .button_navigation button:hover:after, td > .button_navigation a:hover:after, td > .button_navigation button:hover:after, #menu_game_list > .button_navigation a:hover:after {
border-bottom: 2px solid #442d1c !important;
border-right: 2px solid #442d1c !important;
}

.side-block h2, .side_block h2 {
position: relative;
background: linear-gradient(to right, #433739, #7b7b7b);
background-size: 100% 100%;
padding: 5px 5px 5px 15px;
}

.side-block h2:before, .side_block h2:before {
position: absolute;
left: 0;
top: 0;
border: none;
content: "";
width: 5px;
height: 100%;
background: #c1eff0;
}

.side-block h2:after, .side_block h2:after {
border: none;
border-bottom: 3px solid transparent;
border-right: 5px solid #555;
content: "";
left: 0;
position: absolute;
top: 100%;
}

@media screen and (max-width: 768px) {
.side-block h2:after, .side_block h2:after {
border: none;
}
}

.side-block h3:after {
border-bottom: 3px solid #c1eff0;
}

.side-block h4 {
border-left: 4px solid #c1eff0;
}

table th, table.matrix_table td:first-child, table.matrix_rowspan_table tr:first-child td:first-child, table.text_description_list tr td:first-child, table.icon_description_list tr td:first-child, table.alternative_matrix_table td:nth-child(odd), table.description_table td:nth-child(odd) {
background-color: #527d8c !important;
color: #fff;
border-color: #ccc;
}

#main_contents td {
background-color: #f0f3f2;
border-color: #ccc;
}

#main_contents td a {
color: #006eb9;
}

#main_contents article table.dungeon_stage_floor_skill_patterns tr td[colspan="2"], #main_contents article table.dungeon_stage_floor_monster_basic tr:nth-child(even) td, #main_contents article table.dungeon_stage_basic_information tr td:first-child {
background-color: #eaefef;
border: 1px solid #ccc;
}

table.main_ranking .rank_other, table.sidebar_ranking .rank_other, #main_contents table.title_top_main_ranking .rank_other {
background-color: #645f60;
}

/* 装飾テーブル */
.kamigame-layout-main table.step_table .chart_number {
background: #66513f;
color: #fff;
}

.kamigame-layout-main table.point_table td:before {
border: 8px solid #66513f;
}

.kamigame-layout-main table.point_table td:after {
border: solid #fff;
border-width: 0 2px 2px 0;
}

.kamigame-layout-main .related_links::after {
background: #66513f;
color: #fff;
font-weight: 700;
}

.supplement_table th, .supplement_table td, .related_links th, .related_links td {
background: #fff !important;
}

.noflame_table th, .noflame_table td {
background: transparent !important;
border: none !important;
}

.noflame_table th {
color: #644a3b !important;
}

.enquete_bar_result {
background-color: #e6e2d3;
}

#main_contents article nav#contents {
border: 1px solid #ccc;
background-color: #fff;
}

.ranking-table {
background: #f1f6f7;
border: 1px solid #e2e2e2;
border-radius: 5px;
margin-bottom: 10px;
padding: 10px;
}

.ranking-table__wrapper {
display: flex;
justify-content: space-between;
width: 100%;
}

.ranking-table__upper-rank, .ranking-table__lower-rank {
position: relative;
text-align: center;
margin-top: 5px;
}

.ranking-table__upper-rank {
width: 33%;
}

.ranking-table__lower-rank {
width: 25%;
}

.ranking-table__icon {
border-radius: 6px;
width: 76px;
height: 76px;
}

@media only screen and (max-width: 320px) {
.ranking-table__icon {
width: 66px;
height: 66px;
}
}

.ranking-table__icon--large {
border-radius: 5px;
width: 102px;
height: 102px;
}

@media only screen and (max-width: 320px) {
.ranking-table__icon--large {
width: 86px;
height: 86px;
}
}

.ranking-table .ranking-table__rank--4 {
position: absolute;
top: -3px;
left: 0;
color: #fff;
font-size: 1.2rem;
font-weight: 600;
padding: 0 3px;
min-width: 14px;
border-radius: 2px;
background-color: #6773a0;
}

.ranking-table .ranking-table__rank--1, .ranking-table .ranking-table__rank--2, .ranking-table .ranking-table__rank--3 {
position: absolute;
top: -15px;
left: 0;
color: #fff;
font-size: 1.3rem;
font-weight: 700;
padding: 13px 0;
background-size: 40px 40px;
width: 40px;
height: 40px;
text-shadow: 0 0 4px rgba(0,0,0,0.5);
}

.ranking-table__rank--1 {
background: url("https://kamigame.jp/img/rank-gold.svg") no-repeat;
}

.ranking-table__rank--2 {
background: url("https://kamigame.jp/img/rank-silver.svg") no-repeat;
}

.ranking-table__rank--3 {
background: url("https://kamigame.jp/img/rank-bronze.svg") no-repeat;
}

.ranking-table .badge-right {
position: absolute;
right: 1px;
top: -3px;
box-sizing: border-box;
display: block;
z-index: 10;
padding: 4px 5px;
border-radius: 3px;
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
font-size: 1.2rem;
font-weight: 700;
line-height: 1;
min-width: 14px;
height: 20px;
text-align: center;
}

.ranking-table .badge-right.up {
background: #004bd0;
}

.ranking-table .badge-right.up:before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
background: url("https://kamigame.jp/img/up_white.svg") no-repeat;
background-size: 12px 12px;
}

.ranking-table .badge-right.down {
background: #c90302;
}

.ranking-table .badge-right.down:before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
background: url("https://kamigame.jp/img/down_white.svg") no-repeat;
background-size: 12px 12px;
}

.ranking-table .badge-right.new {
background: #e7fd06;
color: #333;
}

.ranking-table__name {
font-size: 1.36rem;
line-height: 1.5;
}

#main_contents .switch-content-text-tab-tab-wrapper, #main_contents .tab-wrapper {
border-bottom: 3px solid #66513f;
}

#main_contents .switch-content-text-tab-tab-wrapper input:checked + .tab, #main_contents .tab-wrapper input:checked + .tab {
background: linear-gradient(to bottom, #382820, #66513f);
}

#main_contents .switch-content-text-tab-tab-wrapper .tab, #main_contents .tab-wrapper .tab {
background: linear-gradient(to bottom, #d7cbbc, #cdbdab);
}

#main_contents .switch-content-text-tab table {
border-color: #ccc;
}

#main_contents .switch-content-text-tab th {
background: #527d8c;
color: #fff;
border-color: #ccc;
}

#main_contents .switch-content-text-tab td {
background-color: #f0f3f2;
border-color: #ccc;
}

#main_contents .switch-content-text-tab a {
color: #006eb9;
}

#main_contents .switch-content-text-tab .ranking__header th {
background: transparent !important;
color: #333 !important;
}

#main_contents .switch-content-text-tab .ranking__item td, #main_contents .switch-content-text-tab .ranking__footer td {
background: transparent !important;
}

/* カスタムヘッダー */
.custom_header_table {
background: #f9fcfd!important;
border: 2px solid #443632 !important;
box-shadow: 0 0 8px -4px #73cbe5 !important;
}

.custom_header_table th>strong {
color: #443632;
}

.kamigame-layout-main .custom_header_table td a {
padding: 5px 10px 5px 30px;
}

.kamigame-layout-main .custom_header_table tr:last-child td a {
padding: 5px 10px 10px 30px;
}

.kamigame-layout-main .custom_header_table td {
border: none;
color: #666;
font-feature-settings: "palt";
font-size: 1.4rem;
font-weight: 700;
line-height: 1.4;
padding: 0;
position: relative;
}

.kamigame-layout-main .custom_header_table td:before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 10px;
transform: translateY(-51%);
background: url("/img/granbluefantasy/granbluefantasy_custom-header.png");
background-size: 16px 16px;
border-radius: unset;
width: 16px;
height: 16px;
background-repeat: no-repeat;
}

.point_table {
background: #ece7d9;
border: 3px solid #644a3b !important;
border-radius: 5px;
border-collapse: separate;
}

.point_table th {
background: #ece7d9 !important;
border-bottom: none !important;
border-radius: 5px 5px 0 0;
color: #644a3b !important;
text-align: center !important;
padding: 10px 10px 0 10px !important;
}

.point_table th:before, .point_table th:after {
content: "";
background: url("/img/granbluefantasy/granbluefantasy_point-table.png") no-repeat 0%/30px 30px;
width: 30px;
height: 30px;
display: inline-block;
vertical-align: middle;
}

.point_table th:before {
margin-right: 5px;
}

.point_table th:after {
margin-left: 5px;
transform: scaleX(-1);
}

.point_table tr:first-child td {
padding: 6px 10px 5px 26px !important;
}

.point_table tr:last-child td {
padding: 5px 10px 12px 26px !important;
}

.point_table td {
background: #ece7d9 !important;
border-radius: 5px;
padding: 5px 10px 5px 26px !important;
position: relative;
}

.point_table td:before {
content: "";
position: absolute;
border: 3px solid #644a3b !important;
top: 20px !important;
left: 12px !important;
border-radius: 50%;
}

.kamigame-layout-main table.point_table td:after {
  border: none;
}

.tweet-image {
background: #26160f !important;
}

.tweet-image__inner {
background: #f1f3f2 !important;
}

.tweet-image__title {
background: linear-gradient(to bottom, #c3f0f1, #9cd5d6) !important;
box-shadow: 0 2px 0 rgba(0,0,0,0.2) !important;
color: #442d1c !important;
}

.warning_table th, .warning_table td {
background: #f7f5db !important;
}

.attention_table th, .attention_table td, .information_table th, .information_table td {
background: #fff !important;
}

.comparison-table--good th, .comparison-table--bad th {
background: #fff !important;
}

.comparison-table--good td, .comparison-table--bad td {
background: transparent !important;
}

.kamigame-layout-main table.sidebar_ranking .rank_other, .side-block table.sidebar_ranking .rank_other, .side_block table.sidebar_ranking .rank_other {
background-image: linear-gradient(160deg, #7b634c 0%, #66523f 49%, #392921 50%, #66523f 100%);
}