@charset "UTF-8";

/* 2026/2作成 コープのお店css */
.kv_tit_bg img {
	position:absolute;
	bottom:-2px;
	width:100%;
}
.midasi01 {
	font-weight: bold;
	font-family: 'Noto Sans JP', sans-serif !important;
	font-size: 1.2em !important;
}
.midasi01 b {
	color: #FF5810;
}

/* お店からのお知らせ */
.daytxt {
	font-size: 90%;
	margin-bottom: 10px;
	display: block;
	color:#919191;
}
.newsarea ul.info li {
	border-bottom:1px solid #DDDDDD;
	margin-bottom:20px;
	padding:0 30px 20px 0;
	position: relative;
}
.newsarea ul.info li:after {
	position: absolute;
	right: 0;
	top: 50%;
	color: #FF5810;
	font-family: FontAwesome;
	content: "\f105";
	vertical-align: middle;
}
.newsarea ul.info li a {
	display: block;
}

.pickuparea {
	padding-top:50px !important;
	padding-bottom:35px !important;
}
.pickuparea h2 {
	padding:0 20px;
}

.bg_y {
	padding-top:30px;
	padding-bottom:25px;
	margin-bottom:40px;
}
.shoplist_box {
	background:#ffffff;
	padding:12px 20px 20px;
	margin-bottom:20px;
	box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.15);
	position: relative;
}
.shoplist_box .icon_img {
	position: absolute;
	top:17px;
	right:17px;
	width:8%;
}
.shop_tit {
	color:#660909;
	font-size:120%;
	text-align:center;
	font-family: 'Noto Sans JP', sans-serif !important;
	font-weight:bold;
	margin-bottom:14px;
}
.shoplist_box img.shop_img {
	width:49%;
	vertical-align: middle;
	display: inline-block;
}
.shoplist_box .shop_btn {
	width: 46%;
	vertical-align: middle;
	display: inline-block;
	margin-left:3.5%;
}
.shoplist_box .shop_btn a {
	font-family: 'Noto Sans JP', sans-serif !important;
	color:#ffffff !important;
	text-align:center;
	border-radius:50px;
	display: block;
	padding: 8px 12px 10px 0;
	font-weight:bold;
	position: relative;
	vertical-align: middle;
	line-height: 1;
}
.shoplist_box .shop_btn a:after {
	position: absolute;
	right:10px;
	top: 50%;
	margin-top: -9px;
	color: #ffffff;
	font-family: FontAwesome;
	content: "\f105";
	vertical-align: middle;
	line-height: 1;
}
.btn_more {
	background:#ffac3e;
	margin-bottom:8px;
}
.btn_flyer {
	background:#ff6600;
}

.slider img {
	border:solid 1px #c3c2c1;
}


/* KV用 */
@media screen and ( max-width:1460px ) {

}

@media screen and ( min-width:961px ) {

}
@media (min-width:641px) and (max-width:960px) {

}

/* PC用 */
@media screen and ( min-width:641px ) {
	.kv_tit_bg {
		background:url(../new_img/kv_shop_pc.webp);
		background-size: cover;
		background-position: center;
		padding:150px 0;
		position: relative;
		margin-bottom:60px;
	}
	.kv_tit_bg h1 {
		text-align:center;
		color:#ffffff;
		font-family: 'Noto Sans JP', sans-serif !important;
		letter-spacing: 0.2em;
		font-size: 3rem;
	}

	.pickuparea h2 img,
	.newsarea h2 img {
		width:125px;
		margin:0 auto;
		display: block;
	}

	.newsarea ul {
		margin:30px 100px 60px !important;
	}

	.shoplist ul li {
		float:left;
		width:32%;
		margin-right:2%;
	}
	.shoplist ul li:nth-child(3n) {
		margin-right:0;
	}

	.more_link {
		text-align: right;
		margin:10px 0 50px;
	}
	.shop_bnr {
		width:80%;
		margin:0 10% 100px;
	}
	.shop_bnr li {
		float: left;
		width:48%;
		margin-right:4%;
	}
	.shop_bnr li:nth-child(2n) {
		margin-right:0;
	}

}

/* スマホ用 */
@media screen and ( max-width:640px ) {
	.kv_tit_bg {
		background:url(../new_img/kv_shop.webp);
		background-size: cover;
		background-position: center;
		padding:80px 0;
		position: relative;
	}
	.kv_tit_bg h1 {
		text-align:center;
		color:#ffffff;
		font-family: 'Noto Sans JP', sans-serif !important;
		letter-spacing: 0.15em;
		font-size:160%;
	}

	.pickuparea h2 img,
	.newsarea h2 img {
		width:40%;
		margin:0 30%;
	}

	.more_link {
		text-align: right;
		margin:10px 0 40px;
	}
	.shop_bnr {
		margin-bottom:70px;
	}
	.shop_bnr p {
		margin-bottom:10px;
	}

}


/**********************/
/**  チラシページ css  **/
/**********************/
.news_days {
	text-align: right;
	color: #774d27;
	margin-bottom:10px;
	font-weight: bold;
}
.bg_p {
	padding-top:30px;
	padding-bottom:25px;
	margin-bottom:40px;
	background:#ffefef;
}
.appline {
	width:28%;
	vertical-align: top;
	display: inline-block;
	border: 1px solid #DDDEDD;
  border-radius: 15px;
}

/* PC用 */
@media screen and ( min-width:641px ) {
	.shop_area,
	.instabtn {
		margin-bottom:80px;
	}
	.kyoutsu_area .column_2 {
		margin-bottom:60px;
	}
}

/* スマホ用 */
@media screen and ( max-width:640px ) {
	.shop_area { margin-bottom:60px; }
	.kyoutsu_area { margin-bottom:40px; }
	.waribiki,
	.waribiki img {
		margin-bottom:20px;
	}
	.app_area h2 {
		text-align:center;
		margin-bottom:20px;
	}
	.instabtn {
		margin-bottom:40px;
	}
	.instarecipe {
    padding-bottom:20px !important;
	}
}


/**********************/
/** 店舗詳細ページ　css **/
/**********************/
.tenpoinfo ul li {
	border-bottom: 1px solid #ccc;
	padding:10px 0;
}
.tenpoinfo ul li:last-child {
	border-bottom:none;
}

/* PC用 */
@media screen and ( min-width:641px ) {
}

/* スマホ用 */
@media screen and ( max-width:640px ) {
	.setsubi li {
		float:left;
		width:32%;
		margin-right:2%;
	}
	.setsubi li:nth-child(3n) {
		margin-right:0;
	}
}
