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

body{
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  background: #000;
  color:#fff;
}
.mincho{
  font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"
}

/* hoverエフェクト */
a:hover {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

.hidd {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#wrapper{
  width:100%;
  padding :0;
  margin: 0;
  overflow : hidden;
}
header{
  background: #f39800;
  height:50px;
  padding:6px;
  padding-left:20px;
  margin:0;
  border-bottom:1px solid #999;
}
h2{
  font-size:20px;
  font-weight:600;
  padding-bottom:10px;
}
.jumbotron-fluid{
  color:#000;
}
.zenkai{
  background: url("../img/maxresdefault.jpg") no-repeat;
  background-size:cover;
}
.card-body{
  background:#333
}
main{
  background: #FFFFFF
}
main section{
  width:100%;
  max-width:1350px;
  margin:40px auto;
}
main div{
  border-radius: 20px;
  background: #eee;
  padding:20px
}
main h3{
  font-size:20px;
  font-weight:600;
}
main div table{
  margin:20px 0;
  width:100%;
  background: #fff;
}
main table th{
  padding:3px auto;
  text-align:center;
  font-weight:600;
  background:#ddd;
  border-bottom: 1px solid #999;
}
main table th i{
  margin-left:5px
}
main table td{
  padding:3px auto;
  text-align:center;
}
main table td button{
  border-radius:3px;
  border: thin;
  background:#FF6F00;
  color:#fff;
}

footer{
  background: #f39800;
  width:100%;
  font-size:12px;
  text-align:center;
  margin-bottom:0;
  position:absolute;
  bottom:0;
}

/* pagetop */
#page-top a {
	background: url('../images/top.png') no-repeat;
	width: 59px;
	height: 59px;
}
p#page-top a {
	position: fixed;
	right: 20px;
	bottom: 160px;
	display: block;
}
label.done{
  background:green;
  color:#fff;
  font-size:11px;
  border-radius:3px;
  padding:2px 5px;
}
label.yet{
  background:red;
  color:#fff;
  font-size:11px;
  border-radius:3px;
  padding:2px 5px;
}
label.live{
  background:navy;
  color:#fff;
  font-size:11px;
  border-radius:3px;
  padding:2px 5px;
}
label.dead{
  background:black;
  color:#fff;
  font-size:11px;
  border-radius:3px;
  padding:2px 5px;
}
/*modal */
.iziModal table{
  width:100%;
  border-collapse:separate;
  border-spacing:5px;
}
.iziModal th{
  font-weight:600;
  vertical-align: top;
  white-space: nowrap;
}
.iziModal td{
  vertical-align: top;
}
.iziModal td input{
  border-radius:3px;
  border:1px solid #999;
  padding:2px;
}
.iziModal td textarea{
  width:100%;
  border-radius:3px;
  border:1px solid #999;
  padding:2px;
}

.iziModal td .url{
  width:100%
}
.iziModal p{
  margin-top:15px;
}
.iziModal p button{
  margin:20px 20px 0;
  border-radius: 5px;
  font-size:13px;
  padding:3px 10px;
  background-color:bisque;
  float:right
}
.iziModal button.enter{
  background:#A7FF96;
}

.iziModal.download{
  width:500px;
  background:rgba(255,255,255,0.9)
}
.margin-auto{
  margin:10vh 5vw;
}
.contents{
  padding-left:4vw;
}

/* Download Button */
.download{
  text-align: center;
}
.download button{
  border-radius:10px;
  border:1px solid #999;
  padding:10px 20px;
  background: #009615;
  color:#fff;
  font-size:15px;
}
.download i{
  margin-right:8px;
}