/* =========================================================
   hotel Giraffe Nakasu - archive.css (archive.php 専用)
   現時点ではこのページ固有のCSSはありません（共通CSSのみ使用）。
   ========================================================= */

#information-list,
#information-detail {
   padding: 125px 0 120px 0;
   background-color: #F1F0EE;
}
#information-list h2,
#information-detail h2 {
   text-align: center;
   font-size: 48px;
   letter-spacing: 0.125em;
   margin-bottom: 60px;
   color: var(--color-gold);
   font-family: var(--font-serif);
   line-height: 1;
   font-weight: 50px
   ;
}
#information-list .label,
#information-detail .label {
   text-align: center;
   display: block;
   color: var(--color-gold);
   font-family: var(--font-serif);
   font-size: 10px;
   line-height: 1;
   font-weight: 600;
   margin-bottom: 60px;
}
#information-list p,
#information-detail p {
   text-align: center;
   line-height: 1.8;
   margin-bottom: 65px;
}
#information-detail article p {
   text-align: left;
   margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
   #information-list {
      padding: 60px 0 120px 0;
   }
}

#information-detail article {
   border-top: 2px solid #fff;
   padding: 55px 0;
}
#information-detail .article-head {
   margin-bottom: 55px;
}
#information-detail .article-head .date {
   text-align: left;
   font-size: 16px;
   font-weight: 600;
   color: #1A1A1A;
   margin-bottom: 35px;
}
#information-detail .article-head h1 {
   text-align: left;
   color: #1A1A1A;
}
#information-detail .btn {
   width: 200px;
}
#information-detail .btn.back::after {
   right: auto;
   top: auto;
   left: 23px;
   transform: translateY(50%) rotate(180deg);
   bottom: 50%;
}
#information-detail .btn.list::after {
   display: none;
}
#information-detail img {
   width: 60%;
   margin: 0 auto;
   height: auto;
   object-fit: cover;
}

@media screen and (max-width: 768px) {
   #information-detail p {
      margin-bottom: 30px;
   }  
   #information-detail img {
      width: 100%;
   }
}