@charset "UTF-8";

/*--------------------------
blogBox
---------------------------- */
.blogBox{
	margin-bottom:100px;
	overflow:hidden;
}
.blogBox table{
	float:none;
	width:100% !important;
}
th .blogBox,
td .blogBox{
	margin-bottom:0px;
}
.blogBox{
	/*border:solid 1px #ccc;*/
	border-width:1px ;

}
.blogBox .tit03{
	margin-bottom:30px;
}
.blogBox .blogDate{
	margin-bottom:30px;
	color:#333;
}

.blogBox h1{
	font-size: 30px;
    padding: 5px 15px;
    background: #FAF8F2;
    color: #366658;
    border-left: solid 5px #366658;
	margin-bottom:30px;
}

.blogBox h2{
	font-size:23px;
	font-weight:bold;
	border-bottom:dashed 1px #366658;
	padding-bottom:15px;
	margin-bottom:30px;
}
.blogBox h3{
	font-size:20px;
	font-weight:bold;
	margin-bottom:30px;
	border-left: solid 5px #366658;
	padding-left:10px;
}
.blogBox h4{
	font-size:18px;
	font-weight:bold;
	margin-bottom:30px;
	background: #ebf3de;
	padding: 5px;
}


.blogBox h5{
	font-size:16px;
	font-weight:bold;
	margin-bottom:30px;
}
.blogBox h5::before{
	content: "◆";
   color: #366658;
   margin-right: 5px;
}

.blogBox h6{
	font-size:16px;
	font-weight:bold;
	margin-bottom:30px;
}
.blogBox p{
	line-height:1.7;
	margin-bottom:30px;
}
.blogBox ul{
	margin-bottom:35px;
	margin-left:2em;
}
.blogBox ul li{
	list-style:disc;
	padding-left:0em;
	margin-bottom:15px;
	letter-spacing: 0.1em;
	text-align: left;
	color: #000;
}
.blogBox ol{
	margin-bottom:35px;
	margin-left:2em;
}
.blogBox ol li{
	list-style:number;
	padding-left:0em;
	margin-bottom:15px;
	letter-spacing: 0.1em;
	text-align: left;
	color: #000;
}
.blogBox p img{

	max-width:1050px;
	height:auto;
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
	float:none !important;
}

.blogBox img.mt-image-none{
}

.blogBox em{
	font-style:italic !important;
}

.blogBox strong{
	font-weight:bold !important;
}
.blogBox table{
	margin:0 auto 30px;
	width:100%;
	max-width:1000px;
}
.blogBox table th{
	border:solid 1px #ccc;
	padding:10px;
	background:#f5f5f5;
}
.blogBox table td{
	border:solid 1px #ccc;
	padding:10px;
}

.blogBox a{
	color:#00f;
	text-decoration:underline;
}
.blogBox a[href$=".pdf"] {
	  display: inline-block;
  padding-right: 20px; /* アイコン分の余白 */
  background: url("/shared/img/icon_pdf_lnk.png") no-repeat right center;
  background-size: auto 17px; /* 必要に応じて調整 */
}

@media screen and (max-width: 767px) { /* Smartphone */
	.blogBox p{
		margin-bottom:15px;
	}
	.blogBox p img{
		display:inline-block;
		height:auto;
		max-width:400px;
		margin-left:auto;
		margin-right:auto;
	}
	.blogBox p img[src$="icon_1r_24.png"] {
		display:none;
	}

	.blogBox table{
		width:100%;
	}
	.blogBox table th{
		padding:10px;
	}
	.blogBox table td{
		padding:10px;
	}
	.blogBox table img{
		width:100%;
		height:auto;
	}
}

.hanaBox .blogBox a{
	text-decoration:underline;
}
.hanaBox .blogBox a[href$=".pdf"] {
	  display: inline-block;
  padding-right: 20px; /* アイコン分の余白 */
  background: url("/shared/img/icon_pdf_lnk.png") no-repeat right center;
  background-size: auto 17px; /* 必要に応じて調整 */
}
