@charset "utf-8";

/* -------------------------------------------------- */
/* #block-calendar */
/* -------------------------------------------------- */
#block-calendar .cal-wrap > div{margin-top:60px;}
#block-calendar .calendar{max-width:960px;margin:auto;width:100%;text-align:center;border:1px solid #A3A7A9}
#block-calendar .calendar caption{font-size:2.4rem;margin-bottom:35px;line-height:1.5;}
#block-calendar .calendar th,
#block-calendar .calendar td{border:1px solid #A3A7A9;padding:14px;}
#block-calendar .calendar thead th{font-size:1.8rem;font-weight:bold;background:#F0F0F0;}
#block-calendar .calendar tbody td{font-weight:bold;}
#block-calendar .calendar tbody td a{color:var(--color);display:block;}
#block-calendar .calendar tbody .td-doliday,
#block-calendar .calendar tbody .td-end{background:#DBDEE0;}

@media screen and (max-width:999px){

}
@media screen and (max-width:767px){
	#block-calendar .cal-wrap > div{margin-top:30px;}
	#block-calendar .calendar caption{font-size:1.8rem;margin-bottom:12px;}
	#block-calendar .calendar thead th{font-size:1.4rem;}
	#block-calendar .calendar th,
	#block-calendar .calendar td{padding:8px 5px;font-size:1.3rem;line-height:1.5;}
	#block-calendar .common-btnwrap .common-btn01{width:280px;}
}

/* -------------------------------------------------- */
/* #block-other */
/* -------------------------------------------------- */
#block-other .list-other{display:flex;flex-wrap:wrap;gap:40px 20px;}
#block-other .list-other > li{width:calc((100% - 60px) / 4);}
#block-other .list-other > li .txt{margin-top:20px;text-align:center;font-weight:bold;line-height:1.5;}
#block-other .list-other > li .img{position:relative;width:100%;height:0;padding-bottom:70%;overflow:hidden;}
#block-other .list-other > li .img img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;transition:.25s;}
#block-other .list-other > li a{opacity:1;}
#block-other .list-other > li a:hover .img img{transform:scale(1.05);}
#block-other .list-other.suite > li.suite{display:none;}
#block-other .list-other.deluxe > li.deluxe{display:none;}
#block-other .list-other.superior > li.superior{display:none;}
#block-other .list-other.modern > li.modern{display:none;}
#block-other .list-other.twin > li.twin{display:none;}
#block-other .list-other.japanese > li.japanese{display:none;}
#block-other .list-other.connecting > li.connecting{display:none;}
#block-other .list-other.compact > li.compact{display:none;}

@media screen and (max-width:999px){
	#block-other .list-other > li .txt{margin-top:15px;}
}
@media screen and (max-width:767px){
	#block-other .list-other{gap:20px 10px;}
	#block-other .list-other > li{width:calc((100% - 10px) / 2);}
	#block-other .list-other > li .txt{font-size:1.3rem;margin-top:10px;}
}