@charset "UTF-8";
/* CSS Document */


#single .episode {
	background-color: #F2F2F2;
	border-radius: 15px;
	padding: 5%;
}
#single .episode h3.epsd {
	color: #E61E73;
	font-size: 25px;
	text-align: center;
	border-bottom: #E61E73 solid 1px;
	padding: 0.3em 0;
	
}
#single .episode h4 {
	width: 100%;
	padding-top: 20px;
}

#single .episode .dotline {
	width: 100%;
	height: 2px;
	border-bottom: #ccc dotted 2px;

}
#single .flex {
	/*padding-bottom: 5%;*/
}
#single .episode .flex .imgBox {
	width: 50%;
	padding-top: 2em;
}
#single #sec02 .flex .imgBox,
#single #sec05 .flex .imgBox {
	width: 50%;
}
#single .flex p,#single .flex ol {
	flex: 1;
	margin-right: 2em;
}

#single .sec h3.sbt {
	font-size: 21px;
	font-weight: 500;
	border: none;
	border-left: #EE8382 solid 8px;
	background-color: #F2F2F2;
	padding: 0.5em;
	margin: 1em 0;

	
}
#single .sec h3.sbt.adLine {
	background: none;
	position: relative;
}
#single .sec h3.sbt.adLine::after {
	content: '';
	position: absolute;
	left: -8px;
	top: -10px;
	width: calc(100% + 8px);
	height: calc(100% + 20px);
	background: none;
	border-top: #ccc solid 2px;
	border-bottom: #ccc solid 2px;
}
h5.maru {
	font-size: 22px;
	font-weight: 500;
}
h5.maru::before {
	content: '●';
	color: #EE8382;
	
}
#single.oshihamo h3.area {
padding: 1em 0 0.5em 0;
line-height: 1.3;
border-bottom: #c8c9ca dotted 1px;
border-top: #c8c9ca solid 2px;
margin-top: 50px;
}
#single #sec04 h2,#single #sec05 h2 {
border-top: none;
padding: 0.3em 0;
}
#single #sec04 h2.pnk,#single #sec05 h2.pnk {
	border:none;
	padding: 0.3em 0;
	color: #E61E73;
	font-size: 32px;
	font-weight: 500;
	border-top:#E61E73 solid 2px;
}
dl.spot {
	background-color: #F2F2F2;
	padding: 3% 5%;
	border-radius: 15px;
	margin-bottom: 3%;
}
dl.spot dt {
	font-size: 21px;
	color: #E61E73;
	font-weight: 500;
}
dl.spot dd {
	font-size: 18px;
	padding: 0.3em 0;

}
#single .flex ol li {
	font-size: 18px;
	padding: 0.5em 0;
	text-indent: -1em;
	margin-left: 1em;
}
#single .flex ol li span {
	color: #E61E73;
}
#single .putihamo .editer .imgBox {
  border-radius: 0;
  overflow: hidden;
	width: 120px;
}
#single .putihamo .editer {
/*padding-bottom: 0;*/
}



@media screen and (max-width : 959px ){
 

}
@media screen and (max-width : 599px ){
 #single .episode h3.epsd {
	 font-size: 5.9vw;
	 font-size: clamp(21px, 5.9vw, 23px);
	}
	#single .episode .flex,
	#single #sec02 .flex,
	#single #sec05 .flex {
		flex-direction: column-reverse;
	}
	#single .episode .flex .imgBox {
		width: 100%;
		padding-top: 2em;
	}
	#single .flex p, #single .flex ol {
		flex: none;
		width: 100%;
		margin-right: 0;
	}
	#single .sec h3.sbt {
		font-size: 4.6vw;
		font-size: clamp(16px, 4.6vw, 18px);
	}
	#single #sec02 .flex .imgBox,
	#single #sec05 .flex .imgBox{
		width: 100%;
	}
	h5.maru {
	font-size: 5.1vw;
		font-size: clamp(18px, 5.1vw, 20px);
		text-indent: -1em;
		padding-left: 1em;
	}
	#single #sec04 h2.pnk, #single #sec05 h2.pnk {
		font-size: 6.4vw;
		font-size: clamp(23px, 6.4vw, 25px);
	}
	dl.spot dt {
	font-size: 4.6vw;
		font-size: clamp(16px, 4.6vw, 18px);
		text-indent: -1em;
		padding-left: 1em;
	}
	dl.spot dd {
		font-size: 4.3vw;
		font-size: clamp(15px, 4.3vw, 17px);
		padding: 1em 0;
	}
	dl.spot {
		padding: 7%;
	}
	#single .flex ol {
		padding-top: 1em;
	}
	#single .flex ol li {
		font-size: 4.3vw;
		font-size: clamp(15px, 4.3vw, 17px);
	}

}