@charset "utf-8";

.cal {position:relative;}
.cal .cal-month {position:relative;margin-bottom:1.6rem;text-align:center;}
.cal .cal-month strong {
    position:relative;
    display:inline-block;
    vertical-align:middle;
    font-size:1.2rem;
    line-height:1.2rem;
    color:#333333;
    font-weight:500;
    margin-left:-5px;
    padding:0 1.05rem;
}
.cal .cal-month a.page {
    display:inline-block;
    position:relative;
    vertical-align:middle;
    width:1.2rem;
    height:1.2rem;
    line-height:1.2rem;
    margin-left:-5px;
    background-repeat:no-repeat;
    background-size:0.65rem auto;
    background-position:50% 50%;
}
.cal .cal-month a.prev {background-image:url(../imgs/rent/cal_prev.png)}
.cal .cal-month a.next {background-image:url(../imgs/rent/cal_next.png)}
.cal .cal-table {margin-top:1.55rem}
.cal .cal-table table {width:100%;border-collapse:collapse;border-spacing:0;}
.cal .cal-table table th,
.cal .cal-table table td {border:2px dashed #ddd;}
.cal .cal-table table th {font-size:0.9rem;padding:0.6rem 0;}
.cal .cal-table table th.sun, .cal .cal-table table td.sun .date {color:#da464a;}
.cal .cal-table table th.sat, .cal .cal-table table td.sat .date {color:#3a91e2;}
.cal .cal-table table td {font-size:0.8rem;height:7rem;}
.cal .cal-table table td .date {font-size:0.8rem;padding:2px 7px;}
.cal .cal-table table td .count {
    display:block;
    position:relative;
    background-color:#ff8401;
    width:4rem;
    height:4rem;
    border-radius:100%;
    font-size:1rem;
    padding:1.1rem 7px;
    margin:0.55rem auto;
    color:#fff;
    text-align:center;

}
.cal .cal-table table th.sat, .cal .cal-table table td.sat .date {
    color: #3a91e2;
}
.cal .cal-table table th.sun, .cal .cal-table table td.sun .date {
    color: #da464a;
}
.cal .cal-table table .link {display:block;position:relative;width:100%;height:100%}
.cal .btn-month-view {
    display:block;
    position:absolute;
    top:0;
    right:0;
    width:5.6rem;
    height:2rem;
    line-height:1.8rem;
    background-color:#ff2e2e;
    text-align:center;
    color:#fff;
    font-size:0.8rem;
    font-weight:300;
}

.rent-state-area {position:relative;margin-top:2.2rem;}
.rent-state-area .head {
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    border-top:2px solid #1a1a1a;
    padding:0.8rem 0 0.8rem;
    font-size:0.8rem;
    color:#2b2b2b;
    font-weight:500;
}
.rent-state-area .head .rent-name {width:10rem;text-align:center;}
.rent-state-area .head .rent-state {width:calc(100% - 10rem);text-align:center;}
.rent-state-area .body {border-top:1px solid #999999;}
.rent-state-area .state-list {
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:0.75rem 0;
    border-bottom:1px solid #999999;
    align-items:center;
}
.rent-state-area .body .rent-name {
    width:12rem;
    padding-left:1.5rem;
    font-size:0.8rem;
    color:#2b2b2b;
    font-weight:500;
}
.rent-state-area .body .rent-name .txt {display:inline-block;vertical-align:middle;}
.rent-state-area .body .rent-name .img {display:inline-block;vertical-align:middle;position:relative;width:2.55rem;height:2.55rem;overflow:hidden;border-radius:100%;}
.rent-state-area .body .rent-name .img img {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-56%,-50%);
    min-width:100%;
    min-height:100%;
}
.rent-state-area .body .rent-state {width:calc(100% - 12rem);text-align:left;padding-left:3.85rem;font-size:0.8rem;color:#2b2b2b;font-weight:300;}
.rent-state-area .body .rent-state ul li {margin-bottom:0.4rem;font-weight:300;}
.rent-state-area .body .rent-state ul li:last-child {margin-bottom:0}
@media screen and (max-width:640px) {
    .rent-state-area .body .rent-state {padding-left:0}
    .cal .cal-month.btn-box {padding-right:8rem}
}

.rent {position:relative;}
.rent .mt42 {margin-top:2.1rem}
.rent .rent-step {margin-top:2.51rem;text-align:center;}
.rent .rent-step img {max-width:100%;height:auto;}
.rent .rent-step-qa {margin-top:2.2rem;padding-left:1.2rem;font-size:0.9rem;color:#333;font-weight:300;}
.rent .rent-step-qa ul {position:relative;padding-left:0.9rem}
.rent .rent-step-qa ul::before {
    content:"※";
    display:block;
    position:absolute;
    top:0;
    left:0;
    font-weight:500;
}
.rent .rent-step-qa ul li {display:inline-block;margin-left:-5px}
.rent .rent-step-qa ul li:first-child {margin-left:0}
.rent .rent-step-qa ul li + li {padding-left:1.05rem}
.rent .rent-step-qa ul li.last {display:block;padding-left:0;margin-left:0}
.rent .sub-title5 + .ul-type2 {padding:0.5rem 0 0 1.2rem}
.rent .rent-regulation {padding:1.25rem 0 0 1.2rem}
.rent .rent-stit {position:relative;padding-left:0.85rem;font-size:0.9rem;color:#fd8307;font-weight:500;}
.rent .rent-stit::before {
    content:"";
    position:absolute;
    top:0.65rem;
    left:0;
    width:0.45rem;
    height:0.15rem;
    background-color:#fd8307;
}
.rent .rent-regulation .table-box {margin-top:0.95rem}
.rent .mt35 {margin-top:1.75rem}
.rent .rent-etc-txt {position:relative;padding-left:0.9rem;font-size:0.9rem;color:#333;font-weight:500;line-height:1.2;}
.rent .rent-etc-txt::before {
    content:"※";
    display:block;
    position:absolute;
    top:0;
    left:0;
    font-weight:500;
}
.rent .use-info-list {position:relative;width:100%;margin-top:0.6rem}
.rent .use-info-list ul {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.rent .use-info-list ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    flex: none;
    width:16.66666666666667%;
    padding:1.2rem;
    box-sizing: border-box;
    text-align: center;
}
.rent .use-info-list ul li .img img {width:100%;max-width:7.3rem;height:auto;}
.rent .use-info-list ul li .txt {margin-top:0.8rem;font-size:0.8rem;color:#333333;font-weight:300;line-height:1.2rem;word-break:break-all;letter-spacing: -1px;}

@media screen and (max-width:966px) {
    .rent .table-box {overflow:hidden;overflow-x:auto;}
    .rent .table-box table {min-width:960px}
}
@media screen and (max-width:930px) {
    .rent .use-info-list ul li {padding:0.5rem}
}
@media screen and (max-width:720px) {
    .rent .use-info-list ul li {width:33.3333333333%;padding:1rem}
}
@media screen and (max-width:478px) {
    .rent .rent-step-qa ul li + li {padding-left:0;margin-top:3px;display:block;margin-left:0}
}
@media screen and (max-width:460px) {
    .rent .use-info-list ul li {width:50%;}
}


.facility {position:relative;}
.facility .facility-list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom:2.45rem;
    width: 100%;
    flex-wrap: wrap;
    align-items:flex-start;
}
.facility .facility-list::after {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.2rem;
    background: url(../imgs/activity/act_line.png) repeat-x 0 0;
    background-size: 0.5rem auto;
}
.facility .facility-list.last {padding-bottom:0}
.facility .facility-list.last::after {display:none;}

.facility .facility-list ~ .facility-list {margin-top:2.65rem}
.facility .facility-list .list-title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    flex: none;
    width:10.55rem;
    box-sizing: border-box;
    overflow: hidden;
}
.facility .facility-list .list-title .tit {
    display:inline-block;
    position:relative;
    width:7.55rem;
    height:7.55rem;
    overflow:hidden;
    border-radius:100%;
}
.facility .facility-list .list-title .tit.bg1 {
    background-color:#ffd407;
}
.facility .facility-list .list-title .tit.bg2 {
    background-color:#fd8307;
}
.facility .facility-list .list-title .tit.bg3 {
    background-color:#0476fc;
}
.facility .facility-list .list-title .tit.bg4 {
    background-color:#ffd407;
}
.facility .facility-list .list-title .tit.bg5 {
    background-color:#fd8307;
}
.facility .facility-list .list-title .tit.bg6 {
    background-color:#0476fc;
}

.facility .facility-list .list-title .tit span {
    display:inline-block;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    font-size:1.8rem;
    color:#ffffff;
    font-weight:500;
    line-height:1;
    width:100%;
    text-align:center;
}

.facility .facility-list .facility-img-list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    flex: none;
    box-sizing: border-box;
    overflow: hidden;
    width: calc(100% - 11rem);
}
.facility .facility-list .facility-img-list .img {text-align:center;}
.facility .facility-list .facility-img-list .img img {width:100%;max-width:10.95rem;height:auto;}
.facility .facility-list .facility-img-list .txt {margin-top:0.95rem;font-size:0.9rem;color:#333;line-height:1;text-align:center;}
.facility .facility-list .facility-img-list ul {margin:-0.75rem -0.9rem;}
.facility .facility-list .facility-img-list ul li {display:inline-block;position:relative;vertical-align:top;margin-left:-5px;padding:0.75rem 0.9rem}
.facility .facility-list .facility-img-list ul ~ ul {margin-top:1.5rem}
@media screen and (max-width:808px) {
    .facility .facility-list .facility-img-list ul {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        align-items:flex-start;
    }
    .facility .facility-list .facility-img-list ul li {        
        flex-basis: 33.3333333333%;
    }
}
@media screen and (max-width:660px) {
    .facility .facility-list .list-title {width:9rem}    
    .facility .facility-list .list-title .tit {width:7rem;height:7rem;}
    .facility .facility-list .list-title .tit span {font-size:1.5rem}
    .facility .facility-list .facility-img-list {width:calc(100% - 9rem)}
}
@media screen and (max-width:640px) { 
    .facility .facility-list .facility-img-list ul {width:auto}
    .facility .facility-list .facility-img-list ul li {        
        flex-basis:50%;
    }
}
@media screen and (max-width:460px) { 
    .facility .facility-list .list-title {width:8rem}
    .facility .facility-list .list-title .tit {width:6rem;height:6rem;}
    .facility .facility-list .list-title .tit span {font-size:1.4rem}
    .facility .facility-list .facility-img-list {width:calc(100% - 8rem)}
}
@media screen and (max-width:440px) { 
    .facility .facility-list {flex-direction:column;}
    .facility .facility-list .list-title {width:100%;text-align:center;}
    .facility .facility-list .facility-img-list {width:100%;margin-top:2rem}
    .facility .facility-list .list-title .tit {width:100%;height:3.5rem;border-radius:1rem;}
    .facility .facility-list .facility-img-list .img img {max-width:100%}
}