* 
{ 
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; 
	margin: 0; 
	padding: 0; 
}

html, body { 
	box-sizing: border-box; 
	font-size: 4vw; 
	height: 100%; 
	margin: 0; 
	padding: 0; 
	position: relative; 
	width: 100%; 
}

#contents { 
	box-sizing: border-box; 
	height: 100%; 
	margin: 0; 
	padding: 0; 
	position: relative; 
	width: 100%; 
}

.variable_contents { 
	box-sizing: border-box; 
	display: none; 
	height: 100%; 
	width: 100%; 
}

#default_contents { 
	box-sizing: border-box; 
	width: 100%; 
}

#main_contents { 
	box-sizing: border-box; 
	padding: 0; 
	width: 100%; 
}

.resizeimage { 
	width: 100%; 
}

.img_contents { 
	width: 100%; 
}

.variable_contents > * { 
	width: 100%; 
}

#callback_audio { 
	display: none; 
}

/* モーダル用CSS */
#init_modal { 
	background-color: rgba(32,32,32,0.7); 
	box-sizing: border-box; 
	color: #244F80; 
	display: block; 
	height: 100%; 
	left: 0; 
	position: fixed; 
	top: 0; 
	width: 100%; 
	z-index: 99999; 
}

#init_modal_box { 
	background: #FFF; 
	border-radius: 2vw; 
	box-sizing: border-box; 
	height: 20vh; 
	left: 50%; 
	margin: -10vh 0 0 -35vw; 
	min-height: 30vw; 
	position: absolute; 
	top: 50%; 
	width: 70vw; 
}

#init_modal_title { 
	box-sizing: border-box; 
	font-size: 5vw; 
	font-weight: bold; 
	height: 20%; 
	padding: 2vw; 
	width: 100%; 
}

#init_modal_message { 
	box-sizing: border-box; 
	font-size: 4vw; 
	height: 52%; 
	padding: 2vw 3vw; 
	width: 100%; 
}

#init_modal_done { 
	box-sizing: border-box; 
	border-top: solid 1px #666; 
	font-size: 5vw; 
	font-weight: bold; 
	height: 28%; 
	padding: 0.75vh; 
	text-align: center; 
	width: 100%; 
}

.link { 
	text-decoration: none; 
}