/*---------------------
レイアウト共通クラス
----------------------*/
html {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
body {
  display:inline-grid;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  width:100%; box-sizing : border-box !important;
  height:100vh;
}
.header{
    position: fixed;
    z-index: 100;
    width: 100%;
    height: 60px;
    background-color: #61BAC6;
    display: block;
}
.header > .header-title {
    color:white;
    text-align: center;
    line-height: 60px;
    font-size: 22px;
    height: 100%;
}
.container{
    margin-top:100px;
    min-height:75%;
    padding: 0px 24%;
}
p{
    font-size: 16px;
}
.footer{
    text-align: center;
    font-size: 20px;;
    padding-bottom:40px;
}
.rating-block{
    padding:0% 10%;
}
.rating-card{
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
    display:inline-flex;
}

.rate-form {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.rate-form input[type=radio] {
    display: none;
}
.rate-form label {
    position: relative;
    padding: 0 5px;
    color: #ccc;
    cursor: pointer;
    font-size: 35px;
}
.rate-form label:hover {
    color: #ffcc00;
}
.rate-form label:hover ~ label {
    color: #ffcc00;
}
.rate-form input[type=radio]:checked ~ label {
    color: #ffcc00;
}
.font-14{
    font-size:14px;
}
.btn-info{color:white}
.btn-success{
    background-color:#4caf50;
    color:white;
    border:none;
}
.btn-full{
    width:100%;
    height:50px;
    line-height: 34px;
}
.btn-half{
    width:150px;
    height:42px;
    line-height: 28px;
}
.btn-hafh:hover{
    color:white;
}
.sp-only{
    display: none;
}

/*---------------------
SP
----------------------*/
@media screen and (max-width:769px)
{
    .btn-half{
        width:34%;
    }
    .container{
        width:100%;
        padding: 0px 20px;
    }
    .rating-block{
        padding:0% 0%;
    }
    .rate-form label {
        width:20%;
    }
    .sp-only{
        display: block !important;
    }

}

/*---------------------
Tablet
----------------------*/
@media (max-width: 1020px) and (min-width: 768px) {
}