@charset "UTF-8";

main a[href^="http"]:after {display:none;}

.textblock {
	display: block;
}

.report #footer-ticket{display: none;}

.report-img-block img{
  user-select: none;
}


.report-i{
  text-indent: -2.2em;
  padding-left: 2.5em;
}

/* report top */
.report-article{
  max-width: 1280px;
  width: 96%;
  margin: 5vw auto;
  display: flex;
  justify-content: space-between;
}

.report-menu{
  width: 25%;
  min-width: 280px;
  margin-left: 1em;
}
.report-menu h3{
  font-size: 1.2em;
  margin-bottom: 0.5em;
  font-weight: 600;
}
.report-menu h4{
  font-size: 0.9em;
  margin-top: 1.2em;
  margin-bottom: 0.5em;
  font-weight: 600;
  border-left: 3px #7b4885 solid;
  padding-left: 0.5em;
}
.report-menu li{
  width: 100%;
  padding: 5px 8px;
  border-bottom: 1px solid #ccc;
}
.report-menu a{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.report-pickup{
  width: 70%;
  aspect-ratio: 2 / 1;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.report-pickupinr, .report-pickupinr a{
  width: 100%;
  height: 100%;
}
.report-pickup__img{
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  position:absolute;
  top: 0;
  left: 0;
}
.report-pickup__text{
  font-weight: 600;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 15px;
  color: #fff;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
  background-blend-mode: multiply;
}
.report-pickup__text--small{font-size: 0.8em;}
.report-pickup__text:nth-child(2){font-size: 1.1em;}

.report-btn45{
  width: 18px;
  height: 25px;
  display: inline-block;
  transform: rotate( 90deg );
}
.report-btn img{
  width: 100%;
  height: 100%;
}

.report-article-list__title{
  font-weight: 600;
  font-size: 1.5em;
  border-left: solid 4px #7b4885;
  padding-left: 8px;
  max-width: 1280px;
  width: 96%;
  margin: 0 auto;
}

.report-article-list{
  max-width: 1280px;
  width: 96%;
  margin: 3vw auto 5vw;
  display: flex;
  flex-wrap: wrap;
}
.report-article-listinr{
  width: 31%;
  margin: 0 15px 20px;
  flex-shrink: 0;
}
.report-article-listdate{
  font-size: 0.9em;
  margin-bottom: 5px;
  color: #707070;
  font-weight: 600;
}
.report-article-listbox__img{
  aspect-ratio: 6 / 4;
  overflow: hidden;
  display: block;
}
.report-article-listbox__img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.report-article-listbox__title{
  font-weight: 600;
  line-height: 1.4em;
  margin-top: 8px;
}



/* archive-top */
.section-report-article{
  padding: 0;
  width: 70%;
  max-width: 850px;
  padding-right: 30px;
  padding-left: 30px;
}
.section-report-article h1{
  font-size: 2em;
  font-weight: 600;
  margin-bottom: 1em;
}

.report-btn{
  width: 18px;
  height: 25px;
  display: inline-block;
  flex-shrink: 0;
}
.report-btn img{
  width: 100%;
  height: 100%;
}

.report-article-head{
  display: inline-block;
  margin-right: 1em;
  color: #707070;
  font-size: 0.9em;
}

.report-article-back{
  margin: 10vw auto;
  width: fit-content;
  width: -moz-fit-content;
}
.report-article-back .btn {
  padding: 1em 2em;
}



/* archive */
.archives-inr img{
  width: 100%;
}

.archives-inr__img{
  width: 100%;
  margin: 50px auto;
}
.archives-inr__img p{
  margin-bottom: 10px;
}
.archives-inr__img-note{
  font-size: 0.8em;
  display: block;
  margin: 1em 0 1.5em;
}
.archives-inr__img-flex{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 50px auto;
}
.archives-inr__img-flex p{
  width: calc(50% - 0.25em); 
  margin-bottom: 0.5em;
}

.archives-inr__img-small{
  max-width: 300px;
}

.archives-inr h2{
  font-size: 1.5em;
  font-weight: 600;
  border-bottom: solid 1px #ccc;
  margin-top: 30px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  text-align: left !important;
}
.archives-inr h3{
  font-size: 1.3em;
  text-align: left !important;
  font-weight: 600;
  margin-bottom: 15px;
  border-left: solid 4px #7b4885;
  padding-left: 8px;
}
.archives-inr h4{
  font-size: 1.1em;
  text-align: left !important;
  font-weight: 600;
}
.archives-inr h5{
  font-size: 1em;
  font-weight: 600 !important;
  margin-bottom: 0.5em;
}

.archives-inr__index{
  width: 100%;
  background: #eee;
  padding: 30px;
  border-radius: 20px;
  margin: 40px auto;
}
.archives-inr__index h2{
  font-weight: 600;
  font-size: 1.2em !important;
  margin-bottom: 15px;
  font-weight: 600;
}
.archives-inr__index li{
  text-decoration: underline;
  list-style-type: disc;
  margin-left: 30px;
}
.archives-inr__index > ul > li{
  margin-bottom: 15px;
}

.archives-inr__outline {margin: 30px auto;}
.archives-inr__outline h4{
  border-bottom: solid 1px #ccc;
  padding-bottom: 8px;
  margin-bottom: 10px;
}
.archives-inr__outline dl{
  display: flex;
  flex-wrap: wrap;
}
.archives-inr__outline dt{
  width: 23%;
  margin-bottom: 1em;
  margin-right: 5px;
  flex-shrink: 0;
  padding: 0.5em 1em;
  background-color: #E6E6DA;
  font-size: 0.9em;
  display: flex;
  align-items: center;
  line-height: 1.25em;
  border-radius: 5px;
}
.archives-inr__outline dd{
  width: 75%;
  margin-bottom: 1em;
  flex-shrink: 0;
  padding: 0.5em;
  font-size: 0.9em;
  display: flex;
  align-items: center;
  line-height: 1.25em;
}

/* interview */
h5.interview {
  display: flex;
  gap: 1em;
}
h5.interview span {
  display: block;
}
h5.interview span:nth-child(1){
  flex-shrink: 0;
}
.interview-box {
  display: flex;
  gap: 1em;
}
.interview-box > p {
  display: block;
}
.interview-box > p:nth-child(1) {
  min-width: 50px;
  flex-shrink: 0;
}

/* plofile */
.profile {
  border: solid 1px #ccc;
  border-radius: 1.5em;
  padding: 1.5em 1.8em;
  display: flex;
  gap: 1em;
  align-items: center;
}
.profile__img {
  width: calc(25% - 1em);
  max-width: 150px;
  flex-shrink: 0;
}

.br-sp {
  display: none;
}

.space100{margin: 100px auto 0;}
.space60{margin: 60px auto 0;}
.space30{margin: 30px auto 0;}

.list-disc, .list-ol {
  margin-left: 1em;
}
.list-disc {
  list-style-type: disc;
}
.list-ol {
  list-style-type: decimal;
}

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

  /* report top */
  .report-article{
    margin: 5vw auto;
    display: block;
  }
  .report-menu{
    width: 100%;
    min-width: 100%;
    margin: 10vw auto;
    padding: 1.5em;
    border-top: solid 1px #ccc;
  }

  .report-pickup{
    width: 100%;
    aspect-ratio: 6 / 4;
  }
  .report-pickup__text:nth-child(1){font-size: 12px; line-height: 1.4em;}
  .report-pickup__text:nth-child(2){font-size: 14px; line-height: 1.4em;}

  .report-article-list__title{
    font-size: 1.2em;
  }

  .report-article-list{
    margin: 3vw auto 5vw;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .report-article-listinr{
    width: 48%;
    margin: 0 0 20px;
  }
  .report-article-listbox__title{
    font-size: 14px;
  }



  /* archive-top */
  .section-report-article h1{
    font-size: 1.2em;
    line-height: 1.4em;
  }
  .section-report-article{
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }



  /* archive */
  .archives-inr__img{
    margin: 30px auto;
  }

  .archives-inr h2{
    font-size: 1.2em;
    padding-bottom: 8px;
  }
  .archives-inr h3{
    font-size: 1.1em;
    margin-bottom: 8px;
  }
  .archives-inr h4{
    font-size: 1em;
  }

  .space100{margin: 80px auto 0;}
  .space60{margin: 40px auto 0;}
  .space30{margin: 20px auto 0;}

  .list-disc, .list-ol {margin-left: 1em;}
}

@media screen and (max-width: 500px) {
  .profile{
    display: block;
  }
  .profile__img {
    width: 100%;
    margin: 1.5em auto;
  }
  .br-pc {
    display: none;
  }
  .br-sp {
    display: block;
  }
}