@charset "utf-8";


.page-blog #content.single {
	width:960px;
	margin:0 auto;
}



/* #2カラム用
----------------------- */

.page-blog #two_column{
	width:1000px;
	margin:60px auto 0;
	overflow:hidden;
}

.page-blog #two_column #main{
	float:left;
	width:720px;
}

.page-blog #two_column #content{
	margin-top:0px;
	width:auto;
}

.page-blog #two_column .archivesList{
	width:auto;
	margin:0px auto 30px;
}


/* #サイドメニュー
----------------------- */

.page-blog #side{
	float:right;
	width:250px;
}

.page-blog #side dl{
	margin-bottom:40px;
	text-align:left;
	color:#FFF;
}

.page-blog #side dt,
.page-blog #side dd{
	
}

.page-blog #side dt{
	padding:20px;
	background:#333;
	font-size:18px;
}

.page-blog #side dd{
	background:#222;
	padding:0px 10px ;
}

.page-blog #side dd a{
	display:block;
	padding:10px 30px;
	background:url(../img/arrowR_04.png) no-repeat 15px center;
	background-size:6px;
	color:#FFF;
	border-bottom:dotted #555 1px; 
}

.page-blog #side dd a:before{
	margin-right:10px;
}



/*==============================================================*/
/* ナビゲーション */
/*==============================================================*/

.page-blog .contentNavi{margin-bottom:60px;}

.page-blog .contentNavi li a{width:250px; padding-bottom: 20px;}



/*==============================================================*/
/* メインイメージ */
/*==============================================================*/

.page-blog #mainImg-l{
	background-image: url(../../img/blog/top-mainimg.jpg);
	background-color:#ECF0F3;
}

.page-blog #mainImg-l div{
	text-align:left;
}

.page-blog #mainImg-l p:first-child{
	margin-top:60px;
	font-size:30px;
	line-height:1.3;
}

.page-blog #mainImg-l p:last-child{
	margin-top:20px;
}



/*==============================================================*/
/* コンテンツトップ */
/*==============================================================*/

.page-blog #contentsList {
	margin:60px 10px 0px;
}

.page-blog #contentsList li {
	width:470px;
	margin:0 10px 0px;
}

.page-blog #contentsList a{
	width:150px;
	padding-right:320px;
}

.page-blog #contentsList a div{
	background: url(../img/blue_dot_opa80.png);
}

.page-blog #contentsList li:nth-child(1) a { background-image: url(../../img/blog/top-kunihara.jpg)}
.page-blog #contentsList li:nth-child(2) a { background-image: url(../../img/blog/top-staff.jpg)}
.page-blog #contentsList li:nth-child(3) a { background-image: url(../../img/blog/top-books.jpg)}
.page-blog #contentsList li:nth-child(4) a { background-image: url(../../img/blog/top-contents.jpg)}

.page-blog #contentsList li a:hover div{background: url(../img/red_dot_opa80.png);}





/*==============================================================*/
/* スタッフコラム */
/*==============================================================*/


.page-blog.kunihara #side dd a:hover{
	background-color:#333;
}


/* #アーカイブ
----------------------- */

.page-blog.kunihara .archivesList a,
.content_404 .archivesList a{
	display:block;
	position:relative;
	padding:20px 120px 20px 20px;
	border-bottom:dotted 1px #ccc;
	
}

.page-blog.kunihara .archivesList a:hover,
.content_404 .archivesList a:hover{background-color:#f9f9f9;}

.page-blog.kunihara .archivesList span,
.content_404 .archivesList span{
	display:inline-block;
	position:absolute;
	right:0;
	top: 20px;
	background:#ccc;
	padding:2px 5px;
	color:#FFF;
}



/* #シングルページ
----------------------- */

.page-blog .singlePost{
    margin-block: 40px;
}

.page-blog.kunihara .singlePost h3 {

	border-bottom:solid 4px #ddd;
	padding:10px 0;
	font-size:24px;
	color:#666;
	overflow:hidden;
	line-height: 1.3;
}


.page-blog.kunihara .singlePost h3 span{
	float:right;
	font-size:14px;
  margin-top: 10px;
}


.snsBtn{ padding-top:20px; position:relative; text-align:right;	margin-bottom:30px;}
.snsBtn > * { vertical-align: bottom; margin:0 3px; overflow:hidden;}
.snsBtn .twitterBtn{ padding-right:70px;}
.snsBtn .twitter-share-button{ position:absolute !important; margin-top:3px;}

.fbBox{ text-align:center; overflow: hidden; background: #F6F7F9; padding: 15px;}


/*==============================================================*/
/* 書籍紹介 */
/*==============================================================*/

/* #アーカイブ
----------------------- */

.page-blog.books .archivesList{
  margin-top: 60px;
}
.page-blog.books .archivesList li {
	margin-bottom:100px;
	overflow:hidden;
}

.page-blog.books .archivesList img {
	float:left;
}

.page-blog.books .archivesList div {
	float:right;
	width:730px;
}

.page-blog.books .archivesList h3 {
	font-size:24px;
	font-weight:bold;
	line-height:1.3;
}


.page-blog.books .archivesList .date {
	font-size:14px;
	margin:5px 0;
}

.page-blog.books .archivesList .date.emphasis {
	color:#da0000
}

.page-blog.books .archivesList .txtBox {
	margin:10px 0 20px;
	padding-top:10px;
	border-top:1px dotted #333;
}

.page-blog.books .archivesList  div a,
.page-blog.books .singlePost .leftF a{
	display:inline-block;
	width:200px;
	background:#333;
	text-align:center;
	color:#FFF;
	padding:10px 0;
}

.page-blog.books .archivesList  div a{
	margin-right:20px;
}



/* #シングルページ
----------------------- */


.page-blog.books .wrap{
  margin-top: 60px;
	overflow:hidden;
}


.page-blog.books .singlePost h3{
	margin-bottom:5px;
	font-size:24px;
	font-weight:bold;
	line-height:1.3;
}

.page-blog.books .singlePost .leftF{width:200px;}
.page-blog.books .singlePost .leftF img{margin-bottom:10px;}

.page-blog.books .singlePost .rightF{
	width:690px;
}

.page-blog.books .singlePost .rightF dl{
	margin:20px 0 20px;
	background:#f2f2f2;
	overflow:hidden;
}

.page-blog.books .singlePost dt{
	width: 70px;
	float: left;
	clear: both;
	/*padding:10px 30px;*/
	padding: 10px;
	font-weight: bold;
}

.page-blog.books .singlePost dd{
	padding: 10px 0 10px 120px;
	border-bottom:dotted 1px #ccc;
}

.page-blog.books .singlePost h4{
	margin:50px 0 0px;
	background:#6296c1;
	padding:15px 35px;
	font-size:20px;
	color:#FFF;
}

.page-blog.books .singlePost .summary{
	width:900px;
	margin:30px auto 0;
}

.page-blog.books .singlePost .summary > ul > li{
	border-bottom: solid 1px #ddd;
	padding:40px 20px;
	list-style: none;
}


.page-blog.books .singlePost .summary li:last-child{border-bottom:none;}

.page-blog.books .singlePost h5{
	background:url(../img/arrowR_05.png) no-repeat left center;
	padding-left:30px;
	font-size:20px;
	font-weight:bold;
}


.page-blog.books .singlePost .summary li li{margin:5px 0; padding-left: 1em; text-indent: -1em; list-style: none;}

.page-blog.books .singlePost .summary li li:before{content:"・"}

.page-blog.books .singlePost .summary li ul{margin:20px 0 20px 30px;} 

.page-blog.books .singlePost .summary h6{
	margin:30px 30px 0;
	font-size:14px;
}

.page-blog.books .singlePost .summary li span{
	background:#e20000;
	margin-right:10px;
	padding:2px 10px;
	color:#FFF;
}


/*==============================================================*/
/* コンテンツ  */
/*==============================================================*/


/* #アーカイブ
----------------------- */


.page-blog.content .archivesList a{
	display:block;
	padding:20px 50px;
	background:url(../img/arrowR_05.png) no-repeat 20px center;
	border-bottom:dotted 1px #ccc;
}

.page-blog.content .archivesList a:hover{background-color:#f9f9f9;}



/* #シングルページ
----------------------- */
.single-contents .singlePost{ margin-top: 0;}
.page-blog.content .singlePost .copy{
	margin:30px 0;
	text-align:center;
}


.page-blog.content .singlePost h3 {
	background-color: #F2F2F2;
	 padding: 15px 20px;
	font-size:21px;
	margin-bottom:15px;

}

.page-blog.content h3.post-ttl{ 

margin-bottom:15px;
	border-bottom:dotted 1px #ccc;
	padding:10px 0 15px;
	font-size:28px;
	font-weight:bold;
	background: none;
	line-height:1.2;
}
.page-blog.content .singlePost .txtBox {
	margin-bottom:60px;
}

.page-blog.content .singlePost .persuasion {
	background:#e0ebed;
	padding:20px;
}