@charset "UTF-8";

/*
	ページタイトル
-----------------------------------------------------------------------------------------------*/
#titPageOut{
	background-image: url(../images/bg_base_curve01.png), url(../images/bg_lineup2024_soft_pc.png), url(../images/bg_lineup_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_curve01.png), url(../images/bg_lineup2024_soft_sp.png), url(../images/bg_lineup_sp.png);
		background-position: center bottom -1px, right bottom, center center;
	}
}

/*
	ラインナップ
-----------------------------------------------------------------------------------------------*/
.titDouble{
	display:-ms-flex;
	display:flex;
	-ms-align-items: center;
	align-items: center;
	margin: 0 0 20px;
	padding: 0 0 5px;
	font-family: 'Noto Serif JP', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	font-size: 1.8rem;
	color: #42210b;
	font-weight: bold;
	border-bottom: 6px double #42210b;
}
.titDouble span{
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 5px 10px;
	font-size: 1.2rem;
	color: #fff;
	line-height: 100%;
	background-color: #eb6161;
}
@media screen and (max-width:667px){
	.titDouble{
		margin: 0 0 15px;
		padding: 0 0 3px;
		font-size: 1.6rem;
	}
}

/* リスト */
#listLineUp{
	display:-ms-flex;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content:space-between;
	justify-content:space-between;
}
#listLineUp li{
	width: 500px;
	position: relative;
}
#listLineUp li:nth-of-type(n+3){
	margin: 60px 0 0;
}
#listLineUp li figure{
	position: relative;
	z-index: 1;
}
#listLineUp li figure img{
	width: 100%;
}
@media screen and (max-width:667px){
	#listLineUp li{
		width: 100%;
	}
	#listLineUp li:nth-of-type(n+2){
		margin: 30px 0 0;
	}
}
@media screen and (orientation:landscape){
	#listLineUp li{
		width: calc((100% - 15px)/2);
	}
	#listLineUp li:nth-of-type(n+2){
		margin: 0 0 0;
	}
	#listLineUp li:nth-of-type(n+3){
		margin: 30px 0 0;
	}
}

/* マーク */
.mark{
	display:-ms-flex;
	display:flex;
	-ms-align-items: center;
	align-items: center;
	-ms-justify-content: center;
	justify-content: center;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
}
.mark span{
	display: inline-block;
	font-family: 'Noto Serif JP', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.1rem;
	text-align: center;
	line-height: 130%;
}
.mark.now{
	padding: 0 0 5px 3px;
	background-color: #ff8b00;
}
.mark.now span{
	font-size: 2.2rem;
}
.mark.end{
	background-color: #4877d6;
}
.mark.end span{
	font-size: 1.8rem;
}
@media screen and (max-width:667px){
	.mark{
		width: 95px;
		height: 95px;
	}
	.mark.now span{
		font-size: 1.5rem;
	}
	.mark.end span{
		font-size: 1.2rem;
	}
}

/* 商品情報 */
.lineupInfoArea{
	margin: -55px 0 0;
	position: relative;
	z-index: 10;
}
.lineupTit{
	margin: 0 0 5px;
	font-family: 'Noto Serif JP', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	font-size: 3.5rem;
	font-weight: bold;
	color: #42210b;
	text-shadow:0 0 15px #fff;
}
.lineupTit .plef{
	display: block;
	margin: 0 0 10px;
	font-size: 1.8rem;
	line-height: 100%;
}
.lineupTit .name{
	display: inline-block;
	padding: 0 15px;
	line-height: 100%;
	position: relative;
}
.lineupTit .name::before,
.lineupTit .name::after{
	content:' ';
	display:block;
	width:12px;
	height:36px;
	background:url(../images/bracket.svg) top left no-repeat;
	background-size: cover;
	position:absolute;
}
.lineupTit .name::before{
	top: 0;
	left: 0;
}
.lineupTit .name::after{
	bottom: 0;
	right: 0;
	transform: rotate(180deg);
}
.lineupCopy{
	margin: 0 0 10px;
	font-family: 'Noto Serif JP', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	font-size: 1.7rem;
	font-weight: bold;
}
.seasonlbl{
	display: inline-block;
	padding: 6px 8px;
	line-height: 120%;
	color: #fff;
	background-color: #eb6161;
}
.lineupSpec{
	margin: 25px 0 0;
	padding: 20px 150px 20px 20px;
	background-color: #f4ebd4;
	position: relative;
}
.lineupSpec::after{
	content:' ';
	display:block;
	position:absolute;
	top: -20px;
	right: 20px;
}
@media screen and (max-width:667px){
	.lineupInfoArea{
		margin: -40px 0 0;
	}
	.lineupTit{
		font-size: 3.0rem;
	}
	.lineupTit .plef{
		margin: 0 0 5px;
		font-size: 1.6rem;
	}
	.lineupTit .name::before,
	.lineupTit .name::after{
		width:10px;
		height:30px;
	}
	.lineupCopy{
		margin: 0 0 10px;
		font-size: 1.6rem;
	}
	.seasonlbl{
		font-size: 1.3rem;
	}
	.lineupSpec{
		margin: 15px 0 0;
		padding: 15px 120px 15px 15px;
	}
	.lineupSpec::after{
		top: -20px;
		right: 10px;
	}
}

/* 福岡 */
.amaou .seasonlbl{
	background-color: #EB615A;
}
.lineupSpec.fukuoka::after{
	width:111px;
	height:105px;
	background:url(../images/map_lu2024_fukuoka.png) top left no-repeat;
	background-size: cover;
}
@media screen and (max-width:667px){
	.lineupSpec.fukuoka::after{
		width:100px;
		height:95px;
	}
}

/* 佐賀 */
.goldkiwi .seasonlbl{
	background-color: #D3A100;
}
.lineupSpec.saga::after{
	width:110px;
	height:100px;
	background:url(../images/map_lu_saga.png) top left no-repeat;
	background-size: cover;
}
@media screen and (max-width:667px){
	.lineupSpec.saga::after{
		width:100px;
		height:91px;
	}
}

/* 宮崎 */
.mango .seasonlbl{
	background-color: #F29300;
}
.lineupSpec.miyazaki::after{
	width:96px;
	height:125px;
	background:url(../images/map_lu2024_miyazaki.png) top left no-repeat;
	background-size: cover;
}
@media screen and (max-width:667px){
	.lineupSpec.miyazaki::after{
		width:86px;
		height:112px;
	}
}

/* 千葉 */
.wanashi .seasonlbl{
	background-color: #E8B100;
}
.lineupSpec.chiba::after{
	width:101px;
	height:131px;
	background:url(../images/map_lu_chiba.png) top left no-repeat;
	background-size: cover;
}
@media screen and (max-width:667px){
	.lineupSpec.chiba::after{
		width:86px;
		height:112px;
	}
}

/* 岡山 */
.hakuto .seasonlbl{
	background-color: #F39947;
}
.lineupSpec.okayama::after{
	width:110px;
	height:108px;
	background:url(../images/map_lu_okayama.png) top left no-repeat;
	background-size: cover;
}
@media screen and (max-width:667px){
	.lineupSpec.okayama::after{
		width:100px;
		height:99px;
	}
}

/* 長野 */
.muscat .seasonlbl{
	background-color: #9EC317;
}
.lineupSpec.nagano::after{
	width:88px;
	height:123px;
	background:url(../images/map_lu2024_nagano.png) top left no-repeat;
	background-size: cover;
}
@media screen and (max-width:667px){
	.lineupSpec.nagano::after{
		width:86px;
		height:121px;
	}
}

/* 山梨 */
.kyoho .seasonlbl{
	background-color: #957bb2;
}
.lineupSpec.yamanashi::after{
	width:98px;
	height:114px;
	background:url(../images/map_lu2024_yamanashi.png) top left no-repeat;
	background-size: cover;
}

/* 鹿児島 */
.beniharuka .seasonlbl{
	background-color: #cba720;
}
.lineupSpec.kagoshima::after{
	width:95px;
	height:119px;
	background:url(../images/map_lu2025_kagoshima.png) top left no-repeat;
	background-size: cover;
}
@media screen and (max-width:667px){
	.lineupSpec.kagoshima::after{
		width:86px;
		height:121px;
	}
}

/* 商品規格 */
#specBoxOut{
	width: 310px;
}
#specBoxOut .tit{
	margin: 0 0 5px -10px;
	color: #42210b;
	font-size: 1.8rem;
	font-weight: bold;
}
#specBoxIn{
	margin: 0 0 5px;
	padding: 20px;
	background-color: #fff;
	border: 1px solid #42210b;
}
@media screen and (max-width:667px){
	#specBoxOut{
		width: 100%;
	}
	#specBoxOut .tit{
		font-size: 1.6rem;
	}
	#specBoxIn{
		padding: 15px;
	}
}