@charset "UTF-8";
.kiwi-maru-medium {
  font-family: "Kiwi Maru", serif;
  font-weight: 500;
  font-style: normal;
}

/* genba */
#genba{
	position: relative;
	margin: 0 auto;
	padding: 0 0 10px 0;
	max-width: 1100px;
}
#genba h2{
	position: relative;
	margin:  0 auto;
	width:100%;
	max-width: 580px;
}
#genba h4{
	position: relative;
	margin: 0 auto;
	width: calc(100% - 20px);
	color: #ec0b80;
	line-height: 2.5em;
	text-align: center;
	transform: translateY(0.3em);
}
#genba h4 span{font-size: min(5.4vw, 2.4rem);line-height: 1.2em;text-decoration: #FFB3C2 wavy underline;}
#genba h4.topP, #genba h4.btmPS{padding-bottom: 2.5em;}
#genba .title{
	position: relative;
	margin: 0 auto;
	width: calc(100% - 10px);
	max-width: 1200px;
	text-align: center;
	z-index: 10;
}
#genba .date{
	position: relative;
	margin: 0 auto;
	text-align: right;
}
#genba #textWrap{
	position: relative;
	margin: -5px auto 0 auto;
	width: calc(100% - 20px);
	background-image: linear-gradient(180deg, #ccc 1px, transparent 1px);
	background-size: 100% 2.5em;
	line-height: 2.5em;
	padding:1px 0 calc(2.5em + 1px) 0;
	color: #000000;
}
#genba #textWrap p{position: relative;line-height: 2.5em;padding: 0 8px 2.5em 8px;}
#genba #textWrap p.intQ{padding: 0 8px 0 8px;color: #E66300;}
#genba #textWrap p.intA{padding: 0 8px 2.5em 8px;}
#genba #textWrap p.intQ span{position: relative;padding-left: 30px;}
#genba #textWrap p.intQ span::before{
	position: absolute;
	top: .8em;
	left: 0;
	height: 1px;
	width: 24px;
	background-color: #E66300;
	content: '';
	display: block;
}
#genba #textWrap p.intA .pink{color:#df3a84;}
#genba #textWrap p.intA .blue{color:#308acb;}
#genba .Img{
	position: relative;
	margin: 0 auto;
	width: auto;
	padding-top: 15em;
}
#genba .Img.w100{padding-top: 25em;}
#genba .Img.tate{padding-top: 22.5em;}
#genba .Img img{
	position: absolute;
	top:0;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	height: min(auto, 100%);
	width: auto;
	max-height: 15em;
}
#genba .Img.w100 img{max-height: 25em;}
#genba .Img.tate img{max-height: 22.5em;}
#genba .Img.nmargin{transform: translateY(-1em);}
#genba .Img.nmargin04{transform: translateY(-1.5em);}

/* backnumber */
#backnumber{
	position: relative;
	margin: 0 auto;
	padding: 10px 0 80px 0;
}
#backnumber h2{
	position: relative;
	margin: 0 auto;
	width:100%;
	max-width: 580px;
	z-index: 100;
}
#backnumber .backnumberWrap{
	position: relative;
	max-width: 800px;
	width: calc(100% - 40px);
	margin: 0 auto;
}
#backnumber .backnumberWrap::before{
	position: absolute;
	top:-6px;
	left: -6px;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	border: solid 1px #af579d;
	content: '';
	display: block;
}
#backnumber #backnumberList{
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	height: 200px;
	padding: 15px 20px;
	background-color: #ffffff;
	border: solid 3px #af579d;
}
#backnumber #backnumberList li{
	position: relative;
	margin: 0 auto 8px auto;
	padding-bottom: 8px;
	border-bottom: solid 1px #E8E8E8;
}
#backnumber #backnumberList li.listE{border-bottom: none;}
#backnumber #backnumberList li .dateBN{
	position: relative;
	display: block;
	width: 100%;
	color: #ea5357;
	font-size: 1.2rem;
	font-weight: bold;
}
#backnumber #backnumberList li .ttitleBN{
	position: relative;
	width: 100%;
	color: #17191c;
	display: block;
}
#backnumber #backnumberList li a:hover  .ttitleBN{color: #ea5357;transition: all 0.4s ease-in-out;}
#backnumber .bk2025{
	position: relative;
	margin: 20px auto;
	max-width: 800px;
	width: calc(100% - 40px);
	text-align: right;
}
#backnumber .bk2025 a{color: #ea5357;}

.fontLarge{font-size: 180%;line-height: 0.8em;transform: translateY(0.2em);display: inline-block;}

@media screen and (min-width: 769px) {

	/* genba */
	#genba {padding: 0 0 30px 0;font-size: 1.7rem;}
	#genba .title{margin: 20px auto 0 auto;}
	#genba #textWrap{
		margin: -5.3em auto 0 auto;
		max-width: 1000px;
		padding-top: 2.5em;
	}
	#genba .date{text-align: left;}
	#genba #textWrap p{line-height: 2.5em;padding: 0 15px 2.5em 15px;}
	#genba .Img{padding-top: 22.5em;width: 53%;}
	#genba .Img img{max-height: 22.5em;}
	#genba .Img.w100{padding-top: 25em;width: 100%;}
	#genba .Img.w100 img{max-height: 25em;}
	#genba .Img.right{float: right;transform: translateX(10px);}
	#genba .Img.left{float: left;transform: translateX(-15px);}
	#genba .Img.tate{padding-top: 28em;width: 44%;}
	#genba .Img.tate img{max-height: 28em;}
	#genba .Img.nmargin01{margin: -2.5em auto 0 auto;transform: translateY(2em) translateX(10px);}
	#genba .Img.nmargin04{margin: -2.5em auto 0 auto;transform: translateY(1em) translateX(10px);}
	#genba .Img.nmargin05{margin: -2.5em auto 0 auto;transform: translateY(1em) translateX(-10px);}
	#genba .Img.nmargin02{transform: translateY(-30px);}
	#genba .Img.nmargin03{transform: translateY(30px);}
	#genba .Img.nmargin04{transform: translateY(-50px);}

	#genba h4.btmP{padding-bottom: 2.5em;}
	#genba h4.topP{transform: translateY(-2.3em);padding-bottom: 0;}
	
	#backnumber{padding: 20px 0 120px 0;}
	#backnumber #backnumberList li .dateBN{
		width: 9.5em;
		font-size: 1.4rem;
	}
	#backnumber #backnumberList{
		height: 250px;
		padding: 25px 30px;
	}
	#backnumber #backnumberList li .ttitleBN{width: calc(100% - 9.5em);line-height: 1.6em;}
}

@media screen and (min-width: 400px) and (max-width: 499px) {
	#genba .Img{padding-top: 17.5em;}
	#genba .Img img{max-height: 17.5em;}
	#genba .Img.w100{padding-top: 30em;}
	#genba .Img.w100 img{max-height: 30em;}
	#genba .Img.tate{padding-top: 22.5em;}
	#genba .Img.tate img{max-height: 22.5em;}
}
@media screen and (min-width: 500px) and (max-width: 599px) {
	#genba .Img{padding-top:20em;}
	#genba .Img img{max-height: 20em;}
	#genba .Img.w100{padding-top: 35em;}
	#genba .Img.w100 img{max-height: 35em;}
	#genba .Img.tate{padding-top: 30em;}
	#genba .Img.tate img{max-height: 30em;}
}
@media screen and (min-width: 600px) and (max-width: 768px) {
	#genba .Img{padding-top:22.5em;}
	#genba .Img img{max-height: 22.5em;}
	#genba .Img.w100{padding-top: 40em;}
	#genba .Img.w100 img{max-height: 40em;}
	#genba .Img.tate{padding-top: 32.5em;}
	#genba .Img.tate img{max-height: 32.5em;}
}
@media screen and (min-width: 769px) and (max-width: 900px) {
	#genba .Img{padding-top:15em;}
	#genba .Img img{max-height: 15em;}
	#genba .Img.w100{padding-top: 17.5em;}
	#genba .Img.w100 img{max-height: 17.5em;}
	#genba .Img.tate{padding-top: 16em;}
	#genba .Img.tate img{max-height: 16em;}
}
@media screen and (min-width: 901px) and (max-width: 1100px) {
	#genba .Img{padding-top:20em;}
	#genba .Img img{max-height: 20em;}
	#genba .Img.w100{padding-top: 20em;}
	#genba .Img.w100 img{max-height: 20em;}
	#genba .Img.tate{padding-top: 20em;}
	#genba .Img.tate img{max-height: 20em;}
}

@media screen and (min-width: 769px) and (max-width: 1100px) {
	#genba {max-width: calc(100% - 100px);}
}