@charset "UTF-8";

.cts {
    padding: 30px 0 30px;
}
.hdr2{
	 margin-bottom:40px;
	 border-bottom:solid 2px #ffe200;
	background:url(../img/title_bg.png) #f9efd9;
 }
 .hdr.hdr2{
	 padding: 16px 15px 13px 15px;
 }
.hdr.hdr2, .hdr2 .hdrBlock__title {
    font-size: 160%;
}

.chirashiAreaList{
	margin-top:0;
	margin-bottom:25px;
}
/*短縮型（アイコンなし）*/
.linkList--short > a{
	 display:inline-block;
	 *display:inline;
	 *zoom:1;
	 margin:0 0.8em 0.8em 0;
	 padding-right:1em;
	 border-right:solid 1px #cdcdcd;
	 box-sizing:border-box;
	 text-decoration:none;
	line-height: 1.1em;
 }
 .linkList--short > a:last-child{
	 margin-right:0;
	 padding-right:0;
	 border-right:none;
 }
 .chirashiAreaBlock{
	border-radius:11px;
	border-left:solid 1px #ebebeb;
	margin-bottom:45px;
}
.chirashiAreaBlock--noHdr{
	border-top:solid 1px #ebebeb;
}
.chirashiAreaBlockHdr{
	background:#fff59a;
	border-radius:11px 11px 0 0;
	border-top:solid 1px #ebebeb;
	border-right:solid 1px #ebebeb;
	border-bottom:solid 1px #ffe200;
	padding:10px 15px 10px 10px;
	font-size:153.9%;
}
.chirashiAreaBlockTtl{
	padding:13px 20px;
	background:#eee;
	font-size:123.1%;
	font-weight:bold;
}
.chirashiAreaBlockList{
	display:-webkit-flex;
	display:flex;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -o-flexbox;
	display: flexbox;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-align-items:stretch;
	-moz-align-items:stretch;
	align-items:stretch;
	flex-align:stretch;
	letter-spacing: -0.4em;
}
.chirashiAreaBlockList > li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding:13px 20px;
	border-right:solid 1px #ebebeb;
	border-bottom:solid 1px #ebebeb;
	width:33.33%;
	font-size:108%;
	letter-spacing: normal;
	vertical-align:middle;
	box-sizing:border-box;
}
.chirashiAreaBlockList:last-child > li:last-child {
	border-radius:0 0 11px 0;
}
.chirashiAreaBlockList:last-child > li:nth-last-child(3) {
	border-radius:0 0 0 11px;
}
.chirashiAreaBlock--noHdr .chirashiAreaBlockList > li:nth-child(3) {
	border-top-right-radius:11px;
}
.att{
	margin:-20px 0 20px;
	color: red;
	font-size: 85%;
}
 
@media only screen and (max-width: 767px) {
	.cts {
	    padding: 15px 0 15px;
	    min-width: 0;
	}
	.hdr2{
		margin-bottom: 25px;
	}
	.hdr.hdr2{
		 padding-top: 12px;
		 padding-bottom:10px;
	 }
	.hdr.hdr2, .hdr2 .hdrBlock__title{
		font-size:122%;
	 }

	.linkList--short {
	    display: -webkit-flex;
	    display: flex;
	    display: -webkit-flexbox;
	    display: -moz-flexbox;
	    display: -ms-flexbox;
	    display: -o-flexbox;
	    display: flexbox;
	    -webkit-flex-wrap: wrap;
	    flex-wrap: wrap;
	    -webkit-align-items: stretch;
	    -moz-align-items: stretch;
	    align-items: stretch;
	    letter-spacing: -0.4em;
	    font-size: 86%;
	    border-top: solid 1px #eaeaea;
	    border-left: solid 1px #eaeaea;
	    margin: -20px auto 0;
	}
	.linkList--short > a , .linkList--short >a:last-child{
		display: inline-block;
		*display:inline;
		*zoom:1;
		padding: 10px;
		margin: 0;
		padding: 8px;
		width: 33%;
		box-sizing:border-box;
		letter-spacing:normal;
		text-align: center;
		border: none;
		border-bottom: solid 1px #eaeaea;
		border-right: solid 1px #eaeaea !important;
	}
	.linkList--short > a.link--now {
		color:#000;
		background:#ffee5f;
	}
	.chirashiAreaList{
		margin-top:0;
		margin-bottom:25px;
	}
}
@media only screen and (max-width: 520px) {
	.chirashiAreaHdr{
		font-size:116%;
		padding:13px 45px;

	}
	.chirashiPeriod--area{
		font-size:100%;
	}
	.chirashiPeriod--area .chirashiPeriod__icon{
		width:30px;
	}
	.chirashiAreaBlockHdr{
		font-size:116%;
	}
	.chirashiAreaList{
		font-size:93%;
	}
	.chirashiAreaCts{
		margin:15px;
	}
	.chirashiAreaBlockTtl{
		padding:13px 15px;
		font-size:108%;
	}
	.chirashiAreaBlockList > li{
		width:50%;
		padding:13px 15px;
		font-size:100%;
	}
	.chirashiAreaBlockList:last-child > li:nth-last-child(3) {
		border-radius:0;
	}
	.chirashiAreaBlockList:last-child > li:nth-last-child(2) {
		border-radius:0 0 0 11px;
	}
}
/*footer -------------------------------*/
footer.shopft{
width:100%;
background:#ccc;
overflow:hidden;
border-top:1px solid #ccc;
}
footer.shopft #copy{
width:970px;
margin:0 auto;
padding:20px 0 10px 20px;
line-height:1.2em;
font-size:90%;
text-align:left;
font-weight:bold;
color:#000;
}

