/* ==========================================================================
   JOURNAL
   --------------------------------------------------------------------------
   ホテルブログ（JOURNAL）
   一覧・詳細ページ専用
   ========================================================================== */


/* ==========================================================================
   Archive
   ========================================================================== */

   #journal-archive {
   	padding: 80px 0;
   }

   #journal-archive .section {
   	max-width: 1200px;
   	margin: 0 auto;
   }

   .journal-header {
   	text-align: center;
   	margin-bottom: 60px;
   }

   .journal-header h2 {
   	font-size: 2.4rem;
   	font-weight: 500;
   	letter-spacing: .08em;
   	margin-bottom: 16px;
   }

   .journal-header p {
   	max-width: 720px;
   	margin: 0 auto;
   	line-height: 2;
   	color: #666;
   }

   /* ==========================================================================
      Grid
      ========================================================================== */

   .journal-grid {

   	display: grid;

   	grid-template-columns: repeat(3, 1fr);

   	gap: 48px;

   }

/* ==========================================================================
   Card
   ========================================================================== */

   .journal-card{

   	background:#fff;

   	border:1px solid #ececec;

   	transition:all .35s ease;

   	display:flex;

   	flex-direction:column;

   	height:100%;

   }


   .journal-card:hover {

   	transform: translateY(-6px);

   	box-shadow: 0 18px 40px rgba(0,0,0,.08);

   }

   .journal-card__link{

   	display:flex;

   	flex-direction:column;

   	height:100%;

   	color:inherit;

   	text-decoration:none;

   }

/* ==========================================================================
   Thumbnail
   ========================================================================== */

   .journal-card__thumb{

   	aspect-ratio:16 / 9;

   	overflow:hidden;

   	background:#f5f5f5;

   	position:relative;

   }

.journal-card__thumb img{

	width:100%;

	height:100%;

	object-fit:cover;

	display:block;

	transition:transform .6s ease;

}

.journal-card:hover .journal-card__thumb img{

	transform:scale(1.05);

}

/* ==========================================================================
   Body
   ========================================================================== */

   .journal-card__body{

       padding:28px;

       display:flex;

       flex-direction:column;

       height:100%;

   }

   .journal-card__body{

       padding:28px;

       display:flex;

       flex-direction:column;

       height:100%;

   }

 /* ==========================================================================
    Category
    ========================================================================== */

    .journal-card__category{

    	display:inline-block;

    	padding:5px 12px;

    	margin-bottom:18px;

    	font-size:12px;

    	letter-spacing:.08em;

    	border:1px solid #222;

    	text-transform:uppercase;

    }

/* ==========================================================================
    Thumbnail
   ========================================================================== */

   .journal-card__title{

   	font-size:24px;

   	line-height:1.6;

   	font-weight:500;

   	margin-bottom:18px;

   }

/* ==========================================================================
    Date
    ========================================================================== */

    .journal-card__date{

    	display:block;

    	font-size:13px;

    	color:#777;

    	margin-bottom:18px;

    }

    /* ==========================================================================
       Excerpt
       ========================================================================== */

       .journal-card__excerpt{

       	color:#555;

       	line-height:2;

       	margin-bottom:24px;

       	display:-webkit-box;

       	-webkit-line-clamp:3;

       	-webkit-box-orient:vertical;

       	overflow:hidden;

       }

       /* ==========================================================================
          Read More
          ========================================================================== */

          .journal-card__more{

          	margin-top:auto;

          	display:inline-flex;

          	align-items:center;

          	gap:8px;

          	font-size:13px;

          	letter-spacing:.08em;

          	font-weight:600;

          }

          .journal-card__more::after{

          	content:"→";

          	transition:transform .3s;

          }

          .journal-card:hover .journal-card__more::after{

          	transform:translateX(6px);

          }


          /* ==========================================================================
             Thumbnail
             ========================================================================== */

             @media (max-width:991px){

             	.journal-grid{

             		grid-template-columns:repeat(2,1fr);

             	}

             }

             @media (max-width:767px){

             	#journal-archive{

             		padding:50px 20px;

             	}

             	.journal-grid{

             		grid-template-columns:1fr;

             		gap:30px;

             	}

             	.journal-card__body{

             		padding:22px;

             	}

             	.journal-card__title{

             		font-size:20px;

             	}

             }

             /* ==========================================================================
                Single
                ========================================================================== */

             #journal-single{

             	padding:80px 0;

             }

             .journal-single{

             	max-width:900px;

             	margin:0 auto;

             }

             .journal-single__category{

             	display:inline-block;

             	padding:6px 14px;

             	margin-bottom:20px;

             	font-size:12px;

             	border:1px solid #222;

             	letter-spacing:.08em;

             }

             .journal-single__title{

             	font-size:42px;

             	line-height:1.4;

             	font-weight:500;

             	margin-bottom:20px;

             }

             .journal-single__date{

             	display:block;

             	color:#777;

             	font-size:14px;

             	margin-bottom:40px;

             }

             .journal-single__thumb{

             	margin-bottom:50px;

             }

             .journal-single__thumb img{

             	width:100%;

             	height:auto;

             	display:block;

             }

             .journal-single__content{

             	/* max-width:820px; */

             	margin:0 auto;

             	font-size:16px;

             	line-height:2.2;

             	color:#444;

             }

             .journal-single__content h2{

             	font-size:30px;

             	margin:70px 0 25px;

             	padding-bottom:15px;

             	border-bottom:1px solid #ddd;

             }

             .journal-single__content h3{

             	font-size:24px;

             	margin:55px 0 20px;

             }

             .journal-single__content p{

             	margin-bottom:28px;

             }

             .journal-single__content ul{

             	margin:25px 0;

             	padding-left:22px;

             }

             .journal-single__content li{

             	margin-bottom:10px;

             }

             .journal-single__content img{

             	max-width:100%;

             	height:auto;

             	margin:40px auto;

             	display:block;

             }


             /* ==========================================================================
                Navigation
                ========================================================================== */

             .journal-single__navigation{

             	margin-top:80px;

             	padding-top:50px;

             	border-top:1px solid #e8e8e8;

             	display:flex;

             	justify-content:space-between;

             	align-items:center;

             	gap:20px;

             }

             .journal-single__navigation > div{

             	flex:1;

             }

             .journal-single__archive{

             	text-align:center;

             }

             .journal-single__next{

             	text-align:right;

             }

             .journal-single__navigation a{

             	color:#222;

             	text-decoration:none;

             	font-weight:500;

             	transition:.3s;

             }

             .journal-single__navigation a:hover{

             	opacity:.6;

             }

             @media (max-width:767px){

             	.journal-single__navigation{

             		flex-direction:column;

             		text-align:center;

             	}

             	.journal-single__next{

             		text-align:center;

             	}

             }

             .journal-single__back{

             	display:inline-flex;

             	align-items:center;

             	justify-content:center;

             	padding:14px 36px;

             	border:1px solid #222;

             	text-decoration:none;

             	color:#222;

             	font-weight:500;

             	transition:.3s;

             }

             .journal-single__back:hover{

             	background:#222;

             	color:#fff;

             }

             .journal-single__prev,
             .journal-single__next{

             	font-size:15px;

             	line-height:1.8;

             }

             /* ==========================================================================
                Related
                ========================================================================== */

             .journal-related{

             	margin-top:120px;

             	padding:100px 0;

             	background:#fafafa;

             }

             .journal-related__inner{

             	max-width:1200px;

             	margin:0 auto;

             	padding:0 20px;

             }

             .journal-related__title{

             	text-align:center;

             	font-size:34px;

             	font-weight:500;

             	margin-bottom:60px;

             	letter-spacing:.08em;

             }

             .journal-related__heading{

             	text-align:center;

             	margin-bottom:60px;

             }

             .journal-related__sub{

             	display:block;

             	font-size:13px;

             	letter-spacing:.25em;

             	text-transform:uppercase;

             	color:#888;

             	margin-bottom:12px;

             }

             .journal-related__title{

             	font-size:34px;

             	font-weight:500;

             	letter-spacing:.05em;

             	margin:0;

             }

             /* ==========================================================================
                Responsive
                ========================================================================== */

                @media (max-width:768px){

                    .journal-single{

                        padding:0 20px;

                    }

                    .journal-single__title{

                        font-size:34px;

                        line-height:1.3;

                    }

                    .journal-single__thumb{

                        margin:40px 0 60px;

                    }

                    .journal-single__navigation{

                        flex-direction:column;

                        gap:20px;

                    }

                }

             @media (max-width:768px){

                 .journal-grid{

                     grid-template-columns:1fr;

                     gap:32px;

                 }

                 .journal-related{

                     margin-top:80px;

                     padding:70px 0;

                 }

                 .journal-related__title{

                     font-size:28px;

                 }
               }

                 /* ==========================================================================
                    JOURNAL Single Responsive
                    ========================================================================== */

                 @media (max-width:768px){

                     .journal-single{

                         padding: 0 20px;

                     }

                     .journal-single__title{

                         font-size: 40px;
                         line-height: 1.25;

                     }

                     .journal-single__thumb{

                         margin: 30px 0;

                     }

                     .journal-single__content{

                         font-size: 16px;
                         line-height: 2;

                     }

                     .journal-single__navigation{

                         flex-direction: column;

                         gap: 20px;

                         margin-top: 60px;

                     }

                     .journal-single__back{

                         width: 100%;

                         text-align: center;

                     }

                 }

                 /* ========================================
                    JOURNAL CONTENT
                 ======================================== */

                 .journal-single__content h2{

                     margin:70px 0 30px;

                     font-size:32px;

                     line-height:1.4;

                 }

                 .journal-single__content h3{

                     margin:50px 0 20px;

                     font-size:24px;

                     line-height:1.5;

                 }

                 .journal-single__content p{

                     margin-bottom:2em;

                     line-height:2;

                 }

                 .journal-single__content ul,
                 .journal-single__content ol{

                     margin:2em 0;

                     padding-left:1.5em;

                 }

                 .journal-single__content li{

                     margin-bottom:.7em;

                 }

                 .journal-single__content img{

                     width:100%;

                     height:auto;

                     /* border-radius:10px; */

                     margin:40px 0;

                 }

                 .journal-single__title{

                     margin:20px 0 15px;

                 }

                 .journal-single__date{

                     display:block;

                     margin-bottom:40px;

                     color:#777;

                     letter-spacing:.08em;

                 }

                 .journal-single__thumb{

                     margin-bottom:60px;

                 }

                 .journal-single__content{

                     font-size:17px;

                     line-height:2.1;

                 }

                 .journal-single__content p{

                     margin-bottom:2.2em;

                 }

                 .journal-single__back{

                     display:inline-flex;

                     align-items:center;

                     justify-content:center;

                     min-width:260px;

                     height:56px;

                     border:1px solid #1b2434;

                     transition:.3s;

                 }

                 .journal-single__back:hover{

                     background:#1b2434;

                     color:#fff;

                 }

                 .journal-related__title{

                     text-align:center;

                     font-size:32px;

                     margin-bottom:50px;

                     letter-spacing:.08em;

                 }

                 @media (max-width:768px){

                     .journal-grid{

                         gap:40px;

                     }

                 }

                 /* ==========================================================================
                    JOURNAL詳細：パンくず・ページタイトル
                    ========================================================================== */

                 body#journal-single #title {
                 	position: relative;
                 	width: 100%;
                 }

                 body#journal-single #title .breadcrumbs {
                 	display: flex;
                 	flex-wrap: wrap;
                 	align-items: center;
                 	width: 86.11%;
                 	margin: 0 auto 2.4rem;
                 }

                 body#journal-single #title .breadcrumbs a,
                 body#journal-single #title .breadcrumbs span {
                 	display: inline-block;
                 	color: #231815;
                 	font-size: 1rem;
                 	line-height: 1.5;
                 	letter-spacing: 0.11em;
                 	text-decoration: none;
                 	transition: opacity 0.4s;
                 }

                 body#journal-single #title .breadcrumbs a:hover {
                 	opacity: 0.4;
                 }

                 body#journal-single #title .breadcrumbs .icon {
                 	flex-shrink: 0;
                 	width: 0.27rem;
                 	height: 0.41rem;
                 	margin: 0 0.8rem;
                 	color: #010015;
                 }

                 body#journal-single #title .headbox {
                 	width: 100%;
                 	margin: 1.2rem auto 13rem;
                 }

                 body#journal-single #title .headbox p {
                 	margin: 0;
                 	color: #231815;
                 	font-family: Montserrat, sans-serif;
                 	font-size: 2.83rem;
                 	font-weight: 400;
                 	line-height: 1;
                 	letter-spacing: 0.12em;
                 	text-align: center;
                 }

                 @media screen and (max-width: 835px) {
                 	body#journal-single #title .headbox {
                 		margin-bottom: 9rem;
                 	}
                 }

                 @media screen and (max-width: 480px) {
                 	body#journal-single #title .breadcrumbs {
                 		width: 76.56%;
                 		margin: 0 auto 2.4rem;
                 	}

                 	body#journal-single #title .headbox {
                 		margin: 3rem auto 2.2rem;
                 	}

                 	body#journal-single #title .headbox p {
                 		font-size: 1.75rem;
                 		letter-spacing: 0.32em;
                 	}
                 }

                 /* ==========================================================================
                    JOURNALカテゴリー一覧
                    ========================================================================== */
                    body#journal-category #title {
                    	position: relative;
                    	width: 100%;
                    }

                    body#journal-category #title .breadcrumbs {
                    	display: flex;
                    	flex-wrap: wrap;
                    	align-items: center;
                    	width: 86.11%;
                    	margin: 0 auto 2.4rem;
                    }

                    body#journal-category #title .breadcrumbs a,
                    body#journal-category #title .breadcrumbs span {
                    	display: inline-block;
                    	color: #231815;
                    	font-size: 1rem;
                    	line-height: 1.5;
                    	letter-spacing: 0.11em;
                    	text-decoration: none;
                    	transition: opacity 0.4s;
                    }

                    body#journal-category #title .breadcrumbs a:hover {
                    	opacity: 0.4;
                    }

                    body#journal-category #title .breadcrumbs .icon {
                    	flex-shrink: 0;
                    	width: 0.27rem;
                    	height: 0.41rem;
                    	margin: 0 0.8rem;
                    	color: #010015;
                    }

                    body#journal-category #title .headbox {
                    	width: 100%;
                    	margin: 1.2rem auto 13rem;
                    }

                    body#journal-category #title .headbox p {
                    	margin: 0;
                    	color: #231815;
                    	font-family: Montserrat, sans-serif;
                    	font-size: 2.83rem;
                    	font-weight: 400;
                    	line-height: 1;
                    	letter-spacing: 0.12em;
                    	text-align: center;
                    }

                    @media screen and (max-width: 835px) {
                    	body#journal-category #title .headbox {
                    		margin-bottom: 9rem;
                    	}
                    }

                    @media screen and (max-width: 480px) {
                    	body#journal-category #title .breadcrumbs {
                    		width: 76.56%;
                    		margin: 0 auto 2.4rem;
                    	}

                    	body#journal-category #title .headbox {
                    		margin: 3rem auto 2.2rem;
                    	}

                    	body#journal-category #title .headbox p {
                    		font-size: 1.75rem;
                    		letter-spacing: 0.32em;
                    	}
                    }

                    .journal-category__back {
                    	display: flex;
                    	justify-content: center;
                    	width: 100%;
                    	margin-top: 80px;
                    }

                    .journal-category__back-link {
                    	display: inline-flex;
                    	align-items: center;
                    	justify-content: center;
                    	box-sizing: border-box;
                    	min-width: 240px;
                    	min-height: 56px;
                    	padding: 14px 30px;
                    	border: 1px solid #231815;
                    	background-color: transparent;
                    	color: #231815;
                    	font-size: 14px;
                    	line-height: 1.5;
                    	letter-spacing: 0.15em;
                    	text-decoration: none;
                    	transition:
                    		background-color 0.3s ease,
                    		color 0.3s ease;
                    }

                    .journal-category__back-link:hover {
                    	background-color: #231815;
                    	color: #fff;
                    }

                    @media screen and (max-width: 767px) {
                    	.journal-category__back {
                    		margin-top: 50px;
                    		padding: 0 20px;
                    	}

                    	.journal-category__back-link {
                    		width: 100%;
                    		min-width: 0;
                    		min-height: 50px;
                    	}
                    }


                    .navigation.pagination{
                        margin:8rem 0;
                    }

                    .navigation.pagination .nav-links{
                        display:flex;
                        justify-content:center;
                        gap:1rem;
                    }

                    .navigation.pagination a,
                    .navigation.pagination span{
                        width:4.6rem;
                        height:4.6rem;

                        display:flex;
                        align-items:center;
                        justify-content:center;

                        border:1px solid #231815;

                        text-decoration:none;

                        font-size:1.3rem;

                        transition:.3s;
                    }

                    .navigation.pagination a:hover{
                        background:#231815;
                        color:#fff;
                    }

                    .navigation.pagination .current{
                        background:#231815;
                        color:#fff;
                    }