@charset "utf-8";
#main-static li.img{background:url(/img/premium/bg_premium.jpg) no-repeat center top}
.cancellation .ttl h2{font-family:"Zen Old Mincho",serif}
#premium .sec_ttl{font-family:"Zen Old Mincho",serif;font-size:18px;letter-spacing:.1em}

/* -------------------------------------------------- */
/* sec_premium */
/* -------------------------------------------------- */
.sec_premium{counter-reset:num}
.sec_premium .box{counter-increment:num;}
.sec_premium .box+.box{margin-top:20px}
.sec_premium .box .img{text-align:center}
.sec_premium .box .txt{text-align:center}
.sec_premium .box .sec_ttl{padding-top:30px;margin:0 0 10px}
.sec_premium .box .sec_ttl .num{display:block;position:relative;font-size:18px;line-height:1;margin-bottom:30px;letter-spacing:0}
.sec_premium .box .sec_ttl .num:before{content:"";position:absolute;top:50%;left:50%;width:36px;height:36px;background:linear-gradient(to bottom,#997d1c,#655210);border:solid 1px #c0a945;transform:translate(-50%,-50%) rotate(45deg)}
.sec_premium .box .sec_ttl .num:after{content:counter(num,decimal-leading-zero);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:1;display:inline-block}
.sec_premium .box .sec_ttl+p{margin-bottom:0}
.sec_premium .box .sec_ttl+p+p{margin-top:10px;margin-bottom:0;text-align:left}

/* 空室状況 */
#sec_calendar .title_wrapper{display:flex;align-items:center;justify-content:space-between;margin-bottom:0;border-top:1px solid #474747;padding-top:20px}
#sec_calendar .calendar-table{overflow-x:auto;max-width:720px;flex:1;text-align:center}
#sec_calendar .col-rd{color:#dc4d4f;margin-left:40px;font-size:18px}
#sec_calendar .flex{display:flex;align-items:center}
#sec_calendar .calendar-ttl{font-size:16px;letter-spacing:.04em;margin:0 0 15px;display:block;background:0 0;font-weight:700;padding:0;white-space:nowrap}
#sec_calendar .calendar-btn a{border:1px solid #c2c2c2;padding:10px 8px;margin-left:10px;text-decoration:none;display:flex;align-items:center;justify-content:center;line-height:1;border-radius:5px;transition:.3s ease;background:#fff}
#sec_calendar .calendar-btn a::before{content:"";display:block;width:8px;height:8px;border-right:2px solid #333;border-bottom:2px solid #333;transform:rotate(-45deg);margin-right:4px}
#sec_calendar .calendar-btn a:hover{opacity:.5}
#sec_calendar #calendar{width:100%;margin:auto;text-align:center;border-collapse:collapse;letter-spacing:0}
#sec_calendar #calendar td,#sec_calendar #calendar th{border:1px solid #dedede;white-space:nowrap;text-align:center;padding:4px 5px}
#sec_calendar #calendar th{font-weight:500}
#sec_calendar #calendar tr:first-of-type th{padding:5px 10px;text-align:left;background:rgba(255,255,255,.1)}
#sec_calendar #calendar td{min-width:30px;line-height:1;vertical-align:middle}
#sec_calendar #calendar thead .sun{color:#dc4d4f}
#sec_calendar #calendar thead .sat{color:#7d82bb}
#sec_calendar #calendar a{display:inline-block;border-radius:2px;color:#e1ca61;line-height:1;background:linear-gradient(to bottom,#231f11,#100e08);padding:8px;border:solid 1px #766825}

@media screen and (min-width:751px){
.sec_premium .box{display:flex;align-items:center}
.sec_premium .box:nth-of-type(2n){flex-direction:row-reverse}
.sec_premium .box .img{width:50%}
.sec_premium .box .txt{width:50%;padding-left:20px;box-sizing:border-box!important}
.sec_premium .box:nth-of-type(2n) .txt{padding-right:20px}
}
/* ======================================================================================================================= */
/* for sp */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:750px){
#main-static li.img{background:url(../img/slide_top/bg_qa.jpg) no-repeat center top;background-size:640px 269px}
#premium .sec_ttl{font-size:22px;letter-spacing:0}
.sec_premium .box .txt{margin-top:20px}

/* 空室状況 */
#sec_calendar .title_wrapper{display:block}
#sec_calendar .col-rd{font-size:12px;margin-left:0;margin-top:5%}
#sec_calendar #calendar td,#sec_calendar #calendar th{padding:5px}
#sec_calendar #calendar td{min-width:40px}
}