@charset "utf-8";

/*  タイトル　*/
.title{
	padding:65px 0 65px 0;
	background:#fff;
}
.title p{
	font-size:1.75em;
	font-weight:bold;
	color:#31948d;
	margin:0 auto;
	text-align:center;
}
#titleue{
	width:280px;
	border-bottom: 4px dotted #31948d;
	letter-spacing:0.1em;
	padding-bottom:5px;
}
#titlesita{
	padding-top:10px;
	font-size:1em;
	font-weight:bold;
	color:#31948d;
	letter-spacing:0.1em;
}

/*  ブログ　*/
#blog,#blog2{
	background:#fff;
	width:80%;
	border-radius:20px;
	margin:80px auto;
	display: grid;
	grid-template-rows: 35px auto 35px; 
}
.blog_maru1,.blog_maru2  {
    	grid-row: 2; /* 2行目に配置（可変の繰り返し部分）*/
    	background-image:url(../sozai/maru.png);
   	background-position: left;
    	background-repeat: no-repeat space;

}

.blog_maru1::before,.blog_maru1::after,
.blog_maru2::before,.blog_maru2::after {
    	content: ""; 
    	height: 35px; /* 上部と下部の余白の高さ */
	display: block;
}

#itiran_modoru{
	background:#fac070;
	border-radius:5px;
	width:160px;
	height:25px;
	line-height:25px;
	display:inline-block;
	padding:5px 25px 5px 20px;
	color:#000;
	font-size:13px;
	font-weight:bold;
  	transition: transform 0.3s ease;
}
#itiran_modoru a{
	color:#000;
	text-decoration:none;
}
#itiran_modoru:hover{
 	transform: translateY(-5px);
}
.line1{
	display:block;
}
.line2{
	display:none;
}
.blog_back{
	width:90%;
	max-width:900px;
	margin:0 auto;
	align-items:center;
	top:-150px;
}

#blog2 table img{
	max-width:80%;
	max-height:40%;
}
#blog table,#blog2 table{
	text-align:left;
	margin:50px auto;
	width:85%;
}

#blog table td,#blog2 table td{
	line-height:1.5em;
	color:#000;
	text-decoration:none;
}
#blog table td a{
	color:#000;
	text-decoration:none;
}
#blog table td a:hover{
	color:#efb194;
}
.blog_daimei{
	font-size:25px;	
}
.blog_time{
	font-size:18px;
	font-weight:normal;
}
.blog_pin{
	text-align:right;
	width:5%;
}
.blog_day{
	width:15%;
}
.blog_title{
	width:35%;
}
.blog_sub{
	width:45%;
}
.blog_back{
	margin-top:-70px;
}
@media(max-width:768px){
	#blog2{
		width:90%;
		margin:50px auto;
	}
	#blog2 table{
		width:70%;
		margin:0 auto;
	}
	#blog2 table img{
		width:60%;
	}
	.line1{
		display:none;
	}
	.line2{
		display:block;
	}
	.blog_maru1,.blog_maru2 {
		background-image:url(../sozai/maru2.png);
	}
}
@media(max-width:414px){
	#blog2 table{
		width:70%;
		margin:0 auto;
		padding-left:5%;
	}
	#blog2 table img{
		width:60%;
	}
	.blog_daimei{
		font-size:18px;	
	}
	.blog_time{
		font-size:14px;
		font-weight:normal;
	}
	.line2 table td{	
		font-size:12px;
	}
	#blog2 table td{	
		font-size:8px;
	}
	.blog_maru1,.blog_maru2 {
		background-image:url(../sozai/maru2.png);
	}
}