/* ---------  blog top ------------ */



section#head {

	margin-top:94px;

	background:url(../images/blog_top.jpg) no-repeat 50% 50% ;

	background-size:cover;

	padding-top:8px;

}



section#head::before {

	content:"";

	display:block;

	width:100%;

	height:100%;

	background:rgba(0,0,0,0.5);

	position:absolute;

	top:0;

	left:0;

	bottom:0;

	margin:auto;

}



h1.heading01 {

    padding: 2em 1em;

    text-align: left;

    margin: 36px auto;

	max-width:1000px;

}





.pan,

.pan a,

h1.heading01 {

	color:#fff;

}

/* ---------  blog top  fin ------------ */



/* ---------  blog main ------------ */





/* ---------  blog block ------------ */



#blog {

    margin: 80px auto;

    width: 100%;

    max-width: 1260px;

    padding: 0 4%;

}



#blog .inner {

	justify-content:space-between;

	flex-wrap:wrap;

	align-items:flex-start;

}



.blog_list {

    width:70%;

	margin:0 20px;

}





.blog_block {

    width: 100%;

    justify-content: space-between;

	padding:1.5em 1em;

	border:1px solid #f1f1f1;

	margin-bottom:40px;

}



.blog_txt {

    width: 56%;

}



.blog_txt dl dt a {

	display:block;

	width:100%;

	background:#b8860b;

	color:#fff;

	padding:0 0.4em;

}



.blog_txt dl dd {

	padding-left:1em;

}





.blog_txt h2 a {

	display:block;

	width:100%;

	font-weight:400;

	font-size:172%;

	padding:0.5em 0;

}





.blog_txt .blog_comment {

	font-size:115%;

}





.blog_txt .more_btn {

	font-size:115%;

	display:block;

	text-align:right;

	margin:1em 0 0 0;

}



.blog_txt h2 a:hover,

.blog_txt .more_btn:hover {

	text-decoration:underline;

}



.blog_txt .more_btn i {

	padding-right:0.5em;

}



.blog_img {

    width: 40%;

}



.blog_img img {

	object-fit: cover;

    width: 100%;

}



/* ---------  blog detail ------------ */



.blog_main dl dt a {

	display:block;

	width:100%;

	background:#b8860b;

	color:#fff;

	padding:0 0.4em;

}



.blog_main dl dd {

	padding-left:1em;

}





.blog_main h1 {

	width:100%;

	font-weight:400;

	font-size:172%;

	padding:0.5em 0;

}



.b_comment {

	padding:2em;

	border:1px solid #f1f1f1;

}



.blog_main .b_comment h2,

.blog_main .b_comment h3 {

	font-size:150%;

	margin-bottom:0.5em;

	line-height:1.25em;

	font-weight:bold;

}



.blog_main .b_comment h4 {

	font-size:130%;

	margin-bottom:0.5em;

	line-height:1.25;

	font-weight:bold;

}



.blog_main .b_comment p {

	margin-bottom:2em;

}



.blog_main .b_comment p {

	font-size:115%;

	line-height:1.8em;

}

.blog_main .b_comment p span,

.blog_main .b_comment p strong {

	font-size:100%;

	line-height:1.8em;

}



.blog_main .b_comment p a {

	font-size:100%;

	color:#b8860b;

	text-decoration: underline;

}



.blog_main .b_comment p a:hover {

	text-decoration: none;

}



.b_comment img {

	display:block;

	margin:0 auto;

}



.b_comment div.moviewrap {

    position: relative;

	margin-bottom:2em;

}



.b_comment div.moviewrap::before{

    content: "";

    display: inline-block;

    padding-top: 56.25%;

}

.b_comment div.moviewrap iframe{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.back_btn {

	width:180px;

	margin:40px auto;

}



.back_btn a {

	display:block;

	width:100%;

	background:#b8860b;

	padding:0.6em 1em 0.4em 1em;

	color:#fff;

	text-align:center;

	font-size:115%;

}



.back_btn a:hover {

	cursor:pointer;

}



.back_btn a i {

	padding-left:1em;

}



/* ---------  blog detail fin ------------ */





/* --------- Pager --------------------- */



.pager_block {

	width:80%;

	margin:40px auto 80px auto;

	max-width:1160px;

}



.pager {

	display:flex;

	flex-wrap:wrap;

	justify-content: center;

	margin:20px 0 40px 0;

	padding: 0;

}









.pager li {

	margin:0 0.6em;

	text-align:center;

}



.pager li a {

/*	background: #e74392;

	border:1px solid #e74392;

	background:#000;

*/

	background:#b8860b;

	color: #fff;

	padding: 6px 14px;

	/*border-radius:4px;*/

	display:block;

	transition:all .4s;

}



.pager li a:hover {

	opacity:0.7;

}



.pager li.bg_page {

	padding: 6px 14px;

	border:1px solid #b8860b;

	/*border-radius:4px;*/

	color:#b8860b;

}



.pager li.l_height {

	line-height:2.5em;

}







/* ---------  blog block fin ------------ */



/* ---------  category block  ------------ */



.category {

	width:20%;

	margin:0 10px;

}



.latest_list h2,

.cate_list h2,

.archive_list h2 {

	font-size:143%;

	border-bottom:1px solid #000;

	padding-bottom:0.1em;

}



.latest_list i,

.cate_list i,

.archive_list i {

	padding-right:0.5em;

}



.latest_list ul,

.cate_list ul,

.archive_list ul {

	padding:1em 1em 2em 1em;

}



.latest_list ul li,

.cate_list ul li {

	line-height:1.8em;

}



/*

.latest_list ul li {

	overflow:hidden;

	width:100%;

	text-overflow:ellipsis;

	white-space:nowrap;

}

*/



.latest_list ul li {

	margin-bottom:0.5em;

}



.latest_list ul li a:hover,

.cate_list ul li a:hover {

	text-decoration:underline;

}



.archive_list select {

	margin:1em;

	border:1px solid #000;

	border-radius:2px;

	padding:0.5em 0.8em 0.8em 0.5em;

	background:#fff;

}



.archive_list select option {

	font-size:115%;



}

/* ---------  category block fin ------------ */



/* ---------  blog main  fin ------------ */



/* ---------  ver.SmartPhone ------------ */



@media screen and (max-width:768px){





section#head {

	margin-top:54px;

	background-position:25% 50%;

}



#blog {

	margin:40px auto;

}



h1.heading01 {

	text-align:center;

	padding:0.5em 0.8em 1em 0.8em;

}



.blog_list,

.blog_txt,

.blog_img,

.category {

	width:100%;

}



.blog_block {

	flex-wrap:wrap;

	-webkit-flex-wrap: wrap;

}



.blog_txt h2 a,

.blog_main h1 {

	line-height:1.2em;

	font-size:143%;

}



.blog_txt .blog_comment {

	font-size:100%;

}



.blog_img {

	margin-top:20px;

}



.b_comment {

	border:none;

	padding:2em 0;

}



.b_comment p br {

	display: none;

}



.category ul li {

	padding:0 0 0.2em 0;

}



}

/* ---------  ver.SmartPhone fin ------------ */