@charset "utf-8";  
/*------------------------------------------------------------ 
    blog css
------------------------------------------------------------*/  

.sectionHd h2{
	width:72%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.sectionHd .date{
	width:25%;
	text-align:right;
    line-height: 30px;
}

.headline-blog{
	font-size:117%;
	font-weight:bold;
	padding-bottom:7px;
	margin-bottom:10px;
    border-bottom: 1px solid #E1E1E1;
}

#profile-img{
	width:100%;
	max-width:280px;
	margin:0 auto;
	padding-bottom:10px;
}

#profile-txt{
	font-size:109%;
	line-height:1.4;
}

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

/* ページナビ */
.pagination{
	padding-top:20px;
	overflow:hidden;
}

.pagination li{
	display:inline-block;
	width:25px;
	height:25px;
	line-height:25px;
	text-align:center;
	background:#EFEFEF;
	color:#000;
	margin-bottom:5px;
}

.pagination a{
	display:block;
	width:25px;
	height:25px;
	line-height:25px;
	text-align:center;
	background:#ccc;
	color:#000;
}

.pagination li.selected,
.pagination a:hover,
.pagination a.hover{
	background:#000;
	color:#fff;
}

#footer-info{
	height: 30px;
    line-height: 30px;
    background: #EFF1F0;
    overflow: hidden;
    padding: 0 10px;
    width: auto;
	margin-top:20px;
}

.footer-date{
    font-size: 92%;
    line-height: 30px;
	margin-right: 5px;
	float: left;
}

.footer-link{
    float: left;
    line-height: 30px;
}

#sideMenu{
	width:24.48979591836735%;
	margin-top:17px;
}

#sideMenu li{ margin-bottom:30px;}
#sideMenu li li{ margin-bottom:10px;}

#sideMenu li li p{
	font-size:109%;
	line-height:1.4;
}

#sideMenu #imageIndex{ overflow:hidden;}
#sideMenu #imageIndex li{
	width:30%;
	height:30%;
	float:left;
	margin:0 5% 5% 0;
}

#sideMenu #imageIndex li:nth-child(3n){ margin-right:0;}


/* 一覧 */

#newsList li{
	width:100%;
	display:table;
	font-size:117%;
}

.news-date{
	display:table-cell;
	width:130px;
	color:#333;
	vertical-align:top;
	padding:10px 0;
}

.news-ttl{
	display:table-cell;
	padding:10px 0;
	vertical-align:top;
}


/*------------------------------------------------------------ 
    スタイル 
------------------------------------------------------------*/ 

/* 
	カラム配置
	.style1：2カラム　左ブログメニュー、右メイン
	.style2：2カラム　左メイン、右ブログメニュー
	.style3：3カラム　左ブログメニュー、中央メイン、右ナビ
	.style4：3カラム　左ナビ、中央メイン、右ブログメニュー
	･style5：2カラム　左ナビ・ブログメニュー、右メイン
*/


#contents.style1 #sideMenu,
#contents.style4 #sideMenu,
#contents.style5 #sideMenu{
	float:left;
}

#contents.style2 #sideMenu,
#contents.style3 #sideMenu{
	float:right;
}

#contents.style5 #sideMenu{ margin-top:30px;}


/*------------------------------------------------------------ 
    MediaQuery 
------------------------------------------------------------*/  




/* TABLET */
@media screen and (max-width: 788px){

#sideMenu {
	width:100%;
	float:none;
	margin-top:40px;
	letter-spacing:-.40em;
}

#sideMenu #blogProfile{
	display:block;
	width:100%;
}

#sideMenu > li {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin: 0 4% 4% 0;
    letter-spacing: normal;
}

#sideMenu > li:nth-child(odd){ margin-right:4%;}
#sideMenu > li:nth-child(even){ margin-right:0;}

#sideMenu #imageIndex li{
	width:22%;
	height:22%;
	float:left;
	margin:0 4% 4% 0;
}

#sideMenu #imageIndex li:nth-child(3n){ margin-right:4%;}
#sideMenu #imageIndex li:nth-child(4n){ margin-right:0%;}

}

/* TABLET */
@media screen and (min-width: 789px){

#mainColumn{ min-height:610px;}

}


/* SP */
@media screen and (max-width: 560px){

#sideMenu > li{
	display:block;
	width:100%;
	margin:30px 0 0;
}

#profile-img{ max-width:140px;}


.news-date{
	display:block;
	width:130px;
	padding:10px 0 0;
}

.news-ttl{
	display:block;
	padding:5px 0 10px;
}
}