/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/*---------------
 *  Nav 
 * --------------*/
#top{
	background:#fff;
}

#logo{
	color:#111 !important;
/* 	margin:0 !important;
	display:blink; */
}

ul.logo{
	color:#111 !important;
}

/* ul.sf-menu {
	color:#111 !important;
} */

.sf-menu, .sf-menu *{
	color:#111 !important;
}

/* body .container.main-content{
	background-image:url(http://hagi.gerotuku.jp/wp-content/uploads/bg-img0604.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
 */


/*---------------
 *  fonts 小塚ゴシックpr6n
 * --------------*/

body,
h1, h2, h3, h4, h5, h6,
p, a, span, li, td, th,
input, textarea, button, select {
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 500;
  font-style: normal;
	
}

/*---------------
 *  body 背景
 *  inner コンテンツ幅
 * --------------*/

body{
	background:#FFFFFC; /* 背景色*/
}

.inner{
/* 	width:1100px !important; */
	margin:auto;
	padding:100px 0;
}

@media screen and (max-width: 768px) {
.inner{
	width:500px !important;
}	
}

.lead-hagi{
	  margin-bottom: 30px;
    line-height: 1.6;
		background: #EBE94F;
}

p.lead-text{
	line-height:1.9 !important;
}

/*---------------
 *  contents
 *  各コンテンツ（トップページ）
 * --------------*/

/* top */
.top-fv{
	background-image:url(http://x0014x.xsrv.jp/test-the-silver-lining/wp-content/uploads/2026/05/LINE_ALBUM_Hagi-写真_260501_1.jpg);
}

.container-wrap{
	padding-top:0 !important;
}

.top-fv {
  position: relative;
  width: 100vw;
  height: 100svh; /* スマホでもアドレスバーを除いた実際の画面高さ */
  margin-left: calc(50% - 50vw); /* 親のコンテンツ幅制約を突き破る */
  
  background-image: url(http://x0014x.xsrv.jp/test-the-silver-lining/wp-content/uploads/2026/05/LINE_ALBUM_Hagi-写真_260501_1.jpg)); /* ← パスを差し替えてください */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed; /* パララックス効果（不要なら削除可） */

  /* オーバーレイ（画像の上に薄い暗幕） */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;

  overflow: hidden;
}

/* 暗幕オーバーレイ */
.top-fv::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  z-index: 0;
}

/* コンテンツをオーバーレイより前面に */
.top-fv > * {
  position: relative;
  z-index: 1;
}

/* h1 タイトル */
.top-fv .title_h1 {
  font-family: 'Cormorant Garamond', 'Noto Serif JP', serif;
  font-size: clamp(2.5rem, 6vw, 5rem);
  font-weight: 300;
  letter-spacing: 0.2em;
  color: #fff;
  text-align: center;
  line-height: 1.3;
  margin: 0;
}

/* 予約ボタン */
.top-fv a {
  display: inline-block;
  padding: 0.85em 2.5em;
  border: 1px solid rgba(255, 255, 255, 0.75);
  color: #fff;
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  letter-spacing: 0.15em;
  text-decoration: none;
  text-align: center;
  transition: background 0.3s ease, color 0.3s ease;
}

.top-fv a:hover {
  background: rgba(255, 255, 255, 0.9);
  color: #1a1a1a;
}



/* flexbox */

.space-right{
	margin-right:20px;
}

.parent{
	display:flex;
	flex-direction:row;
/* 	justify-content:space-between; */
	justify-content:center!important;
}

.child{
	width:50%;
}

.title_h2,
.title_span{
	text-align:center;
	align-items:center;
	display:block;
}

/* =====================
   ROOM WRAP
   ===================== */
.img-wrap {
  position: relative;
}

.img-wrap::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url(http://x0014x.xsrv.jp/test-the-silver-lining/wp-content/uploads/back-green.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  z-index: -1;
}

.img-wrap img {
  display: block;
  position: relative;
  z-index: 0;
}

.img-wrap img{
	margin:auto;
}

/* =====================
   ROOM color
   ===================== */

.rooms-name,
.rooms-disc{
	color:#1DAA5D;
	font-weight:700;
}


.rooms-btn{
	background:#EBE94F;
	padding:20px 40px;
	border-radius:50px;
	border:1px solid #333;
	text-decoration:none;
	transition:0.3s;
}

.rooms-btn:hover{
	background:#78D1A0;
}

.rooms-box{
	margin-bottom:30px;
}


.rooms-box-wrap{
	margin-top:50px;
}

.border-right{
	border-right:1px solid #111;
}

/* =====================
   Information
   ===================== */

#content3{
	text-align:center;
}

.Information-btn{
	background:#EBE94F;
	padding:20px 40px;
	border-radius:50px;
	border:1px solid #333;
	text-decoration:none;
	transition:0.3s;
	margin-top:20px;
	display:inline-block;
}

.Information-btn:hover{
	background:#78D1A0;
}


/* =====================
   Column
   ===================== */
#content4{
	text-align:center;
	
}


/* =====================
   Q&A
   ===================== */

#content5{
	text-align:center;
	
}


/* =====================
   Access
   ===================== */
.hotel-hagi{
	font-size:28px;
}

.addres-title{
	font-size:20px;
	font-weight:700;
	margin-bottom: 0;
  line-height: 1.8;
}

.addres-wrap:first-of-type{
	margin-bottom:20px;
	border-bottom:1px solid #111;
}

/* =====================
   Reservation
   ===================== */

#content7{
/* 	padding:50px 0; */
	text-align:center;
	line-height:2.4;
	transition:0.3s !important;
}

/* #content7:hover{
	background-image:url(http://x0014x.xsrv.jp/test-the-silver-lining/wp-content/uploads/footer_image1600.jpg);
	background-repeat:no-repeat;
} */

.Reservation-btn{
	padding:50px 0;
	transition:0.3s !important;
}

.Reservation-btn:hover{
	padding:50px 0;

	background-image:url(http://x0014x.xsrv.jp/test-the-silver-lining/wp-content/uploads/footer_image1600.jpg);
	background-repeat:no-repeat;
	display:block;
}



/* .section.Reservation:hover{
	background-image:url(http://x0014x.xsrv.jp/test-the-silver-lining/wp-content/uploads/footer_image.jpg);
	background-repeat:no-repeat;
	color:#fff;
	width:auto !important;
	object-fit:contain;
} */

#content7 .title_h2,
#content7 .title_Reservation{
	transition:0.3s;
}

#content7 .title_h2:hover,
#content7 .title_Reservation:hover{
	color:#fff;
}



#content7 .title_Reservation{
	font-size:28px !important;
}

.Reservation-btn{
	color:#111;
}

.Reservation-btn:hover{
/* 	color:#fff; */
}



/* a.Reservation-btn:hover{
	color:#111;
	background-image:url(http://x0014x.xsrv.jp/test-the-silver-lining/wp-content/uploads/footer_image.jpg);
	background-repeat:no-repeat;
}
 */