@charset "utf-8";
/* CSS Document */

/* =================================================================
4.ヘッダ
使用ファイル：common/header.xhtml
=================================================================*/

/* smartphone - スマートフォン専用サイトへのリンク
-------------------------------------------------------------*/
#smartphone a{display:block; width:980px; height:220px; margin:auto; background:url(/img/usr/freepage/itemimage/button_smartphone.png) no-repeat; text-indent:-9999px;}

/* overlayMask - オーバーレイマスク
-------------------------------------------------------------*/
#overlayMask { display:none; opacity:0; position:fixed; top:0; left:0; width:100%; height:100%; background:url(/img/usr/freepage/itemimage/overlaymask.png); z-index:102; }

#itemList h1{ display:block; padding:22px 10px 0 44px; background:url(/img/usr/freepage/itemimage/mkr_h2.gif) no-repeat 12px -4px; font-weight:bold; font-size:21px; z-index:2; margin-bottom:22px; border-bottom:none; }

.comment{
	margin-bottom:15px;
}

.goro_txt{
	background:#d6e4f5;
	padding:15px;
	margin:-10px 0;
	/* width:533px; */
	width: 563px;
	font-size:14px;
}

.mu_txt{
	background:#f3f0d5;
	padding:15px;
	margin:-10px 0;
	/* width:533px; */
	width: 563px;
	font-size:14px;
}

.ran_txt{
	background:#dae8c9;
	padding:15px;
	margin:-10px 0;
	/* width:533px; */
	width: 563px;
	font-size:14px;
}

.kuri_txt{
	background:#f5ede2;
	padding:15px;
	margin:-10px 0;
	/* width:533px; */
	width: 563px;
	font-size:14px;
}

.goro,.mu,.kuri,.ran{
	float:left;
}

.goro img{
	margin:0!important;
	padding:0!important;
	vertical-align: baseline;
}

.mu img{
	margin:0!important;
	padding:0!important;
	vertical-align: baseline;
}

.kuri img{
	margin:0!important;
	padding:0!important;
	vertical-align: baseline;
}

.ran img{
	margin:0!important;
	padding:0!important;
	vertical-align: baseline;
}

.left{
	float:left;
}

.topic_end{
	border-bottom:3px solid #ea5b7a;
	margin-top:30px;
}

.topic_end p{
	margin:10px 0 10px 20px;
}

#itemList .list_colum { border-top:#d9d8d8 1px solid; padding:35px 29px 36px; }
#itemList .list_colum h3 { margin:0 0 20px 0; border-bottom:#afafaf 1px solid; font-weight:normal; font-size:18px; }

.mR26{margin-right:26px;}
.colum_box{float:left;width:317px;padding-bottom:30px;}
.colum_box dl{}
.colum_box dt{font-size:18px;line-height:130%;}
.colum_box .category{text-align:right;font-size:10px;border-top:dotted 1px #CCCCCC;border-bottom:dotted 1px #CCCCCC;padding:5px 0;margin:5px 0;}
.colum_box .category .food{background:#82ac4e;padding:3px;color:#FFF;}
.colum_box .category .life{background:#c078c9;padding:3px;color:#FFF;}

.colum_box .txt{font-size:14px;}
.colum_box .next{text-align:right;font-size:14px;}

.colum_heading2{display:block; margin:30px 20px 10px 10px; padding:5px; border-bottom:#DDD 1px solid; border-left:#996c33 6px solid; font-size:80%;}

.heading001{
	padding:50px 0 0 40px!important;
	border-bottom:#ea5b7a 1px solid;
	color:#ea5b7a;
	font-weight:bold!important;
	font-size:24px;
	line-height:1.5;
	background:none;
}

@media screen and (max-width:768px) {
	
	.comment > img{
		width: 14%;
	}

}