@charset "UTF-8";
.font15 { font-size:150%!important; }
label { position:relative; display:block; width:100%; margin:0;}
label img {margin-top:16px; }
label input { background:#fff; margin:0; padding:0; }
label span {position:absolute;  top:-5px; left:0; display:block; font-size:12pt; color:#66ccdd;}
form .formbottom {	text-align: center; } 
form .btns{
	display: inline-block;
	vertical-align: middle;
	color: #66ccdd;
	font-size:130%;
	font-weight: bold;
	letter-spacing: 0.5pt;
	text-decoration: none;
	background-color: #ffffff;
	margin:0.3em 0 3em; 
	padding: 1em 1em;
	width:95%;
	border: 1px solid #66ccdd;
	border-radius:1em;
	box-shadow:2px 5px 3px #ddd;
	cursor: pointer;
	transition-duration:0.3s;
    -webkit-transition-duration:0.3s;
    -moz-transition-duration:0.3s;
    -o-transition-duration:0.3s;
    -ms-transition-duration:0.3s;
} 
form .btns:hover{
    color: #ffffff;
    background-color: #66ccdd;
}
form .btns:disabled{
    color: #fff;
    background: #aaa;
	box-shadow:1px 1px 1px #ddd;
	border:1px solid #999;
}
.sengokubox {
  background:
  linear-gradient(90deg, #999 2px, #fff 2px, #fff calc(100% - 2px), #999 calc(100% - 2px)),
  linear-gradient(180deg, #999 2px, #fff 2px, #fff calc(100% - 2px), #999 calc(100% - 2px)),
  linear-gradient(45deg,  transparent 10px, #999 11px, #999 12px, #fff 13px),
  linear-gradient(135deg, transparent 10px, #999 11px, #999 12px, #fff 13px),
  linear-gradient(225deg, transparent 10px, #999 11px, #999 12px, #fff 13px),
  linear-gradient(315deg, transparent 10px, #999 11px, #999 12px, #fff 13px);
  background-position: left 15px, 15px top, bottom left, top left, top right, bottom right;
  background-size: 100% calc(100% - 30px), calc(100% - 30px) 100%, 20px 20px, 20px 20px, 20px 20px, 20px 20px;
  background-repeat: no-repeat;
  position: relative;
  margin:2em auto;
  padding: 30px 30px;
  font-family: 'Noto Serif JP', serif !important;
  font-weight: bold;
  color: #333;
}
.btn-con{display:flex; margin-bottom:3em;}
.meishi { text-align:center; }
@media(max-width: 480px){
  .btn-con{display:block;}
  .meishi { margin:10px -20px;}
  .brs{display:block;}
}
.btn-con a{ display:block; width:100%; padding:1.5em 2em; text-align:center; text-decoration:none; color:#fff!important;}
.btn-color{ background:#333; color:#fff;}
.btn-color:before{ content:"\f02e";font-family: FontAwesome; font-size:120%;margin-right:5px; }
.btn-color:hover{ background:#666; }
.btn-twitter{ background:#07a8f0; color:#fff; content:"\f099";font-family: FontAwesome; }
.btn-twitter:before{ content:"\f099";font-family: FontAwesome; font-size:120%;margin-right:5px; }
.btn-twitter:hover{ background:#27c8f9; }
.btn-text { text-align:center;  font-size:1.1em; margin-bottom:0em; color:#388; }
#quiz {margin-top:3em;}
#quiz th {font-size:120%; padding:2em 0;}
#quiz td{width:25%; text-align:center; }
#quiz img{width:100%;max-width:150px;}
.quizcover { height:100px; }
.quizcover p { text-align:center; background:none!important; padding-top:1.5em }
.quizcover span{ border:3px solid #fff; background:rgba(0,0,0,0.5); font-size:200%;  color:#fff; padding:0.3em;
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif!important;}
.quiztitle { font-size:24px;text-align:center; }
.quiztitle p { width:300px; border-radius:20px; background:#66ccdd;margin:2em auto;color:#fff; }
.quiztitle p span { font-size:170%; }
.quiz-img {width:100%; max-width:1000px; margin:0 auto; border:1px solid #eee; box-shadow:2px 2px 4px #999; }