/*レアリティラベル*/

.star5_label{
position: relative;
display: inline-block;
overflow: hidden;
top: 10px;
}

.star5_label::after{
position: absolute;
content: "★5";
top: -1px;
left: 0px;
background-color: #ed8e2f;
font-size: 6px;
color: #fff;
font-weight: 600;
text-align: center;
padding: 0px 2px;
white-space: nowrap;
border-radius: 1px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
}

.star4_label{
position: relative;
display: inline-block;
overflow: hidden;
top: 9px;
}

.star4_label::after{
position: absolute;
content: "★4";
top: -1px;
left: 0px;
background-color: #694D9F;
font-size: 6px;
color: #fff;
font-weight: 600;
text-align: center;
padding: 0px 2px;
white-space: nowrap;
border-radius: 1px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
}

.star3_label{
position: relative;
display: inline-block;
overflow: hidden;
top: 9px;
}

.star3_label::after{
position: absolute;
content: "★3";
top: -1px;
left: 0px;
background-color: #21A0DB;
font-size: 6px;
color: #fff;
font-weight: 600;
text-align: center;
padding: 0px 2px;
white-space: nowrap;
border-radius: 1px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
}
.kamigame-layout-main > .article {
background: linear-gradient(to right, #f5f7f9 0%,#ffffff 50%,#f5f7f9 100%);
border: 1px solid #efefef;
box-sizing: border-box;
}

.game-header-wrapper {
background: linear-gradient(to right, #2d3442, #5c6374);
}

.main__article {
padding: 0;
}

.article-header {
padding: 30px 30px 15px 30px;
}

.article-inner {
padding: 15px;
background-color: rgba(255, 255, 255, 0.7);
}

nav#contents {
border: 1px solid #d4d4d4;
}

nav#contents h2 {
box-shadow: none;
text-shadow: none;
}

.kamigame-layout-main h2 {
color: #fff;
padding: 12px 10px 12px 20px;
background: no-repeat center/100% 100% url("/img/emberstoria/emberstoria_h2.png");
position: relative;
line-height: 1;
}

@media screen and (max-width: 728px) {
.kamigame-layout-main h2,
#priority_side .side-block h2 {
padding: 12px 10px 12px 15px;
}
}

@media screen and (max-width: 728px) {
#priority_side .side-block h2 {
color: #fff;
background: no-repeat center/100% 100% url("/img/emberstoria/emberstoria_h2.png");
position: relative;
line-height: 1;
}
}

@media screen and (max-width: 728px) {
#priority_side .side-block h2::before {
content: none;
}
}

.kamigame-layout-main h3 {
border-bottom: 2px solid #587499;
padding: 5px 15px 6px 20px;
}

@media screen and (max-width: 728px) {
.kamigame-layout-main h3 {
padding: 4px 10px 4px 15px;
}
}

.kamigame-layout-main h3:before {
top: 0;
content: "";
display: block;
width: 100%;
background-image: url("/img/emberstoria/emberstoria_h3.png");
width: 10px;
height: 36px;
background-size: 10px 36px;
background-repeat: no-repeat;
}

@media screen and (max-width: 728px) {
.kamigame-layout-main h3:before {
width: 8px;
height: 33px;
background-size: 8px 33px;
}
}

.kamigame-layout-main h4:before {
position: absolute;
content: "";
display: block;
width: 100%;
background-image: url("/img/emberstoria/emberstoria_h4.png");
width: 22px;
height: 22px;
background-size: 22px 22px;
background-repeat: no-repeat;
border-radius: 0;
}

.kamigame-layout-main th,
.kamigame-layout-main table.matrix_rowspan_table tr:first-child td:first-child,
.kamigame-layout-main table.matrix_table td:first-child, .side-block table.matrix_table td:first-child, .side_block table.matrix_table td:first-child {
background-color: #d8dce6;
border-color: #ccc;
}

.side-block table, .side_block table, .kamigame-layout-main table,
.side-block table.point_table, .side_block table.point_table, .kamigame-layout-main table.point_table,
.side-block table, .side_block table, .kamigame-layout-main table,
.side-block td, .side_block td, .kamigame-layout-main td {
background-color: rgba(255, 255, 255, 1);
}

.kamigame-layout-main .button_navigation a {
background: linear-gradient(to right, #442f7e, #3058a9);
border: 2px solid #000;
color:#fff;
}

.kamigame-layout-main .button_navigation a:after,
.kamigame-layout-main .button_navigation a:hover:after {
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
}

.kamigame-layout-main .button_navigation a:hover {
opacity: 0.7;
background: linear-gradient(to right, #442f7e, #3058a9);
color:#fff;
}

#article_comment {
padding: 15px;
}

.article-inner-widget {
padding: 15px;
}

#enquete .enquete_box .enquete_bar {
background: #d8dce6;
}

.enquete_button_box > .button_navigation > a {
background: #2341a7;
border: 2px solid #000;
color: #fff;
}

.enquete_button_box > .button_navigation > a:before {
background: none;
}

.side-block h2, .side_block h2 {
position: relative;
background: linear-gradient(to right, #2d3442, #5c6374);
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: linear-gradient(to bottom, #578d9d, #3f5d9f);
}

.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 #587499;
}

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

.kamigame-layout-main table.step_table .chart_number {
background: #9c4753;
color: #fff;
}

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

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

.kamigame-table-of-contents {
background-color: #fff;
}

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

.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, #5a5a5a 0%, #4f4f4f 49%, #3a3a3a 50%, #484848 100%);
}

.table_search_form {
background-color: #efefef;
}

.kamigame-layout-main table.pagination td, .side-block table.pagination td, .side_block table.pagination td{
border: 2px solid #333;
}

.kamigame-layout-main table.pagination td:first-child:before, .side-block table.pagination td:first-child:before, .side_block table.pagination td:first-child:before,
.kamigame-layout-main table.pagination td:first-child:hover:before, .side-block table.pagination td:first-child:hover:before, .side_block table.pagination td:first-child:hover:before {
border-left: 2px solid #fff;
border-top: 2px solid #fff;
}

.kamigame-layout-main table.pagination td:last-child:before, .side-block table.pagination td:last-child:before, .side_block table.pagination td:last-child:before,
.kamigame-layout-main table.pagination td:last-child:hover:before, .side-block table.pagination td:last-child:hover:before, .side_block table.pagination td:last-child:hover:before {
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
}

.kamigame-layout-main table.pagination td:first-child, .side-block table.pagination td:first-child, .side_block table.pagination td:first-child, .kamigame-layout-main table.pagination td:last-child, .side-block table.pagination td:last-child, .side_block table.pagination td:last-child {
background: #2341a7;
}

.kamigame-layout-main table.pagination td a, .side-block table.pagination td a, .side_block table.pagination td a {
color:#fff;
}

.kamigame-layout-main table.pagination td a:hover, .side-block table.pagination td a:hover, .side_block table.pagination td a:hover {
opacity: 0.7;
background: #2341a7;
color: #fff;
}

.user-saiten-tool {
background-color: #fff;
}

/* 日記用ラベル */
.bigvoice {
    display: inline-block;
    font-family: "SF Pro Text", "SF Pro Display", Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Robot, "Droid Sans", "メイリオ", Meiryo, sans-serif;
    font-weight: bold;
    font-size: 2.0rem;
    color: #e00;
}
/* イベント種別ラベル */
.label_login {
    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;
    width:fit-content;
    padding: 2px 5px;
    border-radius: 3px;
    text-align: center;
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    background-color:#8b008b;
}
.label_special {
    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;
    width:fit-content;
    padding: 2px 5px;
    border-radius: 3px;
    text-align: center;
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    background-color:#dc143c;
}
.label_alliance {
    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;
    width:fit-content;
    padding: 2px 5px;
    border-radius: 3px;
    text-align: center;
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    background-color:#006400;
}
.label_solo {
    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;
    width:fit-content;
    padding: 2px 5px;
    border-radius: 3px;
    text-align: center;
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    background-color:#0000cd;
}