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

/* headline */
#pageBlog #headline {
	background-image: url(../img/blog/bg_headline_sp.jpg);
}


#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 .hlbg a {
	color: #000;
}
#pageBlog .blog_date {
	font-size: 16px;
	color: #909090;
	font-weight: normal;
	padding: 0px 0 0px 0px;
}

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



/* リストのサムネール */
#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 #73ba3f;
	color: #73ba3f;
	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: #73ba3f;
	color: #fff;
	transition: background-color 0.3s , color 0.3s;
}

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

/* ブログ記事 */
#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 .blog_body h2 {
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 1em;
	line-height: 1.4;
	/*color: #000;*/
	/*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;
}

/************************************
** video
************************************/
/*動画の最大幅を指定する*/
.video-container,
.instagram-container{
  /*max-width:640px;*/
  width: 100%;

   padding: 30px 0;
   /*border: 1px solid #000;*/
}
 
/*動画の大きさを調整*/
.blog_body .video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;

}
 
/*Instagramの大きさを調整*/
.blog_body .instagram {
  position: relative;
  padding-bottom: 120%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
 
/*動画を囲んでいるdiv目一杯に広げる*/
.blog_body .video iframe,
.blog_body .video object,
.blog_body .video embed,
.blog_body .instagram iframe,
.blog_body .instagram object,
.blog_body .instagram embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.blog_body figure {
	padding-top: 30px;
	padding-bottom: 30px;
}








/* プロフィール */
#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 #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: #73ba3f;
	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: #000; /* 曜日の色 */
	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;
    color: #000;
}
.pagination .current{
    background: #73ba3f;
    border: solid 1px #73ba3f;
    color: #fff;
}

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


/* 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 */

/* headline */
#pageBlog #headline {
	background-image: url(../img/blog/bg_headline.jpg);
}


#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: 2){

		/* headline */
		#pageBlog #headline {
			background-image: url(../img/blog/bg_headline@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;
}

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