@charset "UTF-8";
/* CSS Document */
/*
	font-size:
	10px 0.84em｜11px 0.92em｜12px 1.00em｜13px 1.09em｜14px 1.17em｜15px 1.25em｜16px 1.34em｜
	17px 1.42em｜18px 1.50em｜19px 1.59em｜20px 1.67em｜21px 1.75em｜22px 1.84em｜23px 1.92em｜
	24px 2.00em｜25px 2.09em｜26px 2.17em｜
*/

/*******************************　共通　*******************************/
* {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#666;
	list-style:none;
}
a {
}
a:hover {
	color:#F2C71E;
}



body {
	font-size:1.09em;
	background:#F1EDE8;
}

/*ヘッダー*/
header {
	border-top:10px solid #E3D1C1;
	margin-bottom:25px;
	padding:5px 0;

}

header div#headerUpper {
	width:1000px;
	position:relative;
	margin:0 auto;
}

p.logo a {
	font-size:1.34em;
	color:#FFF;
	font-weight:bold;
}

p.discription {
	color:#999;
	font-size:1.17em;
	position:absolute;
	top:20px;
	right:0;
}


/*コンテンツ*/
div#pankuzu {
	margin-left:-8px;
	margin-bottom:20px;
}
div#pankuzu ul li {
	display:inline;
	margin-right:10px;
}

div#container {
	width:1000px;
	margin:0 auto;
	padding:0;
}

article {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #CCC;
	overflow:hidden;
}

article p {
	margin-bottom:10px;
}

article p.time {
	text-align:right;
}

ul.thumb {
	margin:0 0 0 -8px;
}

ul.thumb li {
	width:179px;
	height:200px;
	float:left;
	margin:0 0 20px 8px;
	line-height:1.3;
}

ul.thumb li a {
	line-height:1.2;
	color:#F60;
	font-weight:bold;
}

ul.thumb li a:hover {
	opacity:0.8;
	color:#F90;
}
ul.thumb li a img {
	width:179px;
	border-radius:90px 90px 90px 90px / 80px 80px 80px 80px;
}

body#home h3 {
	font-size:20px;
	font-weight:bold;
}
table.feed {
	width:100%;
}
table.feed th,
table.feed td {
	font-weight:normal;
	padding:5px 20px 5px 0;
	border-bottom:2px dotted #CCC;
}
table.feed th {
	width:130px;
}
table.feed td a {
	color:#069;
}
table.feed td a:hover {
	color:#666;
}

ul.pageNum {
	text-align:center;
}
ul.pageNum li {
	float:left;
	margin:0 3px 20px 0;
}
ul.pageNum li a {
	background:#EEE;
	color:#666;
	padding:10px;
}
ul.pageNum li a:hover {
	background:#CCC;
	color:#666;
}

iframe {
	width:740px;
	height:600px;
}

/*評価*/
ul.thumb .post-ratings {
	font-size:0.92em;
}
ul.thumb .post-ratings IMG, .post-ratings-loading IMG, .post-ratings-image IMG {
	width:10px;
}


/*サイドナビ*/
div#sub {
	width:240px;
	float:right;
}

div#sub h2.widgettitle {
	margin-bottom:5px;
	font-size:1.34em;
	font-weight:bold;
}

div#sub ul {
	padding-left:10px;
}
div#sub ul li.cat-item a {
	font-size:1.17em;
	list-style:none;
}

div#sub li.cat-item ul.children {
	padding-left:10px;
}
div#sub li.cat-item-1 ul.children {
	overflow-y:auto;
	max-height:300px;
}

div#sub ul.children li a {
	background:url(../images/arrow.png) no-repeat left;
	text-align:left;
	font-weight:normal;
	font-size:1.09em;
	color:#000;
	padding:3px 5px 3px 10px;
}
div#sub li.cat-item ul.children li a:hover {
	background:url(../images/arrow.png) no-repeat lef;
	color:#F2C71E;
}
div#sub li.cat-item-1 ul.children li a {
	background:none;
	color:#F36;
	font-weight:bold;
}
div#sub li.cat-item-1 ul.children li a:hover {
	color:#F2C71E;
}
div#sub li.cat-item-1 ul.children ul.children {
	margin-bottom:5px;
}
div#sub li.cat-item-1 ul.children ul.children li a {
	background:url(../images/arrow.png) no-repeat left;
	font-weight:normal;
	color:#000;
	padding:3px 5px 3px 10px;
}
div#sub li.cat-item-1 ul.children ul.children li a:hover {
	color:#F2C71E;
}


div#sub ul {
	margin-bottom:30px;
}
div#sub ul li {
	margin-bottom:5px;
}




/*フッター*/
footer {
	background:#E3D1C1;
	padding:20px;
	clear:both;
}

div#footerInner {
	width:1000px;
	margin:0 auto;
}

div#footerInner address,
div#footerInner p {
	color:#FFF;
}


/*******************************　カテゴリー　*******************************/
h1 {
	font-size:1.67em;
	font-weight:bold;
	color:#AA865B;
}

p.note {
	margin-bottom:15px;
}

section {
	width:740px;
	float:left;
}



/*******************************　詳細　*******************************/

body#detail h1 {
	color:#999;
	margin-bottom:10px;
}


/*これよりスマホレイアウト*/
@media only screen and (max-width:480px) {
	header div#headerUpper,
	div#container,
	div#footerInner {
		width:100%;
	}
	
	header {
		margin-bottom:15px;
		padding:10px 0 5px;
	}
	
	div#footerInner {
		position:relative;
	}
	
	p.menuBtn {
		position:absolute;
		top:20px;
		right:0;
	}
	p.menuBtn a {
		font-weight:bold;
		padding:8px 15px;
		border:1px solid #999;
		border-radius:6px;
		
		background: #ffffff; /* Old browsers */
		
		background: -moz-linear-gradient(top,  #ffffff 0%, #dbdbdb 73%, #adadad 100%); /* FF3.6+ */
		
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(73%,#dbdbdb), color-stop(100%,#adadad)); /* Chrome,Safari4+ */
		
		background: -webkit-linear-gradient(top,  #ffffff 0%,#dbdbdb 73%,#adadad 100%); /* Chrome10+,Safari5.1+ */
		
		background: -o-linear-gradient(top,  #ffffff 0%,#dbdbdb 73%,#adadad 100%); /* Opera 11.10+ */
		
		background: -ms-linear-gradient(top,  #ffffff 0%,#dbdbdb 73%,#adadad 100%); /* IE10+ */
		
		background: linear-gradient(to bottom,  #ffffff 0%,#dbdbdb 73%,#adadad 100%); /* W3C */
		
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#adadad',GradientType=0 ); /* IE6-9 */


	}
	
	div#container {
		padding:0;
	}
	
	h1 {
		font-size:1.25em;
	}
	
	iframe {
		width:auto;
		height:auto;
	}
	
	div#pankuzu {
		display:none;
	}
	
	section {
		float:none;
		width:300px;
	}
	
	ul.thumb {
		margin:0;
	}
	ul.thumb li {
		width:142px;
		height:200px;
		
	}
	ul.thumb li a img {
		width:142px;
	}
	
	ul.pageNum li a {
		margin-bottom:15px;
	}
	
	div#sub {
		float:none;
	}
	
	div#sub li.cat-item-1 ul.children ul.children li a,
	div#sub ul.children li a {
		color:#FFF;
	}
	
}