html 
{
  scroll-behavior: smooth;
}
img
{
	display: inline-block;
}
section 
{
	scroll-margin-top: 165px;
}
body
{
	background-color: rgb(245, 239, 233); /*背景色を設定*/

	margin: 0 auto;
	font-family: "RocknRoll One", sans-serif;
	font-weight: 400;
	font-style: normal;
	text-align: center;
	-webkit-text-size-adjust:100%;
}
.zen-kaku gothic new-regular 
{
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
}

body
{
	animation:fadein 1s ease 0s 1 normal;
	-webkit-animation: fadein 1s ease 0s 1 normal;
}

@keyframes fadein
{
	0%{opacity:0}
	100%{opacity: 1}
}
@-webkit-keyframes fadein
{
	0%{opacity:0}
	100%{opacity: 1}
}






.news_header
{
	position: fixed;/*スクロールしても固定される設定*/
  display:flex;
  justify-content: center;
  align-items: center;
	width:100%;

	max-height: 165px;
	z-index : 100;/*重なりの優先度（数が多ければ多いほど高い）*/
	
}
.top_back {
  position: absolute;
  display: flex;
  height: 12%;
  width: 12%;
  min-width: 40px;
  max-width: 50px;
  padding-left:75%;
  padding-top:16%;
  justify-content:center;
  align-items: center;
  z-index: 110;
}

.news_header_back
{
  position: relative;
  justify-content: center;
  align-items: center;
  display: flex;
  max-width: 393px;
}
.news_header_back p
{
  position: absolute;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding-top:15%;
  font-size: clamp(20px, 8vw, 30px);
  color: white;
  margin:0;
} 







.news_main
{
  padding-top: clamp(140px,60vw,180px);
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.news_back
{
  position: relative;
  display: flex;
  flex-flow: column;
  width: 95%;
  justify-content: flex-start;
	align-items: center;
  height: clamp(450px,250vw,600px);
  max-width: 359px;
  max-height: 952px;
  background-color: #FFFF;
}
.smp_news_osirase
{
	position: relative;
	display: flex;
	justify-content: center;
	align-items:flex-start;
	width:100%;
	padding-left: 5%;
  padding-top:5%;
}
.osirase_img
{
	position: relative;
	display: flex;
	width:clamp(45px,35vw,140px);
	justify-content: center;
	align-items:center;
}
.osirase
{
	position: absolute;
	display:flex;
	width:100%;
	height:100%;
	justify-content: center;
	align-items:flex-start;
	white-space: nowrap;
	color: #fff;
	padding-left: 10%;

}
.osirase p
{
	margin:0;
	font-size:clamp(7px,4vw,15px); 
}

.day
{
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items:center;
	width:100%;
	color: #000000;
  font-size: 10px;
	padding-top: 0%;
  margin-left: 5%;
}
.day p{
	margin:0;
  font-size:clamp(7px,5vw,16px); 
}







.news_top
{
	position: relative;
  	display: flex;
	flex-flow: column;
	padding-top:5%;
	justify-content: center;
	align-items:center;
	white-space:nowrap;
	width:100%;
	color: #000000;
  	font-size: clamp(10px,6vw, 24px);
}
.news_top p
{
	margin: 0;
}
.news_fig
{
  	position: relative;
  	display: flex;
  	width:100%;
	padding-top: 7%;
	justify-content: center;
	align-items:center;

}
.news_fig img
{
  justify-content: center;
	align-items:center;
  width: clamp(200px,80vw,300px);
}
.midashi
{
	position: relative;
	display: flex;
	flex-flow: column;
	padding-top:5%;
	width:100%;
	justify-content: center;
	align-items:center;
	color: rgb(103, 22, 22);
	font-size: clamp(10px,5.5vw, 20px);
}
.midashi p
{
	margin: 0;
}
.honbun
{
  	position: relative;
  	display: flex;
  	flex-flow: column;
	padding-top: 12%;
  	justify-content: flex-start;
	align-items:center;
	text-align: left;
	row-gap: 10%;
	width:100%;
	height:50%;
}
.honbun p
{
	margin:0;
}
.honbunmsg
{
	position: relative;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items:flex-start;
	padding-left:clamp(10px,3.5vw,14px);

	width:95%;
	color: #000000;
	font-size: clamp(6px,4vw, 15px);
	font-family: "Zen Kaku Gothic New"
}

.back_top
{
 	position:relative;
 	display: flex;
 	width:100%;
	justify-content: center;
	align-items:center;
  	padding-top: 25px;
}
.backtop a
{
  	position:relative;
  	display: flex;
  	width:100%;
	justify-content: center;
	align-items:center;
  	max-width: 393px;
}
.back_top p
{
  color: #000;
  font-size: clamp(4px, 5vw, 14px);
  text-decoration:underline;  
}




.smp_bot_star
{
	position: relative;
	display: flex;
	justify-content: center;
	align-items:center;
	width: 100%;
	padding-top: 35px;

}
.bot_star
{
	position: absolute;
	display: flex;
	justify-content: center;
	align-items:center;
	background-repeat: repeat-x;
	background-image: url(../sozai/TOP/キラキラ（区切り）.png);
	background-size: 25px 27px;
	width:100%;
	max-width:400px;
	height:27px;
}








.racjin_header
{
	position: relative;
	display: flex;
	justify-content: center;
	width:100%;
	height:90px;
	padding-top:15px;
}
.header_img
{
	position: absolute;
	display: flex;
	justify-content: center;
	align-items:center;
	max-width: 393px;
	max-height:90px;

}
.header_img a
{
	max-height:90px;
}
.header_img img
{
	vertical-align:top;
	width:100%;
	height:90px;
	object-fit: cover;
	object-position: 50% 0%;
}