@charset "utf-8";
/* CSS Document */


/*==============================*/
/* rental */
/*==============================*/
div.rental{
	display: flex; display: -webkit-flex;
	flex-wrap: wrap; -webkit-flex-wrap: wrap;
	gap: 32px 44px;
	margin: 0 auto;
}
div.rental dl{
	display: flex; display: -webkit-flex;
	flex-direction: column; -webkit-flex-direction: column;
	width: calc( calc( 100% - calc( 44px * 4 ) ) / 5 );
}
	/* ======= TB:個別設定 =======*/
    @media screen and (min-width: 1025px) and (max-width: 1200px) {
		div.rental{ gap: 32px 40px;}
		div.rental dl{ width: calc( calc( 100% - calc( 40px * 3 ) ) / 4 );}
	}
	/* ======= TB =======*/
    @media screen and (min-width: 768px) and (max-width: 1024px) {
		div.rental{ gap: 32px 40px;}
		div.rental dl{ width: calc( calc( 100% - calc( 40px * 2 ) ) / 3 );}
    }
    /* ======= SP =======*/
    @media (max-width: 767px){
		div.rental{ gap: 24px 16px;}
		div.rental dl{ width: calc( calc( 100% - calc( 16px * 1 ) ) / 2 );}
    }


/*-- 
------------------------- */
div.rental dl dt{
	order: 2;
	font-size: 17px;
	font-weight: 500;
	font-family: "Noto Sans Japanese";
	letter-spacing: -0.04em;
	line-height: 1.3em;
}
div.rental dl dt small{
	display: block;
	color: #C9A063;
	font-size: 13px;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
	letter-spacing: -0.02em;
	line-height: 1.414em;
}
 	/* ======= TB =======*/
    @media screen and (min-width: 768px) and (max-width: 1024px) {
    }
    /* ======= SP =======*/
    @media (max-width: 767px){
		div.rental dl dt{ font-size: 15px;}
		div.rental dl dt small{ font-size: 13px;}
    }

/*-- 価格
------------------------- */
div.rental dl dd.rentalPrice{
	order: 3;
	text-align: right;
	font-size: 24px;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
	letter-spacing: -0.03em;
	line-height: 1.3em;
}
div.rental dl dd.rentalPrice small{
	font-size: 16px;
	font-weight: 500;
	font-family: "Noto Sans Japanese";
}
 	/* ======= TB =======*/
    @media screen and (min-width: 768px) and (max-width: 1024px) {
    }
    /* ======= SP =======*/
    @media (max-width: 767px){
		div.rental dl dd.rentalPrice{ font-size: 20px;}
		div.rental dl dd.rentalPrice small{ font-size: 14px;}
    }

/*-- 画像
------------------------- */
div.rental dl dd.rentalTmb{
	order: 1;
	margin-bottom: 8px;
}
div.rental dl dd.rentalTmb img{
	border-radius: 5px;
}




    /* ======= TB =======*/
    @media screen and (min-width: 768px) and (max-width: 1024px) {
    }
    /* ======= SP =======*/
    @media (max-width: 767px){
    }

/*-- 
------------------------- */



/*==============================*/
/* Slider */
/*==============================*/

    /* ======= TB =======*/
    @media screen and (min-width: 768px) and (max-width: 1024px) {
    }
    /* ======= SP =======*/
    @media (max-width: 767px){
    }

/*-- 
------------------------- */