@charset "UTF-8";


/* -------------------------- */
/* content */
/* -------------------------- */

.column + .column {
	margin: 25px auto;
}

/* first view */
.top_view {
	margin-bottom: 25px;
}
	.mainVisual {
		position: relative;
		min-height: 10px;
	}
		.mainVisual .txt_copy {
			position: absolute;
			z-index: 200;
			top: 0;
			width: 100%;
			height: 100%;
			padding-left: 30px;
		}
			.mainVisual .txt_copy span {
				display: block;
				position: relative;
				top: 50%;
				-webkit-transform: translate(0, -50%);
				-ms-transform: translate(0, -50%);
				transform: translate(0, -50%);
				line-height: 0;
			}
				.mainVisual .txt_copy span img {
					max-width: 40%;
					height: auto;
				}

	.top_view .item_view {
		width: 100%;
	}
	.top_view .item_view .sp_bnr_onlinshop {
		display: block;
		padding: 20px 15px 0 15px;
		text-align: center;
		font-size: 1.8rem;
	}
	.top_view .item_view .sp_bnr_onlinshop a:hover {
		text-decoration: none;
		opacity: 0.7;
	}
		.top_view .item_view .top_pickup {
			position: relative;
			padding: 33px 15px 0 15px;
		}
		.top_view .item_view .top_pickup::before {
			content: '';
			position: absolute;
			top: 15px;
			left: 15px;
			right: 15px;
			height: 3px;
			background-color: #79604b;
		}
			.top_view .item_view .top_pickup .title_pickup {
				width: 27%;
			}
			.top_view .item_view .top_pickup .top_pickup_inner {
				width: 73%;
				
				width: 100%;
				-ms-display: flex;
				display: flex;
				-ms-flex-direction: row;
			  flex-direction: row;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
				padding: 0 7px;
				justify-content: space-between;
			}
				.top_view .item_view .top_pickup .top_pickup_inner .top_pickup_List {
					position: relative;
					width: 50%;
					padding-left: 17px;
				}
					.top_view .item_view .top_pickup .top_pickup_inner .top_pickup_List .txtTitle {
						order: 2;
						margin-bottom: 0;
						text-align: left;
						font-weight: bold;
						font-size: 1.2rem;
						line-height: 1.4;
					}
					.top_view .item_view .top_pickup .top_pickup_inner .top_pickup_List .thum_img {
						margin-bottom: 10px;
						min-height: 10px;
					}
					.top_view .item_view .top_pickup .top_pickup_inner .top_pickup_List .icon_new {
						position: absolute;
						top: -11px;
						right: -11px;
						width: 22px;
					}
					.top_view .item_view .top_pickup .top_pickup_inner .top_pickup_List a {
						transition: .5s;
					}
					.top_view .item_view .top_pickup .top_pickup_inner .top_pickup_List a:hover {
						text-decoration: none;
						filter:alpha(opacity=70);
						-moz-opacity: 0.7;
						opacity: 0.7;
					}

			.top_view .item_view .top_pickup .readmoreBox {
				padding: 35px 0;
			}

	.top_view .weekly_flyer {
		display: table;
		width: 100%;
	}
		.top_view .weekly_flyer .date_weekly_flyer {
			display: table-cell;
			width: 20%;
			background-color: #ece1d9;
			text-align: center;
			vertical-align: middle;
			font-family: 'Muli', sans-serif;
			font-weight: 700;
			font-size: 2.2rem;
			line-height: 1.2;
		}
			.top_view .weekly_flyer .date_weekly_flyer .release {
				display: inline;
				padding: 3px;
				background-color: #79604b;
				border-radius: 3px;
				color: #fff;
				font-weight: 400;
				font-size: 1.0rem;
			}
			.top_view .weekly_flyer .date_weekly_flyer small {
				display: block;
				font-size: 1.0rem;
			}
			.top_view .weekly_flyer .date_weekly_flyer small:first-of-type {
				padding-top: 10px;
			}
		.top_view .weekly_flyer .weekly_flyer_list {
			display: table-cell;
			width: 80%;
			padding: 15px;
			background-color: #fff;
		}
			.top_view .weekly_flyer .weekly_flyer_list .flexible_x_type02 {
				align-items: center;
			}
				.top_view .weekly_flyer .weekly_flyer_list .thum_img {
					width: 100px;
					min-height: 10px;
				}
				.top_view .weekly_flyer .weekly_flyer_list .txtBox {
					padding-left: 15px;
				}
					.top_view .weekly_flyer .weekly_flyer_list .txtBox .title_flyer {
						font-weight: bold;
						font-size: 1.4rem;
						line-height: 1.4;
					}
					.top_view .weekly_flyer .weekly_flyer_list .txtBox .btn_flyer {
						width: 150px;
						margin-top: 10px;
					}
						.top_view .weekly_flyer .weekly_flyer_list .txtBox .btn_flyer a {
							position: relative;
							display: block;
							width: 100%;
							height: 30px;
							background-color: #7dad49;
							border-radius: 3px 0 0 3px;
							text-align: center;
							color: #fff;
							font-weight: bold;
							font-size: 1.2rem;
							line-height: 30px;
							transition: .5s;
						}
						.top_view .weekly_flyer .weekly_flyer_list .txtBox .btn_flyer a::after {
							content: "";
						  position: absolute;
						  top: 0;
						  right: -10px;
						  border-style: solid;
							border-width: 15px 0 15px 10px;
							border-color: transparent transparent transparent #7dad49;
						}
							.top_view .weekly_flyer .weekly_flyer_list .txtBox .btn_flyer a .icon {
								margin-right: 5px;
								width: 12px;
								height: 12px;
								vertical-align: text-bottom;
								fill: #fff;
							}
						.top_view .weekly_flyer .weekly_flyer_list .txtBox .btn_flyer a:hover {
							filter:alpha(opacity=70);
							-moz-opacity: 0.7;
							opacity: 0.7;
							text-decoration: none;
						}
					
/* column */
.column .columnList:nth-of-type(n+5) {
	display: none;
}
	.column .columnList a {
		text-decoration: none;
	}

/* readmoreBox */
.readmoreBox {
	padding: 35px 15px;
}
	.readmoreBox .icon_readmore {
		width: 170px;
		margin: 0 auto 20px;
		line-height: 0;
	}
	.readmoreBox .btnList {
	}
		.readmoreBox .btnList li {
			max-width: inherit;
			width: 100%;
		}
		.readmoreBox .btnList li:not(:last-child) {
			margin-bottom: 10px;
		}


/* info */
.info {
	padding: 25px 0 0;
	background-color: rgba(0, 0, 0, 0.03);
}
.info .sectionTitle {
	margin-bottom: 25px;
}
.info .info_list .info_list_pickup a {
}
	.info .info_list .info_list_pickup a figure {
		margin-bottom: 15px;
	}



/* ================================================================================================================================================================================== */
/* pc */
/* ================================================================================================================================================================================== */

@media only screen and (min-width:768px) {

/* -------------------------- */
/* content */
/* -------------------------- */

.column + .column {
	margin: 35px auto;
}

/* first view */
.top_view {
	margin-bottom: 35px;
}
	.mainVisual {
	}
		.mainVisual .txt_copy {
			padding-left: 50px;
		}
			.mainVisual .txt_copy span {
			}
				.mainVisual .txt_copy span img {
					max-width: 30%;
					height: auto;
				}
	.top_view .item_view {
	}
	.top_view .item_view .sp_bnr_onlinshop {
		padding: 33px 25px 0 25px;
	}
	.top_view .item_view .sp_bnr_onlinshop a:hover{
		opacity: 0.7;
		text-decoration: none;
	}
		.top_view .item_view .top_pickup {
			padding: 53px 25px 0 25px;
		}
		.top_view .item_view .top_pickup::before {
			top: 25px;
			left: 25px;
			right: 25px;
		}
			.top_view .item_view .top_pickup .title_pickup {
				width: 35%;
				padding-right: 100px;
			}
			.top_view .item_view .top_pickup .top_pickup_inner {
				width: 65%;
			}
				.top_view .item_view .top_pickup .top_pickup_inner .top_pickup_List {
					padding-left: 25px;
				}
					.top_view .item_view .top_pickup .top_pickup_inner .top_pickup_List .txtTitle {
						font-size: 1.4rem;
						line-height: 1.6;
					}
					.top_view .item_view .top_pickup .top_pickup_inner .top_pickup_List .thum_img {
						margin-bottom: 15px;
					}
					.top_view .item_view .top_pickup .top_pickup_inner .top_pickup_List .icon_new {
						top: -16px;
						right: -16px;
						width: 34px;
					}

	.top_view .weekly_flyer {
	}
		.top_view .weekly_flyer .date_weekly_flyer {
			font-size: 2.8rem;
		}
			.top_view .weekly_flyer .date_weekly_flyer .release {
				font-size: 1.2rem;
			}
			.top_view .weekly_flyer .date_weekly_flyer small {
				font-size: 1.2rem;
			}
		.top_view .weekly_flyer .weekly_flyer_list {
			padding: 25px;
		}
			.top_view .weekly_flyer .weekly_flyer_list .flexible_x_type02 {
				-ms-flex-direction: row;
				flex-direction: row;
			}
				.top_view .weekly_flyer .weekly_flyer_list .thum_img {
					width: 25%;
				}
				.top_view .weekly_flyer .weekly_flyer_list .txtBox {
					width: 75%;
					padding-left: 25px;
				}
					.top_view .weekly_flyer .weekly_flyer_list .txtBox .title_flyer {
						text-align: center;
						font-size: 1.4rem;
					}
					.top_view .weekly_flyer .weekly_flyer_list .txtBox .btn_flyer {
						margin: 20px auto 0;
					}


/* column */
.column .columnList:nth-of-type(n+5) {
	display: block;
}

/* readmoreBox */
.readmoreBox {
	padding: 45px 25px;
}
	.readmoreBox .btnList {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
		.readmoreBox .btnList li {
			width: 230px;
		}
		.readmoreBox .btnList li:not(:last-child) {
			margin-bottom: 0;
			margin-right: 10px;
		}


/* info */
.info {
	padding: 40px 0 0;
}
	.info .sectionTitle {
		margin-bottom: 40px;
	}
	.info .readmoreBox {
		padding-top: 40px;
	}
	.info .info_list .info_list_pickup a {
		width: 100%;
		-ms-display: flex;
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: flex-start;
		-ms-flex-align: flex-start;
		align-items: flex-start;
	}
	.info .info_list .info_list_pickup a figure {
		width: 306px;
		margin-bottom: 0;
		padding-right: 15px;
	}


}


/* ================================================================================================================================================================================== */
/* pc */
/* ================================================================================================================================================================================== */

@media only screen and (min-width:1024px) {

/* -------------------------- */
/* content */
/* -------------------------- */

.column + .column {
	margin: 50px auto;
}

/* first view */
.top_view {
	margin-bottom: 50px;
}
.top_view:last-of-type {
	margin-bottom: 0;
}
	.mainVisual {
		width: 58%;
	}
		.mainVisual .txt_copy {
			padding-left: 55px;
		}
			.mainVisual .txt_copy span {
			}
				.mainVisual .txt_copy span img {
					max-width: 40%;
					height: auto;
				}
	.top_view .item_view {
		width: 42%;
	}
	.top_view:nth-of-type(2) .item_view {
		width: 100%;
		max-width: 1194px;
		margin: 0 auto;
	}
	.top_view .item_view .sp_bnr_onlinshop {
		display: none;
	}
		.top_view .item_view .top_pickup {
			padding: 0 40px;
			overflow: hidden;
		}
		.top_view .item_view .top_pickup::before {
			top: 0;
			left: 45px;
			right: 45px;
		}
			.top_view .item_view .top_pickup .top_pickup_flex {
				display: block;
				display: flex;
				justify-content: space-between;
				padding-top: 30px;
			}
				.top_view .item_view .top_pickup .title_pickup {
					width: 140px;
					margin-bottom: 25px;
					padding-left: 10px;
					padding-right: 0;
				}
				.top_view .item_view .top_pickup .top_pickup_inner {
					width: 80%;
					position: relative;
					right: 0;
				}
					.top_view .item_view .top_pickup .top_pickup_inner .top_pickup_List {
						padding-left: 0;
					}
					.top_view .item_view .top_pickup .top_pickup_inner .top_pickup_List:nth-of-type(odd) {
						padding-right: 15px;
					}
					.top_view .item_view .top_pickup .top_pickup_inner .top_pickup_List:nth-of-type(even) {
						padding-left: 15px;
					}
						.top_view .item_view .top_pickup .top_pickup_inner .top_pickup_List .txtTitle {
							font-size: 1.4rem;
							line-height: 1.6;
						}
						.top_view .item_view .top_pickup .top_pickup_inner .top_pickup_List .thum_img {
							margin-bottom: 15px;
						}

	.top_view .weekly_flyer {
		padding: 0 65px;
	}
		.top_view .weekly_flyer .date_weekly_flyer {
			width: 30%;
			font-size: 2.8rem;
		}
			.top_view .weekly_flyer .date_weekly_flyer .release {
				font-size: 1.2rem;
			}
			.top_view .weekly_flyer .date_weekly_flyer small {
				font-size: 1.2rem;
			}
		.top_view .weekly_flyer .weekly_flyer_list {
			width: 70%;
			padding: 15px;
		}
			.top_view .weekly_flyer .weekly_flyer_list .flexible_x_type02 {
				-ms-flex-direction: column;
				flex-direction: column;
			}
				.top_view .weekly_flyer .weekly_flyer_list .thum_img {
					width: 120px;
					margin: 0 auto 18px;
				}
				.top_view .weekly_flyer .weekly_flyer_list .txtBox {
					width: 100%;
					padding-left: 0;
				}
					.top_view .weekly_flyer .weekly_flyer_list .txtBox .title_flyer {
						font-size: 1.4rem;
					}


/* readmoreBox */
.readmoreBox {
	padding: 65px 0;
}
	.readmoreBox .icon_readmore {
		width: 190px;
	}
		.readmoreBox .btnList li {
			width: 250px;
		}

/* info */
.info {
	padding: 65px 0 0;
}
	.info .info_list .info_list_pickup .date {
		width: auto;
	}
	.info .info_list .info_list_pickup .title {
		margin-top: 10px;
		padding-left: 0;
	}

}


/* ================================================================================================================================================================================== */
/* pc */
/* ================================================================================================================================================================================== */

@media only screen and (min-width:1280px) {

/* -------------------------- */
/* content */
/* -------------------------- */

.column + .column {
	margin: 60px auto;
}

/* first view */
.top_view {
	margin-bottom: 60px;
}
	.top_view .item_view {
	}
		.top_view .item_view .top_pickup {
		}
			.top_view .item_view .top_pickup .top_pickup_flex {
				padding-top: 50px;
			}
				.top_view .item_view .top_pickup .title_pickup {
					width: 164px;
					margin-bottom: 50px;
				}
				.top_view .item_view .top_pickup .top_pickup_inner {
				}
					.top_view .item_view .top_pickup .top_pickup_inner .top_pickup_List:nth-of-type(odd) {
						padding-right: 32px;
					}
					.top_view .item_view .top_pickup .top_pickup_inner .top_pickup_List:nth-of-type(even) {
						padding-left: 32px;
					}
						.top_view .item_view .top_pickup .top_pickup_inner .top_pickup_List .txtTitle {
							font-size: 1.6rem;
						}
						.top_view .item_view .top_pickup .top_pickup_inner .top_pickup_List .thum_img {
							margin-bottom: 30px;
						}

	.top_view .weekly_flyer {
	}
		.top_view .weekly_flyer .date_weekly_flyer {
			width: 25%;
			font-size: 4.2rem;
		}
		.top_view .weekly_flyer .weekly_flyer_list {
			width: 75%;
			padding: 30px;
		}
			.top_view .weekly_flyer .weekly_flyer_list .flexible_x_type02 {
			}
				.top_view .weekly_flyer .weekly_flyer_list .thum_img {
					width: 200px;
					margin: 0 auto 20px;
				}
				.top_view .weekly_flyer .weekly_flyer_list .txtBox {
				}
					.top_view .weekly_flyer .weekly_flyer_list .txtBox .title_flyer {
						margin-bottom: 20px;
						font-size: 1.6rem;
					}
}