@charset "UTF-8";

/*------------------------------------------------------------
	スマフォ用CSS
------------------------------------------------------------*/
@media screen and (max-width:640px){
#wrapper {
	width: auto;
	background-color: #fff;
	margin: 0 auto 0;
	padding: 0 15px;
	}

#header {
	margin: 15px auto 10px;
	height: 38px;
	padding: 0;
	}
	
#header .site-id {
	width: 250px;
	height: 38px;
	}
	
#header .site-id img {
	width: 250px;
	height: 38px;
	}
	
#header #tkk-link {
	display: none;
	}
	
#container {
	padding: 20px 0 0;
	overflow: hidden;
	margin: 0 auto;
	}

#main {
	float: none;
	width: 100%;
	}

#content {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	}

#header .site-id img {
	width: 250px;
	height: 38px;
	}
	
/*------------------------------------------------------------
	イメージスライド
------------------------------------------------------------*/
#imagespace {
	width: 100%;
	margin: 0;
	}

#ime-box {
	position: relative;
    width: 100%;
	}

.als-container {
	width: 100%;
	margin: 0;
	padding: 0;
	}

.hol {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	}

.hol .simply-scroll-clip {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	}

/*------------------------------------------------------------
	サイドバー
------------------------------------------------------------*/	
#sidebar {
	clear: both;
	width: 100%;
	height: auto;
	float: none;
	margin: 30px auto 0;
	}

.bar {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 25px;
	background-color: #3a63a7;
	}

.bar p {
	color: #fff;
	font-size: 110%;
	line-height: 25px;
	text-indent: 5px;
	}
	
#sidebar ul.bloglist {
	width: 100%;
}

#sidebar ul.bloglist li {
	width: 100%;
	}
	
#sidebar a {
	margin: 0;
	padding: 0;
	}

#sidebar .tkkbnr {
	margin: 50px auto 0;
}

#footer {
	padding: 20px 0 0;
	border-top: 1px solid #ddd;
	}

#footer .footer_info h4 {
	font-size: 13px;
	margin: 0 0 5px;
	padding: 0;
	}
	
#footer .footer_info p {
	font-size: 10px;
	}
	
#footer p.copy {
	font-size: 9px;
	}

.post-blog img {
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	}

.alignnone {
	float: none;
	clear: both;
	margin-right: 0;
	margin-bottom: 0;
	}
	
.alignleft {
	float: none;
	clear: both;
	margin-right: 0;
	margin-bottom: 0;
	}

.alignright {
	float: none;
	clear: both;
	margin-left: 0;
	margin-bottom: 0;
	}
	
.post-blog p {
	float: none;
	clear: both;
	}

.post-blog-box {
	clear: both;
	width: 100%;
	height: auto;
	}

.post-blog-photo {
	float: none;
	width: 320px;
	height: 210px;
	overflow: hidden;
	margin: 0 auto;
	}

.post-blog-text {
	float: none;
	width: 100%;
	height: auto;
	margin: 20px 0 0;
	}

/* --------------------------------------------------
	次前のページ
-------------------------------------------------- */
.pagenation {
	clear: both;
	width: 100%;
	height: 24px;
	margin: 0;
	padding: 0 0 5px;
	}

.pagenation-cate {
	display: none;
	}

.gallery {
	width: 100%;
	height: auto;
}

.gallery-item {
	width: 28%;
	height: auto;
	float: left;
	margin: 0 10px 0 0;
}

.gallery-columns-3 img {
	width: 100%;
	height: auto;
	clear: none;
}

}

@media screen and (max-width:350px){
.post-blog img {
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	border: none;
	}
	
	.gallery {
	width: 100%;
	height: auto;
}

.gallery-item {
	width: 100%;
	height: auto;
	float: none;
	margin: 0 0 20p 0;
}

.gallery-columns-3 img {
	width: 100%;
	height: auto;
	clear: none;
}
}