@charset "utf-8";

/* =======================================

	手づくりパッケージを楽しもう！

======================================= */

.entry {
	text-align:center;
	margin:0 0 0 18px;
}

.entry p.lead { line-height:180%; }

/* --　1.INDEX　-- */

.entry h3 {
	padding:0;
	margin:30px 0 0 0;
	clear:both;
}


.entry p.category,
.entry p.category-cs { 
	line-height:180%;
	marigin:0;
	padding:8px 15px 0 10px;
}

.entry p.category-cs { color:#999; }

.entry .cat-ph { 
	float:right;
	marigin:0;
	padding:0 0 30px 0;
}

.entry span.btn {
	display:block;
	margin-top:20px;
}

/* はじめに */

.entry h4 {
	margin:0 0 8px 0;
}

.entry h5 {
	color:#FF7B0F;
	font-weight:bold;
	margin:5px 0 0 0;
}

.entry .before,
.entry .before02 {
	background:#FAEFCD;
	clear:both;
}

.entry .before { margin:50px 0 0 0; padding:15px;}
.entry .before02 { margin:20px 0 0 0; padding:15px; _padding:8px 15px 15px 15px; }

.entry .before .item,
.entry .before02 .item {
	margin:0;
	padding:10px 0 20px 0;
	font-size:85%;
	line-height:160%;
}

.entry .before span.ad,
.entry .before02 span.ad {
	margin:0;
	padding-top:15px;
	display:block;
}

.entry .before em,
.entry .before02 em { color:#FF7B0F; }

.entry .before-dl {
	margin:20px 0 0 0;
	padding:15px;
	background:#FAEFCD;
	clear:both;
}

.entry .before-dl .item-dl {
	margin:0;
	padding:5px 0 20px 0;
	line-height:160%;
	font-size:85%;
}


.entry dl.pagelink {
	display:block;
	margin:0;
	padding:0 0 30px 0;
	border-bottom:1px #CCC dotted;
	clear:both;
	overflow:hidden;
	_zoom:1;
}
/*
.entry dl.pagelink-end { 
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:315px;
}
*/
.entry dl.pagelink dt {
	float:left;
	margin-right:20px;
	padding:15px 0 0 0;
}

.entry dl.pagelink dt.plright {
	float:left;
	margin:0;
	padding:15px 0 0 0;
}

/* イベント別ページ */

.entry p.lead-pack { margin-bottom:30px; line-height:180%; }


.entry dl.case {
	display:block;
	float:left;
	margin:0 2% 3% 0;
	padding:0;
	width:30.7%;
}

.entry dl.case-end { 
	display:block;
	float:left;
	margin:0 0 3% 0;
	padding:0;
	width:30.7%;
}

.entry dl.case dt,
.entry dl.case-end dt {
	margin:0 0 6px 0;
}

.entry dl.case dd,
.entry dl.case-end dd {
	font-size:100%;
	font-weight:bold;
	padding-bottom:10px;
	text-align:center;
}

.entry dl.wrap-end { 
	display:block;
	float:left;
	margin:0 0 20px 0;
	padding:0;
}

.entry dl.wrap-end dt.wrap,
.entry dl.case-end dt.wrap {
	margin:0;
	padding:0;
	background:#F6F2E6;
}

.entry dl.wrap-end dd.wrap-thum,
.entry dl.case-end dd.wrap-thum {
	margin:0;
	padding:0 0 15px 15px;
	background:#F6F2E6;
	text-align:left;
}

.entry dl.wrap-end dd.wrap-thum img.wt,
.entry dl.case-end dd.wrap-thum img.wt {
	padding:0 10px 10px 0;
	_margin:0 10px 10px 0;
}


.entry dl.case dd.btn-dl-left,
.entry dl.case-end dd.btn-dl-left {
	display:block;
	text-align:center;
	line-height:200%;
	font-size:85%;
	font-weight:normal;
	float:left;
	width:49%;
}

.entry dl.case dd.btn-dl-right,
.entry dl.case-end dd.btn-dl-right {
	display:block;
	text-align:center;
	line-height:200%;
	font-size:85%;
	font-weight:normal;
	float:right;
	width:49%;
}

.entry dl.case dd em,
.entry dl.case-end dd em {
	color:#F24B13;
	font-style:normal;
	display:block;
	margin-bottom:5px;
}

.dd-small {	font-size:75%; line-height:130%; }
.clear { clear:both; }

.entry dl.case span.new-item {
	color:#CC0000;
	font-size:85%;
	font-weight:bold;
}

/* サムネイルの拡大 */

.entry dl.case dt a,
.entry dl.case-end dt a {
        display: block;
    }
.entry dl.case dt a:hover,
.entry dl.case-end dt a:hover {
        position: relative;
    }
.entry dl.case dt a .mainImage,
.entry dl.case-end dt a .mainImage {
        display: none;
    }
.entry dl.case dt a:hover .mainImage,
.entry dl.case-end dt a:hover .mainImage {
        display: block;
        position: absolute;
        top: -12%;
        left: 5%;
    }
	
.entry .bnr-recommend {
	margin:15px 0 0 15px;
	clear:both;
	display:block;
}

/* SNSボタン */
#socialButton li.sns {
    display: inline;
    float: left;
    margin: 0 5px 10px 0;
}

#socialButton li.sns02 {
    display: inline;
    float: right;
    margin: 0 5px 10px 0;
	width:100px;
}

.tx-red { color:#CC0000; }

/*-----------------------------------------------------	*/
/*	for - 639px					*/
/*-----------------------------------------------------	*/

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

	.entry dl.case {
	width:45%;
	}
	
	br.spnone {
	display:none;
	}

}

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

	.entry dl.pagelink dt {
	float:none;
	text-align:center;
	}
	
	.one-second {
	width:100%;
	}
}

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

	.entry h5 {
	font-size:90%;
	}
	
	.entry dl.case dd.btn-dl-left,
	.entry dl.case-end dd.btn-dl-left,
	.entry dl.case dd.btn-dl-right,
	.entry dl.case-end dd.btn-dl-right {
	font-size:75%;
	}

}