body{
    font-family:  "游ゴシック Medium","Yu Gothic Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif;
    -webkit-print-color-adjust: exact;
    font-size:16px;
}
.form-group{
    padding:20px 10px;
}
.form-group p{
    font-size:14px;
}

.form-control{
    font-size:16px;
    height: 40px;
}
.checkbox label, .radio label {
    padding-left:25px;
}
.treeview-menu>li>a {
    padding: 10px 5px 10px 15px;
}
.btn-lg.dashboard{
    font-size:22px;
    border-color: #999;
}
.cart-nav-button {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    font-size: 16px !important;
    background-color: #367fa9 !important;
}
.main-header .logo{
    height:52px;
}
.main-header .navbar .nav>li>a>.label {
    top: -5px;
    right: -3px;
}
.d-title-box .box-header{
    background-color: #f9f9f9;
    border-bottom: 0;
}

/* H1 - H6 font */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family:  "游ゴシック Medium","Yu Gothic Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif;
}
.main-header .logo {
    font-family:  "游ゴシック Medium","Yu Gothic Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif;
}
button, input, select, textarea{
    font-family:  "游ゴシック Medium","Yu Gothic Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif;
}

h3{
    font-size:21px;
    margin-bottom:1.2rem;
}
.content-wrapper {
    background-color: #f9f9f9;
}
span.subtitle{
        font-size:0.9rem;
        display:block;
        height:1rem;

}
.content-header h1.main-title{
    border-bottom: 2px solid #000;
    padding: 5px;
    margin: 0px 15px;
}
.requester h1.page-header{
        font-size:2rem;
        color:#000;
        width: 15rem;
        margin: auto;
        padding: 30px 0 10px 0;
        border-bottom :2px solid #000;
}

.requester .form-group,.visits .form-group{
    margin-bottom : 3.5rem;
}

.function-text{
    margin:1.5rem;
}
.function-title{
    margin:auto;
    width:20rem;
    font-size: 2rem;
    border-bottom: 2px solid #3c8dbc;
    padding-bottom: 5px;
    color:#3c8dbc;
}
.form-area{
    margin:5rem;
}

@media (max-width:767px) {
    .form-area{
        margin:3rem 1rem;
    }
}
.form-group div.check{
    font-size:1.1rem;
}
.require-icon{
    float: right;
    padding: 2px 5px;
    background: #edc3d5;
}
.not-require-icon{
    float: right;
    padding: 2px 5px;
    background: #dfdfdf;
    color: #777;
}

.login-box-body{
    border:1px solid #dfdfdf;
    padding-top:30px;
    margin-bottom: 3rem;
}
.post-no{
    width:9rem;
    display:inline-block;
}
.post-no + span + input{
    width:13rem;
    display:inline-block;
}
.logo-lg{
    height: 10px;
    line-height: 35px;
}
.logo-lg img{
    width:11rem;
    height:auto;
}
.logo-mini img{
    width:1.6rem;
    height:auto;
}

.confirm-text{
    padding-left: 2rem;
}
.complete-box{
    width: 550px;
    margin: 30px auto;
}

@media (max-width:767px) {
    .complete-box{
        width: 300px;
    }
}

.contact-box{
    border: 2px solid #3c8dbc;
    width: 400px;
    margin: 40px auto;
    padding : 3rem 4rem;
    position: relative;
    font-size: 1em;

}
.contact-box .title {
    position: absolute;
    top: 0;
    left: 0;

    font-size: 1em;
    padding: 0 1em;
    margin: 0;
    background-color: white;
    transform: translateY(-50%) translateX(123px);

}
.contact-box .c-label{
    display:inline-block;
    width:120px;
}
.contact-box .colon{
    margin-right:20px;
}

.contact-box .contact-box-body{
    margin: auto;
    width: 500px;
}
@media (max-width:767px) {
    .contact-box{
        width: 300px;
        padding : 3rem 2rem;
    }
    .contact-box .title {
        transform: translateY(-50%) translateX(73px);
    }
}

.contact-box.result{
    border: none;
    margin: 0 auto;
    padding: 2rem 2rem;
}
.contact-box.result .c-label{
    width : 28rem;
}
@media (max-width:544px) {
    .contact-box.result .c-label{
        width : 15rem;
        vertical-align: bottom;

    }
}
.contact-box.result .c-label-s{
    display: inline-block;
    width : 15rem;
}

.contact-box.result .detail{
    display : inline-block;
    border : solid 1px #000;
    margin : 0.5rem;
    padding: 0.5rem 2rem;
}

.register,.register:hover {
    color:#FFFFFF;
    display: inline-block;
    margin: 5px 10px;
    text-align: center;
}
.register i{
    font-size: 2.5rem;
}
.register div{
    font-size:0.8rem
}
.visits{
    border:1px solid #dfdfdf;
    margin:1.5rem;
    padding: 3rem 5rem;
    background-color: #fff;
}
@media (max-width:767px) {
    .visits{
        padding: 3rem 3rem;
        margin:1.5rem -1.5rem;

    }
}

.function-text-visits{
    margin:0 1.5rem 1.5rem 1.5rem;
}
.visits.result{
    max-width:870px;
}

.visits.result h2{
    font-size:24px;
}
.visits .result-table{
    padding:1rem;
}
.visits .result-table + div{
    border-left:1px solid #000;
}

.y-text{
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
    max-height:20em;
}
@media (max-width:991px) {
    .y-text span{
        display:block;
    }
}
@media (max-width:767px) {
        .y-text{
            margin-top:40px;
        }
}
.color-cell.col-xs-2{
    margin:2px;
}
.color-cell.row{
    margin-bottom:1.5rem;
}
.result-parts{
    margin-bottom:6.4rem;
}
.radar-chart{
    max-width:360px;margin:auto;
}
div.disabled {
    opacity: .30;
}
.chart-info{
    border : 1px solid #000 !important;
    border-radius: 0 !important;
}
.chart-info .box-header{
    border-bottom : 1px solid #000 !important;
}
@media (min-width: 992px){
    .half-col-left{
        padding-right: 3.5rem;
    }
    .half-col-right{
        padding-left: 3.5rem;
    }

}
.text-danger-s{
    color:#d3221f !important;
}
.result-block-label{
    font-size:1.8rem;
}
.half-col-right .chart-info .box-header,.half-col-left .chart-info .box-header{
    height:8.5rem;
  position: relative;
}
.chart-info .box-header div div{
    font-size:1.2rem;
}
.chart-info .box-body{
    font-size:1.4rem;
}
.half-col-right .chart-info .box-body ,.half-col-left .chart-info .box-body{
    height:15rem;
}
.half-col-right .inner,.half-col-left .inner{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  width:100%;
  padding:0 1rem;
}
.bar-label {
    padding-top :1.2rem;
    padding-bottom :2.7rem;
}
.bar-label > div {
    height:20%;
    border:2px solid #c6c6c6;
}
.bar-label div + div {
    margin-top:1.5rem
}
.bar-label-parts {
    position: relative;
}
.bar-label-parts > div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  width:100%;
  padding:0 1rem;
}
.bar-label-parts > div > div {
    font-size:1.1rem;
}
@media (max-width:991px) {
    .bar-label-parts > div > div {
        display:none;
    }
}
.bar-label.single > div {
    height:150%;
    maegin-top :0px;
}
.bar-label.six{
    padding-top: 1.6rem;
}
.bar-label.six > div {
    height:13%;
}
.bar-label.six div + div {
    margin-top:1.6rem
}
@media (min-width:992px) {
    .adjust-title {
        max-width:7rem;
    }
    .adjust-col {
        min-width:13rem;
    }
}
.main-title.print{
    display:none;
}


#basic_info .result-parts .row{
    border:1px solid #ccc;
    background:#eee;
    font-size:1.4rem;
}
#basic_info .result-parts .row.person{
    background:#fff;
}
#basic_info .result-parts .row.data{
    border-bottom:0;
    font-size:1.4rem;
}
#basic_info .result-parts .row.school{
    background:#eee;
    font-size:1.4rem;
}
.visits .result-table + div{
    border-left: 1px solid #ccc;
}
.title-label{
    background-color:#eee!important;
}
.content-label{
    background-color:#fff!important;
}
.box.box-solid.box-default>.box-header{
    background-color:#eee!important;
}
.fadein {
    opacity : 0;
    transition : all 1300ms;
    position:relative;
    bottom:-5rem;
}
.rollup {
    transition : all 1300ms;
    position:relative;
    bottom:-5rem;
}
.fadein.scrollin,
.rollup.scrollin{
    opacity:1!important;
    bottom:0;
}
.scrolled{
    visibility:hidden;
}

.to_result{
    text-align:center;
}
.to_result a{
    font-size:0px;
    vertical-align:bottom;
}
.to_result a::before{
    content:"\3009";
    font-family:fontawesome;
    display:inline-block;
    font-size:7rem;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-animation: blink 0.5s infinite alternate;
    -moz-animation: blink 0.5s infinite alternate;
    animation: blink 0.5s infinite alternate;
    line-height:1em;
    height:1em;
    font-weight:100;
}
@-webkit-keyframes blink {
    0% { opacity: 0.2; }
    100% { opacity: 1; }
}
@-moz-keyframes blink {
    0% { opacity: 0.2; }
    100% { opacity: 1; }
}
@keyframes blink {
    0% { opacity: 0.2; }
    100% { opacity: 1; }
}
.to_result a:hover{
    opacity:0.7;
}

#result{
    margin-top:-2rem;
    padding-top:2rem;
}

.fa-check-square{
    margin-right:0.2em;
}

.bg-gray{
    background-color:#e3edf8 !important;
}
.box.box-solid.box-default>.box-header.high{
    background-color:#e3edf8 !important;
}
.box.box-solid.box-default>.box-header.low{
    background-color:#eee !important;
}

.box.box-solid.box-default>.box-header.high em,
.box.box-solid.box-default>.box-header.high strong{
    color:#3887d1;
}

.box-title em{
    font-style:normal;
    font-weight:700;
}
.chart-info .box-header div div{
    padding-top:0.3em;
}
.chart-info {
    border:none!important;
}
.chart-info .box-header {
    border:none!important;
}
.box.box-solid.box-default{
    border: 1px solid #ddd !important;
    box-shadow:none!important;
}
.box{
    box-shadow:none!important;
}
.half-col-left{
    border-right:1px dashed #ddd;
}
.contact-box.result .detail{
    border-radius:0.3em;
    border:0.1em solid #699ccc;
    color:#699ccc;
    font-weight:500;
}
.contact-box.result .total .detail{
    border:0.1em solid #d17b7b;
    color:#ca5252;
    background:#fff9f9;
}
.contact-box.result .total .c-label{
    color:#ca5252;
}

.contact-box.result .detail.text-danger-s{
    color:#ca5252;
    border:0.1em solid #d17b7b!important;
}

.section_title{
    width:104%;
    border-bottom:1px solid #999;
    margin-bottom:2rem;
    padding:0 2% 0.5rem;
    position:relative;
    left:-2%;
}
.section_title p{
    margin-bottom:0;
}
.smp_inline{
    display:none;
}
.no-contents{
    font-size:1.2em;
    margin-top:0.5em;
    color:#999;
}

@media (max-width:991px) {
    .half-col-left{
        border-right:0;
    }
    .smp_center{
        text-align:center!important;
        background:#fff;
    }
    .visits .result-table + div{
        border-left:none;
    }
    .visits .result-table.col-xs-5,.visits .result-table.col-xs-7{
        border-bottom:1px solid #ccc;
    }
    .visits .result-table.col-xs-7{
        border-left:1px solid #ccc;
    }
    .visits .result-table.col-xs-7{
        border-left:1px solid #ccc;
    }
    .visits .result-table.col-xs-5.xs-none,.visits .result-table.col-xs-7.xs-none{
        border-bottom:none !important;
    }
    .smp_inline{
        display:inline;
    }
    .box.box-solid.box-default>.box-header{
        text-align:center;
    }
    .box.box-solid.box-default>.box-header strong{
        display:inline-block;
        padding-top:0.4em;
    }
    .half-col-right .chart-info .box-header, .half-col-left .chart-info .box-header{
        height:auto;
    }
    .half-col-right .inner, .half-col-left .inner{
        position:static;
        top:0;
        transform:none;
        -webkit- transform:none;
    }
    .to_result a::before{
        font-size:4rem;
    }
    .half-col-right .chart-info .box-body,
    .half-col-left .chart-info .box-body{
        height:auto;
    }
}
.datepicker-days th.dow:first-child,
.datepicker-days td:first-child {
   color: #f00;
}
.datepicker-days th.dow:last-child,
.datepicker-days td:last-child {
    color: #00f;
}
.datepicker-days thead{
   border-bottom: 1px solid #cccccc;
}
.datepicker-title{
   background-color: #ffbb11;
}