@charset "UTF-8";
/* sp(320px) */

/* ブログヘッドライン */
#pageBlog #headline {
	padding: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
}
#pageBlog #headline .inner {
	position: relative;
	height: 120px;
}

/* 社長ブログ */
#pageBlog #headline.blog_ceo {
	background-image: url(../img/blog/headline_blog_ceo_sp.jpg);
	background-position: 90% 0%;
}
#pageBlog #headline.blog_ceo .hl {
	font-size: 20px;
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
}
#pageBlog #headline.blog_ceo .hl span {
	font-size: 15px;
	display: block;
	font-weight: normal;
}
#pageBlog #headline.blog_ceo .hl span br {
	display: inline-block;
}

/* ほのぼのブログ */
#pageBlog #headline.blog_staff {
	background-image: url(../img/blog/headline_blog_staff.jpg);
	background-position: 100% 0%;
}
#pageBlog #headline.blog_staff .hli {
	width: 290px;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
}







#pageBlog #primary_blog {
	padding: 0 0 40px 0;
}


/* ブログリスト */
#pageBlog .list_blog {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 2px dotted #dcdcdc;
}

/* ブログ記事 */

#pageBlog .hlbg {
	padding-bottom: 7px;
	/*background: url(../img/blog/line_ttl.png) repeat-x left bottom;*/
	border-bottom: 1px solid #dcdcdc;
}
#pageBlog .blog_date {
	font-size: 18px;
	color: #ae6d4c;
	padding: 0px 0 0px 0px;
}

#pageBlog .blog_date .author {
	display: inline-block;
	padding-left: 1em;
	color: #000;
	font-size: 16px;
}

/* プロフィール */
#pageBlog .profile {
	border: 5px solid #ede3d9;
	padding: 3% 5% 5%;
}
#pageBlog .profile .ttl {
	font-size: 40px;
	text-align: center;
	line-height: 1;
	color: #ae6d4c;
}
#pageBlog .profile .enc {
	display: table;
	margin-top: 12px;
}
#pageBlog .profile .enc .ph {
	display: block;
	width: auto;
	vertical-align: top;
	text-align: center;
}
#pageBlog img.avatar {
	display: block;
	width: 80px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 12px;
	border: 0px solid;
}
#pageBlog .profile .enc .txt {
	display: block;
	vertical-align: top;
	padding-left: 0px;
}
#pageBlog .profile .enc .txt .posi {
	color: #ae6d4c;
}
#pageBlog .profile .enc .txt .name {
	font-size: 18px;
	font-weight: bold;
}
#pageBlog .profile .enc .txt .name .eng {
	display: inline-block;
	font-weight: normal;
	padding-left: 8px;
}
#pageBlog .profile .enc .txt .summary {
	margin-top: 8px;
}
#pageBlog .profile .enc .txt .link_author {
	margin-top: 1em;
}
#pageBlog .profile .enc .txt .link_author a {
	display: inline-block;
	color: #e6743c;
	font-weight: bold;
	position: relative;
}
#pageBlog .profile .enc .txt .link_author a:before {
	content: '';
	width: 20px;
	height: 20px;
	background-color: #e6743c;
	border-radius: 50%;

	position: absolute;
	right: -26px;
	top: 3px;
}
#pageBlog .profile .enc .txt .link_author a:after {
	content: '';
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 4px;
	height: 4px;
	position: absolute;
	right: -18px;
	top: 10px;	
}

/* プロフィール欄のスタイル */
#pageBlog .profile .intro {}

#pageBlog .profile .intro dl {
	margin-top: 20px;
}
#pageBlog .profile .intro dt {

}
#pageBlog .profile .intro dt .icn {
	display: inline-block;
	width: 32px;
}
#pageBlog .profile .intro dt .tl {
	color: #84ca3b;
	font-weight: bold;
	padding-left: 5px;
}
#pageBlog .profile .intro dd {
	margin-left: 0;
	margin-bottom: 16px;
	padding-top: 5px;
}


/* リストのサムネール */
#pageBlog .list_blog .thumb {}
#pageBlog .list_blog .thumb img {
	width: auto;
	height: auto;
	display: block;
	margin: 0 auto;
}

/* 続きを読む */
#pageBlog .readmore {
	margin-bottom: 30px;
}

#pageBlog .readmore a {
	display: block;
	width: 5.5em;
	border: 1px solid #e59649;
	color: #e59649;
	padding: 10px 20px;
	margin-bottom: 30px;
	transition: background-color 0.3s , color 0.3s;
	text-decoration: none;
}
#pageBlog .readmore a:hover {
	text-decoration: none;
	background-color: #e59649;
	color: #fff;
	transition: background-color 0.3s , color 0.3s;
}

#pageBlog .blog_body {
	margin-top: 30px;
	font-size: 17px;
	line-height: 1.9;
}

#pageBlog .blog_body p {
	margin-bottom: 1em;
}
#pageBlog .blog_body img {
	width: auto;
}

/*  リストでのサムネール表示 */
#pageBlog .thumb {
	margin-top: 30px;
}
#pageBlog .thumb img {
	width: 100%;
	height: auto;
}



#pageBlog .blog_body h2 {
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 1em;
	line-height: 1.4;
	color: #45aa77;
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
}

#pageBlog .blog_body h3 {
	font-size: 17px;
	margin-bottom: 0.6em;
	font-weight: bold;
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
}

#pageBlog .list_blog .blog_body img {
	max-width: 100%;
	height: inherit;
}




/* セカンダリのリスト */
#pageBlog #secondary_blog .bcat {
	/*background: url(../img/share/dot.png) repeat-x left bottom;*/
	border-bottom:  1px solid #f2ede1;
	padding-bottom: 20px;

}
#pageBlog #secondary_blog .blist {
	padding-left: 0;
}
#pageBlog #secondary_blog .ttl {
	box-sizing: border-box;
	padding: 0 0px;
	margin-bottom: 5px;
	/*border-bottom: 2px solid #81c33c;
	border-top: 2px solid #81c33c;*/
}
#pageBlog #secondary_blog .ttl span {
	font-size: 18px;
	font-weight: bold;
	color: #1d4b25;
	display: block;
	padding: 0px 0 0px 0.1em;
}

#pageBlog .blist li {
	/*border-bottom: 1px dotted #c2af81;*/
	padding:  5px 0 5px 5px;
}
#pageBlog .blist li:last-child {
	border-bottom: 0px dotted #c2af81;
}

#pageBlog .blist li a {
	color: #000;
	font-size: 14px;
	text-decoration: none;
	position: relative;
	border-bottom: 1px solid #000;
	padding-bottom: 2px;
	transition: all 300ms 0s ease;
}

#pageBlog .blist li a:hover {
	text-decoration: none;
	border-bottom: 1px solid #000;
}



/* カレンダー */
#pageBlog #wp-calendar caption {
	text-align: center;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 7px 0;
}
#pageBlog #wp-calendar thead {
	color: #45aa77; /* 曜日の色 */
	background:url(../img/share/dot.png) repeat-x left bottom;
	
}
#pageBlog #wp-calendar thead th {
	padding: 7px 0;
	font-weight: normal;
}
#pageBlog #wp-calendar tbody td {
	padding: 4px 0;
}
#pageBlog #wp-calendar tbody td a {
	text-decoration: underline;
}

#pageBlog #wp-calendar tfoot {
	border-top: 1px solid #000;
}
#pageBlog #wp-calendar tfoot td {
	padding: 4px 0 0;
	border: 0px solid;	
}
#pageBlog #wp-calendar tfoot td#next {
	text-align: right;;
}



/* ページング */
.pagination{
    text-align: center;
}
a.page-numbers,
.pagination .current{
    background: #fff;
    border: solid 1px #ccc;
    padding:5px 8px;
    margin:0 2px;
    text-decoration: none;
}
.pagination .current{
    background: #45aa77;
    border: solid 1px #45aa77;
    color: #fff;
}

@media handheld, print, screen and (min-width: 374px) {
/* iphone6 */
#pageBlog #headline.blog_ceo .hl span br {
	display: none;
}

#pageBlog #headline.blog_staff .hli {
	width: 308px;
}

/* end of media query(iphone6) */	
}



@media handheld, print, screen and (min-width: 413px) {
/*  iPhone6 Plus */

/* end of media query(iPhone6 Plus) */	
}













@media handheld, print, screen and (min-width: 481px) {
/* tablet */

/* ブログヘッドライン */
#pageBlog #headline .inner {
	height: 136px;
}

#pageBlog #headline.blog_ceo {
	background-image: url(../img/blog/headline_blog_ceo.jpg);
	background-position: 70% 0%;
}
#pageBlog #headline.blog_ceo .hl {
	font-size: 26px;
}
#pageBlog #headline.blog_ceo .hl span {
	font-size: 16px;
}



/* ほのぼのブログ */
#pageBlog #headline.blog_staff {
	background-image: url(../img/blog/headline_blog_staff.jpg);
	background-position: 100% 0%;
}
#pageBlog #headline.blog_staff .hli {
	width: 440px;
}

#pageBlog .blog_body h2 {
	font-size: 24px;
}

#pageBlog .blog_body h3 {
	font-size: 21px;
}

/* プロフィール */
#pageBlog .profile .enc {
	display: table;
	margin-top: 12px;
}
#pageBlog .profile .enc .ph {
	display: table-cell;
	width: 80px;
	vertical-align: top;
}
#pageBlog .avatar {
	width: 80px;
	height: 80px;
}
#pageBlog .profile .enc .txt {
	padding-left: 14px;
}
#pageBlog .profile .enc .txt .name .eng {
	display: inline-block;
	font-weight: normal;
	padding-left: 8px;
}


/*#pageBlog .profile .enc .ph {
	width: 110px;
}
#pageBlog .avatar {
	width: 110px;
	height: 110px;
}
#pageBlog .profile .enc .txt {
	padding-left: 20px;
}*/



	@media (-webkit-min-device-pixel-ratio: 1.3){

		#pageBlog #headline.blog_ceo {
			background-image: url(../img/blog/headline_blog_ceo@2x.jpg);
		}
		#pageBlog #headline.blog_staff {
			background-image: url(../img/blog/headline_blog_staff@2x.jpg);
		}

	/* end of media query(retina) */	
	}

/* end of media query(tablet) */	
}



@media handheld, print, screen and (min-width: 621px) {
/* iPad */


/* end of media query(iPad) */	
}



@media handheld, print, screen and (min-width: 801px) {
/* pc */

#pageBlog #primary_blog {
	padding: 0 2% 0 0;
}

/* ブログヘッドライン */
#pageBlog #headline .inner {
	height: 170px;
}

#pageBlog #headline.blog_ceo {
	background-position: 95% 0%;
}
#pageBlog #headline.blog_ceo .hl {
	font-size: 30px;
}
#pageBlog #headline.blog_ceo .hl span {
	font-size: 16px;
}

/* ほのぼのブログ */
#pageBlog #headline.blog_staff {
	background-position: 90% 0%;
}
#pageBlog #headline.blog_staff .hli {
	width: 551px;
}

/* end of media query(pc) */
}