@charset "utf-8";
body,#wrapper {
    display:table;
    margin:0 auto;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
h1 {text-align:center;font-size: 2em; margin-bottom: 0px; margin-top:0px}
h1 span {font-size: 0.8em;}
h2 {text-align:center;font-size: 1.2em; margin-bottom: 24px;}
dl {display:table; margin: 0 0 24px;}
dt {min-width:270px;text-align:left;}
dt,dd {margin:0;display:table-cell;}
dt,input,p {font-size:1.35em;}
p {text-align:center;}
input[type="text"] {ime-mode:disabled;padding: 2px 3px;}
input[type="submit"] {
	-webkit-appearance: button;
}
#kekka {font-size: 2.4em;}
.exam {font-size: 2.4em;}
#setumei {display:table; margin-left:40px;}
#setumei p, #previous {text-align:left;}
.error {color: #ff0000;}
.left {text-align:left;margin:10px;padding-left:20px;}
.right {text-align:right;margin:10px;padding-right:20px;}
.large-msg {font-size: 1.4em;}
.name {font-size: 1.8em;}
.notice {color: #ff0000;}
div.old_school table{font-size: 1.2em;}
div.old_school td, th {padding: 3px 10px;}
.birth-wrap { margin: 0 0 12px; }
.birth-wrap select { padding: 6px 0; }
#back-sakura {
  max-width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -9999;
}

@media (max-width: 720px) {
  h1 {text-align:center;font-size:1.5em;}
  dt {min-width:unset;text-align:left;margin:8px 0 6px;}
  dt,dd{display:block;}
  dd {margin:0 0 6px;}
  input[type="submit"] {-webkit-appearance:button;margin:24px 0;display:block;}
  #kekka {font-size: 2em;}
  #setumei {display:table; margin-left:0;}
.exam {font-size: 2.4em;}
.error {color: #ff0000;}
.notice {color: #ff0000;}
}

.check-on {
    width: 220px;
    height: 90px;
    position: fixed;
    right: 0;
    bottom: 0;
    opacity: 0.6;
    border: 3px solid #3f98ef;
    background-color: rgba(255,0,0,0.9);
    z-index: 300;
}

.school-logo {
  text-align:center;
  margin-top:0px;
  margin-bottom:0px;
/*  float:left;
  margin-right:15px;*/
}
.school-logo img{
/*     max-width:40px;*/
     height:auto;
}

.btn {
    color:#fff;
    background-color: #017453;
    text-decoration: none;
    border-radius: 5px;
    padding: 10px;
    margin: 10px;
    font-size: 1.1rem;
    width:130px;
    line-height:25px;
  
}
.btn:hover {
    transform: translate(1px, 2px);
    cursor: pointer;
}

/*================指定日時での設定確認==========================*/
.check-on {
    width: 220px;
    height: 90px;
    position: fixed;
    right: 0;
    bottom: 0;
    opacity: 0.6;
    border: 3px solid #3f98ef;
    background-color: rgba(255,0,0,0.9);
    z-index: 300;
}