@charset "utf-8";

/*------------------------------------------------------------------------------
■ブログページ

画像サイズ
通常　width="650"　まで
------------------------------------------------------------------------------*/

.blog{
	clear:both;
	padding:60px 0 50px;
	border-top:1px solid #4fbced;
	font-size: 12px;
	letter-spacing:0.1em;
	line-height: 190%;
}

/* Main */
.blog-content {
	float:right;
	width:650px;
}


.entry {
	clear:both;
	margin-bottom:60px;
	border-bottom:1px solid #ccc;

}


.blog-content h2 a {
	font-size: 17px;
	font-weight:bold;
	color: #333333;
	margin-bottom: 20px;
}


.links {
	text-align:right;
	font-size:10px;
	padding: 40px 0 0;
}


/*.post {padding: 30px 30px 10px 30px;}
.post .title {margin: 0;}
.post .entry {padding: 20px 0 20px 0;}
.post .entry a {text-decoration: underline;}
.post .more_link {text-align: right;}*/





.pager{margin:10px auto;width: 90%;line-height:2em;text-align:center;}
.pager a{float:left;}
.pager_item a{border:solid 1px black;width:2em;height:2em;margin-right:2px;}
.pager_item a:hover{background-color:lightgray;}
.pager_item a.current_page_number{border-width: 2px;font-weight:bold;margin-top:-1px;}




.entry h2 {
	margin: 0 0 5px;
	font-size: 13px;
	font-weight: bold;
	letter-spacing:0;
}
.entry h2 a:hover {
	color:#ccc;
}

.entry-date {margin-bottom: 20px;}

.blog-date {
	clear:both;
	font-family: Helvetica, Arial, "メイリオ";
	font-size: 11px;
	font-weight: bold;
	letter-spacing:0.1em;
}
.blog-cat {
	clear:both;
	font-family: Helvetica, Arial, "メイリオ";
	font-size: 11px;
	font-weight: bold;
	color: #D2D2D2;
	letter-spacing:0;
}
.entry-date a {color:#ccc;}
.entry-date a:hover {color:#333;}


.entry p {
	letter-spacing: 0.1em;
	line-height:2em;
}
.entry p img { padding: 10px 0;}

.main-entry p {
	letter-spacing: 0.1em;
	line-height:1.8em;
}
.main-entry p img { padding: 10px 0;}

.main-entry p a {
	color: #ccc;
}
.main-entry p a:hover {
	color: #333;
}



.navi{
	clear:both;
	padding:40px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	letter-spacing:-0.1em;
}
.navi2,.navi2 a{
	clear:both;
	text-align:center;
	padding:0 0 30px;
	font-family: Helvetica, Arial, "メイリオ";
	font-size: 12px;
	font-weight: bold;
	color:#4fbced;
}

.navi a{color:#4fbced;}
.navi li.prev {float:left;}
.navi li.next {float:right;}
.navi a:hover,
.navi2 a:hover {color: #ccc;}	

.box-page{
	clear:both;
	text-align:center;
}




/* Sidebars */
.sidebars {
	float: left;
	width: 230px;
	height:100%;
	text-align: left;
	letter-spacing:0.1em;
}

.sidebars h2{
	font-size:16px;
	font-weight:bold;
	color:#4FBCED;
}
}

.caption,.caption span a{
	color:#4fbced;
}
.sidebars h3 {
	clear:both;
	font-size: 15px;
	font-weight:bold;
	letter-spacing:-0.1em;
	color:#4fbced;
}

.sidebars a {text-decoration: none;color: #333;}
.sidebars a:hover {	color: #ccc;}


.sidebars li {padding-bottom: 30px;}
.side-title {
	font-size: 15px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ccc;
}

.side-category li {
	padding-bottom: 4px;
}
.side-archive li {
	padding-bottom: 4px;
	font-weight:bold;
}




/* Calendar */

.calendar {
	width:90%;
	font-size: 10px;}
.calendar_table th,.calendar_table td{border:none; background:#fff;}

.calendar_wrap table {width: 100%;}
.calendar_wrap tr {height:20px;}
.calendar_wrap thead th {padding: 2px 0; text-align:center;}
.calendar_wrap tbody td {padding: 2px 0; text-align:center;}
.calendar_wrap tbody a {border: none;font-weight: bold;color:#4fbced;}

.calendar_wrap .caption {margin-bottom: 8px;}
.calendar_wrap .caption span {padding:0 8px 0 0;}

.calendar_wrap .current_month {padding-bottom: 4px;font-size: 1.2em;font-weight: bold;}
.calendar_wrap .next {text-align: right;}
.calendar_wrap .prev {text-align: left;}





/* PC用 */
@media only screen and (min-width:960px){	

}

/* モニター幅960px以下 */
@media only screen and (max-width:960px){
.blog-content {
	width:70%;
}
.sidebars {
	width:27%;
}
}

/* モニター幅940px以下 */
@media only screen and (max-width:940px){

}


/* iPad 縦 */
@media only screen and (max-width:768px){

}


/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){
.blog{
	border-top:none;
	padding:0;
}
.blog-content {
	float:none;
	width:100%;
	margin:0 auto;
}
.blog-content img{
	max-width:100%;
	height:auto;
	display: block;
}
.sidebars {
	float:none;
	width: 230px;
	margin:20px auto 0;
}
.calendar{display:none;}
.navi{
	padding:0;
}
}

/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){

}

@media only screen and (max-width:230px){
.sidebars {
	width:100%;
}
}