/*--------------
common
--------------*/
.post-type-archive,
.single-topics,
.archive,.single{
  position: relative;
}

.post-type-archive::before,
.single-topics::before,
.archive::before,.single::before{
  content: "";
  position: absolute;
  inset: 0;
  background: var(--g-rainbow);
  opacity: .06;
  z-index: -1;
}

.p-mainTitle{
  text-align: center;
  padding: min(10rem, 24vw) 0 min(6rem, 12vw);
}

.p-mainTitle_title{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(2rem,4vw);
  border-top: var(--b-dashed);
  border-bottom: var(--b-dashed);
  padding: min(3rem, 6vw) 0;
}

.p-mainTitle_title>h2{
  font-size: min(2.83rem, 6vw);
  line-height: 1.5;
  font-weight: 400;
}

.p-mainTitle_title>span.contents-title_image{
  width: min(6rem,12vw);
}

.p-mainTitle_title>h2 span.title-effect_text{
  display: block;
  text-transform: uppercase;
  font-size: min(58%);
}

.p-mainTitle_title>h3{
  font-size: min(2.4rem, 5vw);
  text-align: left;
  line-height: 1.5;
}

.p-mainTitle_title>h3>time.date{
  display: block;
  font-size: min(60%);
  padding-bottom: min(.6rem, 1vw);
  line-height: 1;
}

.p-mainTitle_title>h3 .new-text{
  font-size: min(56%);
}

/*--------------
TOPICS
--------------*/
.p-topicsList{
  padding-bottom: var(--section-margin);
}

.p-topicsList .newsList-item a{
  padding: min(1rem, 2.4vw) 0;
  line-height: 1.6;
}

/*-- single --*/
.single-contents{
  word-break: break-word;
}

.single-wrapper h1{
  margin-top: min(2rem, 6.64vw);
  font-size: min(2.24rem, 5.24vw);
  border-left: solid 6px var(--color-blue);
  padding-left: min(1rem, 2vw);
  line-height: 1.5;
  word-break: break-word;
}

.single-wrapper h2{
  margin-top: min(2rem, 5.64vw);
  font-size: min(2rem, 4.83vw);
  word-break: break-word;
}

.single-wrapper h3{
  margin-top: min(2rem, 3.64vw);
  font-size: min(1.83rem,4.24vw);
  word-break: break-word;
}

.single-wrapper p{
  margin-top: min(1.4rem,2.4vw);
}
.single-wrapper p a{
  text-decoration: underline;
}

.single-wrapper ul{
  margin-top: min(1.4rem);
  display: flex;
  flex-direction: column;
  gap: min(1vw, .4rem);
}
.single-wrapper ul li{
  position: relative;
  padding-left: min(.8rem, 4vw);
}
.single-wrapper ul li::before{
  position: absolute;
  content: "";
  background: var(--color-blue);
  width: min(.4rem, 2vw);
  height: min(.4rem, 2vw);
  border-radius: 50%;
  left: 0;
  top: min(.7rem, 2.4vw);
}

.single-links{
  text-align: center;
  padding-top: calc(var(--section-margin) / 3);
  margin-top: calc(var(--section-margin) / 3);
  margin-bottom: calc(var(--section-margin) / 2);
  border-top: solid 1px rgb(12 10 10 / 10%);
}

.single-wrapper blockquote{
  background: #c4ba000f;
  padding: var(--bg-padding);
  margin:min(3.24rem, 8vw) 0 0 ;
}

.single-wrapper blockquote ul{
  padding-bottom: 0;
}

.single-pageNation{
  border-top: solid 1px var(--color-gray);
  margin-top: min(6rem, 12vw);
  padding-top: min(3rem, 6vw);
  display: flex;
  align-items: center;
  justify-content: center
}

/*-- topics --*/
.p-topics{
  margin-bottom: calc(var(--section-margin) / 2);
}

ul.p-topics_list{
  display: flex;
  flex-wrap: wrap;
  gap: var(--flex-gap);
}

ul.p-topics_list li{
  width: 100%;
}

.p-topics-item>a{
  display: flex;
  gap: calc(var(--flex-gap) / 2);
  align-items: center;
}

.p-topics-item>a .thumbnail{
  width: min(12rem, 26vw);
}

.p-topics-item>a .p-topics-titleArea{
  width: calc(100% - min(12rem, 26vw));
  line-height: 1.5;
}

.p-topics-item>a .p-topics-titleArea .p-topics-dateArea{
  font-size: min(80%);
  padding-bottom: min(.6rem);
}


@media print,screen and (min-width:768px) {
  .single-wrapper p a:hover{
    opacity: .6;
  }

  ul.p-topics_list li{
    width: calc((100% - var(--flex-gap)) / 2);
  }

  .p-topics-item>a:hover{
    color: #aaa;
  }
  .p-topics-item>a:hover .thumbnail img{
    transform: var(--scale);
  }
}

@media print,screen and (min-width:1024px) {
}