@charset "utf-8";

.common-submv01 .ttl small{display:inline-block;background:#fff;color:#333;font-size:16px;letter-spacing:.3em;padding:10px 5px;    line-height: 1;}
.common-submv01+section p{text-align:center}

/* -------------------------------------------------- */
/* #common-block01 */
/* -------------------------------------------------- */
#contents{counter-reset:num}
.common-block01{counter-increment:num;position:relative}
.common-block01 .container{align-items:center}
.common-block01 .inner{padding-bottom:40px}
.common-block01 .num{text-align:center;margin-bottom:20px}
.common-block01 .num span{display:inline-block;width:80px;height:80px;background:url(/img/premium/num_bg.svg) center/contain no-repeat;position:relative}
.common-block01 .num span:after{content:counter(num,decimal-leading-zero);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;color:#737373}
.common-block01 .common-ttl01 span{letter-spacing:.2em;font-feature-settings: 'palt';}
.common-block01 .common-ttl01.small span {letter-spacing: 0.05em; }

@media screen and (min-width:623px){
.common-block01{position:relative}
.common-block01:after{content:"";position:absolute;bottom:-5rem;width:50%;height:70%;background:#e8e8e8;z-index:-1}
.common-block01:nth-of-type(2n-1):after{right:0}
.common-block01:nth-of-type(2n):after{left:0}
.common-block01:nth-of-type(2n) .container{flex-direction:row-reverse}
.common-block01:nth-of-type(2n) .back{margin-left:0;margin-right:5%}
}
@media screen and (max-width:1099px) and (min-width:622px){
.common-block01:nth-of-type(2n-1) .container{padding-right:0}
.common-block01:nth-of-type(2n) .container{padding-left:0}
.common-block01 .common-ttl01 span{font-size:2rem}
.common-block01 .common-txt01{font-size:1.6rem;line-height:1.8}
}

/* sec_calendar */
#sec_calendar .title_wrapper{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem;border-top:1px solid #d9d9d9;padding-top:8rem}
#sec_calendar .title_wrapper .common-ttl03{margin-bottom:0}

/* 空室状況 */
#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:0.04em;margin:0 0 15px;display:block;background:transparent;font-weight:bold;padding:0;white-space:nowrap;}
#sec_calendar .calendar-table{flex:1;text-align:center;}
#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;}
#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:0.5;}
#sec_calendar #calendar{width:100%;margin:auto;text-align:center;border-collapse:collapse;letter-spacing:0}
#sec_calendar #calendar th,#sec_calendar #calendar td{border: 1px solid #dedede;white-space: nowrap;}
#sec_calendar #calendar th{background: #ededed;font-weight: 500;}
#sec_calendar #calendar thead .sun{color:#DC4D4F;}
#sec_calendar #calendar thead .sat{color:#7D82BB;}

@media screen and (min-width:1px) and (max-width:1099px){
  /* 空室状況 */
  #sec_calendar .title_wrapper .common-ttl03 {margin-bottom: 1rem;}
  #sec_calendar .title_wrapper {display: block;}

	#sec_calendar .col-rd {font-size:14px;margin-left:0;margin-top:5%;}
	#sec_calendar .calendar-table{overflow-x:auto;}
	#sec_calendar #calendar th, #sec_calendar #calendar td{padding:5px;}
}

/* ======================================================================================================================= */
/* for tablet */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:1099px){
#block-lead .img > li + li{margin-left:40px;}
}

/* ======================================================================================================================= */
/* for sp */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:622px){
.common-block01 .common-ttl01 span{letter-spacing:0}
.common-block01 .common-ttl01.small span {font-size: 2rem;}
.common-block01 .num{margin-bottom:5px}
.common-block01 .inner{padding-bottom:0;text-align:center}
.common-block01 .back{max-width:inherit;width:calc(100% + 70px);margin-left:-35px}

}