/*-----------------------------------------------------------------
■ファイル名：mizuki.css
■用　途：メッセージボイスページ専用CSS
■機能概要：メッセージボイスページ専用のCSS仕様を定義する。
■最終更新日：2025.7.12
■最終更新者：T.Shimomura
■更新メモ：
■備　考：
--------------------------------------------------------------------*/
html {
	-webkit-text-size-adjust: 100%;
}

body {
	background-color: #ffffff;
	text-align:	center;
	color:		#0066cc;
}

div.txt1 {
	font-size:	24px;
}

div.txt2 {
	font-size:	30px;
	color:		#ffa600;
}

div.txt3 {
	font-size:	40px;
	font-weight: bold;
}


div.txt4 {
	font-size:	20px;
	color:		#ffa600;
	line-height:40px;
}

div.txt5 {
	width:	40%;
	margin:	auto;
	padding:	10px;
	font-size:	20px;
	color:		#ffffff;
	background-color: #0066cc;
}

span.sizeup {
	font-size:	32px !important;
	vertical-align: -10%;
}

span.copy {
	font-size:	11px;
}

span.sup {
	font-size:	0.8em;
	vertical-align: top;
}

div.spacer60 {
	height: 60px;
}

div.spacer30 {
	height: 30px;
}

div.spacer20 {
	height: 20px;
}

div.spacer10 {
	height: 10px;
}

div.spacer5 {
	height: 5px;
}

table.intro{
	border: 4px dotted #0066cc;
	width:	85%;
	margin:	auto;
	text-align: center;

}
td.title{
	padding:	20px 0px 0px 0px;
	font-size:	30px;
	text-align:	center;
	font-weight: bold;
}

div.honbun{
	font-family:	"iskoola pota";
	padding: 10px 40px 20px 40px;
	font-size:	18px;
	text-align:justify;
}

td.prof{
	vertical-align:	top;
}

div.honbun2{
	font-family:	"iskoola pota";
	padding: 20px 20px 20px 40px;
	font-size:	18px;
	text-align:justify;
}

div.indent{
	text-indent: -1em;
	padding-left: 1em;
}

td.img{
	padding: 20px 30px 30px 0px;
	vertical-align:	top;
}

audio.center{
	position:	relative;
	top:	0%;
	left:	50%;
	transform: translateX(-50%);
}

img.mizuki{
	pointer-events:	none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
	user-select:none;
}

div.close{
	text-align:center;
}

img.close{
	width:	300px;
	margin:	auto;
}