@charset "utf-8";
/* CSS Document */
/****	#e4007f****ピンク*/
/****#fff001****黄色*/
/****#a9d571***黄緑*/
/****#44ab3e***緑*/
/****#f5e927***黄色*/
/****#c8e6c2***薄緑*/
br.sp {
  display: none;
}
br.pc {
  display: block;
}
html {
	color: #2a2a2a;	
}
body {
  overflow-x: hidden !important; /* 水平方向のオーバーフローを非表示にする */
  position: relative; /* 親要素が基準になるように */
  padding: 0; /* 不要なパディングを取り除く */
  margin: 0px;

}
body {
  font-family: "Sawarabi Mincho", serif;
  background-color: #faf0e6;
  background-position: left top, right top; /* 左右に配置 */
  background-repeat: repeat-y; /* 縦方向に繰り返し */
  background-size: auto 100%; /* 背景のサイズ調整 */
}
.sawarabi-mincho-regular {
  font-family: "Sawarabi Mincho", serif;
  font-weight: 400;
  font-style: normal;
}
/*スライド*/
.appear {
  opacity: 0;
}
a {
  color: #000;
}
a:hover {}
ul {
  padding: 0;
}
li {
  list-style: none;
}
.pc {
  display: block;
}
.sp {
  display: none;
}


/******************/
.box {}
.tp {
  position: relative;
}
.tpimg img{
	 filter: grayscale(100%);
}
.logo {
  position: absolute;
  top:58%; /* 上からの距離を調整 */
  left: 50%; /* 水平方向の中央に配置 */
  transform: translateX(-50%); /* 左右の中央揃え */
  z-index: 10; /* ロゴをトップに重ねる */
}
.logo img {}
/******画像の上に文字************/
.show_title {
  position: relative; /* 画像を基準にテキストを配置 */
  display: inline-block;
}
.show01 {
  position: absolute; /* 画像の上に配置するために絶対配置 */
  top: 36%; /* 画像の縦方向の中央に配置 */
  left: 50%; /* 画像の横方向の中央に配置 */
  transform: translate(-50%, -50%); /* 正確に中央に揃える */
  color: #2a2a2a;
  font-size: 1.7rem; /* 好みのサイズに調整可能 */
  font-weight: bold; /* 太字 */
  text-align: center; /* 複数行の場合、中央揃え */
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); /* 読みやすくするための影 */
  width: 100%;

}
.show_title img{
	height:auto;
	width: 100%;
}
/******画像の上に文字************/
.day {
  color: #fff;
  padding-bottom: 3rem;
  text-align: center;
  width: 100%;
  background-color: #0098d8;
}
p.dayp {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.1;
  
  letter-spacing: 2px; /* 文字の間隔を2pxに設定 */
	padding: 1rem ;
}
p.dayp span {
  font-size: 4rem;
}
p.daypp {
padding: 1rem ;	
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.1;
  display: inline-block;
  letter-spacing: 2px; /* 文字の間隔を2pxに設定 */
}
p.daypp span {
  font-size: 4rem;
}
p.dayp2 {
	font-size: 1.7rem;
}
.program {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 8rem 3rem 0rem;
}
.program img{
		
	}

/***********画像ズームアウトホバー******/
.js {
  margin: 5rem 0;
}
.js_a img {
  transform: scale(1.05);
  border: 4px #0098d8 solid;
}
.js_a img:hover {
  transform: scale(1);
  transition: 0.3s;
  border: 4px #e2c197 solid;
}
/***********画像ズームアウトホバー******/
.rhpbox {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
p.rhp {
  line-height: 1.8;
  padding: 2rem;
  font-size: 1.5rem;
}
p.rhp span {
  font-size: 2.1rem;
  font-weight: bold;
}
.lrbox {
  padding: 2rem;
 
}
.leimg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.leimg img {
  border-radius: 5% 95% 9% 91% / 88% 12% 88% 12%;
  border: 10px solid #d8b996;
}

/***追従するトップへ戻るボタン***/
#page_top {
  position: fixed;
  right: 0.5rem;
  bottom: 0.5rem;
  z-index: 1000;
}
.copy {
  margin-top: 1.5rem;
}