* 
{ 
	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: 27vh; 
	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: 55%; 
	padding: 2vw 3vw; 
	width: 100%; 
}

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

.link { 
	text-decoration: none; 
}



html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

.fs {
  position: fixed;
  inset: 0;              /* top/right/bottom/left = 0 */
  overflow: hidden;
  background: #000;      /* 余白が出た時に白じゃなくなる保険 */
  height: 100vh;         /* fallback */
  height: 100svh;        /* iOSのアドレスバー変動に強い */
  height: 100dvh;        /* 対応してればこれが最優先で効く */
  width: 100vw;
}

.fs-media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;     /* 比率固定で全面に、はみ出しはトリミング */
  display: block;        /* imgの謎の余白対策 */
}