
.hayawari {
	position: relative;
	width: 100%;
	background-color: #a0c8ce;
	margin-bottom: 40px;
}
.hayawari img {
	width: 100%;
	height: auto;
}
.hayawari a,
.hayawari a img,
.hayawari a:hover,
.hayawari a:hover img {
	transition: all 0.2s;
}

.hayawari h1 {
	position: relative;
	width: 100%;
	margin-bottom: 0;
}
.hayawari ul {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	padding: 10px 20px 20px;
	box-sizing: border-box;
}
.hayawari ul li {
	width: calc((100% - 20px*2)/3);
}
.hayawari ul li a {
	display: block;
}
.hayawari ul li:hover a img {
	opacity: 0.8;
}



#c_5580 ul.list_clm_irr {
	position: relative;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 20px;
}
#c_5580 ul.list_clm_irr > li {
	position: relative;
	width: calc((100% - 20px*1)/2);
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
}
#c_5580 ul.list_clm_irr > li:nth-child(n+5) { width: calc((100% - 20px*2)/3); }

#c_5580 ul.list_clm_irr > li > a {
	display: block;
}
#c_5580 ul.list_clm_irr > li > a h4,
#c_5580 ul.list_clm_irr > li > a h5 {
	font-size: 14px;
	text-align: center;
}
#c_5580 ul.list_clm_irr > li > a img {
	margin-bottom: 12px;
}
#c_5580 ul.list_clm_irr > li:hover > a img {
	opacity: 0.8;
}




/* アプリ限定クーポン*/

#c_5580 #app_coupon {
	position: relative;
	width: 100%;
	margin-bottom: 40px;
}
#c_5580 #app_coupon h3 {
	position: relative;
	width: 100%;
	font-size: 20px;
	margin-bottom: 0.75em;
}
#c_5580 #app_coupon h3 span {
	position: relative;
	display: inline-block;
	font-size: 20px;
	font-weight: 700;
}
#c_5580 #app_coupon h3 span::after {
	position: absolute;
	left: 0;
	bottom: 0;
	display: inline-block;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #48413b;
}

#c_5580 .cpn_cml2 {
	position: relative;
	width: 100%;
	display: flex;
	gap: 40px;
}
#c_5580 .cpn_cml2 li {
	position: relative;
	width: calc((100% - 40px*1)/2);
}
#c_5580 .cpn_cml2 li a {
	display: block;
}
#c_5580 .cpn_cml2 li a img {
	width: 100%;
	height: auto;
}
#c_5580 .cpn_cml2 li:hover img {
	opacity: 0.8;
}

#c_5580 .att {
	position: relative;
	width: 100%;
	margin-top: 16px;
}

#c_5580 #app_coupon.bg_summer {
	position: relative;
	width: 100%;
	padding: 15px 30px 30px;
	box-sizing: border-box;
	background-color: #edf8ff;
	margin-bottom: 40px;
}

#c_5580 h3.h_summer {
	position: relative;
	width: 100%;
	font-size: 24px!important;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 0.5em!important;
	text-align: center;
	text-decoration: none!important;
}
#c_5580 h3.h_summer > span {
	color: #7791b1;
	font-size: 70%!important;
	display: block!important;
}
#c_5580 h3.h_summer > span::after {
	display: none!important;
}