@charset "utf-8";

/* -------------------------------------------------- */
/* PC*/
/* -------------------------------------------------- */
/* ご利用シーンから探す */
/* ----------------------------------- */
#sceneWrap {
	padding-bottom: 100px;
}

#sceneIntro {
	padding-bottom: 30px;
	font-size: 1.8rem;
	text-align: center;
}

#sceneList {
	display: flex;
	flex-wrap: wrap;
	gap: 30px 2%;
}

.sceneBtn {
	width: 23.5%;
	border: 2px solid #d2d2d2;
	border-radius: 10px;
	overflow: hidden;
}

.sceneBtn a {
	width: 100%;
	height: 100%;
	padding: 10% 20%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease-in-out 0s;
}

.sceneBtn a:hover {
	opacity: 0.7
}

.sceneImg {
	width: 100%;
	height: 140px;
	margin-bottom: 20px;
}

.sceneImg img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.sceneTit {
	margin-bottom: 10px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #007b43;
	display: block;
	text-align: center;
	line-height: 1.2;
}

.sceneDetail {
	display: block;
	font-size: 1.2rem;
	color: #7d7d7d;
	text-align: center;
	line-height: 1.1;
}

/* 商品ジャンルから探す */
/* ----------------------------------- */
/* 一覧 */
#genreWrap {
	padding-bottom: 100px;
}

#genreList {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 20px 2%;
}

#genreIntro {
	padding-bottom: 30px;
	font-size: 1.8rem;
	text-align: center;
}

.genreBtn {
	width: 23.5%;
	overflow: hidden;
}

.genreBtn a {
	width: 100%;
	height: 100%;
	padding: 0 15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background: #FFF;
	transition: all 0.3s ease-in-out 0s;
	border: 2px solid #d2d2d2;
	border-radius: 10px;
}

.genreBtn a:hover {
	background: #007b43;
	border: 2px solid #007b43;
}

.genreTit {
	width: 100%;
	height: 60px;
	font-size: 2rem;
	font-weight: bold;
	color: #007b43;
	border-bottom: 2px dotted #007b43;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 10px;
	line-height: 1;
}

.genreBtn a:hover .genreTit {
	color: #FFF;
	border-bottom: 2px dotted #FFF;
}

.genreTit::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
}

.genreTit.set::before {
	width: 28px;
	height: 24px;
	background: url(../../img/common/icon_set.svg) 0 0 no-repeat;
	background-size: contain;
}

.genreBtn a:hover .genreTit.set::before {
	width: 28px;
	height: 24px;
	background: url(../../img/common/icon_set_hover.svg) 0 0 no-repeat;
	background-size: contain;
}

.genreTit.light::before {
	width: 23px;
	height: 23px;
	background: url(../../img/common/icon_light.svg) 0 0 no-repeat;
	background-size: contain;
}

.genreBtn a:hover .genreTit.light::before {
	width: 23px;
	height: 23px;
	background: url(../../img/common/icon_light_hover.svg) 0 0 no-repeat;
	background-size: contain;
}

.genreTit.out::before {
	width: 23px;
	height: 18px;
	background: url(../../img/common/icon_out.svg) 0 0 no-repeat;
	background-size: contain;
}

.genreBtn a:hover .genreTit.out::before {
	width: 23px;
	height: 18px;
	background: url(../../img/common/icon_out_hover.svg) 0 0 no-repeat;
	background-size: contain;
}

.genreTit.office::before {
	width: 43px;
	height: 20px;
	background: url(../../img/common/icon_office.svg) 0 0 no-repeat;
	background-size: contain;
}

.genreBtn a:hover .genreTit.office::before {
	width: 43px;
	height: 20px;
	background: url(../../img/common/icon_office_hover.svg) 0 0 no-repeat;
	background-size: contain;
}

.genreTit.exhibition::before {
	width: 24px;
	height: 34px;
	background: url(../../img/common/icon_exhibition.svg) 0 0 no-repeat;
	background-size: contain;
}

.genreBtn a:hover .genreTit.exhibition::before {
	width: 24px;
	height: 34px;
	background: url(../../img/common/icon_exhibition_hover.svg) 0 0 no-repeat;
	background-size: contain;
}

.genreTit.ceremony::before {
	width: 26px;
	height: 23px;
	background: url(../../img/common/icon_ceremony.svg) 0 0 no-repeat;
	background-size: contain;
}

.genreBtn a:hover .genreTit.ceremony::before {
	width: 26px;
	height: 23px;
	background: url(../../img/common/icon_ceremony_hover.svg) 0 0 no-repeat;
	background-size: contain;
}

.genreTit.cooking::before {
	width: 25px;
	height: 24px;
	background: url(../../img/common/icon_cooking.svg) 0 0 no-repeat;
	background-size: contain;
}

.genreBtn a:hover .genreTit.cooking::before {
	width: 25px;
	height: 24px;
	background: url(../../img/common/icon_cooking_hover.svg) 0 0 no-repeat;
	background-size: contain;
}

.genreTit.party::before {
	width: 30px;
	height: 28px;
	background: url(../../img/common/icon_party.svg) 0 0 no-repeat;
	background-size: contain;
}

.genreBtn a:hover .genreTit.party::before {
	width: 30px;
	height: 28px;
	background: url(../../img/common/icon_party_hover.svg) 0 0 no-repeat;
	background-size: contain;
}

.genreTit.audio::before {
	width: 17px;
	height: 24px;
	background: url(../../img/common/icon_audio.svg) 0 0 no-repeat;
	background-size: contain;
}

.genreBtn a:hover .genreTit.audio::before {
	width: 17px;
	height: 24px;
	background: url(../../img/common/icon_audio_hover.svg) 0 0 no-repeat;
	background-size: contain;
}

.genreTit.electric::before {
	width: 29px;
	height: 19px;
	background: url(../../img/common/icon_electric.svg) 0 0 no-repeat;
	background-size: contain;
}

.genreBtn a:hover .genreTit.electric::before {
	width: 29px;
	height: 19px;
	background: url(../../img/common/icon_electric_hover.svg) 0 0 no-repeat;
	background-size: contain;
}

.genreTit.sports::before {
	width: 26px;
	height: 29px;
	background: url(../../img/common/icon_sports.svg) 0 0 no-repeat;
	background-size: contain;
}

.genreBtn a:hover .genreTit.sports::before {
	width: 26px;
	height: 29px;
	background: url(../../img/common/icon_sports_hover.svg) 0 0 no-repeat;
	background-size: contain;
}

.genreTit.other::before {
	width: 20px;
	height: 25px;
	background: url(../../img/common/icon_other.svg) 0 0 no-repeat;
	background-size: contain;
}

.genreBtn a:hover .genreTit.other::before {
	width: 20px;
	height: 25px;
	background: url(../../img/common/icon_other_hover.svg) 0 0 no-repeat;
	background-size: contain;
}

.genreDetail {
	width: 100%;
	height: 60px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	color: #7d7d7d;
	font-size: 1.3rem;
}

.genreBtn a:hover .genreDetail {
	color: #fff;
}



/* ジャンル紹介 */
#itemsIntro {
	padding-bottom: 80px;
}

#itemsIntroImg {
	padding-bottom: 30px;
}

#itemsIntroImg img {
	max-width: 100%;
	height: auto;
}

.itemsIntroImgAnno {
	text-align: right;
	color: #a1a1a1;
	font-size: 1.6rem;
}

#itemsIntroTit {
	padding-bottom: 5px;
	font-size: 2.8rem;
	font-weight: bold;
	color: #007b43;
}

#itemsIntroTXt {
	font-size: 1.8rem;
}

/* 人気の商品 */
#popularItems {
	padding-bottom: 80px;
}

#popularItemWrap {
	display: flex;
	flex-wrap: wrap;
	gap: 40px 3%;
}

.popularItem {
	width: 48.5%;
}

.popularItemImg {
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
}

.popularItemImg img {
	width: 100%;
	height: auto;
}

.popularItemName {
	font-size: 1.8rem;
}

.popularItemNum {
	font-size: 1.6rem;
}

/* 稲尾レントオールが選ばれる理由 */
#reasonWrap {
	padding-bottom: 80px;
}

.reason {
	padding: 30px;
	border: 1px solid #007b43;
	border-radius: 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 2%;
}

.reason:not(:last-child) {
	margin-bottom: 40px;
}

.reasonTxt {
	width: 50%;
	font-size: 1.6rem;
}

.reasonTit {
	padding-bottom: 20px;
	font-size: 2.6rem;
	font-weight: bold;
	display: flex;
	align-items: flex-end;
	gap: 20px;
}

.reasonTit::before {
	content: attr(data-num);
	font-size: 8rem;
	display: inline-block;
	vertical-align: middle;
	color: #007b43;
	line-height: 0.9;
	font-family: "Outfit", sans-serif;
}

.reasonImg {
	flex: 1;
}

.reasonImg img {
	width: 100%;
	height: auto;
}

#underLinkWrap {
	padding-bottom: 100px;
}

/* 詳細ページ */
/* ----------------------------------- */
#singleItem {
	padding-bottom: 60px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

#singleItemSlider {
	width: 540px;
	overflow: hidden;
}

.swiperMain{
	padding-bottom: 10px;
}

.swiperMain .swiper-slide {
	height: 540px;
	overflow: hidden;
	border-radius: 10px;
}

.swiperMain .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.swiperMain .swiper-slide img[orientation="portrait"] {
  object-fit: contain;
  background-color: #FFF; /* 黒背景など余白を目立たせない */
}

.swiperThumbnail .swiper-slide {
	width: 110px;
	height: 80px;
	border-radius: 5px;
	overflow: hidden;
	cursor: pointer;
	background: #000;
}

.swiperThumbnail .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s ease-in-out 0s;
}

.swiper-slide-thumb-active img {
	opacity: 0.5;
}

#singleItemInfo {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}

#singleItemName {
	order: 2;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 2.4rem;
	font-weight: bold;
	color: #007b43;
	border-bottom: 1px solid #d2d2d2;
}

#singleItemNum {
	order: 1;
	color: #a3a3a3;
}

#singleItemCat {
	order: 3;
	padding-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

#singleItemCat a {
	color: #007b43;
	transition: all 0.3s ease-in-out 0s;
}

#singleItemCat a:hover {
	opacity: 0.7;
}

#singleItemDesc {
	order: 4;
	padding-bottom: 1em;
	font-size: 1.6rem;
}

#singleItemSpecWrap {
	order: 5;
	padding: 15px;
	background: #f4f4f4;
	border-radius: 10px;
	font-size: 1.5rem;
}

#singleItemSpecTit {
	font-weight: bold;
}

#itemCta {
	padding: 40px;
	background: #007b43;
	border-radius: 20px;
}

#itemCtaInfo {
	padding-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}

#itemCtaInfo .priceTit {
	color: #FFF;
}

#itemCtaInfo .price {
	font-size: 2.4rem;
	color: #ffff00;
}

#itemCtaInfo .large {
	font-size: 5.6rem;
	line-height: 1;
	font-weight: 500;
}

#itemCtaInfo .rentalType {
	padding-bottom: 5px;
	color: #FFF;
	display: flex;
	align-items: center;
	gap: 5px;
}

#itemCtaInfo .rentalType span {
	width: 24px;
	height: 24px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background: #FFF;
	color: #007b43;
	font-weight: bold;
	border-radius: 100vw;

}

#itemCtaInfo .quantity label {
	color: #FFF;

}

#itemCtaInfo .itemListColor label {
	padding-bottom: 10px;
	color: #000;
	font-size: 1.4rem;
	font-size: 1.4rem;
	color: #FFF;
}

#itemCtaInfo .itemListColorSelect {
	padding: 6px 20px;
	font-size: 1.6rem;
	min-width: 250px;
}

#itemCtaBtn {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex-direction: column;
	gap: 10px;
}

#itemCtaBtn .btn1 {
	max-width: 300px;
}

#itemCtaBtn .anno {
	text-align: center;
	font-size: 1.2rem;
	font-weight: 500;
	color: #FFF;
}

#itemCtaRentalPeriod {
	padding-bottom: 60px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

#itemCtaRentalPeriod a {
	color: #007b43;
}

#singleItemLinks {
	padding: 60px 0;
	margin-bottom: 100px;
	background: #f2f2ea;
}

.linksWrap {
	padding-bottom: 40px;
	font-weight: normal;
}

.linksTit {
	padding-bottom: 10px!important;
	font-size: 2rem!important;
	color: #014928;
	font-weight: bold!important;
	line-height: 1;
}

.linksWrap ul {
	display: flex;
	flex-wrap: wrap;
	gap: 2%;
}

.linksWrap ul li {
	width: 15%;
}

.linksImg {
	width: 100%;
	height: 130px;
	overflow: hidden;
	border-radius: 5px;
	background: #FFF;
}

.linksImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.linksName {
	font-size: 1.3rem;
}

.linksWrap.recently {
	padding: 30px;
	background: #f9f9f5;
	border-radius: 10px;
}

.yarpp-related a {
	font-weight: normal!important;
}

.swiper-button-next, .swiper-button-prev {
	cursor: pointer;
	color: #007b43;
}




/* -------------------------------------------------- */
/* TAB&SP */
/* -------------------------------------------------- */
@media screen and (max-width: 1024px) {
	/* ご利用シーンから探す */
	/* ----------------------------------- */
	.sceneBtn {
		width: 49%;
	}

	#sceneList {
		gap: 20px 2%;
	}

	/* 商品ジャンルから探す */
	/* ----------------------------------- */
	.genreBtn {
		width: 49%;
		overflow: hidden;
	}

	/* 商品詳細 */
	/* ----------------------------------- */
	#singleItem {
		padding-bottom: 60px;
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
		flex-direction: column;
	}

	#singleItemSlider {
		width: 100%;
		overflow: hidden;
	}

	/* #singleItemSlider img {
		width: 100%;
		height: auto;
	} */

	.linksImg {
		width: 100%;
		height: 90px;
		overflow: hidden;
		border-radius: 5px;
		background: #FFF;
	}
}


/* -------------------------------------------------- */
/* TAB(調整) */
/* -------------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1024px) {

}
/* -------------------------------------------------- */
/* SP(調整) */
/* -------------------------------------------------- */
@media screen and (max-width: 767px) {
	/* ご利用シーンから探す */
	/* ----------------------------------- */
	#sceneWrap {
		padding-bottom: 80px;
	}

	#sceneIntro {
		padding-bottom: 30px;
		font-size: 1.6rem;
		text-align: left;
	}

	.sceneBtn {
		width: 100%;
	}

	.sceneBtn a {
		padding: 10%;
	}

	.sceneImg {
		width: 100%;
		height: 200px;
		margin-bottom: 20px;
	}

	/* 商品ジャンルから探す */
	/* ----------------------------------- */
	#genreWrap {
		padding-bottom: 80px;
	}

	#genreIntro {
		padding-bottom: 30px;
		font-size: 1.6rem;
		text-align: left;
	}

	.genreBtn {
		width: 100%;
		overflow: hidden;
	}

	/* 商品詳細 */
	/* ----------------------------------- */
	.swiperThumbnail .swiper-slide {
		height: 45px;
	}

	#itemCta {
		padding: 30px;
		border-radius: 10px;
	}

	#itemCtaInfo .large {
		font-size: 4rem;
		line-height: 1;
		font-weight: 500;
		padding-right: 4px;
	}

	#itemCtaInfo .price {
		font-size: 1.8rem;
		color: #ffff00;
	}

	.quantityWrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		gap: 30px;
	}

	#itemCtaInfo {
		padding-bottom: 20px;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 10px;
		flex-direction: column;
		align-items: center;
	}

	#itemCtaInfo .itemListColor label {
		padding-bottom: 0px;
	}

	#singleItemLinks {
		padding: 60px 0;
		margin-bottom: 80px;
		background: #f2f2ea;
	}

	.linksWrap ul {
		display: flex;
		flex-wrap: wrap;
		gap: 10px 2%;
	}

	.linksWrap ul li {
		width: 32%;
	}

	.linksTit {
		font-size: 1.6rem!important;
	}

	.linksWrap.recently {
		padding: 20px 4%;
	}


	.swiperMain .swiper-slide {
		height: 345px;
	}

	.swiperThumbnail .swiper-slide {
		width: auto;
		height: 80px;
		border-radius: 5px;
		overflow: hidden;
		cursor: pointer;
		background: #000;
	}

	/* ジャンル紹介 */
	/* ----------------------------------- */
	#itemsIntro {
		padding-bottom: 50px;
	}

	#itemsIntroTit {
		padding-bottom: 5px;
		font-size: 2rem;
	}

	#itemsIntroTXt {
		font-size: 1.6rem;
	}

	#popularItems {
		padding-bottom: 50px;
	}

	#popularItemWrap {
		gap: 20px 3%;
	}

	.popularItemNum {
		font-size: 1rem;
	}

	.popularItemName {
		font-size: 1.2rem;
	}

	#itemsWrap {
		padding-bottom: 50px;
	}

	.reason {
		padding: 30px 4%;
		border: 1px solid #007b43;
		border-radius: 10px;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		gap: 20px 2%;
		flex-direction: column;
	}

	.reasonTxt {
		width: 100%;
		font-size: 1.6rem;
		order: 2;
	}

	.reasonImg {
		flex: auto;
		width: 100%;
		order: 1;
	}

	.reasonTit::before {
		font-size: 5rem;
	}

	.reasonTit {
		padding-bottom: 10px;
		font-size: 2rem;
		font-weight: bold;
		display: flex;
		align-items: flex-end;
		gap: 10px;
		line-height: 1.2;
	}

	#reasonWrap {
		padding-bottom: 50px;
	}


}