/* フォント設定 */
@font-face {
   font-family:maru;
   src: url('./fonts/KosugiMaru-Regular_min2.ttf') format("truetype");
   font-display: swap;
}

@font-face {
   font-family:mincho;
   src: url('./fonts/genkai-mincho_min2.ttf') format("truetype");
   font-display: swap;
}

body{
	margin:0;
	overflow:hidden;
}

/* トップバー */
#topbar{
	width:100%;
	height:120px;
	padding:30px 0;
	text-align:center;
	background-color:#EEE;
	font-family: mincho;
}

h1{
	font-size:40px;
}

/* ストビュー表示画面 */
#display{
	width:100vw;
	height:95vh;
	margin:0;
	padding:3vw;
	font-family:maru;
}

/* ボトムバー */
#bottombar{
	position:absolute;
	bottom:0;
	width:100%;
	height:120px;
	padding:26px;
	text-align:center;
	background-color:#EEE;
}

#bottombar ul{
	overflow:hidden;
	padding:0 calc(50% - 330px);
}

#bottombar li{
	list-style:none;
	float:left;
}

#bottombar li:first-child{
	margin-right:60px;
}

#bottombar li.return{
	margin:0 180px;
}

#bottombar li button{
	font-size:30px;
	border-radius:3vh;
	width:300px;
	height:64px;
	padding:11px 30px 13px 30px;
	color:#FFF;
	border:none;
	cursor: pointer;
	font-family:maru;
	text-decoration:none;
}
	
#bottombar li:first-child button{background-color:red;}
#bottombar li:last-child button{background-color:green;}
	
#bottombar li button:hover{
	opacity:0.6;
}

/* 入力フォーム */
form, #sendTitle, #sendOK{
	font-size:1.4vw;
}

input.link{
	width:80vw;
	height:3vw;
	margin:1vw;
}

input.time{
	width:74.4vw;
	height:3vw;
	margin:1vw;
}

input.sendButton{
	border-radius:9vw;
	font-size:2vw;
	width:10vw;
	height:4vw;
	padding:0 1vw;
	color:#FFF;
	border:none;
	cursor: pointer;
	text-decoration:none;
	background:#777;
}

input.sendButton:hover{
	opacity:0.6;
}