/*
Theme Name: 松阪商店街　衣料・生活雑貨用テーマ
Author: Wise ( supported by mtec)
Author URI: http://www.mtecweb.com/mtec/
Description: 松阪商店街2014
Version: 1.0
*/


/*-----Global-----------------------------*/

*{
	padding: 0;
	margin: 0;
}

.clearfix:after{
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
	zoom:1;
	/*以下フッタの下に余白ができる件で追加*/
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
}

/*-for IE-*/
.clearfix{
	zoom:1;
}

img{
	border:0;
	vertical-align: bottom;
}

a{
	color:#00437c;
}

a:hover,a:active{
	color:#00437c;
}
a img:hover{
	filter: alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
}

br{
	letter-spacing: 0;
}

ul,li{
	list-style: none;
	padding:0;
	margin:0;
}

body{
	background: #f6e9d9;
	font-size:12px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color:#221814;
	line-height:24px;
}

/*-----レイアウト---*/
#header{
	width: 1063px;
	margin:0 auto;
	padding:10px 0;
}
	#header .logo{
		float: left;
		width: 119px;
	}
		#header .logo img{
			margin:5px 0 0 18px;
		}
	#header .blog-info{
		float: left;
		width: 695px;
	}
		#header .blog-info h1{
			font-size:38px;
			line-height:52px;
			font-weight:bold;
			padding:12px 0 0 56px;
			background: url('./images/icon.png') no-repeat left 9px;
		}
			#header .blog-info h1 a{
				text-decoration: none;
			}
		#header .blog-info p{
			font-size:19px;
			color:#00437c;
			line-height:24px;
		}
		
	#header .header-info{
		float: right;
		width: 247px;
	}
		#header .header-info .search{
			height:55px;
			padding:0 0 0 40px;
		}
			#header .header-info .search #searchform{
				padding:18px 0 0;
			}
			#header .header-info .search input#s{
				height:20px;
				width: 120px;
			}
			#header .header-info .search input#searchsubmit{
				border:1px solid #00437c;
				background:#00437c;
				color:#fff;
			}
		#header .header-info .tel{
			padding:2px 0 0 30px;
			background: url('./images/i-tel.jpg') no-repeat left top;
			font-size:22px;
			color:#00437c;
			line-height:26px;
			font-weight:bold;
			letter-spacing: 0.02em;
		}

#catches{
	width: 100%;
	height:203px;
	background: url('./images/bg-catch.png') repeat-x top center;
	text-align: center;
}
	#catches .catches-inner{
		width: 1063px;
		margin:0 auto;
		padding:28px 0 0;
	}
	#catches ul{
		padding:0 0 0 23px;
	}
		#catches ul li{
			float: left;
			padding:0 23px 0 0;
		}

#wrapper{
	width: 1063px;
	margin:0 auto;
	padding:35px 0 45px;
}
	#wrapper #maincolumn{
		width: 812px;
		float: left;
	}
		#wrapper #s-left{
			float: left;
			width: 259px;
		}
			#wrapper #s-left .s-left-inner{
				padding:0 28px 0 25px;
			}
			#wrapper #s-left h3{
				background: url('./images/s-bg-title.jpg') no-repeat left bottom;
			}
				#wrapper #s-left h3 span{
					display: inline-block;
					background: url('./images/s-icon.jpg') no-repeat left top;
					padding:0 0 5px 20px;
					font-size:13px;
					font-weight:normal;
				}
			#wrapper #s-left ul{
				padding:10px 0 30px 25px;
			}
				#wrapper #s-left ul li{
					list-style: disc;
				}
	
		#wrapper #posts{
			float: right;
			width: 552px;
		}
			#wrapper #posts .notfound{
				min-height:500px;
			}
				#wrapper #posts .notfound h2{
					padding:0px 0 5px;
					border-bottom:1px solid #ead1b6;
					font-size:20px;
					line-height:30px;
					font-weight:bold;
				}
				#wrapper #posts .notfound p{
					padding:20px 0 30px;
				}
				#wrapper #posts .notfound input#s{
					height:20px;
					width: 120px;
				}
				#wrapper #posts .notfound input#searchsubmit{
					border:1px solid #00437c;
					background:#00437c;
					color:#fff;
				}
	#wrapper #s-right{
		float: right;
		width: 225px;
	}
		#wrapper #s-right .s-right-inner{
		}
		#wrapper #s-right h3{
			background: url('./images/s-bg-title.jpg') no-repeat left bottom;
		}
			#wrapper #s-right h3 span{
				display: inline-block;
				background: url('./images/s-icon.jpg') no-repeat left top;
				padding:0 19px 5px 20px;
				font-size:13px;
				font-weight:normal;
			}
		#wrapper #s-right .calendar{
			padding:10px 19px 30px 0px;
		}
			#wrapper #s-right .calendar .month-link{
				width: 156px;
				margin:0 auto;
				padding:10px 0;
			}
				#wrapper #s-right .calendar .month-link span{
					display: inline-block;
					width:24px;
					text-align: center;
				}
					#wrapper #s-right .calendar .month-link span img{
						vertical-align: -1px;
						margin:0 auto;
					}
				#wrapper #s-right .calendar .month-link .thismonth{
					width:100px;
					font-size:16px;
				}
			#wrapper #s-right .calendar table{
				width: 206px;
				table-layout: fixed;
			}
				#wrapper #s-right .calendar table th,#wrapper #s-right .calendar table td{
					text-align: center;
					height:35px;
					vertical-align: middle;
				}
				#wrapper #s-right .calendar table td a{
					display: inline-block;
					background: url('./images/s-bg-today.jpg') no-repeat center center;
					padding: 8px 10px;
					color:#3c3938;
					text-decoration: none;
				}
				#wrapper #s-right .calendar tr th:nth-child(1){
					color:#b52522;
				}
				#wrapper #s-right .calendar tr td:nth-child(1){
					color:#b52522;
				}
					#wrapper #s-right .calendar tr td:nth-child(1) a{
						color:#b52522;
					}
				#wrapper #s-right .calendar tr th:last-child{
					color:#127694;
				}
				#wrapper #s-right .calendar tr td:last-child{
					color:#127694;
				}
					#wrapper #s-right .calendar tr td:last-child a{
						color:#127694;
					}
			#wrapper #s-right .s-shop-info{
				padding:10px 19px 30px 0px;
			}
			#wrapper #s-right .mcard{
				padding:0px 19px 10px 0px;
			}
			#wrapper #s-right .foradmin{
				padding:20px 19px 10px 0px;
				text-align: center;
			}
			#wrapper #s-right .side-info{
				padding:30px 19px 20px 0px;
			}			
#copyright{
	background: #d09d68;
	width: 100%;
}
	#copyright p{
		padding:5px 0;
		text-align: center;
		color:#fff;
	}

/*-----記事---------*/
.entry-box{
	border:1px solid #ead1b6;
	padding:20px 65px;
	margin-bottom:30px;
}

.entry-box .entry-meta{
	padding:5px 0 23px;
}
	.entry-box .entry-meta .category{
		display: inline-block;
		padding:0 20px 0 0;
	}

.entry-box h2{
	padding:45px 0 5px;
	border-bottom:1px solid #ead1b6;
	font-size:20px;
	line-height:30px;
	font-weight:bold;
}

.entry-content:after{
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
	zoom:1;
}
/*-for IE-*/
.entry-content{
	zoom:1;
}

/*記事の中の画像の回り込み設定*/
.entry-content .alignleft {
	float: left;
}
.entry-content .alignright {
	float: right;
}
.entry-content .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.entry-content img.alignleft {
	margin: 5px 20px 5px 0;
}
.entry-content img.alignright {
	margin: 5px 0 5px 20px;
}
.entry-content img.aligncenter {
	margin: 5px auto;
}
.entry-content img.alignnone {
	margin: 5px 0;
}
.entry-content ol li{
	margin:0 0 0 25px;
	padding:0;
	list-style: decimal;
}

/*個別ページSNS*/
.wp_social_bookmarking_light{
	/*clear:both;*/	/*画像の回り込みがあるので念のため*/
    border: 0 !important;
	/*padding: 10px 0 20px 0 !important;*/
    margin: 0 !important;
    padding:30px 0 20px 0;
	/*padding:30px 0 20px 200px;*/
}
	.wp_social_bookmarking_light div{
	   /* float: left !important;*/
	    border: 0 !important;
	    padding: 0 !important;
	    margin: 0 5px 0px 0 !important;
	    line-height: 13px !important;
	    text-indent: 0 !important;
	}
	.wp_social_bookmarking_light img{
	    border: 0 !important;
	    padding: 0;
	    margin: 0;
	    vertical-align: top !important;
	}
	.wp_social_bookmarking_light_clear{
	    clear: both !important;
	}
	#fb-root{
	}
	.wsbl_twitter{
	    width: 100px;
	}
	.wsbl_facebook_like{
		display: none;
		width: 100px;
		height:50px;
	}

.fb_iframe_widget iframe{
	min-width:450px !important;
}

.pagenation{
}
	#posts .pagenation .nav-previous{
		display: block;
		padding:0 20px;
		float: left;
	}
	#posts .pagenation .nav-next{
		display: block;
		padding:0 20px;
		float: right;
	}

/*可変いいねボックス html5*/
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
    width: 100% !important;
}

/**
 * 11.0 Media Queries
 * ----------------------------------------------------------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}


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

body {
	/*max-width: 650px;*/
	width: 100%;
	-webkit-text-size-adjust: none;
	font-size:14px;
	line-height:22px;
}

img{
	max-width: 100%;
	height:auto;
}

#header{
	width: 95%;
	margin:0 auto;
}
	#header .logo{
		float: left;
		width: 20%;
	}
		#header .logo img{
			margin:0 auto;
			width: 95%;
		}
	#header .blog-info{
		float: left;
		width: 80%;
	}
	#header .header-info{
		display: none;
	}
		
#catches{
	display: none;
}

#wrapper{
	width: 95%;
	margin:0 auto;
}
	#wrapper #maincolumn{
		width: 100%;
		float: none;
	}
		#wrapper #s-left{
			width: 100%;
			float: none;
		}
			#wrapper #s-left .s-left-inner{
				padding:0;
			}
			#wrapper #s-left ul{
				padding:10px 10px 30px 25px;
			}
			
		#wrapper #posts{
			width: 100%;
			float: none;
			padding:0 0 20px;
		}
			#wrapper #posts .notfound{
				min-height:500px;
			}
	#wrapper #s-right{
		width: 100%;
		float: none;
	}
		#wrapper #s-right .s-right-inner div{
			padding:10px 0 30px 10px;
		}
		#wrapper #s-right .calendar{
			padding:10px 0 30px 0px;
		}
			#wrapper #s-right .calendar .month-link{
				width: 100%;
			}
		#wrapper #s-right .calendar table{
			width: 100%;
		}
		#wrapper #s-right .mcard img{
			width: 100%;
		}

.entry-box{
	padding:20px;
}

.entry-content .alignleft {
	display: block;
	float: none;
}
.entry-content .alignright {
	display: block;
	float: none;
}
.entry-content .aligncenter {
	display: block;
	float: none;
}
.entry-content .alignnone {
	display: block;
	float: none;
	margin:0;
}
.entry-content img.alignleft {
	margin: 5px auto;
}
.entry-content img.alignright {
	margin: 5px auto;
}
.entry-content img.aligncenter {
	margin: 5px auto;
}
.entry-content img.alignnone {
	margin: 5px auto;
}

.wp_social_bookmarking_light{
	padding:30px 0 20px 0px;
}

#wrapper #s-left h3,#wrapper #s-right h3{
	width: 100%;
	background: url('./images/s-bg-title.jpg') repeat-x left bottom;
}






}