.kamigame-layout-main .tab-wrapper input:checked + .tab,
  .side-block .tab-wrapper input:checked + .tab,
  .side_block .tab-wrapper input:checked + .tab,
  .kamigame-layout-main
    .switch-content-text-tab-tab-wrapper
    input:checked
    + .tab,
  .side-block .switch-content-text-tab-tab-wrapper input:checked + .tab,
  .side_block .switch-content-text-tab-tab-wrapper input:checked + .tab {
    background-color: #4c5567;
  }
  .kamigame-layout-main .switch-content-text-tab-with-border,
  .side-block .switch-content-text-tab-with-border,
  .side_block .switch-content-text-tab-with-border {
    border: 2px solid #bbaa86;
    border-top: none;
    padding: 5px;
  }
  .kamigame-layout-main .switch-content-text-tab-with-border-tab-wrapper,
  .side-block .switch-content-text-tab-with-border-tab-wrapper,
  .side_block .switch-content-text-tab-with-border-tab-wrapper {
    border-bottom: 2px solid #bbaa86;
    margin-bottom: 0;
    position: relative;
  }

  .kamigame-layout-main
    .switch-content-text-tab-with-border-tab-wrapper
    input:checked
    + .tab,
  .side-block
    .switch-content-text-tab-with-border-tab-wrapper
    input:checked
    + .tab,
  .side_block
    .switch-content-text-tab-with-border-tab-wrapper
    input:checked
    + .tab {
    background-color: #4c5567;
    color: #fff;
    cursor: default;
  }

.text_change td {
  font-size: 11px;
}

.padding_table tr td {
  padding: 5px 3px;
}

.kaze {
  color: #15847e;
}

.iwa {
  color: #907117;
}

.kaminari {
  color: #9c1aa9;
}

.kusa {
  color: #3a8528;
}

.mizu {
  color: #344db3;
}

.hono {
  color: #be2929;
}

.kori {
  color: #11819a;
}

.mushoku {
  color: #4e4e4e;
}

.douitsu {
  color: #757575;
}

.bannou {
  color: #546a8c;
}

.charge {
  color: #bf572b;
}

.label_attacker {
  display: inline-block;
  margin: 0 2px;
  padding: 2px 5px;
  border-radius: 3px;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 700;
  color: #333;
  background-color: #ffbfbf;
}

.label_sub_attacker {
  display: inline-block;
  margin: 0 2px;
  padding: 2px 5px;
  border-radius: 3px;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 700;
  color: #333;
  background-color: #d9c9f5;
}

.label_support {
  display: inline-block;
  margin: 0 2px;
  padding: 2px 5px;
  border-radius: 3px;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 700;
  color: #333;
  background-color: #abedfa;
}

.label_healer {
  display: inline-block;
  margin: 0 2px;
  padding: 2px 5px;
  border-radius: 3px;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 700;
  color: #333;
  background-color: #b5efe7;
}

.kamigame-layout-main>.article {
  background: repeat-y center/100% auto url("/img/genshin/genshin_bg.png");
  background-color: transparent !important;
  border: 1px solid #efefef;
  box-sizing: border-box;
}

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

.game-header-wrapper {
  background: #494a4a;
}

.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: 15px 10px 15px 20px;
  background: no-repeat center/100% 100% url("/img/genshin/genshin_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/genshin/genshin_h2.png");
position: relative;
line-height: 1;
}
}

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

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

@media screen and (max-width: 480px) {
  .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/genshin/genshin_h3.png");
  width: 10px;
  height: 37px;
  background-size: 10px 37px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 480px) {
  .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/genshin/genshin_h4.png");
  width: 22px;
  height: 22px;
  background-size: 22px 22px;
  background-repeat: no-repeat;
}

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

.kamigame-layout-main td {
  background: #fff;
}

.kamigame-layout-main .button_navigation a {
  background: #fce8be;
  border: 2px solid #d1bc8d;
  color: #333;
}

.kamigame-layout-main .button_navigation a:hover {
  opacity: 0.7;
  background-color: #fce8be;
  color: #333;
}

#article_comment {
  padding: 15px;
}

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

#enquete .enquete_box .enquete_bar {
  background-color: #fff;
}

.enquete_button_box>.button_navigation>a {
  border: 2px solid #d1bc8d;
  color: #333;
}

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

.side-block h2,
.side_block h2 {
  position: relative;
  background: linear-gradient(to right, #50596b, #7a88a3);
  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, #d1bc8d, #d1bc8d);
}

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

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

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

.kamigame-layout-main table.step_table .chart_number {
  background: #fce8be;
  color: #333;
}

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

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

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

.kamigame-layout-main .related_links::after {
  background: #fce8be;
  color: #333;
  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-color: #677694;
}

.table_search_form {
  background-color: #eaedf4;
}

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

.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 {
  border-left: 2px solid #333;
  border-top: 2px solid #333;
}

.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 {
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
}

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

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

.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 #333;
  border-top: 2px solid #333;
}

.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 #333 !important;
  border-right: 2px solid #333 !important;
}

.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-color: #fce8be;
  color: #333;
}

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

.functional-icon.genshin-character>.anemo {
  background: linear-gradient(to bottom, #4ca89b, #5cd9a0);
}

.functional-icon.genshin-character>.cryo {
  background: linear-gradient(to bottom, #5ca9d3, #93f2f2);
}

.functional-icon.genshin-character>.dendro {
  background: linear-gradient(to bottom, #50913e, #a1e93f);
}

.functional-icon.genshin-character>.electro {
  background: linear-gradient(to bottom, #774397, #c974ff);
}

.functional-icon.genshin-character>.geo {
  background: linear-gradient(to bottom, #a68a3f, #f3b31e);
}

.functional-icon.genshin-character>.hydro {
  background: linear-gradient(to bottom, #19459f, #3ebefe);
}

.functional-icon.genshin-character>.pyro {
  background: linear-gradient(to bottom, #943b2c, #f16745);
}

.character-card {
  background: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  font-weight: 700;
  margin-bottom: 10px;
  padding: 5px;
}

.character-card__top {
  display: flex;
  width: 100%;
}

.character-card__top>.top-icon {
  width: 100px;
}

@media screen and (min-width: 565px) {
  .character-card__top>.top-icon {
    width: 160px;
  }
}

.kamigame-layout-main .functional-icon,
.side-block .functional-icon,
.side_block .functional-icon {
  margin: 5px !important;
}

.character-card__top>.top-list {
  width: calc(100% - 100px);
}

@media screen and (min-width: 565px) {
  .character-card__top>.top-list {
    width: calc(100% - 160px);
  }

  .kamigame-layout-main .functional-icon--large,
  .side-block .functional-icon--large,
  .side_block .functional-icon--large,
  .kamigame-layout-main .functional-icon--large__wrapper {
    width: 140px;
    height: 164px;
  }

  .kamigame-layout-main .functional-icon--large__wrapper .label-bottom.star,
  .side-block .functional-icon--large__wrapper .label-bottom.star,
  .side_block .functional-icon--large__wrapper .label-bottom.star {
    font-size: 1.7rem;
  }
}

.character-card__top>.top-list>dl {
  display: block;
  border-bottom: 1px dotted #e2e2e2;
  margin: 0 5px 0 0;
  padding: 5px 0;
}

.character-card__top>.top-list>dl:last-child {
  border-bottom: none;
}

.character-card__top>.top-list>dl>dt {
  display: inline-block;
  background: #e9edf4;
  border-radius: 3px;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 5px;
  text-align: center;
  min-width: 80px;
  line-height: 1;
}

.character-card__top>.top-list>dl>dd {
  display: inline-block;
  margin: 0 0 0 5px;
}

.character-card__top>.top-list>dl>dd>img {
  display: inline-block;
  vertical-align: sub;
  width: 18px;
  height: auto;
  margin-right: 5px;
}

.character-card__middle {
  margin: 5px 5px 10px 5px;
  padding: 5px;
  border-radius: 5px;
  font-size: 1.2rem;
  border: 1px solid #000;
}

.character-card__middle>.middle-top,
.character-card__middle>.middle-bottom {
  display: flex;
  width: 100%;
}

.character-card__middle>.middle-top>span,
.character-card__middle>.middle-bottom>span {
  width: 50%;
  text-align: center;
  font-weight: 700;
}

.character-card__middle>.middle-top img {
  height: 30px;
  width: auto;
}

.character-card__middle>.middle-bottom img {
  height: 26px;
  width: auto;
}

.character-card__bottom>.tab-wrapper {
  box-sizing: border-box;
  position: relative;
  width: calc(100% - 10px) !important;
}

.character-card__bottom>.tabbed-table-wrapper>.bottom-bottom {
  padding: 0 5px 5px 5px;
}

.character-card__bottom>.tabbed-table-wrapper>.bottom-bottom>dl {
  display: flex;
  align-items: center;
  border-bottom: 1px dotted #e2e2e2;
  margin: 0;
  padding: 5px 0;
}

.character-card__bottom>.tabbed-table-wrapper>.bottom-bottom>dl:last-child {
  border-bottom: none;
}

.character-card__bottom>.tabbed-table-wrapper>.bottom-bottom>dl>dt {
  display: inline-block;
  background: #e9edf4;
  border-radius: 3px;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 5px;
  text-align: center;
  width: 30%;
  max-width: 90px;
  line-height: 1;
}

@media screen and (min-width: 565px) {
  .character-card__bottom>.tabbed-table-wrapper>.bottom-bottom>dl>dt {
    max-width: 150px;
  }
}

.character-card__bottom>.tabbed-table-wrapper>.bottom-bottom>dl>dd {
  display: inline-block;
  margin: 0 0 0 5px;
  vertical-align: middle;
  white-space: nowrap;
  width: 20%;
}

.character-card__bottom>.tabbed-table-wrapper>.bottom-bottom>dl>dd.fill-gage-wrapper {
  width: 30%;
}

.character-card__bottom>.tabbed-table-wrapper>.bottom-bottom>dl>dd.fill-gage-wrapper>.fill_gage {
  margin: 0;
}

.character-card__bottom>.tabbed-table-wrapper>.bottom-bottom>dl>dd:last-child {
  text-align: right;
}

.character-card__bottom>.tabbed-table-wrapper>.bottom-bottom>dl>dd::first-child {
  text-align: left !important;
}

/* 原神 カスタムヘッダー */
.side-block .custom_header_table, .side_block .custom_header_table, .kamigame-layout-main .custom_header_table {
background-color: #fffdf8;
border: 2px solid #d1bc8d;
border-radius: 5px;
}

.kamigame-layout-main .custom_header_table th, .side-block .custom_header_table th, .side_block .custom_header_table th,
.kamigame-layout-main strong, .side-block strong, .side_block strong {
color: #df0c3d;
}

.kamigame-layout-main .custom_header_table td:before, .side-block .custom_header_table td:before, .side_block .custom_header_table td:before {
background: url("https://lh3.googleusercontent.com/Z1trnz1ezyoGWgfER4xgKln5O8Hubd_425VlvIYcYM8OqhP7ehgmKSdrRCeX4uDew0HZ8d9Nlc1eGa-Jz3szeEQY4KnG5zgHp2YzH-pC-gFs");
background-size: 12px 12px;
border-radius: unset;
width: 12px;
height: 12px;
}

.side-block .custom_header_table td:before, .side_block .custom_header_table td:before, .kamigame-layout-main .custom_header_table td:before {
    top: 50%;
    left: 10px;
    transform: translateY(-55%);
}

.kamigame-layout-main .custom_header_table td a, .side-block .custom_header_table td a, .side_block .custom_header_table td a {
padding: 5px 10px 5px 26px;
}
.kamigame-layout-main .custom_header_table tr:last-child td a, .side-block .custom_header_table tr:last-child td a, .side_block .custom_header_table tr:last-child td a {
padding: 5px 10px 10px 26px;
}

.custom_header_table {
    border: 2px solid #df0c3d;
    border-radius: 5px;
    box-shadow: 0 0 10px -4px #ffb000;
}

/* TOP 目次 */

.top-contents {
position: relative;
width: 100%;
height: auto;
table-layout: fixed !important;
border-radius: 2px;
overflow: hidden;
border: 2px solid #a9b0bd !important;
box-shadow: 2px 2px 0px 0px #a9b0bd, -2px 2px 0px 0px #a9b0bd, -2px -2px 0px 0px #a9b0bd, 2px -2px 0px 0px #a9b0bd;
}

.top-contents th {
text-align: center;
font-size: 15px;
background-color: #fff;
color: #4B5567 !important;
margin: 5px;
border-bottom: none !important;
}

.top-contents td {
padding: 8px 4px 4px 4px;
background-color: #fff;
position: relative;
border-top: 2px solid #a9b0bd;
}

.top-contents-layout {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: auto;
grid-gap: 6px;
place-items: center;
}

@media screen and (max-width: 728px) {
.top-contents-layout {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: auto;
grid-gap: 6px;
place-items: center;
}
}

.top-contents-overlap {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
height: 0;
padding-top: 100%;
position: relative;
box-shadow: 0px 0px 2px 0px #a9b0bd;
}

.top-contents-icon {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.top-contents-icon:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

/* 原神 ナビゲーションテーブル */

.navi-frame-table{
background:#ccc;
padding:10px;
overflow:hidden;
width:100%;
margin-top:20px;
box-sizing:border-box
}

.navi-frame-table-center{
background:#ccc;
padding:10px;
overflow:hidden;
width:100%;
margin-top:20px;
box-sizing:border-box
}

.navi-frame-table td {
padding: 0 !important;
}

/* 原神 TOP キャラテーブル */

.navi-frame-table .top-character-frame:hover{
box-shadow:0 15px 30px -5px rgba(0,0,0,.15),0 0 5px rgba(0,0,0,.1);
transform:translateY(-4px);opacity:.7!important
}

.navi-frame-table .top-character-frame {
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 5px;
box-shadow: 0 3px 5px rgba(0, 0, 0, .25);
position:relative;
}

.navi-frame-table .top-character-frame img{
max-width:100%;
max-height:100%;
display:block;
position:relative
}

.navi-frame-table .top-character-frame a{
pointer-events:none
}

.navi-frame-table .top-character-frame:hover a{
pointer-events:auto
}

.navi-frame-table .top-character-title a{
color:#fff!important
}

/* 原神 TOP アイコンレイアウト */

.navi-frame-table .top-wire-layout{
display:block;
padding: 10px 8px;
border-radius:5px;
margin:3px;
box-sizing:border-box
}

/* 原神 TOP アイコンケース */

.navi-frame-table .top-wire-case {
display: grid;
grid-template-columns: repeat(auto-fit, 10.9%);
justify-content: center;
grid-gap: 10px 6px;
}

@media screen and (max-width: 728px) {
.navi-frame-table .top-wire-case{
display: grid;
grid-template-columns: repeat(auto-fit, 18.5%);
grid-template-rows: auto;
justify-content: center;
grid-gap: 10px 6px;
}
}

.center .top-wire-case {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center!important;
}

/* アンカーテキスト内容型リンク用 */

.hidden-table td{
position: relative;
}

.navi-frame-table .top-character-link>a,.hidden-layout .hidden-link>a,.housyuu-icon-frame .hidden-link>a{
color:transparent;
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index: 1;
}

.hidden-layout:hover,.housyuu-icon-frame:hover,.code-button-link:hover{
opacity:.7;
}

/* シリアルコードテーブル */

.code-table{
background-color: #ece6d6;
}

.code-table td {
padding: 3px;
border: 1px solid #B0937C;
background-color: #fffdf8 !important;
}

.code-table-layout {
display: grid;
grid-template-columns: 0.7fr 0.3fr;
grid-template-rows: 0.40fr 0.1fr 0.5fr;
position: relative;
border: solid 2px #B0937C;
}

.clipbox-case {
grid-area: 1 / 1 / 2 / 2;
padding: 10px 20px 10px 20px;
background-color: #fffdf8;
}

.housyuu-text-case  {
grid-area: 2 / 1 / 3 / 2;
background-color: #fffdf8;
margin: 0px 4px 0px 4px;
}

.housyuu-text{
color: #866d52;
font-weight: 700;
display: flex;
align-items: center;
}

.housyuu-text:before,
.housyuu-text:after {
content: "";
display: block;
height: 1px;
flex-grow: 1;
border-top: 2px dashed #866d52;
}

.housyuu-text:before {
margin-right: 1rem;
}

.housyuu-text:after {
margin-left: 1rem;
}

.housyuu-icon-case  {
grid-area: 3 / 1 / 4 / 2;
display: grid;
grid-template-columns: repeat(auto-fit, 18%);
grid-template-rows: auto;
justify-content: center;
grid-gap: 0px 5px;
background-color: #fffdf8;
padding: 5px 5px 8px 5px;
}

.housyuu-icon-frame{
border-radius: 4px;
position: relative;
overflow: hidden;
}

.housyuu-icon-cover{
position: relative;
top: -33%;
display: block;
height: 33%;
background: #4C5567;
opacity: .9;
border-radius: 0px 0px 4px 4px;
}

.housyuu-icon-title{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-weight: 700;
font-size: 14px;
color: #fff;
}

@media screen and (max-width: 728px) {
.housyuu-icon-title{
font-size: 10px;
}
}

.checkbox-case {
grid-area: 1 / 2 / 2 / 3;
background-color: #EEE8E0;
}

.starttext-case {
grid-area: 2 / 2 / 3 / 3;
background-color: #EEE8E0;
background-color: #EEE8E0;
color: #866d52;
font-weight: 600;
font-size: 13px;
}

@media screen and (max-width: 728px) {
.starttext-case {
font-size: 11px;
}
}

.auto-button-case {
grid-area: 3 / 2 / 4 / 3;
background-color: #EEE8E0;
position: relative;
}

.code-button-link{
}

.code-button-link a {
display: block;
color: #866d52;
align-items: center;
justify-content: center;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
margin: 1px 8px 8px 8px;
outline: none;
padding: 10px 5px 10px 5px;
border: 2px double #866d52;
border-radius: 5px;
background-color: #fffdf8;
box-shadow: 0 0 0 3px #fffdf8, 2px 2px 3px 2px rgba(0, 0, 0, 0.5);
transition: .05s ease-in-out, .2s color;
font-size: 20px;
}

@media screen and (max-width: 728px) {
.code-button-link a{
font-size: 13px;
}
}

.code-button-link a:active {
transform: translateX(0.1em) translateY(0.1em);
box-shadow: 0 0 0 4px #EADDCA, 1.5px 1.5px 2.5px 1.5px rgba(0, 0, 0, 0.5);
}

/* シリアルコード用コピペタグカラー */

.copyme input {
border: solid 1px #866d52 !important;
border-right: none !important;
}

.copyme button {
border: solid 1px #866d52 !important;
background-color: #EEE8E0;
border-left: none;
pointer-events: painted;
}

/* 画像背景に影追加 */

.image-shadow {
filter: drop-shadow(2px 3px 2px gray);
}

/* NEW・PUラベル */

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

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

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

.new_label_small::after{
position: absolute;
content: "NEW";
top: 0px;
left: 0px;
background-color: crimson;
font-size: 6px;
color: #fff;
font-weight: 700;
text-align: center;
padding: 2px 2px;
white-space: nowrap;
border-radius: 2px;
height: 7px;
line-height: 7px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
}

.new_label::after{
position: absolute;
content: "NEW";
top: 0px;
left: 0px;
background-color: crimson;
font-size: 8px;
color: #fff;
font-weight: 700;
text-align: center;
padding: 0px 2px;
white-space: nowrap;
border-radius: 2px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
}

.new_label_large::after{
position: absolute;
content: "NEW";
top: 0px;
left: 0px;
background-color: crimson;
font-size: 10px;
color: #fff;
font-weight: 700;
text-align: center;
padding: 0px 2px;
white-space: nowrap;
border-radius: 2px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
}

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

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

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

.pickup_label_small::after{
position: absolute;
content: "PU";
top: 0px;
left: 0px;
background-color: #1d00ff;
font-size: 6px;
color: #fff;
font-weight: 700;
text-align: center;
padding: 2px 2px;
white-space: nowrap;
line-height: 7px;
border-radius: 2px;
height: 7px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
}

.pickup_label::after{
position: absolute;
content: "PU";
top: 0px;
left: 0px;
background-color: #1d00ff;
font-size: 8px;
color: #fff;
font-weight: 700;
text-align: center;
padding: 0px 2px;
white-space: nowrap;
border-radius: 2px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
}

.pickup_label_large::after{
position: absolute;
content: "PU";
top: 0px;
left: 0px;
background-color: #1d00ff;
font-size: 10px;
color: #fff;
font-weight: 700;
text-align: center;
padding: 0px 2px;
white-space: nowrap;
border-radius: 2px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
}

/* コンテンツ切り替えタブが下のコンテンツと近すぎるのを回避 */
.switch-content-chip-tab-wrapper{
margin-bottom: 10px;
}

/* ボタンリンクに矢印マーク画像挿入 */

.kamigame-layout-main .button_navigation a:after {
border-bottom: none;
border-right: none;
background-image: url(https://lh3.googleusercontent.com/_IlKdRs3uJdWUWmu3zaTTDu1MfpthreBYiX8-avjHnAZ9urhVFvrgUSXJ5S-_x3UC5preCWE0ktILout7-e5go7Yjle9vM9b1wtDwOrNjFk);
background-size: contain;
background-repeat: no-repeat;
height: 18px !important;
width: 18px !important;
transform: none;
}

.kamigame-layout-main .button_navigation a:hover:after {
border-bottom: none;
border-right: none;
}

/* テーブル内要素の上寄せクラス */

.vertical-top td {
vertical-align: top;
}

/*誕生日カレンダー */

.birthday-calendar {
position: relative;
table-layout: fixed !important;
border: solid 2px #DFD9C1 !important;
font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif !important;
font-weight: 100;
background-image: linear-gradient(135deg, #FBF8F1 25%, transparent 25%), linear-gradient(225deg, #FCF9F0 25%, transparent 25%), linear-gradient(45deg, #FCF9F0 25%, transparent 25%), linear-gradient(315deg, #FCF9F0 25%, #FEFEF4 25%);
background-position: 40px 0, 40px 0, 0 0, 0 0;
background-size: 40px 40px;
background-repeat: repeat;
}

.birthday-calendar th {
border: none;
font-size: 3rem;
font-weight: bold;
text-align: left !important;
padding: 5px 5px 5px 20px;
background-image: linear-gradient(135deg, #FCF9F0 25%, transparent 25%), linear-gradient(225deg, #FCF9F0 25%, transparent 25%), linear-gradient(45deg, #FCF9F0 25%, transparent 25%), linear-gradient(315deg, #FCF9F0 25%, #FEFEF4 25%);
background-position: 40px 0, 40px 0, 0 0, 0 0;
background-size: 40px 40px;
background-repeat: repeat;
}

@media screen and (max-width: 728px) {
.birthday-calendar th {
font-size: 2rem;
padding: 5px 5px 5px 10px;
}
}

.birthday-calendar td {
background-color: transparent !important;
border: none;
padding: 4px;
font-size: 3rem;
height: 106px;
}

@media screen and (max-width: 728px) {
.birthday-calendar td {
padding: 2px;
font-size: 2rem;
height: 58px;
}
}

.birthday-calendar tr:nth-child(1) td {
font-size: 18px;
background-color: rgb(230 217 189 / 50%) !important;
height: 20px;
}

@media screen and (max-width: 728px) {
.birthday-calendar tr:nth-child(1) td {
font-size: 1.4rem;
}
}

.birthday-calendar tr td:nth-of-type(1) {
color: #df0c3d;
}

.birthday-calendar tr td:nth-of-type(7) {
color: #3498db;
}

.birthday-calendar img {
filter: drop-shadow(1px 2px 1px #ccc);
}

.birthday-calendar .january {
color: #8e4c4c;
}

.birthday-calendar .february {
color: #3d8a6e;
}

.birthday-calendar .march {
color: #4184b3;
}

.birthday-calendar .april {
color: #af7447;
}

.birthday-calendar .may {
color: #af9049;
}

.birthday-calendar .june{
color: #825cb1;
}

.birthday-calendar .july {
color: #4daae9;
}

.birthday-calendar .august {
color: #954a4a;
}

.birthday-calendar .september {
color: #7fa1be;
}

.birthday-calendar .october {
color: #4e9fba;
}

birthday-calendar .november {
color: #4591c4;
}

.birthday-calendar .december {
color: #998558;
}

/*聖遺物INDEXテーブル */

.seiibutu-index {
    display: grid;
    grid-template-rows: auto;
    position: relative;
    border: solid 1px #D1BC8D;
    grid-template-columns: 37px 57px 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}
.seiibutu-index-table .img {
    grid-area: 2 / 1 / 4 / 3;
    position: relative;
    left: 0px;
    display: flex;
    margin: 5px 0 0 5px;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    max-width: 85px;
}
.seiibutu-index-table .img img {
    border: solid 2px #D1BC8D;
    border-radius: 3px 3px 25px 0px;
}
.seiibutu-index-table .character {
    grid-area: 3 / 3 / 4 / 4;
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fit, 14.4%);
    grid-template-rows: auto;
    justify-content: start;
    grid-gap: 5px 6px;
    padding: 22px 5px 0px 10px;
    max-width: 260px;
}
.seiibutu-index-table .name {
    grid-area: 1 / 1 / 2 / 4;
    font-size: 20px;
    text-align: left;
    margin-left: 5px;
    font-weight: bold;
    color: #3F4758 !important;
    border-bottom: none !important;
    text-decoration: underline;
    text-decoration-color: #3F4758;
    text-underline-offset: 5px;
    text-decoration-style: dotted;
}
.seiibutu-index-table .set2 {
    grid-area: 4 / 1 / 5 / 2;
    background: #F9EDD3;
    margin: 5px 2px 5px 5px;
    border: 1px solid #D1BC8D;
    border-radius: 5px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 40px;
}
.seiibutu-index-table .set2-effect {
    grid-area: 4 / 2 / 5 / 4;
    font-size: 1.1rem;
    text-align: left;
    display: block;
    background: #F9EDD3;
    margin: 5px 5px 5px 2px;
    border: 1px solid #D1BC8D;
    padding: 5px;
    border-radius: 5px;
    height: 30px;
}
.seiibutu-index-table .set4 {
    grid-area: 5 / 1 / 6 / 2;
    background: #F9EDD3;
    margin: 0px 2px 5px 5px;
    border: 1px solid #D1BC8D;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    font-weight: bold;
    align-items: center;
    position: relative;
}
.seiibutu-index-table .set4-effect {
    grid-area: 5 / 2 / 6 / 4;
    font-size: 1.1rem;
    text-align: start;
    display: block;
    overflow-x: hidden;
    overflow-y: scroll;
    background: #F9EDD3;
    border: 1px solid #D1BC8D;
    margin: 0px 5px 5px 2px;
    padding: 5px;
    border-radius: 5px;
    scrollbar-color: #8180A5 #EFDFBC;
    height: auto;
    max-height: 60px;
    min-height: 30px;
}
.seiibutu-index-table .set4::after {
    content: "セット";
    position: absolute;
    bottom: 15%;
    font-size: 8px;
}
.seiibutu-index-table .getting {
    grid-area: 2 / 3 / 3 / 4;
    position: relative;
    display: grid;
    justify-content: start;
    padding: 22px 5px 0px 10px;
    max-width: 260px;
}
.seiibutu-index-table .getting::after {
    content: "▼入手方法";
    position: absolute;
    top: 3px;
    left: 5px;
    font-size: 1.2rem;
}
.seiibutu-index-table td {
background: #fffaf0;
background-image: linear-gradient(135deg, #fff7e7 25%, transparent 25%), linear-gradient(225deg, #fff7e7 25%, transparent 25%), linear-gradient(45deg, #fff7e7 25%, transparent 25%), linear-gradient(315deg, #fff7e7 25%, #fff4e5 25%);
background-position: 40px 0, 40px 0, 0 0, 0 0;
background-size: 40px 40px;
background-repeat: repeat;
padding: 5px;
border: solid 2px #D1BC8D !important;
}

.seiibutu-index-table .character img {
box-shadow: 1px 1px 2px 0px #8a898959;
}

.seiibutu-index-table .character::after {
content: "▼おすすめ装備キャラ";
position: absolute;
top: 3px;
left: 5px;
font-size: 1.2rem;
}

.seiibutu-index-table td a {
display: block;
color: #3f4758;
text-decoration: underline dotted;
text-decoration-color: #3f4758;
text-underline-offset: 5px;
}

.seiibutu-index-table td a:hover{
color: #D1BC8D;
text-decoration-color: #D1BC8D;
}
.seiibutu-index-table .set2::after{
content: "セット";
position: absolute;
bottom: 2px;
font-size: 8px;
}

/* ライターコメントツールの背景透過 */

.author-speech-table td{
background-color: transparent !important;
}

/*パーティ編成テーブル */

.party_table{
position: relative;
border: 2px solid #6773a0 !important;
background: #363b4e;
}

.party_table td{
border: none !important;
padding: 0px !important;
background: #363b4e;
}

.party_table .character_frame{
position: relative;
}

.party_table .party_weapon_frame, .party_table .character_case{
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: auto;
grid-column-gap: 5px;
grid-row-gap: 0px;
}

.party_table .party_weapon_frame {
border-top: 1px solid #6773a0;
padding-top: 5px;
margin: 0px 5px 5px 5px;
}

.party_table .character_case {
margin: 5px;
padding: 5px;
background: linear-gradient(180deg, rgba(94, 104, 140, 1) 0%, rgb(81 90 126) 100%);
border-radius: 8px;
border: solid 2px #7783b0;
}

.party_table .weapon1{
grid-area: 1 / 1 / 2 / 2;
}

.party_table .weapon2{
grid-area: 1 / 2 / 2 / 3;
}

.party_table .weapon3{
grid-area: 1 / 3 / 2 / 4;
}

.party_table .weapon4{
grid-area: 1 / 4 / 2 / 5;
}

.party_table .substitute_frame{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: auto;
gap: 3px;
padding: 19px 3px 3px 3px;
margin: 3px 0px 0px 0px;
background: linear-gradient(180deg, rgba(94, 104, 140, 1) 0%, rgb(81 90 126) 100%);
border-radius: 8px;
border: solid 2px #7783b0;
position: relative;
justify-content: start;
}

@media screen and (max-width: 565px) {
.party_table .substitute_frame, .party_table .weapon_frame, .party_table .seiibutu_frame{
padding: 16px 3px 3px 3px !important;
}
}

@media screen and (max-width: 565px) {
.party_table .substitute_frame {
grid-template-columns: repeat(2, 1fr);
}
}

@media screen and (max-width: 565px) {
.party_table .substitute_frame::after, .party_table .weapon_frame::after, .party_table .seiibutu_frame::after {
font-size: 1.0rem !important;
}
}

.party_table .substitute_frame::after {
content: "✦代用キャラ";
position: absolute;
top: 0px;
left: 3px;
font-size: 1.3rem;
color: #d3d3d3;
}

.party_table .weapon_frame{
display: flex;
gap: 3px;
padding: 19px 3px 3px 3px;
background: linear-gradient(180deg, rgba(94, 104, 140, 1) 0%, rgb(81 90 126) 100%);
border-radius: 8px;
border: solid 2px #7783b0;
flex-direction: row;
justify-content: flex-start;
position: relative;
}

.party_table .weapon_frame::after {
content: "✦武器";
position: absolute;
top: 0px;
left: 3px;
font-size: 1.3rem;
color: #d3d3d3;
}

.party_table .seiibutu_frame{
display: flex;
gap: 3px;
margin: 3px 0px 0px 0px;
background: linear-gradient(180deg, rgba(94, 104, 140, 1) 0%, rgb(81 90 126) 100%);
border-radius: 8px;
border: solid 2px #7783b0;
flex-direction: row;
justify-content: flex-start;
position: relative;
padding: 19px 3px 3px 3px;
}

.party_table .seiibutu_frame::after {
content: "✦聖遺物";
position: absolute;
top: 0px;
left: 3px;
font-size: 1.3rem;
color: #d3d3d3;
}

.attacker_label, .subattacker_label, .heeler_label, .supporter_label{
position: relative;
}

.attacker_label::after, .subattacker_label::after, .heeler_label::after, .supporter_label::after{
position: absolute;
top: 0px;
right: 0px;
background-color: #414041;
font-size: 0px;
color: #fff;
font-weight: 700;
border: 2px solid #ede6d0;
text-align: center;
padding: 0px;
white-space: nowrap;
border-radius: 8px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
}

.attacker_label::after{
content: url(https://lh3.googleusercontent.com/l-7DJlJhvEi-3QHH_fGMAv0sX_wy0dLLTJXgFQzoCKStmH_pRboe0FeI63dTpiP7_7pNSgHQV4C28EPuldP61KM3xTdHP2p6hN1UJfXxwtliBg);
}

.subattacker_label::after{
content: url(https://lh3.googleusercontent.com/9SJxlEkSBhqRniKIK2LA_0GXVSIk_okdpd8RRCp4eQ7-BCPV-8DGrMqQR5GtC65_DkGHvBO_hRqOoqqnafJXh3H8nwtd3n4HSiataPPXpiQ);
}

.heeler_label::after{
content: url(https://lh3.googleusercontent.com/sf6iSkofNVW_Qjs7waBKLjveLqZO2hFHXJWShJvEGBDwyKUpwWzKzJwjJd9dJ5FX_Q9UYZcb1VU-miqjRpageaN95uVLHyN3LcQXvZa7qYBI);
}

.supporter_label::after{
content: url(https://lh3.googleusercontent.com/Trs9U8z-VGgPjv3cENhxWY5qWc-2WlagmltQ1knDkl_SImbgAq9eDYTO-AbK4fyHxYDuhMPIFViiXS4D_ma2LlNsaP9W4rRT6MKmkF8hFboWLQ);
}

.party_table .seiibutu_frame img, .party_table .weapon_frame img{
width: 45px;
border-radius: 5px;
}

@media screen and (max-width: 565px) {
.party_table .seiibutu_frame img, .party_table .weapon_frame img{
width: 30px;
border-radius: 5px;
}
}

/*イベントカレンダー */

.event-calendar-vuetify-wrapper .eventCalendar .displayedMonth[data-v-547662fd] {
font-size: 1.8rem;
}

.event-calendar-vuetify-wrapper .theme--light.v-calendar-weekly {
background-image: linear-gradient(135deg, #FBF8F1 25%, transparent 25%), linear-gradient(225deg, #FCF9F0 25%, transparent 25%), linear-gradient(45deg, #FCF9F0 25%, transparent 25%), linear-gradient(315deg, #FCF9F0 25%, #FEFEF4 25%);
background-position: 40px 0, 40px 0, 0 0, 0 0;
background-size: 40px 40px;
background-repeat: repeat;
}

.event-calendar-vuetify-wrapper .eventCalendar .toolbar[data-v-547662fd] {
color: #363b4e;
background: #fff4dd;
border-bottom: solid 1px #e6d1a2;
}

.event-calendar-vuetify-wrapper .v-calendar-weekly__head {
border-bottom: 1px solid #DDD;
background: #fff;
}

.event-calendar-vuetify-wrapper {
overflow: hidden !important;
}

.eventCalendar[data-v-547662fd] {
border: solid 2px #e6d1a2;
overflow: hidden;
}

.event-calendar-vuetify-wrapper .theme--light.v-application {
background: transparent !important;
}

.event-calendar-vuetify-wrapper .v-calendar .v-event, .event-calendar-vuetify-wrapper .v-calendar .v-event-more {
text-decoration: underline;
text-decoration-color: #fff;
text-underline-offset: 2px;
text-decoration-style: dotted;
}

.event-calendar-vuetify-wrapper .theme--light.v-card {
border: double 7px #d1bc8d !important;
}

.event-calendar-vuetify-wrapper .theme--light.v-card .v-card__subtitle, .event-calendar-vuetify-wrapper .theme--light.v-card>.v-card__text {
color: #3f4758 !important;
}

.event-calendar-vuetify-wrapper .theme--light.v-calendar-weekly {
border-top: none !important;
border-left: none !important;
}

.event-calendar-vuetify-wrapper .v-btn__content {
color: #3f4758 !important;
}

/*パーティ投稿ツールデザイン変更 */

.node[data-v-dddc5d69] {
margin-bottom: 12px;
background: linear-gradient(180deg, rgba(62, 65, 89, 1) 0%, rgba(194, 195, 200, 1) 100%);
box-shadow: 0px 0px 3px 0px;
border: 2px solid #DDD !important;
color: #e8d9bc;
}

.date[data-v-1e8d157f] {
margin-bottom: 0px !important;
color: #d2cdc4 !important;
}

.category[data-v-dddc5d69] {
font-weight: 600;
font-size: 12px;
color: #d2cdc4 !important;
margin-bottom: 6px;
}

.node .data-wrapper .team-wrapper {
background-color: transparent !important;
}

.comment[data-v-1e8d157f] {
background-color: #ede8dd;
border-radius: 8px;
padding: 11px !important;
color: #4b5563;
font-weight: bold;
border: 2px solid #FFF;
box-shadow: 0px 0px 5px 2px #a2a2a2;
font-size: 1.25rem;
}

.username[data-v-dddc5d69] {
font-size: 1.3rem !important;
}

/* デートイベントツールのデザイン改修 */

@media screen and (max-width: 480px) {
.genshin-event-checker .endings-select[data-v-a73e3a6c] {
display: grid !important;
grid-template-columns: repeat(3, 33%);
gap: 3px;
 }
}

.genshin-event-checker .endings-label[data-v-a73e3a6c], .genshin-event-checker .characters-label[data-v-a73e3a6c] {
border-bottom: 2px dotted #626b8e;
}

/*声優一覧テーブル */

.cv_frame{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}

.cv_case{
display: flex;
flex-direction: column;
align-items: center;
}

.cv_ruby{
font-size: 1.0rem;
line-height: 1;
}

.cv_name{
font-size: 1.6rem;
font-weight: bold;
}

.cv_link{
display: flex;
flex-direction: row;
gap: 2px;
}

.cv_link img{
width: 25px;
}

/*レイヤーテキストテーブルの改修 */

.side-block .layer_text_table td a span.layer_text, .side_block .layer_text_table td a span.layer_text, .kamigame-layout-main .layer_text_table td a span.layer_text {
text-shadow: 0 0px 4px #000;
box-sizing: border-box;
font-size: min(2.8vw, 23px);
left: 5% !important;
padding: 14% 0px 5% 0px !important;
width: calc(100% - 10%) !important;
background-image: url(https://lh3.googleusercontent.com/gNpjLF1vE4C83chwfKyMuqPD-3Cy8uP-a1nX_C_DJ7SahIdxsxhFWFh3ZyiVMzj1lNzoNFtm46yBc9w4aBQDbL6KWMkHHp4nh6P0rnTBDR-M);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
line-height: 1.1;
position: absolute;
bottom: 0;
color: #fff;
text-align: center;
}

.side-block .layer_text_table td a span.layer_text:hover, .side_block .layer_text_table td a span.layer_text:hover, .kamigame-layout-main .layer_text_table td a span.layer_text:hover {
text-shadow: 0 0px 4px #c6c6c6;
background-color: rgb(255 255 255 / 10%);
background-blend-mode: overlay;
color: rgb(255 255 255 / 90%);
}

.fontsize_3column .layer_text{
font-size: 14px !important;
}

.fontsize_4column .layer_text{
font-size: 11px !important;
}

@media screen and (max-width: 480px) {
.fontsize_3column .layer_text {
font-size: 9px !important;
  }
}

@media screen and (max-width: 480px) {
.fontsize_4column .layer_text {
font-size: 7px !important;
  }
}

/*デート一覧テーブル */

.date_event {
display: grid;
grid-template-columns: 40% 60%;
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
align-items: center;
}

.date_event .character_icon {
grid-area: 1 / 1 / 2 / 2;
}

.date_event .contents {
grid-area: 1 / 2 / 2 / 3;
padding: 0px 0px 0px 15px;
border-left: 1px dotted #ccc;
margin-left: 9px;
text-align: left;
}

/* 時間帯ラベル */

.time_day_label, .time_night_label{
position: relative;
display: inline-block;
border-radius: 2px;
margin: 2px auto;
padding: 0 2px;
}
.time_day_label img, .time_night_label img {
width: 30px;
}
.time_day_label::after, .time_night_label::after{
position: absolute;
content: "";
top: -2px;
left: 20px;
width: 15px;
height: 15px;
background-repeat: no-repeat;
background-size: contain;
}
.time_day_label::after {
background-image: url(https://lh3.googleusercontent.com/LCVpORoWoNmK3UAPfsVWXA_BcJpqo_Wyo29LB3QBE4ZcGl-NglezzwgFxPcvpXA0VzvaBKmFlm5lMshK6LZcjn8rFjEf7eQopuJzPIUZj02t__RZNug);
}
.time_night_label::after {
background-image: url(https://lh3.googleusercontent.com/Fri38k4GGz6Zbmz0pKr4tQ6GYxj-GR2fg0IvNsMEOL8L0fwfXYknzvvdaXg-ylDCcXnM5Y02BmHuzNjmAokmNLVUo8iDPWHm2_avkPDLKMEHppC2Kg);
}

/*目次の幅調整*/

nav#contents .separator {
font-weight: 600;
line-height: 2.5;
}

/* ガチャ結果 */
.kamigame-layout-main .tweet-image__inner, .side-block .tweet-image__inner, .side_block .tweet-image__inner {
  background: linear-gradient(to bottom, #839ca5, #e6f2d5, #839ca5)!important;
}

.kamigame-layout-main .tweet-image, .side-block .tweet-image, .side_block .tweet-image {
  align-content: center;
  background: linear-gradient(180deg, #a6c1ea, #b9f5ff, #a6c1ea)!important;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
}

.kamigame-layout-main .tweet-image__title, .side-block .tweet-image__title, .side_block .tweet-image__title {
  background: #ebe5d9!important;
  border: 2px solid #d5be93;
  box-shadow: #9f8d6c 0 2px;
  color: #4f5669;
}

.kamigame-layout-main .tweet-image__inner, .side-block .tweet-image__inner, .side_block .tweet-image__inner {
  background: #fff;
  border-radius: 5px;
  box-sizing: border-box;
  height: 96%;
  margin: 10px auto;
  padding: 10px 10px 5px;
  text-align: center;
  width: 96%;
}

.tweet-image__item span {
  box-shadow: 0 0 1px #6e6ddf;
}

/*汎用ボタン */

.link-button {
border: solid 1px #8a8a8a;
border-radius: 7px;
cursor: pointer;
display: inline-block;
margin: 2px;
font-size: 0.7em;
font-weight: bold;
color: #50596B;
padding: 4px;
box-shadow: 0px 1px 1px 0px #7a818c;
background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgb(217 217 217));
}
.link-button:hover {
background-image: linear-gradient(180deg, rgba(217, 217, 217), rgba(255, 255, 255, 1));
}

.link-button span[class^=popup-toggle__]:after {
width: 0px;
height: 0px;
margin-left: 0px;
}
.link-button span[class^=popup-toggle__] {
border-bottom: none;
width: 100%;
color: #50596B;
padding-bottom: 0px;
}


/*フィルターテーブル */
.filter-table-list {
background: #fffdf7 !important;
border-color: #d0bc8e!important;
}

.filter-table-tailwind .border-b {
border-color: #d0bc8e!important;
}

.filter-table-tailwind .border-gray-300 {
border-color: #d2bc8d!important;
}

.reset-button {
border-color: #5c667b!important;
color: #5c667b!important;
}

.more-filter {
background-color: #5c667b!important;
border-color: #5c667b!important;
}

.selected-label {
border-color: #827135!important;
background-color: #827135!important;
}

.unselected-label[data-v-7cedb658], .unselected-label[data-v-f201e7a9] {
    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
    color: rgba(156, 163, 175, var(--tw-text-opacity));
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    background: white!important;
}

/*custom-html-componentフィルター用*/

.filter-content-list[data-v-f6eb1908] {
    background: #fffdf7 !important;
    border-color: #d0bc8e !important;
    border: 1px solid #333;
    border-radius: 5px;
    margin: 0 auto 10px;
    padding: 10px 10px 15px;
}

/*パーティ投稿ツールの文字色変更 */
.teamname[data-v-dddc5d69] {
color: #e8d9bc;
}
.comment[data-v-de33f8bc] {
color: #4b5563;
font-weight: bold;
}

/* タブカラー変更 */
.kamigame-layout-main .tab-wrapper input:checked+.tab, .side-block .tab-wrapper input:checked+.tab, .side_block .tab-wrapper input:checked+.tab, .kamigame-layout-main .switch-content-text-tab-tab-wrapper input:checked+.tab, .side-block .switch-content-text-tab-tab-wrapper input:checked+.tab, .side_block .switch-content-text-tab-tab-wrapper input:checked+.tab {
background-color: #4c5567;
}

.kamigame-layout-main .tab-wrapper, .side-block .tab-wrapper, .side_block .tab-wrapper, .kamigame-layout-main .switch-content-text-tab-tab-wrapper, .side-block .switch-content-text-tab-tab-wrapper, .side_block .switch-content-text-tab-tab-wrapper {
border-bottom: 3px solid #bbaa86;
}

/* ポイントテーブル */
.kamigame-layout-main table.point_table {
background: #fcfcee!important;
border: 3px solid #ceb689;
}

.side-block table.point_table th, .side_block table.point_table th, .kamigame-layout-main table.point_table th {
background: #fcfcee!important;
border-bottom: none!important;
color:#4f6b88;
text-align: center;
padding: 10px 10px 0 10px!important;
}

.kamigame-layout-main table.point_table th:before,
.kamigame-layout-main table.point_table th:after {
content: "";
background: url("/img/genshin/genshin_point_table.png") no-repeat 0% / 36px 36px;
width: 36px;
height: 10px;
display: inline-block;
vertical-align: middle;
}

.kamigame-layout-main table.point_table th:before {
margin: 0 5px 2px 0;
}

.kamigame-layout-main table.point_table th:after {
margin: 0 0 2px 5px;
transform: scaleX(-1);
}

.side-block table.point_table tbody tr:first-child td, .side_block table.point_table tbody tr:first-child td, .kamigame-layout-main table.point_table tbody tr:first-child td,.side-block table.point_table td, .side_block table.point_table td, .kamigame-layout-main table.point_table td {
background-color: #fcfcee!important;
}

.side-block table.point_table tbody tr:first-child td, .side_block table.point_table tbody tr:first-child td, .kamigame-layout-main table.point_table tbody tr:first-child td {
padding: 10px 10px 5px 26px;
}

.side-block table.point_table tbody tr:first-child td:before, .side_block table.point_table tbody tr:first-child td:before, .kamigame-layout-main table.point_table tbody tr:first-child td:before {
top: 24px;
}

.side-block table.point_table td:before, .side_block table.point_table td:before, .kamigame-layout-main table.point_table td:before {
border: 3px solid #4f6b88;
top: 19.5px;
}

.side-block table.point_table td, .side_block table.point_table td, .kamigame-layout-main table.point_table td {
padding: 5px 10px 5px 26px;
}

.side-block table.point_table tbody tr:last-child td, .side_block table.point_table tbody tr:last-child td, .kamigame-layout-main table.point_table tbody tr:last-child td {
padding: 5px 10px 12px 26px;
}

.side-block table.point_table tbody tr:only-child td, .side_block table.point_table tbody tr:only-child td, .kamigame-layout-main table.point_table tbody tr:only-child td {
padding: 12px 10px 12px 26px;
}

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