h1{float: left; width: 96%; margin:15px 2% 0 2%; padding: 7px 1.5% 6px 1.5%; font-size: 2.2rem; line-height: 1.2;
  border:#FF5824 solid; border-width: 2px 0;
}
h1 span{ font-size: 1.4rem; }
h2{ float: left; width: 98%; margin:30px 1% 0 1%;  padding: 5px 3%; font-size: 1.4rem; background-color: #444; color: #FFF; border-radius: 5px 5px 0 0; font-weight: normal;}



/*画像*/
.pic{ float: left; width: 80%; padding: 0 2%; margin:10px 10% 0 10%; }
.pic img{ display: block; }


/*偏差値_総合*/
.h{ float: left; width: 100%; padding: 0 2%; margin:10px 0 0 0; }
.h-tbl{ float: left; width: 100%; border-spacing: 0 5px;  }
.h-tbl-th{ width: 23%; background-color: #FF5824; color: #FFF; border-radius: 5px 0 0 5px; font-weight: normal;
}
.h-tbl-th-igaku{ width: 23%; background-color: #9357CB; color: #FFF; border-radius: 5px 0 0 5px; font-weight: normal; line-height: 1.2;
}
.h-tbl-td{ padding: 4px 20px; font-size: 2.6rem; font-weight: bold; border:#FF5824 solid 1px; border-radius: 0 5px 5px 0; }
.h-tbl-td-igaku{ padding: 4px 20px; font-size: 2.6rem; font-weight: bold; border:#9357CB solid 1px; border-radius: 0 5px 5px 0; }
.h-tbl .lgh-gakuhi-unit{ font-size: 2.0rem; }
.h-small{ font-size:1.6rem; }
.h-link{ font-size:1.4rem; font-weight:normal; margin:0 0 0 3px; }











/*投票ボタンまわり*/
.v-all{ position: relative; float: left; width: 70%; margin:20px 15% 0 15%;  border:#333 solid 3px; border-radius: 5px;
background-size: auto auto;
background-color: rgba(213, 255, 244, 1);
background-image: repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(240, 253, 249, 1) 20px, rgba(240, 253, 249, 1) 40px );

  }
.v-title{ float: left; width: 100%; background-color: #333; color: #FFF; text-align: center; font-weight: bold; font-size: 1.4rem; padding: 3px 0 5px 0; }
.v-form{ float: left; width: 100%; height: 130px; padding: 32px 0 8px 0; }
.v-btn{ float: left; width: 40%; height: 55px; margin:0 0 0 30%; padding: 16px 0 0 0;  border-radius: 15px; color: #fff; font-weight: bold; font-size: 2.4rem; line-height: 1
; text-align: center;}
.v-btn:hover{ cursor:pointer; background-color: #F45964;}
.v-like{ background-color: #F73341; box-shadow: inset 0px 3px 0 rgba(255,255,255,0.3), 0 3px 3px rgba(0, 0, 0, 0.3);border-bottom: solid 3px #F73341; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);  }
.v-btn:active{ -webkit-transform: translateY(1px);  transform: translateY(1px);  box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);  border-bottom: none;}
.v-like-disable{background-color: #F73341; box-shadow: inset 0px 3px 0 rgba(255,255,255,0.3), 0 3px 3px rgba(0, 0, 0, 0.3);border-bottom: solid 3px #F73341; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); display:none;}
.v-ip-dup{ float: left; width: 100%; padding: 10px 3%; }




/*投票完了画面*/
.v-comp{ float: left; width: 100%; height: 105px; padding: 12px; text-align: center; line-height: 1.2; color:#666;}
.v-comp-l{ float: left; width: 100%; height: auto; padding: 12px 1.5% 0 1.5%; text-align: center; line-height: 1.2; color:#666;}
.v-pic{ float: left; width: 22%; height: 85px; margin:0 0 0 1%; overflow:hidden; border-radius: 10px; }
.v-pic img{ width:100%; height:100%; object-fit:cover; }
.v-balloon {
  display: table;
  float: left;
  width:70%;
  height: 85px;
  position: relative;
  margin: 0 0 0 15px;
  padding: 6px 8px;
  color: #555;
  font-size: 1.6rem;
  line-height: 1.3;
  background-color: #FFF;
  border-radius: 15px;
    border: 2px solid #00C88C;
}
.v-balloon:before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -15px;
  top: 20px;
  border-right: 15px solid #00C88C;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.v-balloon::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -12px;
  top: 20px;
  border-right: 15px solid #FFFFFF;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.v-balloon p {display: table-cell; height: 100%; vertical-align: middle;margin: 0; padding: 0;}



/*タイマー表示*/
.v-timer-box{ float: left; width: 100%; height: 25px; margin:3px 2% 0 2%; padding: 1px 2%; font-size: 1.2rem; color: #666; text-align: center; border-radius: 5px; overflow: hidden;}
.v-timer{ margin:0 0 0 5px; font-size: 1.2rem; color: #FF6A7E;}
.v-timer-box-bk{
  animation-name: blinktimer;
  animation-duration: 1s; 
  animation-iteration-count:6; /*アニメーションを回再生する*/
}
@keyframes blinktimer{
  0%{ background:#FFF; }
  30%{ background:#F0FF6E;}
  100%{ background:#FFF;}
}
.v-timer-jitan-icon{ margin:0 0 0 5px; font-size: 12px; color: #00CF1D; }

.v-loading{position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background: rgba(255,255,255,.7);
  background-image: url(../image/design/co-loading.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 150px auto;}
.v-hide{ display: none; }

/* v-tweet */
.v-tw{ float: left; margin:5px 0; width: 100%; height: auto; text-align: center; }
.v-tw img{ border-radius: 5px; overflow: hidden; }


/*結果表示*/
.v-sum{ float: left; width: 100%;  border-top:#333 solid 2px; background-color: #FFF;  }
.v-sum-tbl{ float: left; width: 100%; border-collapse: collapse; line-height: 1.2; background-color:#333;}
.v-sum-tbl td{ text-align: center; font-size: 1.2rem; color:#FFF;  padding:2px 0 4px 0; }
.v-sum-tbl-val{ font-weight:bold; font-size:1.8rem; }
.v-sum-tbl-val-unit{ font-weight:bold; font-size:1.4rem; margin:0 0 0 3px; }














/*学部学科*/
.gk{ float: left; width: 100%; padding: 0 2%; font-size: 1.6rem; }
.gk-col{ float: left; width: 100%; margin:5px 0 0 0; padding: 0 0 0 10px; font-weight: bold; }
.gk-area{ float: left; width: 92%; margin:0 3% 0 4%; padding: 0 0 0 3%; border-left:#B5CEF3 solid 1px; }
.gk-box{ float: left; width: 100%; margin:1px 0; padding: 3px 0 0 0; border-bottom: #DEDEDE dashed 1px; }
.gk-name{ float: left; width: 43%; margin:2px 0 0 0; line-height: 1.1; }
.gk-val{ float: left; width: 22%; padding: 0 0 0 6px; font-weight: bold;  color:#FF3D00;   }
.gk-val-off{ font-weight: normal; color: #666; }
.gk-val-float{ font-size: 1.2rem; }
.gk-chart{ float: left; width: 35%;
      background: linear-gradient(90deg, 
      #FFF 0%,
      #FFF 25%,
      #FFCFC1 25%,
      #FFCFC1 26%,
      #FFF 26%,
      #FFF 50%,
      #FFCFC1 50%,
      #FFCFC1 51%,
      #FFF 51%,
      #FFF 75%,
      #FFCFC1 75%,
      #FFCFC1 76%,
      #FFF 76%,
      #FFF 100%);
 }
.gk-chart-bar{margin:2px 0 0 0; height: 16px; border-radius: 3px; }




/*基本情報*/
.i{ float: left; width: 100%; margin:10px 0 0 0; padding: 0 2%; font-size: 1.6rem; }
.i-tbl{ float: left; width: 100%; border-collapse: collapse; }
.i-tbl th{ background-color: #F2F4F7; font-weight: normal; text-align: left; width: 25%; }
.i-tbl th,
.i-tbl td{ padding: 4px 8px; border:#999 solid 1px; vertical-align: top; }
.i-tbl-cname{  font-weight: bold; }
.i-tbl-sta{ font-size: 0.8rem; color: #666; }
.i-map{ float: left; width: 100%; margin:10px 0 0 0; padding: 0 2%; }