@charset "UTF-8";
/* index_pc. Document */

/* =================================================
フルーツ狩りツアーを果物の種類から探す
================================================= */
/* いちご */
.Sec__strawberry {
	background-color: #ffeaec;
}

.Sec__strawberry .Heading__h4:before {
	top: -7rem;
	background-image: url(/attending/bus/fruit/images/il_strawberry.svg);
	width: 6.2rem;
	height: 5.8rem;
}

.Sec__strawberry .Recommended--area {
	color: var(--color-strawberry);
}

.Sec__strawberry .Recommended--area::before {
	background-color: var(--color-strawberry);
}

.Sec__strawberry .Common__button--tour {
	background-color: var(--color-strawberry);
}

.Sec__strawberry .Common__button--tour .circle {
	transform: translateY(-50%) rotate(90deg);
}

.Sec__strawberry .arrow01,
.Sec__strawberry .arrow02 {
	stroke: var(--color-strawberry);
}

.Sec__strawberry .Cts__calendar {
	background-image: linear-gradient(0deg, transparent calc(100% - 2px), rgba(255, 255, 255, 0.2) calc(100% - 2px)), linear-gradient(90deg, transparent calc(100% - 2px), rgba(255, 255, 255, 0.2) calc(100% - 2px));
	background-color: #fad8db;
}

.Sec__strawberry .Calendar--variety {
	color: var(--color-strawberry);
}

.Sec__strawberry .Calendar--variety::before {
	background-color: var(--color-strawberry);
}

.Sec__strawberry .Group__calendar--date {
	background-color: var(--color-strawberry);
}

.Sec__strawberry .Calendar__season {
	color: var(--color-strawberry);
}

.Sec__strawberry .Tour__button--link {
	background-color: var(--color-strawberry);
}

.Sec__strawberry .Common__button--more {
	background-color: var(--color-strawberry);
}

/* 桃 */
.Sec__peach {
	background-color: #ffece6;
}

.Sec__peach .Heading__h4:before {
	top: -7rem;
	background-image: url(/attending/bus/fruit/images/il_peach.svg);
	width: 9.29rem;
	height: 5.5rem;
}

.Sec__peach .Recommended--area {
	color: var(--color-peach);
}

.Sec__peach .Recommended--area::before {
	background-color: var(--color-peach);
}

.Sec__peach .Common__button--tour {
	background-color: var(--color-peach);
}

.Sec__peach .Common__button--tour .circle {
	transform: translateY(-50%) rotate(90deg);
}

.Sec__peach .arrow01,
.Sec__peach .arrow02 {
	stroke: var(--color-peach);
}

.Sec__peach .Cts__calendar {
	background-image: linear-gradient(0deg, transparent calc(100% - 2px), rgba(255, 255, 255, 0.2) calc(100% - 2px)), linear-gradient(90deg, transparent calc(100% - 2px), rgba(255, 255, 255, 0.2) calc(100% - 2px));
	background-color: #f8d4c9;
}

.Sec__peach .Calendar--variety {
	color: var(--color-peach);
}

.Sec__peach .Calendar--variety::before {
	background-color: var(--color-peach);
}

.Sec__peach .Group__calendar--date {
	background-color: var(--color-peach);
}

.Sec__peach .Calendar__season {
	color: var(--color-peach);
}

.Sec__peach .Tour__button--link {
	background-color: var(--color-peach);
}

.Sec__peach .Common__button--more {
	background-color: var(--color-peach);
}

/* ぶどう */
.Sec__grape {
	background-color: #ededfd;
}

.Sec__grape .Heading__h4:before {
	top: -7rem;
	background-image: url(/attending/bus/fruit/images/il_grape.svg);
	width: 7.8rem;
	height: 6.2rem;
}

.Sec__grape .Recommended--area {
	color: var(--color-grape);
}

.Sec__grape .Recommended--area::before {
	background-color: var(--color-grape);
}

.Sec__grape .Common__button--tour {
	background-color: var(--color-grape);
}

.Sec__grape .Common__button--tour .circle {
	transform: translateY(-50%) rotate(90deg);
}

.Sec__grape .arrow01,
.Sec__grape .arrow02 {
	stroke: var(--color-grape);
}

.Sec__grape .Cts__calendar {
	background-image: linear-gradient(0deg, transparent calc(100% - 2px), rgba(255, 255, 255, 0.2) calc(100% - 2px)), linear-gradient(90deg, transparent calc(100% - 2px), rgba(255, 255, 255, 0.2) calc(100% - 2px));
	background-color: #d8d8f2;
}

.Sec__grape .Calendar--variety {
	color: var(--color-grape);
}

.Sec__grape .Calendar--variety::before {
	background-color: var(--color-grape);
}

.Sec__grape .Group__calendar--date {
	background-color: var(--color-grape);
}

.Sec__grape .Calendar__season {
	color: var(--color-grape);
}

.Sec__grape .Tour__button--link {
	background-color: var(--color-grape);
}

.Sec__grape .Common__button--more {
	background-color: var(--color-grape);
}

/* シャインマスカット */
.Sec__muscat {
	background-color: #f7fce8;
}

.Sec__muscat .Heading__h4:before {
	top: -7rem;
	background-image: url(/attending/bus/fruit/images/il_muscat.svg);
	width: 7.8rem;
	height: 6.6rem;
}

.Sec__muscat .Recommended--area {
	color: var(--color-muscat);
}

.Sec__muscat .Recommended--area::before {
	background-color: var(--color-muscat);
}

.Sec__muscat .Common__button--tour {
	background-color: var(--color-muscat);
}

.Sec__muscat .Common__button--tour .circle {
	transform: translateY(-50%) rotate(90deg);
}

.Sec__muscat .arrow01,
.Sec__muscat .arrow02 {
	stroke: var(--color-muscat);
}

.Sec__muscat .Cts__calendar {
	background-image: linear-gradient(0deg, transparent calc(100% - 2px), rgba(255, 255, 255, 0.2) calc(100% - 2px)), linear-gradient(90deg, transparent calc(100% - 2px), rgba(255, 255, 255, 0.2) calc(100% - 2px));
	background-color: #d0dea4;
}

.Sec__muscat .Calendar--variety {
	color: var(--color-muscat);
}

.Sec__muscat .Calendar--variety::before {
	background-color: var(--color-muscat);
}

.Sec__muscat .Group__calendar--date {
	background-color: var(--color-muscat);
}

.Sec__muscat .Calendar__season {
	color: var(--color-muscat);
}

.Sec__muscat .Tour__button--link {
	background-color: var(--color-muscat);
}

.Sec__muscat .Common__button--more {
	background-color: var(--color-muscat);
}

/* さくらんぼ */
.Sec__cherry {
	background-color: #ffeaec;
}

.Sec__cherry .Heading__h4:before {
	top: -7rem;
	background-image: url(/attending/bus/fruit/images/il_cherry.svg);
	width: 7.6rem;
	height: 5.8rem;
}

.Sec__cherry .Recommended--area {
	color: var(--color-cherry);
}

.Sec__cherry .Recommended--area::before {
	background-color: var(--color-cherry);
}

.Sec__cherry .Common__button--tour {
	background-color: var(--color-cherry);
}

.Sec__cherry .Common__button--tour .circle {
	transform: translateY(-50%) rotate(90deg);
}

.Sec__cherry .arrow01,
.Sec__cherry .arrow02 {
	stroke: var(--color-cherry);
}

.Sec__cherry .Cts__calendar {
	background-image: linear-gradient(0deg, transparent calc(100% - 2px), rgba(255, 255, 255, 0.2) calc(100% - 2px)), linear-gradient(90deg, transparent calc(100% - 2px), rgba(255, 255, 255, 0.2) calc(100% - 2px));
	background-color: #fad8db;
}

.Sec__cherry .Calendar--variety {
	color: var(--color-cherry);
}

.Sec__cherry .Calendar--variety::before {
	background-color: var(--color-cherry);
}

.Sec__cherry .Group__calendar--date {
	background-color: var(--color-cherry);
}

.Sec__cherry .Calendar__season {
	color: var(--color-cherry);
}

.Sec__cherry .Tour__button--link {
	background-color: var(--color-cherry);
}

.Sec__cherry .Common__button--more {
	background-color: var(--color-cherry);
}

/* メロン */
.Sec__melon {
	background-color: #f5f5dc;
}

.Sec__melon .Heading__h4:before {
	top: -7rem;
	background-image: url(/attending/bus/fruit/images/il_melon.svg);
	width: 8.3rem;
	height: 6.4rem;
}

.Sec__melon .Recommended--area {
	color: var(--color-melon);
}

.Sec__melon .Recommended--area::before {
	background-color: var(--color-melon);
}

.Sec__melon .Common__button--tour {
	background-color: var(--color-melon);
}

.Sec__melon .Common__button--tour .circle {
	transform: translateY(-50%) rotate(90deg);
}

.Sec__melon .arrow01,
.Sec__melon .arrow02 {
	stroke: var(--color-melon);
}

.Sec__melon .Cts__calendar {
	background-image: linear-gradient(0deg, transparent calc(100% - 2px), rgba(255, 255, 255, 0.2) calc(100% - 2px)), linear-gradient(90deg, transparent calc(100% - 2px), rgba(255, 255, 255, 0.2) calc(100% - 2px));
	background-color: #e8e8b6;
}

.Sec__melon .Calendar--variety {
	color: var(--color-melon);
}

.Sec__melon .Calendar--variety::before {
	background-color: var(--color-melon);
}

.Sec__melon .Group__calendar--date {
	background-color: var(--color-melon);
}

.Sec__melon .Calendar__season {
	color: var(--color-melon);
}

.Sec__melon .Tour__button--link {
	background-color: var(--color-melon);
}

.Sec__melon .Common__button--more {
	background-color: var(--color-melon);
}

/* みかん */
.Sec__orange {
	background-color: #fcf1df;
}

.Sec__orange .Heading__h4:before {
	top: -6rem;
	background-image: url(/attending/bus/fruit/images/il_orange.svg);
	width: 7.4rem;
	height: 4.7rem;
}

.Sec__orange.Sec__apple .Heading__h4:before {
	top: -6rem;
	background-image: url(/attending/bus/fruit/images/il_apple.svg);
	width: 6.9rem;
	height: 5.4rem;
}
.Sec__orange.Sec__pear .Heading__h4:before {
	top: -6rem;
	background-image: url(/attending/bus/fruit/images/il_pear.svg);
	width: 6.9rem;
	height: 5.4rem;
}
.Sec__orange.Sec__others .Heading__h4:before {
	top: -6rem;
	background-image: url(/attending/bus/fruit/images/il_others.svg);
	width: 10.5rem;
	height: 6.2rem;
}

.Sec__orange .Recommended--area {
	color: var(--color-orange);
}

.Sec__orange .Recommended--area::before {
	background-color: var(--color-orange);
}

.Sec__orange .Common__button--tour {
	background-color: var(--color-orange);
}

.Sec__orange .Common__button--tour .circle {
	transform: translateY(-50%) rotate(90deg);
}

.Sec__orange .arrow01,
.Sec__orange .arrow02 {
	stroke: var(--color-orange);
}

.Sec__orange .Cts__calendar {
	background-image: linear-gradient(0deg, transparent calc(100% - 2px), rgba(255, 255, 255, 0.2) calc(100% - 2px)), linear-gradient(90deg, transparent calc(100% - 2px), rgba(255, 255, 255, 0.2) calc(100% - 2px));
	background-color: #fad8db;
}

.Sec__orange .Calendar--variety {
	color: var(--color-orange);
}

.Sec__orange .Calendar--variety::before {
	background-color: var(--color-orange);
}

.Sec__orange .Group__calendar--date {
	background-color: var(--color-orange);
}

.Sec__orange .Calendar__season {
	color: var(--color-orange);
}

.Sec__orange .Tour__button--link {
	background-color: var(--color-orange);
}

.Sec__orange .Common__button--more {
	background-color: var(--color-orange);
}

/* =================================================
フルーツ（果物）狩りにおすすめのエリア
================================================= */
.Sec__area .Common21__inner {
	padding: 5rem 0;
    position: relative;
}
.Sec__area .Common21__inner::after {
	content: "";
	position: absolute;
	top: -9rem;
	left: 10rem;
	background-image: url(/attending/bus/fruit/common/images/il_cts04.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 4.6rem;
	height: 13.4rem;
	z-index: 1;
}
.Sec__area .Common21__inner .Area__items {
	display: flex;
	justify-content: flex-start;
	column-gap: 4rem;
}

.Sec__area .Common21__inner .Area__items .Area__item {
	width: 100%;
}

.Sec__area .Common21__inner .Area__items .Area__item figure {
	border-radius: 1rem;
	overflow: hidden;
}

.Sec__area .Common21__inner .Area__items .Area__item h3 {
	position: relative;
	font-size: 2rem;
	font-weight: var(--bold);
	color: var(--color-fruits);
	text-align: center;
	padding: 1rem 0;
}

.Sec__area .Common21__inner .Area__items .Area__item h3::before {
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 1rem);
	transform: translateY(-50%);
	left: 2rem;
	background-image: url(/attending/bus/fruit/common/images/deco_area.svg);
	background-repeat: no-repeat;
	width: 4.7rem;
	height: 5.9rem;
}

.Sec__area .Common21__inner .Area__items .Area__item .Caption {
	font-size: 1.4rem;
}

.Sec__area .Common21__inner .Area__items .Area__item .Area__button--tour {
	position: relative;
	margin: 2rem 1rem 0;
}

.Sec__area .Common21__inner .Area__items .Area__item .Area__button--tour .Area__button--link {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--color-fruits);
	border-radius: 0.6rem;
	font-weight: var(--bold);
	color: #fff;
	padding: 1rem 0;
    transition: opacity 0.5s;
}
.Sec__area .Common21__inner .Area__items .Area__item .Area__button--tour .Area__button--link:hover {
    opacity: 0.5;
}

.Sec__area .Common21__inner .Area__items .Area__item .Area__button--tour .Area__button--link .circle {
	transform: translateY(-50%);
	right: 1rem;
}

.Sec__area .Common21__inner .Area__items .Area__item .Area__button--tour .Area__button--link .circle .arrow01,
.Sec__area .Common21__inner .Area__items .Area__item .Area__button--tour .Area__button--link .circle .arrow02 {
	stroke: var(--color-fruits);
}

/* =================================================
フルーツ（果物）に関連するバスツアー
================================================= */
.Sec__bus {
	background-color: #f5f5f5;
}

.Sec__bus .Bus__inner {
	padding: 5rem 0;
}

.Sec__bus .Bus__inner .Tour__button--link {
	background-color: var(--color-fruits);
}

.Sec__bus .Bus__inner .arrow01,
.Sec__bus .Bus__inner .arrow02 {
	stroke: var(--color-fruits);
}

/* =================================================
フルーツ（果物）狩りに便利な持ち物
================================================= */
.Convenience__inner {
	padding: 7rem 0 10rem;
}

.Convenience__inner .Common21__inner {
	position: relative;
}

/*
.Convenience__inner .Common21__inner::before {
	content: "";
	position: absolute;
	bottom: -10rem;
	left: 7rem;
	background-image: url(/attending/bus/fruit/common/images/il_cts01.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 11.3rem;
	height: 12.2rem;
	z-index: 1;
}

.Convenience__inner .Common21__inner::after {
	content: "";
	position: absolute;
	top: -9rem;
	right: 0;
	background-image: url(/attending/bus/fruit/common/images/il_cts03.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 10.9rem;
	height: 11.7rem;
	z-index: 1;
}
*/

.Group__convenience {
	display: flex;
	justify-content: space-between;
}

.Block__convenience {
	position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
	background-image: linear-gradient(0deg, transparent calc(100% - 1px), rgba(215, 225, 230, 0.5) calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), rgba(215, 225, 230, 0.5) calc(100% - 1px));
	background-color: #f7f5ec;
	background-size: 15px 15px;
	border-radius: 25px;
	width: 487px;
	padding: 6rem 4rem 4rem;
}

/*
.Block__convenience:first-child {
	margin-bottom: 4rem;
}
*/

/*
.Block__convenience:last-child {
	margin-top: 4rem;
}
*/

.Block__convenience .Heading__h4 {
	position: absolute;
	top: 0;
	left: calc(50% + 2rem);
	transform: translate(-50%, -50%);
	display: flex;
}

.Block__convenience .Heading__h4 .Heading__h4__inner {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: turquoise;
	border-radius: 50%;
	width: 8.8rem;
	height: 8.8rem;
	font-size: 3rem;
	font-weight: var(--bold);
	color: #fff;
}

.Block__convenience .Heading__h4 .spring {
	background-color: #ef5d95;
}

.Block__convenience .Heading__h4 .spring::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: -0.25rem;
	transform: translateX(-50%);
	background-image: url(/attending/bus/fruit/images/il_strawberry-sml.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 4.3rem;
	height: 5.2rem;
}

.Block__convenience .Heading__h4 .summer {
	left: -20px;
	background-color: #ed2e3c;
	padding-right: 2rem;
	z-index: 1;
}

.Block__convenience .Heading__h4 .summer::before {
	content: "";
	position: absolute;
	bottom: 0;
	right: -7rem;
	transform: translateX(-50%);
	background-image: url(/attending/bus/fruit/images/il_peach-sml.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 6.2rem;
	height: 3.8rem;
}

.Block__convenience .Heading__h4 .autumn {
	background-color: #408cc4;
}

.Block__convenience .Heading__h4 .autumn::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: -0.25rem;
	transform: translateX(-50%);
	background-image: url(/attending/bus/fruit/images/il_grape-sml.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 5.6rem;
	height: 6.4rem;
}

.Block__convenience .Heading__h4 .winter {
	left: -20px;
	background-color: #7e48a5;
	padding-right: 2rem;
	z-index: 1;
}

.Block__convenience .Heading__h4 .winter::before {
	content: "";
	position: absolute;
	bottom: 0;
	right: -7rem;
	transform: translateX(-50%);
	background-image: url(/attending/bus/fruit/images/il_muscat-sml.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 5.9rem;
	height: 5.9rem;
}

.Block__convenience .Subject {
	display: flex;
	justify-content: flex-start;
	font-size: 1.8rem;
	font-weight: var(--bold);
	color: var(--color-fruits);
}

.Block__convenience .Subject span {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--color-fruits);
	border-radius: 100px;
	font-size: 1.4rem;
	font-weight: var(--bold);
	color: #fff;
	margin-right: 1rem;
	padding: 0.25rem 1.25rem;
}

.Block__convenience .Subject:not(:last-child) {
	margin-bottom: 1rem;
}

.Block__convenience .Caption {
	margin-top: 2rem;
}

/* =================================================
フルーツ（果物）のおいしい食べ方
================================================= */
/* いちご */
.Sec__strawberry .Block__eat dt {
	color: var(--color-strawberry);
}

/* 桃 */
.Sec__peach .Block__eat dt {
	color: var(--color-peach);
}

/* ぶどう */
.Sec__grape .Block__eat dt {
	color: var(--color-grape);
}

/* シャインマスカット */
.Sec__muscat .Block__eat dt {
	color: var(--color-muscat);
}

/* さくらんぼ */
.Sec__cherry .Block__eat dt {
	color: var(--color-cherry);
}

/* メロン */
.Sec__melon .Block__eat dt {
	color: var(--color-melon);
}

/* りんご */
.Sec__apple .Block__eat dt {
	color: var(--color-apple);
}
/* みかん */
.Sec__orange .Block__eat dt {
	color: var(--color-orange);
}

/* =================================================
フルーツ（果物）狩りの情報
================================================= */
.Sec__blog {
	position: relative;
}

.Sec__blog::before {
	content: "";
	display: block;
	position: absolute;
	top: 50px;
	left: calc((50% + 56.6rem));
	transform: translateX(-50%);
	background-image: url(/attending/bus/fruit/common/images/il_cts02.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 10.6rem;
	height: 14.5rem;
}

.Sec__blog .Common21__inner {
	padding: 5rem 0;
}

.Group__blog {
	display: flex;
	justify-content: space-between;
}

.Group__blog .Blog__item {
	position: relative;
	display: flex;
	justify-content: space-between;
	background-color: #f8f8f8;
	border-radius: 15px;
	width: 50rem;
	padding: 2rem 1.5rem;
	transition: opacity 0.5s;
}

.Group__blog .Blog__item:hover {
	opacity: 0.5;
}

.Group__blog .Blog__item .photo {
	border-radius: 1rem;
	width: 22.9rem;
	height: 15.2rem;
}

.Group__blog .Blog__item .photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.Group__blog .Blog__item .text {
	width: calc(100% - 22.9rem - 2rem);
}

.Group__blog .Blog__item .text .day {
	font-size: 1.3rem;
	color: #727272;
}

.Group__blog .Blog__item .text .ttl {
	font-weight: var(--bold);
}

.Group__blog .Blog__item .text .pref {
	font-size: 1.4rem;
	font-weight: var(--bold);
	color: var(--color-fruits);
	text-align: right;
}

.Group__blog .Blog__item a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.Blog__btn {
	text-align: right;
	margin-top: 2.5rem;
	transition: opacity 0.5s;
}

.Blog__btn:hover {
	opacity: 0.5;
}

.Blog__notice {
	font-size: 1.3rem;
	color: #727272;
	text-align: right;
}

/* =================================================
関連特集
================================================= */
.Sec__feature .Common21__inner {
	padding: 5rem 0;
}

/* その他おすすめ特集 */
.swiper-slider__outer {
	position: relative;
}

.bannerCassette_content .bannerImg {
	width: 230px;
	height: 173px;
}

/* swiper */
.swiper-wrapper {
	margin-bottom: 30px;
}

.swiper-button-prev {
	top: calc(50% - 15px);
	left: -25px;
}

.swiper-button-next {
	top: calc(50% - 15px);
	right: -25px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	content: none;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
	display: none;
}

.swiper-button-prev,
.swiper-button-next {
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 50%;

	width: 50px;
	height: 50px;
	cursor: pointer;
	z-index: 10;
	transition: all 0.3s;
	background-image: none;
}

.swiper-button-prev:active,
.swiper-button-next:active {
	transition: all 0.3s;
	opacity: 0.5;
}

.swiper-button-prev::before,
.swiper-button-next::before {
	content: "";
	position: absolute;
	top: 50%;
	display: block;
	width: 14px;
	height: 14px;
}

.swiper-button-prev::before {
	left: 55%;
	transform: translate(-50%, -50%) rotate(-135deg);
}

.swiper-button-next::before {
	left: 45%;
	transform: translate(-50%, -50%) rotate(45deg);
}

.swiper-container-horizontal > .swiper-scrollbar {
	left: 0;
	background-color: #e5e5e5;
	width: 100%;
	height: 10px;
}

.swiper-scrollbar-drag {
	background-color: #bebebe;
}

.swiper-slider__outer .swiper-button-prev::before,
.swiper-slider__outer .swiper-button-next::before {
	border-top: 4px solid #fff;
	border-right: 4px solid #fff;
}

.Group__tour{
	position:relative;
}

.Group__tour a.tour_url_link {
	position:absolute;
 	top:0;
 	left:0;
 	width:100%;
 	height:100%;
  }
  
  .Group__tour a.tour_url_link:hover{
  	cursor:pointer;
}

.Group__tour:has(.tour_url_link):hover {
	text-decoration: underline;
}