/* 共通
------------------------------------------------------------*/

img{
	max-width: 100%;
	height: auto;
}

/* 文字指定 */
.ttl_ca {
	font-size:120%; line-height:1.5; 
	letter-spacing:1px;
	padding: 20px 0px;
}
.today {
	font-size:32px; font-weight:bold;
	padding: 40px 0px 0px 0px; text-align:center;
}


section{
  clear: both;
}
section h2{
	width: 100%;
	margin: 20px auto 20px auto;
	padding: 8px;
	font-size: 32px;
	color:#fff;
	background-color:#80686C;
	font-weight:normal;
	text-align: center;
	letter-spacing:2px;
}


/* 3カラム */
.keisailist img{
	display: block;
	margin: 0 auto 5px;
}

.keisailist li{
	line-height: 2.0;
}

.keisailist .img{
	padding: 30px 24px;
	margin-bottom: 24px;
	line-height: 0 !important;
	font-size:14px;
	background: #f6f6f6;
}


/* 2カラム */
.tokuten_btn2 li{
	display: inline-block;
	width: 100%;
	margin: 20px 0px;
	text-align:center;
}
.tokuten_btn2 p{
	text-align:left;
	margin-top:10px;
}



/* RESPONSIVE 設定
------------------------------------------------------------*/

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


}


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


}


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

	.keisailist{
		text-align: center;
	}

	.keisailist li{
		display: inline-block;
		width: 27%;
		padding: 0 2.5% 40px;
		/* width: 28%;
		padding: 0 2.5% 50px; */
		margin-bottom: 0;
		vertical-align: top;
		text-align: left;
	}

}



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

	.keisailist .img{
		padding: 24px 12px;
		margin-bottom: 10px;
	}


}




@media only screen and (max-width: 640px){

	.keisailist li{
		line-height: 1.7;
	}
	.keisailist img{
		margin: 0 auto;
	}
	/* .keisailist .img{
		padding: 30px;
		margin-bottom: 20px;
	} */

	
}


@media only screen and (max-width: 799px){
	
	.keisailist li{
		margin: 0px auto 32px auto;
		display: block;
		border-bottom:solid 1px #ccc;
	}

}


.button_ss a {
  width: 140px;
  background-color: #db619c;
  border-radius: 24px;
	border:solid 1px #fff;
  color: #ffffff;
  display: block;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  margin: 20px auto;
  padding: 4px 10px 4px 10px;
	clear:both;
}
.button_ss a:hover {
	background-color: #fff;
	color: #db619c;
	border:solid 1px #db619c;
}

.button_coupon a {
  width: 140px;
  background-color: #ea5441;
  border-radius: 24px;
	border:solid 1px #fff;
  color: #ffffff;
  display: block;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  margin: 20px auto;
  padding: 4px 10px 4px 10px;
	clear:both;
}
.button_coupon a:hover {
	background-color: #fff;
	color: #ea5441;
	border:solid 1px #ea5441;
}



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

	.tokuten_btn2 li{
		width: 45%;
		vertical-align: top;
	}
	.tokuten_btn2 li:first-child{
		width: 45%;
		padding-right: 8%;
	}

}



@media only screen and (max-width: 640px){

}



@media only screen and (max-width: 480px){

}