.nation_head\:visible-pc {
  display: none;
}
@media screen and (min-width: 900px) {
  .nation_head\:visible-pc {
    display: table;
  }
}

.nation_head {
  display: none;
  padding: 20px;
  padding-top: 60px;
  text-align: center;
  background-color: #cfad79;
  color: #231f20;
  font-size: 30px;
  font-weight: 900;
  position: relative;
}
@media screen and (max-width: 899px) {
  .nation_head {
    display: block;
  }
}
.nation_head::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 60px;
  background: url(/images/bg/bg_week_header01.png) no-repeat 0 0;
  background-size: auto 85px;
}
.nation_head div {
  padding-top: 10px;
  font-size: 0.55em;
  font-weight: normal;
  line-height: 1;
}

.section-area {
  padding: 30rem 35rem;
}
@media screen and (max-width: 768px) {
  .section-area {
    padding: 0;
  }
}

.etc-list {
  --row-gap: 60px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--row-gap) 2%;
  font-size: 18px;
}
@media screen and (max-width: 540px) {
  .etc-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(var(--row-gap) / 2);
  }
}
.etc-list > li {
  min-width: 0;
  position: relative;
  min-height :265rem;
}
@media screen and (max-width: 540px) {
  .etc-list > li {
    min-height :265rem;
  }
}

.etc-list > li::before {
  content: "";
  position: absolute;
  top: calc(var(--row-gap) / 2 * -1);
  left: -35px;
  width: calc(100% + 35px);
  border-top: 1px solid #ddd;
}
@media screen and (max-width: 540px) {
  .etc-list > li::before {
    width: 100%;
  }
}
.etc-list > li:nth-child(even)::before {
  right: 0;
  left: unset;
}
.etc-list > li:nth-child(1)::before, .etc-list > li:nth-child(2)::before {
  display: none;
}
@media screen and (max-width: 540px) {
  .etc-list > li::before {
    display: none;
  }
  .etc-list > li ~ li {
    border-top: 1px solid #ddd;
    padding-top: calc(var(--row-gap) / 2);
  }
}
@media screen and (min-width: 540px) {
  .etc-list .img {
    float: left;
    width: 30%;
  }
}
.etc-list .img img {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 540px) {
  .etc-list .info-box-set {
    float: right;
    width: 70%;
  }
}
.etc-list .info-box {
  padding: 0 0 0 20rem;
}
@media screen and (max-width: 540px) {
  .etc-list .info-box {
    padding: 8px 0 0 0;
  }
}
.etc-list .title {
  min-height: 54px;
  overflow: hidden;
  line-height: 1.5;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight:900;
}
@media screen and (max-width: 540px) {
  .etc-list .title {
    min-height: unset;
  }
}
.etc-list .title a:hover{
  text-decoration: underline;
}

.post_data_area.type01 {
  margin: 0;
}
.post_data_area.type01 ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .post_data_area.type01 ul {
    grid-template-columns: 1fr;
  }
}
.post_data_area.type01 .item {
  min-width: 0;
}
.post_data_area.type01 .txt {
  overflow: hidden;
  line-height: 1.5;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.layer-contents {
  width: 70%;
  display: table-cell;
  padding-left: 50rem;
  line-height: 170%;
}

.main-con {
  margin: 40px 0 0;
}
@media screen and (min-width: 1003px) {
  .main-con {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0 20px;
  }
  .main-con > * {
    min-width: 0;
  }
}

#divMainThumbnailFilePath a {
  display: block;
  position: relative;
  border: 1px solid #ccc;
  text-align: center;
}
#divMainThumbnailFilePath img {
  width: 100%;
  vertical-align: top;
  max-width: 680px;
}
#divMainThumbnailFilePath i {
  position: absolute;
  right: 0;
  top: -7px;
  width: 101.8rem;
  height: 154.3rem;
  background-image: url("../images/icons/ai_icon_bookmark.png");
  background-size: 101.8rem 154.3rem;
}

.divMainContentTrans {
  grid-column-end: span 2;
  grid-row-end: span 2;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .divMainContentTrans {
    font-size: 16px;
  }
}
.divMainContentTrans .headerTop {
  padding: 0 20rem;
  height:478px;
  display: grid;
  place-items: center;
}
@media screen and (max-width: 768px) {
  .divMainContentTrans .headerTop {
    padding: 0;
    height:auto;
  }
}
.divMainContentTrans .headerTop .post_title {
  padding: 0 0 30px 0;
  font-size: 2em;
  font-weight: 900;
}

.divMainContentTrans .headerTop .post_title a:hover {
  text-decoration:underline;
}

@media screen and (max-width: 768px) {
  .divMainContentTrans .headerTop .post_title {
  	padding: 30px 0;
    font-size: 1.3em;
  }
}
.divMainContentTrans .headerTop #h3Title {
  font-size: 1.2em;
}
.divMainContentTrans .txt {
  margin-top: 20px;
  padding: 0 20rem;
  line-height: 1.6;
  text-align: justify;
}
@media screen and (max-width: 768px) {
  .divMainContentTrans .txt {
    padding: 0;
  }
}

.divMainInfoList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.tag {
  display: inline-block;
  border-radius: 35px;
  background-color: #f3f5f7;
  color: #444;
  padding: 7rem 11rem;
  margin: 4rem 5rem;
}
.tag2 {
  display: inline-block;
  border-radius: 35px;
  background-color: #F3F5F7;
  color: #444;
  font-size: 13rem;
  padding: 7rem 11rem;
  margin: 4rem 5rem;
}

.divHash {
	position: absolute;display: block;bottom: 0;
}
@media screen and (max-width: 768px) {
  .divHash {
    position: relative;
  }
}

.thumbImg {
    display: block;
    position: relative;
    text-align: center;	
}

.thumbImg i {
	position: absolute;
    right: 0;
    top: -4px;
    width: 60rem;
    height: 89rem;
    background-image: url(../images/icons/ai_icon_bookmark.png);
    background-size: 60rem 89rem;
}

/*# sourceMappingURL=add.css.map */