@charset "UTF-8";

/*--------------------------------------
	タイトルエリア
---------------------------------------*/

.hdrArea {
	background-image: url(../img/bg_hdrarea.gif);
}
.hdrArea__donpen{
	margin-right:0;
}

.chirashiLead{
	margin-bottom:40px;
}
.chirashiLead__img{
	width:100%;
	height:auto;
}


/*--------------------------------------
	アイコンつき見出し
---------------------------------------*/
.hdr__icon--chirashi{
	width:46px;
	height:36px;
	margin:-10px 0.5em -10px 0;
	background:url(../img/icon_chirashi.png) no-repeat 0 0;
}

@media only screen and (max-width: 767px) {
.hdr__icon--chirashi{
	background:url(../img/icon_chirashi_sp.png) no-repeat 0 0;
	background-size:46px auto;
}
}

/*--------------------------------------
	チラシリスト
---------------------------------------*/
.chirashilist{
	display:table;
	width:100%;
	padding:0;
}
.chirashilist__tmb{
	display:table-cell;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	width:250px;
	padding:25px 0 25px 25px;
}
.chirashilist__txt{
	display:table-cell;
	*display:inline;
	*zoom:1;
	*width:55%;
	vertical-align:top;
	padding:25px;
}
.chirashiPeriod{
	display:table;
	margin:5px 0 20px;
}
.chirashiPeriod__hdr{
	display:table-cell;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	padding-right:15px;
}
.chirashiPeriod__txt{
	display:table-cell;
	*display:inline;
	*zoom:1;
	color:#ff3c3c;
	font-size:139%;
	font-weight:bold;
	vertical-align:middle;
}
.chirashiImg{
	display:block;
	margin:auto;
	width:auto;
	height:176px;
}
@media only screen and (max-width: 767px) {
.chirashiArea{
	margin-bottom:60px;
}
.chirashilist{
	display:block;
	width:auto;
	padding:20px;
}
.chirashilist__tmb{
	display:block;
	width:100%;
	margin-bottom:15px;
	padding:0;
}
.chirashilist__txt{
	display:block;
	width:100%;
	padding:0;
}
.chirashiPeriod{
	margin:0 auto 15px;
}
.chirashiPeriod__txt{
	font-size:108%;
}
.chirashiPeriod__hdr{
	padding-right:3px;
}

.chirashiPeriod__icon{
	width:38px;
	height:auto;
	vertical-align:middle;
}
.chirashiBtn{
	text-align:center;
	margin-bottom:15px;
}
.chirashiImg--yoko{
	width:100%;
	height:auto;
}
.chirashiImg--tate{
	width:50%;
	height:auto;
}
}
/*ワードラップの結果余白があく対策*/
@media only screen and (max-width: 370px) {
.chirashiPeriod__txt{
	width:9em;
}
}