@charset "UTF-8";

.ftMincho{
	font-family: 'Noto Serif JP', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
}

/*
	index
-----------------------------------------------------------------------------------------------*/
#pageIn.journeyIdx{
	background:url(../images/bg_journey_map.png) bottom 20px right 0px no-repeat;
	background-size: 750px 825px;
}
#listJourney{
	display:-ms-flex;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-justify-content: space-between;
	justify-content: space-between;
	padding: 0 0 80px;
}
#listJourney li{
	width: 500px;
	background-color: rgba(255,255,255,0.7);
	position: relative;
}
#listJourney li:nth-of-type(n+3){
	margin: 40px 0 0;
}
#listJourney li::before{
	content: "";
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 0 80px 80px;
	border-color: transparent;
	border-bottom-color: #e10012;
	position: absolute;
	left: 0;
	top: 0;
	transform: rotate(180deg);
	z-index: 1;
}
#listJourney li a{
	display: block;
}
.cornerTit{
	font-size: 1.6rem;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top: 16px;
	left: 9px;
	transform: rotate(-45deg);
	z-index: 2;
}
#listJourney li figure{
	width: 100%;
	overflow: hidden;
}
#listJourney li figure img{
	width: 100%;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
#listJourney li a:hover figure img{
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}
#listJourney li .txtArea{
	padding: 30px;
	position: relative;
}
/* あまおう */
#listJourney li#amaou .txtArea::before{
	content: "";
	width: 230px;
	height: 192px;
	background:url(../images/bg_amaou.png) center center no-repeat;
	background-size: cover;
	position: absolute;
	right: 10px;
	top: -150px;
}
/* ゴールドキウイ */
#listJourney li#goldkiwi .txtArea::before{
	content: "";
	width: 243px;
	height: 192px;
	background:url(../images/bg_goldkiwi.png) center center no-repeat;
	background-size: cover;
	position: absolute;
	right: 12px;
	top: -160px;
}
/* 宮崎マンゴー */
#listJourney li#mango .txtArea::before{
	content: "";
	width: 225px;
	height: 182px;
	background:url(../images/bg_mango.png) center center no-repeat;
	background-size: cover;
	position: absolute;
	right: 12px;
	top: -145px;
}
/* 千葉和梨 */
#listJourney li#wanashi .txtArea::before{
	content: "";
	width: 275px;
	height: 178px;
	background:url(../images/bg_wanashi.png) center center no-repeat;
	background-size: cover;
	position: absolute;
	right: 12px;
	top: -135px;
}
/* 白桃 */
#listJourney li#hakuto .txtArea::before{
	content: "";
	width: 260px;
	height: 195px;
	background:url(../images/bg_hakuto.png) center center no-repeat;
	background-size: cover;
	position: absolute;
	right: 12px;
	top: -115px;
}
/* 長野シャインマスカット */
#listJourney li#muscat .txtArea::before{
	content: "";
	width: 225px;
	height: 180px;
	background:url(../images/bg_muscat.png) center center no-repeat;
	background-size: cover;
	position: absolute;
	right: 0;
	top: -147px;
}
/* 山形ラ・フランス */
#listJourney li#lafrance .txtArea::before{
	content: "";
	width: 261px;
	height: 170px;
	background:url(../images/bg_lafrance.png) center center no-repeat;
	background-size: cover;
	position: absolute;
	right: 10px;
	top: -140px;
}
/* 山梨巨峰 */
#listJourney li#kyoho .txtArea::before{
	content: "";
	width: 235px;
	height: 191px;
	background:url(../images/bg_kyoho.png) center center no-repeat;
	background-size: cover;
	position: absolute;
	right: 0;
	top: -150px;
}
/* 紅はるか */
#listJourney li#beniharuka .txtArea::before{
	content: "";
	width: 300px;
	height: 200px;
	background:url(../images/bg_beniharuka.png) center center no-repeat;
	background-size: cover;
	position: absolute;
	right: 0;
	top: -147px;
}


#listJourney li .txtArea .tit{
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 3.5rem;
	font-weight: 700;
	color: #42210b;
	border-bottom: 1px solid #42210b;
	line-height: 100%;
}
#listJourney li .txtArea .tit span{
	display: inline-block;
	padding: 0 10px 0 0;
	font-size: 2.0rem;	
}
#listJourney li .txtArea p{
	color: #000;
}
@media screen and (max-width:667px){
	#pageIn.journeyIdx{
		background:none;
	}
	#listJourney{
		padding: 0;
	}
	#listJourney li{
		width: 100%;
	}
	#listJourney li:nth-of-type(n+2){
		margin: 20px 0 0;
	}
	#listJourney li::before{
		border-width: 0 0 65px 65px;
	}
	.cornerTit{
		font-size: 1.4rem;
		top: 13px;
		left: 5px;
	}
	#listJourney li .txtArea{
		padding: 15px;
	}
	/* あまおう */
	#listJourney li#amaou .txtArea::before{
		width: 150px;
		height: 125px;
		right: 5px;
		top: -90px;
	}
	/* ゴールドキウイ */
	#listJourney li#goldkiwi .txtArea::before{
		width: 150px;
		height: 119px;
		right: 5px;
		top: -90px;
	}
	/* 宮崎マンゴー */
	#listJourney li#mango .txtArea::before{
		width: 145px;
		height: 118px;
		right: 8px;
		top: -85px;
	}
	/* 千葉和梨 */
	#listJourney li#wanashi .txtArea::before{
		width: 180px;
		height: 117px;
		right: 8px;
		top: -85px;
	}
	/* 白桃 */
	#listJourney li#hakuto .txtArea::before{
		width: 180px;
		height: 145px;
		right: 8px;
		top: -105px;
	}
	/* 長野シャインマスカット */
	#listJourney li#muscat .txtArea::before{
		width: 160px;
		height: 130px;
		right: 0;
		top: -95px;
	}
	/* 山形ラ・フランス */
	#listJourney li#lafrance .txtArea::before{
		width: 192px;
		height: 125px;
		right: 5px;
		top: -110px;
	}
	/* 山梨巨峰 */
	#listJourney li#kyoho .txtArea::before{
		width: 160px;
		height: 130px;
		right: 0;
		top: -100px;
	}
	/* 紅はるか */
	#listJourney li#beniharuka .txtArea::before{
		width: 160px;
		height: 107px;
		background:url(../images/bg_beniharuka.png) center center no-repeat;
		right: 0;
		top: -100px;
	}
	
	#listJourney li .txtArea .tit{
		font-size: 3.0rem;
	}
	#listJourney li .txtArea .tit span{
		display: block;
		padding: 0 0 5px 0;
		font-size: 1.5rem;
		line-height: 100%;
	}
}
@media screen and (orientation:landscape){
	#listJourney li{
		width: calc((100% - 15px)/2);
	}
	#listJourney li:nth-of-type(n+2){
		margin: 0 0 0;
	}
	#listJourney li:nth-of-type(n+3){
		margin: 20px 0 0;
	}
}

/*
	ページタイトル
-----------------------------------------------------------------------------------------------*/
/* 背景 */
#bgJourney{
	background: url(../images/bg_texture.png) top center no-repeat;
	background-size: cover;
}

/* トビラ */
#titPageOut{
	background-image: url(../images/bg_base_curve_texture.png), url(../images/bg_journey2025_soft_pc.png), url(../images/bg_journey_pc.png);
	background-position: center bottom -1px, center bottom, center center;
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-size: 100%, contain, cover;
}
@media screen and (max-width:667px){
	#titPageOut{
		background-image: url(../images/bg_base_curve_texture.png), url(../images/bg_journey2025_soft_sp.png), url(../images/bg_journey_sp.png);
		background-position: center bottom -1px, right bottom, center center;
	}
}

/* 下層 */
#titJourneyPageOut{
	height: 420px;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
#titJourneyPageIn{
	width: 1200px;
	height: 420px;
	margin: 0 auto;
	padding: 0 0 0 80px;
	position: relative;
}
#titJourneyPageIn::before,
#titJourneyPageIn::after{
	content:' ';
	display:block;
	background-size: cover;
	position:absolute;
	right:0;
	z-index: 2;
}
#titJourneyPage{
	padding: 220px 0 0;
	font-family: 'Noto Serif JP', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	color: #fff;
	font-size: 2.7rem;
	font-weight: 700;
	line-height: 170%;
	/*　letter-spacing: 0.2rem;　*/
	text-shadow: 0 0 10px rgba(0, 0, 0, 1.0);
}
#titJourneyPage .vol{
	padding: 0 0 0 10px;
	font-size: 2.0rem;
}
#titJourneyPage .name{
	padding: 0 0 0 10px;
	font-size: 5.4rem;
}
@media screen and (max-width:667px){
	#titJourneyPageOut{
		height: 230px;
	}
	#titJourneyPageIn{
		width: 100%;
		height: 230px;
		padding: 0 0 0 0;
	}
	#titJourneyPage{
		padding: 100px 0 0 15px;
		font-size: 1.6rem;
		line-height: 150%;
		position: relative;
		z-index: 10;
	}
	#titJourneyPage .vol{
		padding: 0 0 0 5px;
		font-size: 1.2rem;
	}
	#titJourneyPage .name{
		display: block;
		padding: 5px 0 0 0;
		font-size: 3.0rem;
	}
}


/*
	にっぽんの果実紀行
-----------------------------------------------------------------------------------------------*/
.pageCtsArea{
	margin: 100px 0 0;
}
.pageMainCopy{
	margin: 0 0 15px;
	font-size: 3.3rem;
	font-weight: 700;
	color: #42210b;
	line-height: 160%;
}
.pageMaintTxt{
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 200%;
}
@media screen and (max-width:667px){
	.pageCtsArea{
		margin: 35px 0 0;
	}
	.pageMainCopy{
		margin: 0 0 10px;
		font-size: 2.0rem;
		line-height: 160%;
	}
	.pageMaintTxt{
		font-size: 1.4rem;
		line-height: 180%;
	}
}

/* 2カラム（写真→文章） */
.page2colArea{
	display:-ms-flex;
	display:flex;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	position: relative;
}
.page2colArea figure{
	width: 600px;
}
.page2colArea figure img{
	width: 100%;
}
.page2colArea figcaption{
	margin: 10px 80px 0 0;
	font-size: 1.2rem;
}
.page2colArea .txtBox{
	width: 500px;
	height: 100%;
	margin: 80px 0 0 -40px;
	padding: 25px 40px 30px;
	background-color: rgba(255,255,255,0.85);
	position: relative;
}
.page2colArea .txtBox::after{
	content:' ';
	display:block;
	width: 50px;
	height: 5px;
	position: absolute;
	top: 0;
	left: 40px;
}
.page2colArea .txtBox .tit{
	margin: 0 0 15px;
	font-size: 2.2rem;
	font-weight: 700;
	color: #42210b;
    line-height: 160%;
}
.page2colArea .txtBox .txt{
    line-height: 200%;
}
@media screen and (max-width:667px){
	.page2colArea{
		display:block;
	}
	.page2colArea figure{
		width: 100%;
	}
	.page2colArea figcaption{
		margin: 5px 0 0 0;
	}
	.page2colArea .txtBoxOut{
		position: static;
	}
	.page2colArea .txtBox{
		width: 100%;
		margin: 0;
		padding: 15px;
	}
	.page2colArea .txtBox::after{
		width: 40px;
		left: 15px;
	}
	.page2colArea .txtBox .tit{
		margin: 0 0 10px;
		font-size: 1.8rem;
		line-height: 150%;
	}
	.page2colArea .txtBox .txt{
		line-height: 180%;
	}
}

/* 2カラム（文章→写真） */
.page2colArea.reverse{
	-ms-flex-direction: row;
	flex-direction: row;
	padding: 40px 0 0 0;
}
.page2colArea.reverse figcaption{
	margin: 10px 0 0 0;
}
.page2colArea.reverse .txtBox{
	margin: -40px -40px 0 0;
}
@media screen and (max-width:667px){
	.page2colArea.reverse{
		padding: 0 0 0 0;
	}
	.page2colArea.reverse figcaption{
		margin: 5px 0 0 0;
	}
	.page2colArea.reverse .txtBox{
		margin: 0 0 0 0;
	}
}

/* 1カラム */
.txt1col{
	margin: 20px 0 0;
	padding: 25px 40px 30px;
	line-height: 200%;
	background-color: rgba(255,255,255,0.85);
}
@media screen and (max-width:667px){
	.txt1col{
		margin: 0 0 0;
		padding: 15px;
		line-height: 180%;
	}
}

/* メインエリア */
#pageMainArea{
	position: relative;
}
#pageMainArea .txt{
	width: 950px;
	margin: -20px 0 0;
	padding: 50px 40px 30px;
	background-color: #fff;
	line-height: 200%;
}
#phArea{
	display:-ms-flex;
	display:flex;
	-ms-justify-content: flex-end;
	justify-content: flex-end;
}
#phArea figure{
	width: 750px;
}
#phArea figure img{
	width: 100%;
}
#titObi{
	font-size: 3.0rem;
	font-weight: 700;
	font-style: italic;
	line-height: 100%;
	text-align: right;
	position: absolute;
	top: 50px;
	left: 0;
}
#titObi span{
	display:inline-block;
	margin: 0 0 15px;
	padding: 3px 8px;
	color: #42210b;
	background-color:rgba(255,255,255,0.85);
}
@media screen and (max-width:667px){
	#pageMainArea .txt{
		width: 100%;
		margin: 0 0 0;
		padding: 15px;
		line-height: 180%;
	}
	#phArea figure{
		width: 90%;
	}
	#titObi{
		font-size: 1.8rem;
		top: 20px;
	}
	#titObi span{
		margin: 0 0 5px;
	}
}

/* 出回り時期 */
#seasonArea{
	padding: 32px 40px 30px;
	background-color: #f1e6c9;
	position: relative;
}
#seasonArea .tit{
	font-size: 2.2rem;
	color: #42210b;
	position: absolute;
	top: -12px;
	left: 40px;
}
#seasonArea figure{
	width: 100%;
	margin: 15px 0 0;
}
@media screen and (max-width:667px){
	#seasonArea{
		padding: 20px 15px 15px;
	}
	#seasonArea .tit{
		font-size: 1.8rem;
		top: -12px;
		left: 15px;
	}
	#seasonArea figure{
		margin: 10px 0 0;
	}
}

/* バナー */
#bnrArea{
	margin: 150px 0 0;
	padding: 40px 40px 30px;
	background-color: #f1e6c9;
	position: relative;
}
#bnrArea::before,
#bnrArea::after{
	content:' ';
	display:block;
	background-size: cover;
	position:absolute;
}
#bnrArea::before{
	background:url(../images/bg_japanPremium.svg) top left no-repeat;
	width: 417px;
	height: 44px;
	top: -1px;
	left: -1px;
	opacity: 0.8;
}
#bnrArea::after{
	right: 20px;
	bottom: 0;
}
#bnrArea .nameArea{
	margin: 0 0 15px;
	padding: 0 0 10px;
	font-size: 4.2rem;
	font-weight: 700;
	line-height: 100%;
	border-bottom: 1px solid #42210b;
	text-shadow:0 0 15px #fff;
}
#bnrArea .nameArea .name{
	position: relative;
	z-index: 10;
}
#bnrArea .nameArea .pref{
	font-size: 2.2rem;
}
#bnrArea .lbl{
	display: inline-block;
	padding: 6px 8px;
	margin: 0 0 10px;
	line-height: 120%;
	color: #fff;
	background-color: #eb6161;
	position: relative;
	z-index: 10;
}
#bnrArea .txt{
	position: relative;
	z-index: 10;
}
@media screen and (max-width:667px){
	#bnrArea{
		margin: 70px 0 0;
		padding: 30px 15px 15px;
	}
	#bnrArea::before{
		width: 300px;
		height: 32px;
	}
	#bnrArea::after{
		right: 12px;
		top: -68px;
	}
	#bnrArea .nameArea{
		margin: 0 0 10px;
		font-size: 3.0rem;
		text-shadow:0 0 8px #fff;
	}
	#bnrArea .nameArea .pref{
		font-size: 1.6rem;
	}
	#bnrArea .lbl{
		margin: 0 0 8px;
		font-size: 1.3rem;
	}
}

/*
	あまおう2019
-----------------------------------------------------------------------------------------------*/
/* タイトル */
#amaou #titJourneyPageOut{
	background-image: url(../images/bg_journey_amaou2019_pc.png);
}
#amaou #titJourneyPageIn::before{
	width:410px;
	height:309px;
	background:url(../images/journey_amaou2019_mainImg.png) top left no-repeat;
	background-size: cover;
	bottom:-40px;
}
#amaou #titJourneyPageIn::after{
	width:233px;
	height:240px;
	background:url(../images/map_journey_fukuoka.png) top left no-repeat;
	background-size: cover;
	bottom:-145px;
}
@media screen and (max-width:667px){
	#amaou #titJourneyPageOut{
		background-image: url(../images/bg_journey_amaou2019_sp.png);
	}
	#amaou #titJourneyPageIn::before{
		width:190px;
		height:180px;
		background-size: cover;
		bottom:-20px;
	}
	#amaou #titJourneyPageIn::after{
		width:110px;
		height:114px;
		background-size: cover;
		right: 10px;
		bottom:-50px;
	}
}

/* カラー */
#amaou .page2colArea .txtBox::after,
#amaou #bnrArea .lbl{
	background-color: #eb6161;
}

/* バナー */
#amaou #bnrArea::after{
	background:url(../images/bg_bnrImg2024_amaou.png) top left no-repeat;
	width: 578px;
	height: 331px;
}
@media screen and (max-width:667px){
	#amaou #bnrArea::after{
		background-size: cover;
		width: 250px;
		height: 144px;
		top:-37px;
	}
}


/*
	ゴールドキウイ2019
-----------------------------------------------------------------------------------------------*/
/* タイトル */
#goldkiwi #titJourneyPageOut{
	background-image: url(../images/bg_journey_goldkiwi2019_pc.png);
}
#goldkiwi #titJourneyPageIn::before{
	width:350px;
	height:320px;
	background:url(../images/journey_goldkiwi2019_mainImg.png) top left no-repeat;
	background-size: cover;
	bottom:-100px;
}
#goldkiwi #titJourneyPageIn::after{
	width:221px;
	height:225px;
	background:url(../images/map_journey_saga.png) top left no-repeat;
	background-size: cover;
	bottom:-135px;
	right: 140px;
}
@media screen and (max-width:667px){
	#goldkiwi #titJourneyPageOut{
		background-image: url(../images/bg_journey_goldkiwi2019_sp.png);
	}
	#goldkiwi #titJourneyPageIn::before{
		width:150px;
		height:160px;
		background-size: cover;
		bottom:-25px;
	}
	#goldkiwi #titJourneyPageIn::after{
		width:115px;
		height:118px;
		background-size: cover;
		right: 10px;
		bottom:-45px;
		right: 40px;
	}
}

/* カラー */
#goldkiwi .page2colArea .txtBox::after,
#goldkiwi #bnrArea .lbl{
	background-color: #D3A100;
}

/* バナー */
#goldkiwi #bnrArea::after{
	background:url(../images/bg_bnrImg_goldkiwi2019.png) top left no-repeat;
	width: 578px;
	height: 331px;
}
@media screen and (max-width:667px){
	#goldkiwi #bnrArea::after{
		background-size: cover;
		width: 250px;
		height: 144px;
		top:-37px;
	}
}


/*
	佐藤錦2019
-----------------------------------------------------------------------------------------------*/
/* タイトル */
#satonishiki #titJourneyPageOut{
	background-image: url(../images/bg_base_curve01.png), url(../images/bg_journey_satonishiki2019_pc.png);
}
#satonishiki #titJourneyPageIn::before{
	width:259px;
	height:350px;
	background:url(../images/journey_satonishiki2019_mainImg.png) top left no-repeat;
	background-size: cover;
	right: 150px;
	bottom:-55px;
}
#satonishiki #titJourneyPageIn::after{
	width:215px;
	height:243px;
	background:url(../images/map_journey_yamagata.png) top left no-repeat;
	background-size: cover;
	bottom:-155px;
	right: 0px;
}
@media screen and (max-width:667px){
	#satonishiki #titJourneyPageOut{
		background-image: url(../images/bg_base_curve01.png), url(../images/bg_journey_satonishiki2019_sp.png);
	}
	#satonishiki #titJourneyPageIn::before{
		width:130px;
		height:203px;
		background-size: cover;
		right: 0;
		bottom:-30px;
	}
	#satonishiki #titJourneyPageIn::after{
		width:98px;
		height:110px;
		background-size: cover;
		right: 10px;
		bottom:-40px;
		right: 80px;
	}
}

/* カラー */
#satonishiki .page2colArea .txtBox::after{
	background-color: #FF3873;
}

/* バナー */
#satonishiki #bnrArea::after{
	background:url(../images/bg_bnrImg_satonishiki2019.png) top left no-repeat;
	width: 578px;
	height: 331px;
}
@media screen and (max-width:667px){
	#satonishiki #bnrArea::after{
		background-size: cover;
		width: 250px;
		height: 144px;
		top:-37px;
	}
}


/*
	宮崎マンゴー2019
-----------------------------------------------------------------------------------------------*/
/* タイトル */
#mango #titJourneyPageOut{
	background-image:url(../images/bg_journey_mango2019_pc.png);
}
#mango #titJourneyPageIn::before{
	width:340px;
	height:276px;
	background:url(../images/journey_mango2019_mainImg.png) top left no-repeat;
	background-size: cover;
	right: 80px;
	bottom:-100px;
}
#mango #titJourneyPageIn::after{
	width:176px;
	height:238px;
	background:url(../images/map_journey_miyazaki.png) top left no-repeat;
	background-size: cover;
	bottom:-135px;
}
@media screen and (max-width:667px){
	#mango #titJourneyPageOut{
		background-image: url(../images/bg_journey_mango2019_sp.png);
	}
	#mango #titJourneyPageIn::before{
		width:140px;
		height:140px;
		background-size: cover;
		right: 0;
		bottom:-40px;
	}
	#mango #titJourneyPageIn::after{
		width:82px;
		height:110px;
		background-size: cover;
		right: 10px;
		bottom:-45px;
		right: 70px;
	}
}

/* カラー */
#mango .page2colArea .txtBox::after,
#mango #bnrArea .lbl{
	background-color: #F27609;
}

/* バナー */
#mango #bnrArea::after{
	background:url(../images/bg_bnrImg2024_mango.png) top left no-repeat;
	width: 578px;
	height: 331px;
}
@media screen and (max-width:667px){
	#mango #bnrArea::after{
		background-size: cover;
		width: 250px;
		height: 144px;
		top:-37px;
	}
}

/*
	白桃
-----------------------------------------------------------------------------------------------*/
/* タイトル */
#hakuto #titJourneyPageOut{
	background-image:url(../images/bg_journey_hakuto_pc.png);
}
#hakuto #titJourneyPageIn::before{
	width:400px;
	height:280px;
	background:url(../images/journey_hakuto2022_mainImg.png) top left no-repeat;
	background-size: cover;
	right: 100px;
	bottom:-110px;
}
#hakuto #titJourneyPageIn::after{
	width:200px;
	height:194px;
	background:url(../images/map_journey_okayama.png) top left no-repeat;
	background-size: cover;
	right: 20px;
	bottom:-130px;
}
@media screen and (max-width:667px){
	#hakuto #titJourneyPageOut{
		background-image:url(../images/bg_journey_hakuto_sp.png);
	}
	#hakuto #titJourneyPageIn::before{
		width:186px;
		height:130px;
		background-size: cover;
		right: 0;
		bottom:-20px;
	}
	#hakuto #titJourneyPageIn::after{
		width:104px;
		height:100px;
		background-size: cover;
		right: 10px;
		bottom:-45px;
	}
}

/* カラー */
#hakuto .page2colArea .txtBox::after,
#hakuto #bnrArea .lbl{
	background-color: #F39947;
}


/* バナー */
#hakuto #bnrArea::after{
	background:url(../images/bg_bnrImg2023_hakuto.png) top left no-repeat;
	width: 578px;
	height: 331px;
}
@media screen and (max-width:667px){
	#hakuto #bnrArea::after{
		background-size: cover;
		width: 250px;
		height: 144px;
		top:-37px;
	}
}

/*
	巨峰2019
-----------------------------------------------------------------------------------------------*/
/* タイトル */
#kyoho #titJourneyPageOut{
	background-image:url(../images/bg_journey_kyoho_pc.png);
}
#kyoho #titJourneyPageIn::before{
	width:350px;
	height:284px;
	background:url(../images/journey_kyoho2019_mainImg.png) top left no-repeat;
	background-size: cover;
	right: 85px;
	bottom: -60px;
}
#kyoho #titJourneyPageIn::after{
	width:190px;
	height:200px;
	background:url(../images/map_journey_yamanashi.png) top left no-repeat;
	background-size: cover;
	right: 20px;
	bottom:-130px;
}
@media screen and (max-width:667px){
	#kyoho #titJourneyPageOut{
		background-image:url(../images/bg_journey_kyoho_sp.png);
	}
	#kyoho #titJourneyPageIn::before{
		width:150px;
		height:150px;
		background-size: cover;
		right: 0;
		bottom:-25px;
	}
	#kyoho #titJourneyPageIn::after{
		width:100px;
		height:106px;
		background-size: cover;
		right: 10px;
		bottom:-45px;
		right: 70px;
	}
}

/* カラー */
#kyoho .page2colArea .txtBox::after,
#kyoho #bnrArea .lbl{
	background-color: #957bb2;
}


/* バナー */
#kyoho #bnrArea::after{
	background:url(../images/bg_bnrImg2024_kyoho.png) top left no-repeat;
	width: 578px;
	height: 331px;
}
@media screen and (max-width:667px){
	#kyoho #bnrArea::after{
		background-size: cover;
		width: 250px;
		height: 144px;
		top:-37px;
	}
}


/*
	和梨2020
-----------------------------------------------------------------------------------------------*/
/* タイトル */
#wanashi #titJourneyPageOut{
	background-image:url(../images/bg_journey_wanashi2020_pc.png);
}
#wanashi #titJourneyPageIn::before{
	width:400px;
	height:260px;
	background:url(../images/journey_wanashi2020_mainImg.png) top left no-repeat;
	background-size: cover;
	right: 80px;
	bottom:-100px;
}
#wanashi #titJourneyPageIn::after{
	width:174px;
	height:230px;
	background:url(../images/map_journey_chiba.png) top left no-repeat;
	background-size: cover;
	bottom:-140px;
}
@media screen and (max-width:667px){
	#wanashi #titJourneyPageOut{
		background-image: url(../images/bg_journey_wanashi2020_sp.png);
	}
	#wanashi #titJourneyPageIn::before{
		width:185px;
		height:140px;
		background-size: cover;
		right: 0;
		bottom:-40px;
	}
	#wanashi #titJourneyPageIn::after{
		width:87px;
		height:115px;
		background-size: cover;
		right: 10px;
		bottom:-45px;
		right: 120px;
	}
}

/* カラー */
#wanashi .page2colArea .txtBox::after,
#wanashi #bnrArea .lbl{
	background-color: #E8B100;
}

/* バナー */
#wanashi #bnrArea::after{
	background:url(../images/bg_bnrImg2023_wanashi.png) top left no-repeat;
	width: 578px;
	height: 331px;
}
@media screen and (max-width:667px){
	#wanashi #bnrArea::after{
		background-size: cover;
		width: 250px;
		height: 144px;
		top:-37px;
	}
}


/*
	ラ･フランス2020
-----------------------------------------------------------------------------------------------*/
/* タイトル */
#lafrance #titJourneyPageOut{
	background-image:url(../images/bg_journey_lafrance2020_pc.png);
}
#lafrance #titJourneyPageIn::before{
	width:440px;
	height:287px;
	background:url(../images/journey_lafrance2020_mainImg.png) top left no-repeat;
	background-size: cover;
	right: 80px;
	bottom:-60px;
}
#lafrance #titJourneyPageIn::after{
	width:175px;
	height:231px;
	background:url(../images/map_journey_yamagata.png) top left no-repeat;
	background-size: cover;
	bottom:-140px;
}
@media screen and (max-width:667px){
	#lafrance #titJourneyPageOut{
		background-image: url(../images/bg_journey_lafrance2020_sp.png);
	}
	#lafrance #titJourneyPageIn::before{
		width:180px;
		height:150px;
		background-size: cover;
		right: 0;
		bottom:-30px;
	}
	#lafrance #titJourneyPageIn::after{
		width:87px;
		height:116px;
		background-size: cover;
		right: 10px;
		bottom:-45px;
		right: 113px;
	}
}

/* カラー */
#lafrance .page2colArea .txtBox::after,
#lafrance #bnrArea .lbl{
	background-color: #B0B70E;
}

/* バナー */
#lafrance #bnrArea::after{
	background:url(../images/bg_bnrImg_lafrance2020.png) top left no-repeat;
	width: 578px;
	height: 331px;
}
@media screen and (max-width:667px){
	#lafrance #bnrArea::after{
		background-size: cover;
		width: 250px;
		height: 144px;
		top:-37px;
	}
}


/*
	マスカット2021
-----------------------------------------------------------------------------------------------*/
/* タイトル */
#muscat #titJourneyPageOut{
	background-image:url(../images/bg_journey_muscat_pc.png);
}
#muscat #titJourneyPageIn::before{
	width:386px;
	height:330px;
	background:url("../images/journey_muscat_mainImg.png") top left no-repeat;
	background-size: cover;
	right: 30px;
	bottom:-95px;
}
#muscat #titJourneyPageIn::after{
	width:174px;
	height:230px;
	background:url("../images/map_journey_nagano.png") top left no-repeat;
	background-size: cover;
	bottom:-140px;
}
@media screen and (max-width:667px){
	#muscat #titJourneyPageOut{
		background-image: url(../images/bg_journey_muscat_sp.png);
	}
	#muscat #titJourneyPageIn::before{
		width:150px;
		height:160px;
		background-size: cover;
		right: 0;
		bottom:-40px;
	}
	#muscat #titJourneyPageIn::after{
		width:87px;
		height:116px;
		background-size: cover;
		bottom:-50px;
		right: 100px;
	}
}

/* カラー */
#muscat .page2colArea .txtBox::after,
#muscat #bnrArea .lbl{
	background-color: #9EC317;
}

/* バナー */
#muscat #bnrArea::after{
	background:url("../images/bg_bnrImg2024_muscat.png") top left no-repeat;
	width: 578px;
	height: 331px;
}
#muscat #bnrArea .nameArea .kerning{
	letter-spacing: -0.2rem;
}
@media screen and (max-width:667px){
	#muscat #bnrArea::after{
		background-size: cover;
		width: 250px;
		height: 144px;
		top:-37px;
	}
}


/*
	鹿児島県産紅はるか
-----------------------------------------------------------------------------------------------*/
/* タイトル */
#beniharuka #titJourneyPageOut{
	background-image:url(../images/bg_journey_beniharuka_pc.png);
}
#beniharuka #titJourneyPageIn::before{
	width:410px;
	height:309px;
	background:url("../images/journey_ beniharuka2025_mainImg.png") top left no-repeat;
	background-size: cover;
	right: 30px;
	bottom:-95px;
}
#beniharuka #titJourneyPageIn::after{
	width:174px;
	height:230px;
	background:url("../images/map_journey_kagoshima.png") top left no-repeat;
	background-size: cover;
	bottom:-140px;
}
@media screen and (max-width:667px){
	#beniharuka #titJourneyPageOut{
		background-image: url(../images/bg_journey_beniharuka_sp.png);
	}
	#beniharuka #titJourneyPageIn::before{
		width:150px;
		height:160px;
		background-size: cover;
		right: 0;
		bottom:-40px;
	}
	#beniharuka #titJourneyPageIn::after{
		width:87px;
		height:116px;
		background-size: cover;
		bottom:-50px;
		right: 100px;
	}
}

/* カラー */
#beniharuka .page2colArea .txtBox::after,
#beniharuka #bnrArea .lbl{
	background-color: #cba720;
}

/* バナー */
#beniharuka #bnrArea::after{
	background:url("../images/bg_bnrImg2025_beniharuka.png") top left no-repeat;
	width: 578px;
	height: 331px;
}
#beniharuka #bnrArea .nameArea .kerning{
	letter-spacing: -0.2rem;
}
@media screen and (max-width:667px){
	#beniharuka #bnrArea::after{
		background-size: cover;
		width: 250px;
		height: 144px;
		top:-37px;
	}
}


/* 日本農業遺産認定マーク用（イレギュラーパーツ） */
.markSetTxt {
	position: relative;
	z-index: 1;
}
.markSetPhoto {
	position: relative;
	z-index: 0;
	}

.markNintei {
	width: 190px;
	position: absolute;
	bottom:1px;
	right: 28px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);	
	
	}
.markNintei img {
	width: 100%;
	}

@media screen and (max-width:667px){
	.markNintei {
	width: 30%;
	position:static;
	position: absolute;
	top:4px;
	right: 4px;
	box-shadow: none;
	}
}