@charset "utf-8";

/*------------  全体  ------------*/
.content { max-width:1100px; margin:0 auto 30px; padding:0 20px; }
.content img { vertical-align:bottom; }

#title { padding:17px 0; }
#title .inner {}
#title .inner:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#title h2 { width:270px; height:56px; background:url(../images/title.png) no-repeat; background-size:270px 56px; text-indent:-9999px; overflow:hidden; }

.contentInner { }
.contentInner:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

.main { float:left; width:100%; margin-right:-230px; padding:0 0 50px; }
.sub { float:right; width:210px; padding:0 0 50px; }


/*------------  新着記事一覧  ------------*/
#new { margin:0 230px 0 0; font-size:14px; line-height:1.4; }
#new .inner { background:#fff; }
#new .inner h3 { height:40px; border:1px solid #fff; border-bottom:none; background:url(../images/ttl_new_pc.png) no-repeat left #efeae1; background-size:140px 32px; text-indent:-9999px; overflow:hidden; }
#new .inner li { display:block; padding:20px 30px; min-height:148px; border-bottom:1px solid #e3ded6; clear:both; }
#new .inner li:last-child { border-bottom:none; }
#new .inner li a { display:block; color:#392c27; }
#new .inner li a:hover { opacity:0.5; }
#new .inner li .pic { float:left; padding:0 30px 0 0; width:240px; text-align:center; }
#new .inner li .pic img { max-width:240px; max-height:148px; }
#new .inner li .box { overflow:hidden; }
#new .inner li .date { padding:2px 0 4px; font-size:13px; font-weight:bold; color:#e18a00; }
#new .inner li h4 { padding:0 0 15px; font-size:18px; font-weight:bold; }
#new .inner li .txt { height:66px; line-height:1.5; }


/*------------  基本一覧  ------------*/
#basic { margin:0 230px 0 0; font-size:14px; line-height:1.4; }
#basic .inner { background:#fff; }
#basic .inner h3 { min-height:40px; border:1px solid #fff; border-bottom:none; background:url(../images/ttl_icon_pc.png) no-repeat left #efeae1; background-size:48px 32px; }
#basic .inner h3 span { display:block; padding:9px 0 7px 48px; font-size:18px; line-height:1.3; font-weight:bold; }
#basic .inner li { display:block; padding:20px 30px; min-height:148px; border-bottom:1px solid #e3ded6; clear:both; }
#basic .inner li:last-child { border-bottom:none; }
#basic .inner li a { display:block; color:#392c27; }
#basic .inner li a:hover { opacity:0.5; }
#basic .inner li .pic { float:left; padding:0 30px 0 0; width:240px; text-align:center; }
#basic .inner li .pic img { max-width:240px; max-height:148px; }
#basic .inner li .box { overflow:hidden; }
#basic .inner li .date { padding:2px 0 4px; font-size:13px; font-weight:bold; color:#e18a00; }
#basic .inner li h4 { padding:0 0 15px; font-size:18px; font-weight:bold; }
#basic .inner li .txt { height:66px; line-height:1.5; }


/*------------  記事詳細  ------------*/
#entry { margin:0 230px 0 0; word-break:break-all; }
#entry .inner { background:#fff; }
#entry .entry-title { padding:16px 30px 14px; border:1px solid #fff; background:#efeae1; }
#entry .entry-title .entry-category { display:inline-block; padding:4px 9px 2px; background:#e18a00; font-size:12px; line-height:1.2; font-weight:bold; color:#fff; }
#entry .entry-title .entry-date { padding:6px 0 4px; font-size:13px; font-weight:bold; color:#e18a00; }
#entry .entry-title h3 { font-size:22px; line-height:1.4; font-weight:bold; }
#entry .entry-content { padding:26px 50px; line-height:1.8; }
#entry .entry-content p { padding: 8px 0; }
#entry .entry-content a { color:#e18a00; text-decoration:underline; }
#entry .entry-content a:hover { opacity:0.5; text-decoration:none; }
#entry .entry-content hr { display:block; margin:25px 0 30px; height:1px; border:none; border-top:1px solid #e3ded6; clear:both; }
#entry .entry-content .posted { padding:12px 0 0; margin:40px 0 0; border-top:1px solid #e3ded6; text-align:right; clear:both; }


/*------------  ページナビ  ------------*/
.page { margin:15px 0 0; background:#efeae1; border:1px solid #fff; text-align:center; clear:both; }
.page ol { position:relative; padding:10px 44px; word-break:keep-all; word-wrap:none; }
.page li { display:inline-block; padding:2px; font-size:14px; line-height:1; font-weight:bold; text-align:center; }
.page li a { display:inline-block; width:14px; height:14px; padding:13px; color:#392c27; }
.page li a:hover { opacity:0.5; }
.page li span { display:inline-block; width:14px; height:14px; padding:13px; border-radius:50%; background:#f0a005; color:#fff; }
.page .link_prev { position:absolute; top:50%; left:5px; margin-top:-18px; background:url(../images/page_prev.png) no-repeat center; background-size:40px 40px; text-indent:-9999px; overflow:hidden; }
.page .link_next { position:absolute; top:50%; right:5px; margin-top:-18px; background:url(../images/page_next.png) no-repeat center; background-size:40px 40px; text-indent:-9999px; overflow:hidden; }
.page .link_list { width:auto; }


/*------------  新着記事  ------------*/
#newEntry { margin:0 0 20px; background:#fff; border:1px solid #fff; font-size:13px; line-height:1.3; }
#newEntry h3 { height:38px; background:url(../images/ttl_new_entry.png) no-repeat left #efeae1; background-size:160px 24px; text-indent:-9999px; overflow:hidden; }
#newEntry dl { display:block; }
#newEntry dt { display:block; border-bottom:1px solid #fff; }
#newEntry dd { background:#fff; }
#newEntry li { border-bottom:1px solid #e3ded6; }
#newEntry li:last-child { border-bottom:none; }
#newEntry a { display:block; padding:10px 12px 8px; color:#392c27; }
#newEntry a:hover { opacity:0.5; }

/*------------  カテゴリーから探す  ------------*/
#category { margin:0 0 20px; background:#fff; border:1px solid #fff; font-size:13px; line-height:1.3; }
#category h3 { height:38px; background:url(../images/ttl_category.png) no-repeat left #efeae1; background-size:160px 24px; text-indent:-9999px; overflow:hidden; }
#category dl { display:block; }
#category dt { display:block; border-bottom:1px solid #fff; }
#category dt span { display:none; }
#category dd { background:#fff; }
#category li { border-bottom:1px solid #e3ded6; }
#category li:last-child { border-bottom:none; }
#category a { display:block; padding:10px 12px 8px; color:#392c27; }
#category a:hover { opacity:0.5; }
#categoryMenu { display:none; }

/*------------  月別から探す  ------------*/
#period { margin:0 0 20px; border:1px solid #fff; border-bottom:none; background:#fff; font-size:13px; line-height:1.3; }
#period h3 { height:38px; border-bottom:1px solid #fff; background:url(../images/ttl_period.png) no-repeat left #efeae1; background-size:160px 24px; text-indent:-9999px; overflow:hidden; }
.periodInner dl { display:block; }
.periodInner dt { position:relative; display:block; height:38px; background:#efeae1; border-bottom:1px solid #fff; cursor:pointer; }
.periodInner dt h4 { position:absolute; top:12px; left:12px; }
.periodInner dt span { position:relative; display:block; width:100%; height:38px; background:url(../images/btn_open.png) no-repeat right; background-size:36px 36px; text-indent:-9999px; overflow:hidden; }
.periodInner dt span.close { background:url(../images/btn_close.png) no-repeat right; background-size:36px 36px; }
.periodInner dd { background:#fff; }
.periodInner li { display:block; float:left; width:33.33%; border-bottom:1px solid #e3ded6; text-align:center; }
.periodInner li:nth-child(10),.periodInner li:nth-child(11),.periodInner li:nth-child(12) { border-bottom:1px solid #fff; }
.periodInner a { display:block; padding:13px 7px 11px; border-right:1px solid #e3ded6; color:#392c27; }
.periodInner li:nth-child(3n) a { border-right:none; }
.periodInner a:hover { opacity:0.5; }




@media screen and (max-width:920px) {
	
	.main { margin-right:-180px; }
	.sub { width:160px; }
	
	#new { margin:0 180px 0 0; }
	#new .inner li { padding:20px; min-height:110px; }
	#new .inner li a { display:block; color:#392c27; }
	#new .inner li .pic { padding:0 18px 0 0; width:178px; }
	#new .inner li .pic img { max-width:178px; max-height:110px; }
	#new .inner li .date { padding:0 0 3px; }
	#new .inner li h4 { padding:0 0 8px; font-size:16px; }
	#new .inner li .txt { height:46px; }
	
	#basic { margin:0 180px 0 0; }
	#basic .inner li { padding:20px; min-height:110px; }
	#basic .inner li a { display:block; color:#392c27; }
	#basic .inner li .pic { padding:0 18px 0 0; width:178px; }
	#basic .inner li .pic img { max-width:178px; max-height:110px; }
	#basic .inner li .date { padding:0 0 3px; }
	#basic .inner li h4 { padding:0 0 8px; font-size:16px; }
	#basic .inner li .txt { height:46px; }
	
	#entry { margin:0 180px 0 0; }
	#entry .entry-title { padding:16px 20px 14px; }
	#entry .entry-title h3 { font-size:20px; }
	#entry .entry-content { padding:22px 30px; }
	
}




@media screen and (max-width: 740px) {
	
	.content { margin:0; padding:0; }
	
	#title { padding:9px 10px; }
	#title .inner {}
	#title .inner:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
	#title h2 { width:200px; height:34px; background:url(../images/sp_title.png) no-repeat; background-size:200px 34px; }
	
	.main { margin:0 0 20px; padding:0; }
	.sub { float:none; width:auto; padding:0 0 5px; }
	
	/*------------  新着記事一覧  ------------*/
	#new { margin:0; }
	#new .inner h3 { height:32px; border-left:none; border-right:none;  border-bottom:none; background:url(../images/ttl_new_sp.png) no-repeat left #efeae1; background-size:160px 24px; text-indent:-9999px; overflow:hidden; }
	#new .inner li { padding:11px 10px; min-height:60px; }
	#new .inner li a { display:block; color:#392c27; }
	#new .inner li .pic { padding:0 10px 0 0; width:100px; }
	#new .inner li .pic img { max-width:100px; max-height:60px; }
	#new .inner li .date { padding:0 0 2px; font-size:11px; font-weight:normal; }
	#new .inner li h4 { padding:0; font-size:14px; line-height:1.3; }
	#new .inner li .txt { display:none; }
	
	#new .inner li:first-child .pic { float:none; padding:0 0 10px; width:auto; }
	#new .inner li:first-child .pic img { width:100%; max-width:inherit; max-height:inherit; }
	
	/*------------  基本一覧  ------------*/
	#basic { margin:0; }
	#basic .inner h3 { min-height:32px; border-left:none; border-right:none;  border-bottom:none; background:url(../images/ttl_icon_sp.png) no-repeat left #efeae1; background-size:32px 24px; }
	#basic .inner h3 span { display:block; padding:9px 0 7px 32px; font-size:14px; line-height:1.3; font-weight:bold; }
	#basic .inner li { padding:11px 10px; min-height:60px; }
	#basic .inner li a { display:block; color:#392c27; }
	#basic .inner li .pic { padding:0 10px 0 0; width:100px; }
	#basic .inner li .pic img { max-width:100px; max-height:60px; }
	#basic .inner li .date { padding:0 0 2px; font-size:11px; font-weight:normal; }
	#basic .inner li h4 { padding:0; font-size:14px; line-height:1.3; }
	#basic .inner li .txt { display:none; }
	
	/*------------  記事詳細  ------------*/
	#entry { margin:0; }
	#entry .entry-title { padding:12px 13px 10px; }
	#entry .entry-title .entry-date { padding:4px 0 3px; font-size:12px; }
	#entry .entry-title h3 { font-size:16px; }
	#entry .entry-content { padding:15px 15px; }
	#entry .entry-content p { padding: 8px 0; }
	#entry .entry-content img { max-width:400px; width:100%!important; height:auto!important; }
	#entry .entry-content hr { margin:20px 0 25px; }
	#entry .entry-content .posted { padding:10px 0 0; margin:30px 0 0; font-size:13px; text-align:left; }
	
	/*------------  ページナビ  ------------*/
	.page { margin:0; border-left:none; border-right:none; }
	.page ol { padding:8px 35px; background:#efeae1; }
	.page li { padding:1px; }
	.page li a { padding:9px; }
	.page li span { padding:9px; }
	.page .link_prev { left:1px; margin-top:-15px; background-size:32px 32px; }
	.page .link_next { right:1px; margin-top:-15px; background-size:32px 32px; }
	
	/*------------  カテゴリーから探す  ------------*/
	#category { display:none; }
	#categoryMenu { display:block; border-top:1px solid #fff; margin:0 0 15px; font-size:13px; line-height:1.3; }
	#categoryMenu h3 { position:absolute; top:0; left:0; width:100%; height:40px; background:url(../images/ttl_category.png) no-repeat left ; background-size:160px 24px; text-indent:-9999px; overflow:hidden; }
	#categoryMenu dl { display:block; background:#efeae1; }
	#categoryMenu dt {position:relative; display:block; border-bottom:1px solid #fff; cursor:pointer; }
	#categoryMenu dt span { position:relative; display:block; width:100%; height:40px; background:url(../images/btn_open.png) no-repeat right; background-size:36px 36px; text-indent:-9999px; overflow:hidden; }
	#categoryMenu dt span.close { background:url(../images/btn_close.png) no-repeat right; background-size:36px 36px; }
	#categoryMenu dd { display:block; background:#fff; }
	#categoryMenu li { border-bottom:1px solid #e3ded6; }
	#categoryMenu a { display:block; padding:10px 15px 8px; color:#392c27; }
	#categoryMenu a:hover { opacity:0.5; }
	
	/*------------  月別から探す  ------------*/
	#period { border-left:none; border-right:none; }
	#period h3 { height:40px; }
	.periodInner dt { height:40px; }
	.periodInner dt span { height:40px; }
	.periodInner li { width:25%; }
	.periodInner li:nth-child(9),.periodInner li:nth-child(10),.periodInner li:nth-child(11),.periodInner li:nth-child(12) { border-bottom:1px solid #fff; }
	.periodInner li:nth-child(3n) a { border-right:1px solid #e3ded6; }
	.periodInner li:nth-child(4n) a { border-right:none; }
	
	
}