﻿@charset "utf-8";
/*----------------------------------------------------
	新漢読・オリジナルCSS
----------------------------------------------------*/
/*ページの頭のあたり
-----------------------------------*/

/*----------------------------------------------------
	.top-foto2026
----------------------------------------------------*/

.top-foto2026 {
	margin: 0px 0 10px 0;
	width: 1080px;
	height: 657px;
	display: block;
	clear: both;
	padding:30px 0 0 0;
	box-sizing: border-box;
	position: relative; /* 追加 */

}

@media screen and (max-width:480px) {
	.top-foto2026 {
		width: 100%;
		padding-top: 180px;
		background-size: 100% auto;
		height: 600px;
	}
}
.top-foto2026 .top-foto2026_titlebox{
	margin:0 0 0 40px;
}
@media screen and (max-width:480px) {
	.top-foto2026 .top-foto2026_titlebox{
		display:none;
	}
}
.top-foto2026 .top-foto2026_titlebox .top-foto2026_titlebox1{
	display:inline-block;
}

.top-foto2026 .top-foto2026_titlebox .top-foto2026_titlebox1 .honbun_ass{
	font-size:1.5rem;
}
.top-foto2026 .top-foto2026_titlebox .top-foto2026_titlebox1 .honbun_ass2{
font-size:2.4rem;
	line-height:1.5;
	color:#0055b8;
	font-weight:600;
	margin:7px 0;

	text-align: justify;
	text-align-last: justify;
	-webkit-text-stroke: 2px #ffffff;
	paint-order: stroke fill;
	
}


.top-foto2026 .top-foto2026_readbox{
	margin:20px 0 0 20px;
	padding:20px 40px 20px 40px;
	display:inline-block;
	color:#2e2c2a;
	background: rgba(255, 255, 255, 0.85);
	border-radius:10px;
	z-index: 997;
	width:420px;
}
@media screen and (max-width:480px) {
	.top-foto2026 .top-foto2026_readbox{
		display:none;
	}
}

.top-foto2026 .top-foto2026_readbox .read1{
	line-height: 1.1;
	font-size:1.7rem;
	font-weight:700;
	letter-spacing: 2px;
	line-height:1.3;
	background:#012e6d;
	padding:5px 5px;
	color:#ffffff;
	text-align:center;
	margin:8px auto 9px auto;
	border-radius:5px;
	width:320px;
	
}

.top-foto2026 .top-foto2026_readbox .furigana{
	font-family: "Noto Serif JP", sans-serif;
	line-height: 1.1;
	font-size:2.4rem;
	letter-spacing: 4px;
	font-weight:700;
	text-align:center;
	color:#000000;
	
}




.top-foto2026 .top-foto2026_readbox h2{
	font-size:6.8rem;
	line-height:1.0;
	font-family: "Noto Serif JP", sans-serif;
	display:block;
	text-align:center;
	font-weight:700;
	/* 白の縁取り */
	-webkit-text-stroke: 8px #ffffff;
	paint-order: stroke fill;
	color:#000000;
/* 文字を横幅いっぱいに均等配置 */
	text-align: justify;
	text-align-last: justify;	
	
}

.top-foto2026 .top-foto2026_readbox h3{
	text-align:center;
	font-size:2.4rem;
	font-weight:500;
	color:#012e6d;
	margin:0px 0;
	
}

.top-foto2026 .top-foto2026_readbox ,read2{
	font-size:1.6rem;
	line-height:1.8;
	color:#012e6d;
	
}


.top-foto2026 .top-foto2026_readbox hr{
	color:#e6b800;
	border:2px solid #e6b800;
	margin:10px 0 0px 0;
}



.top-foto2026 .iconbox2{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
	padding:10px 0 10px 0px;
  font-weight: 700; /* 太字 */
  margin:4px auto;
	
}

.top-foto2026 .iconbox2 .bluebox{
  border-radius:5px;
  background:#189dfb;
  text-align:center;
  display:inline-block;
  color:#ffffff;
  font-size:1.5rem;
  font-weight:500;
	padding:1px 5px;
	width:160px;
}


.top-foto2026 .otherbox{
	display: flex;
	flex-direction: row;
	justify-content: space-between;

	width: 100%;
	margin: -10px 0 0 0;

	box-sizing: border-box;
	padding:0 0 0 20px;
	align-items:flex-start; /* ←追加 */
	
	
}
@media screen and (max-width:480px) {
	.top-foto2026 .otherbox{
		display: block;
		flex-direction: none;
		justify-content: none;
	}
}



.top-foto2026 .otherbox .top-foto2026_datebox{
	margin:15px 0 0 0px;
	border:3px solid #06356c;
	border-radius:10px;
	display:inline-block;
	background:#ffffff;
	padding:5px 10px;
	color:#2e2c2a;
	align-self:flex-end;
}
@media screen and (max-width:480px) {
	.top-foto2026 .otherbox .top-foto2026_datebox{

		margin:470px 0 0 0;
		display: block;
		width: 95%;
		box-sizing: border-box;
	}

}



.top-foto2026 .otherbox .top-foto2026_datebox h4{
	font-size:1.7rem;
	line-height:1.5;
	text-align:center;
	
}
.top-foto2026 .otherbox .top-foto2026_datebox hr{
	margin:5px 0 0 0;
	
}
.top-foto2026 .otherbox .top-foto2026_datebox .honbun_datebox{
	font-size:1.7rem;
	line-height:1.5;
	text-align:center;
}
@media screen and (max-width:480px) {
	.top-foto2026 .otherbox .top-foto2026_datebox .honbun_datebox{
		font-size:1.8rem;
	}
}


.top-foto2026 .otherbox .top-foto2026_datebox .honbun_datebox .year{
	font-weight:700;
	color:#06356c;
}
.top-foto2026 .otherbox .top-foto2026_datebox .honbun_datebox .day1{
	font-size:2.6rem;
	font-weight:700;
	color:#ff3000;
}

.top-foto2026 .otherbox .top-foto2026_datebox .honbun_datebox .day2{
	font-size:1.7rem;
	font-weight:700;
	color:#ff3000;
}





/*丸*/
.top-foto2026 .otherbox .circlebox{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap:20px;
}
@media screen and (max-width:480px) {
	.top-foto2026 .otherbox .circlebox{
		display: none;
	}
}


.top-foto2026 .otherbox .circlebox .online-circle{
	width:140px;
	height:140px;
	border-radius:50%;
	background:#f52545;

	display:flex;
	justify-content:center;
	align-items:center;

	color:#ffffff;
	font-size:1.7rem;
	font-weight:700;
	line-height:1.6;
	text-align:center;
	padding:0 0 5px 0;

	/* 白い縁 */
	border:1px solid #ffffff;

	/* 画像のような軽い影 */
	box-shadow:0 2px 4px rgba(0,0,0,0.25);

	box-sizing:border-box;
}



.top-foto2026 .otherbox .hakkobox{
	margin:30px 10px 0 0px;
	padding:10px;
	color:#2e2c2a;
	background: rgba(255, 255, 255, 0.85);
	width:220px;
	border-radius:5px;
}
@media screen and (max-width:480px) {
	.top-foto2026 .otherbox .hakkobox{
		margin:10px 0 0 0;
		display: block;
		width: 95%;
		box-sizing: border-box;
	}
}

.top-foto2026 .otherbox .hakkobox h4{
	font-size:1.6rem;
	font-weight:700;
	text-align:center;
	color:#012e6d;
}
@media screen and (max-width:480px) {
	.top-foto2026 .otherbox .hakkobox h4{
		font-size:1.7rem;
	}
}


.top-foto2026 .otherbox .hakkobox .honbun{
	font-size:1.5rem;
	color:#012e6d;
}
@media screen and (max-width:480px) {
	.top-foto2026 .otherbox .hakkobox .honbun{
		font-size:1.6rem;
		text-align:center;
	}
}


.top-foto2026 .otherbox .hakkobox hr{
	border:2px solid #012e6d;
	margin:5px 0 0 0;
}
@media screen and (max-width:480px) {
	.top-foto2026 .otherbox .hakkobox hr{
		border:2px solid #012e6d;
		margin:10px 0 10px 0;
	}
}
