@charset "UTF-8";

.main_area::before {
  background: url(../../common/images/common/left_bg.jpg) repeat center center /
    cover;
}

/* deity_contents
=============================== */
.main_area_inner {
  padding-top: 180px;
}
.deity_contents .inner {
  width: calc(100% - 82px);
  margin-inline: auto;
}
.main_title {
  text-align: center;
  font-size: 26px;
  letter-spacing: 0.1em;
  line-height: 1.5;
  font-weight: 600;
}

/* tab_contents
================================ */
.tab_link_area {
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
}
.tab_link_area .inner {
  width: calc(100% - 40px);
  margin-inline: auto;
}
.tabArea {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 14px;
  row-gap: 16px;
}
.one_tab {
  width: calc((100% - 14px * 4) / 5);
  max-width: 50px;
  display: block;
  transition-duration: 0.3s;
  cursor: pointer;
}
.one_tab .tab_inner {
  transition-duration: 0.3s;
  filter: grayscale(100%);
}
.tabArea .select .tab_inner {
  filter: grayscale(0%);
}

@media only screen and (max-width: 768px) {
  .tabArea {
    column-gap: 10px;
  }
  .one_tab {
    width: 100%;
    max-width: 60px;
  }
}

/* tab_main
================================= */
.contents .tab_main {
  display: none;
  transition-duration: 0.3s;
}
.tab_main.is_show {
  display: block;
}
.tabArea .one_tab:hover .tab_inner {
  filter: grayscale(0%);
}
.tab_main .inner {
  width: calc(100% - 40px);
  margin-inline: auto;
}
.deity_kv {
  position: relative;
  padding-bottom: 40px;
}
.deity_title {
  text-align: center;
  font-size: 54px;
  letter-spacing: 0.05em;
  line-height: 1.5;
  font-weight: 500;
  color: #ff1b1c;
  margin-bottom: 24px;
}
.deity_title span {
  display: block;
  font-size: 14px;
  color: #707070;
}
.deity_text {
  font-size: 12px;
  letter-spacing: 0.05em;
  line-height: 1.6;
}
.deity_item {
  margin-top: 60px;
}
.deity_subtitle {
  text-align: center;
  font-size: 14px;
  letter-spacing: 0.1em;
  font-weight: 500;
  margin-bottom: 10px;
}
.deity_info_area {
  margin-top: 54px;
}
.deity_info_item {
  width: calc(100% - 60px);
  margin-inline: auto;
  max-width: 280px;
  display: flex;
  align-items: flex-start;
  margin-bottom: 32px;
}
.deity_info_item + .deity_info_item {
  margin-top: 10px;
}
.deity_info_date {
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 500;
}
.deity_info_text {
  font-size: 14px;
  font-weight: 500;
}
.deity_lead {
  text-align: center;
  font-size: 21px;
  letter-spacing: 0.05em;
  color: #ff1b1c;
  font-weight: 500;
  margin-bottom: 18px;
}
.deity_item_img {
  margin-bottom: 44px;
}

.ankutouju .deity_title,
.ankutouju .deity_lead {
  color: #f88415;
}
.taisousanjo .deity_title,
.taisousanjo .deity_lead {
  color: #0a328e;
}
.fukuryokusouri .deity_title,
.fukuryokusouri .deity_lead {
  color: #a0c765;
}
.aiubagen .deity_title,
.aiubagen .deity_lead {
  color: #444373;
}
.jasuiju .deity_title,
.jasuiju .deity_lead {
  color: #669e97;
}
.shiaden .deity_title,
.shiaden .deity_lead {
  color: #6e2ba3;
}
.toubiyuito .deity_title,
.toubiyuito .deity_lead {
  color: #f590c7;
}
.hyousochoiku .deity_title,
.hyousochoiku .deity_lead {
  color: #8cd8e1;
}
.shishitoou .deity_title,
.shishitoou .deity_lead {
  color: #f4c935;
}
.ryuuikinsho .deity_title,
.ryuuikinsho .deity_lead {
  color: #856b93;
}

@media only screen and (max-width: 768px) {
  .deity_info_item {
    width: calc(100% - 40px);
    max-width: 480px;
  }
  .deity_title {
    font-size: 48px;
  }
  .deity_lead {
    font-size: 28px;
    margin-bottom: 18px;
  }
}