/* マップツール2カラム用 */

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  height: 520px !important;
  background-color: #1f1f1f !important;
}

@media screen and (max-width: 728px) {

  .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
    height: 380px !important;
  }

}

.leaflet-marker-icon {
  width: 28px !important;
  height: 28px !important;
}

/* レイヤーテキストテーブル3カラム */
.kamigame-layout-main .layer_text_column_table td a {
  position: relative;
  display: block;
}

.kamigame-layout-main .layer_text_column_table td a span.layer_text {
  background: linear-gradient(45deg, rgba(0, 0, 0, .95), rgba(0, 0, 0, .95) 25%, transparent 0, transparent 50%, rgba(0, 0, 0, .95) 0, rgba(0, 0, 0, .95) 75%, transparent 0, transparent) !important;
  background-color: hsla(0, 0%, 8%, .95) !important;
  background-size: .75rem .75rem !important;
  box-sizing: border-box;
  font-size: 12px;
  position: absolute;
  bottom: 0;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 10px #000;
  left: 2.5px !important;
  border: 1px solid #5C543E;
  padding: 7.5px 0px !important;
  width: calc(100% - 5px) !important;
}

.kamigame-layout-main .layer_text_column_table td a:hover {
  opacity: 0.7 !important;
}
@media screen and (max-width: 728px) {
  .kamigame-layout-main .layer_text_column_table td a span.layer_text{
    padding: 3px 0px !important;
  }
}

/* レイヤーテキストテーブル2カラム */

.layer_text_table td a img{
  border-radius: 4px;
}

.kamigame-layout-main .layer_text_table td a span.layer_text {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 0px;
    border: none;
    font-size: 13px;
    background: #fff;
    color: #0078cb;
    text-shadow: none !important;
    border-top: solid 1px #ccc;
}

.layer_text_table > tbody > tr > td > a {
 border: solid 1px #ccc;
 border-radius: 3px;
}



.layer_text_table td  a{
  position: relative;

}

.layer_text_table td a::before{
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%; 
  height: 100%;  
}

.kamigame-layout-main .layer_text_table td a:hover {
  opacity: 0.7 !important;
}

@media screen and (max-width: 728px) {
  .kamigame-layout-main .layer_text_table td a span.layer_text{
    font-size: 12px;
    padding: 3px 0px !important;

  }
}


table.alternative_table tr:nth-child(2n) td {
    background-color: #E5CC95 !important;
    border-color: #a89876; !important;
    padding: 6px;
}

/* TOP専用余白狭いテーブル*/
.kamigame-layout-main .top_table td{
  padding: 5px; !important;
  font-size: 13px;
}

/* カスタムデザイン */
.kamigame-layout-main > .article {
background: repeat-y center/100% auto url("/img/elin/elin_bg.png");
border: 1px solid #efefef;
box-sizing: border-box;
}

.kamigame-dropmenu {
background-color: transparent;
}

.game-header-wrapper {
background: linear-gradient(to right, #242627, #6f675c);
}

.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/elin/elin_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/elin/elin_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 #272211;
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/elin/elin_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/elin/elin_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: #e1d1b7;
border-color: #aaa;
}

.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: #6f675c;
border: 2px solid #333;
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: #6f675c;
color:#fff;
}

#article_comment {
padding: 15px;
}

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

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

.enquete_button_box > .button_navigation > a {
border: 2px solid #333;
background: #6f675c;
color: #fff;
}

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

.side-block h2, .side_block h2 {
position: relative;
background: linear-gradient(to right, #242627, #6f675c);
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, #3f7176, #87b6ba);
}

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

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

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

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

.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: #677387;
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, #685a5a 0%, #5e5252 49%, #433b3b 50%, #4e4444 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: #6f675c;
}

.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: #6f675c;
color: #fff;
}

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