@charset "utf-8";


/* CMS Template(CSS編集はCMS管理画面から)

/ikenotaira-hotel/lp/sakura/css/sakura.css

Update:  2026-04-04 PM 02:06

====================*/



/* ----------------------------------------------------
Media query All
---------------------------------------------------- */
/* common */
body { overflow: hidden; height: 100%;}
html, body { overflow-x: hidden;}

.nsfont{ font-family: 'Noto Sans JP', sans-serif;font-weight: 300;}
.folder-day-trip h1,.folder-day-trip h2,.folder-day-trip h3,.folder-day-trip p{
  font-family:'Noto Sans JP' ,"メイリオ", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 300;
}
#sakura {
  text-align: center;
}
#sakura-inr {
	max-width: 1220px;
	margin: 0 auto 0 auto;
  padding: 0 10px 0;
  text-align: left;
}
#sakura p {
	font-size: 1.7rem;
	color: #000000;
	line-height: 1.9;
}
#sakura a:hover {
	opacity: 0.9;
}
#sakura p strong {
	font-weight: bold;
}
/* #sakura .section-container {
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	padding-right: calc(50vw - 50%);
	padding-left: calc(50vw - 50%);
} */
/* main-vis */
#sakura #main-vis {
	background: url(/ikenotaira-hotel/lp/sakura/img/bg_main.png) center center / 100% auto no-repeat;
	height: 660px;
	display: flex;
  justify-content: center;
  align-items: center;
	margin-bottom: 50px;
}
#sakura #main-vis .logo {
	float: right;
	margin: 0 16px 0 auto;
	z-index: 50;
	position: relative;
}

.movie {
	max-width: 700px;
	margin: 0 auto 70px;
}
.movie > div {
	position: relative;
	height: 0;
	padding-top: 56.25%;
}
.movie iframe {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.info {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.info::after {
	content: "";
	width: 30%;
}
.info-box {
	width: 30%;
	margin-bottom: 60px;
	display: flex;
	flex-direction: column;
}
.info-box dt {
	font-weight: bold;
	font-size: 2rem;
	color: #f84879;
	margin-bottom: 5px;
}
.info-box dt a {
	font-weight: bold;
	color: #f84879;
}
.info-box dd {
	margin-bottom: 10px;
}
.info-box p {
	display: flex;
	align-items: center;
	margin-top: auto;
	background: #fde8ea;
	border-radius: 80px;
	font-weight: bold;

}
.info-box p img {
	max-width: 40px;
	flex-shrink: 0;
	margin-right: 5px;
}
.info-address {
	max-width: none;
	justify-content: center;
	margin: 60px calc(50% - 50vw) 0;
	padding: 40px calc(50vw - 50%) 0;
	border-top: 1px solid #ccc;
}
.copy {
	text-align: center;
	padding: 20px 0 30px 0;
	font-size: 1.2rem;
	color: #565656;
}

/* All END */

/* ----------------------------------------------------
- 520px (Smartphone layout Only)
---------------------------------------------------- */
@media (max-width: 520px) {



/* - 520px (Smartphone layout Only) END */
}

/* ----------------------------------------------------
- 960px (Smartphone Tablet layout Only)
---------------------------------------------------- */
@media (max-width: 960px) {

#sakura p {
		font-size: 1.6rem;
		line-height: 1.8;
	}
	/* main-vis */
	#sakura #main-vis {
		height: auto;
		background-size: cover;
		margin-bottom: 15px;
	}
	#sakura #main-vis .logo {
		position: absolute;
		top: 0px;
		right: 10px;
		max-width: 120px;
	}
	#sakura #main-vis h1 {
		max-width: 90%;
		position: relative;
		margin: 0 auto 0 auto;
		top: auto;
		left: auto;
		right: auto;
		padding: 8% 0;
	}
	.movie {
		margin: 0 15px 30px;
	}
	.info {
		margin: 0 15px;
	}
	.info-box {
		width: 100%;
		margin-bottom: 30px;
	}
	.info-box dt {
		font-size: 1.8rem;
	}
	.note {
		margin: 0 15px;
	}
	.copy {
		padding-bottom: 15px;
	}
	#page_top {
		bottom: 50px;
		right: 10px;
	}

/* - 960px (Smartphone Tablet layout Only) END*/
}

/* ----------------------------------------------------
961px- (Pc layout Only)
---------------------------------------------------- */
@media (min-width: 961px) {



/* 961px - END*/
}
/* ----------------------------------------------------
961px-1200px
---------------------------------------------------- */
@media (min-width: 961px) and (max-width: 1200px) {



/* 961px-1200px END*/
}
/* ----------------------------------------------------
961px-1400px
---------------------------------------------------- */
@media (min-width: 961px) and (max-width: 1400px) {



  /* 961px-1400px END*/
  }

/* ----------------------------------------------------
- 1920px (Pc layout Only)
---------------------------------------------------- */
@media (max-width: 1920px) {



/* - 1920px - END*/
}
/* ----------------------------------------------------
メディアクエリ設定 (PC) 1800px～ 
---------------------------------------------------- */
@media screen and (min-width: 1800px) {

  
  /* (PC) 1800px～  END*/
} 
/* ----------------------------------------------------
1921px- (Pc layout Only Wide)
---------------------------------------------------- */
@media (min-width: 1921px) {


/* 1921px - END*/
}