@charset "UTF-8";
/* CSS Document */

div#blogs
	{
	box-sizing:border-box;
	margin:4% auto 0;
	padding:1% 4% 1%;
	width:100%;
	max-width:1100px;
	}
	
div#blogs .blog01
	{
	box-sizing:border-box;
	margin:1% 3% 1% 0;
	float:left;
	width:47%;
	}
	
div#blogs .blog02
	{
	box-sizing:border-box;
	margin:1% 0% 1% 3%;
	float:right;
	width:47%;
	}
	
div#blogs .blog01 dt , div#blogs .blog02 dt
	{
	text-align:center;
	font-size:38px;
	font-family: 'Montserrat', sans-serif; font-weight:700;
	color:#ea5413;
	}
	
div#blogs .blog01 dd , div#blogs .blog02 dd
	{
	margin:6% auto 0;
	text-align:justify;
	text-justify:inter-ideograph;
	font-size:14px;
	line-height:150%;
	}


ul#feed,ul#feed2
	{
	width:100%;
	height:;
	}
	
ul#feed li , ul#feed2 li
	{
	border-bottom:dashed 1px #A7A7A7;
	width:100%;
	}
	
ul#feed li a , ul#feed2 li a
	{
	box-sizing:border-box;
	padding:0 1.4%;
	display:block;
	color:#373737;
	width:100%;
	line-height:380%;
	overflow:hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
	white-space: nowrap;
	text-decoration:none;
	-webkit-transition: all .3s;
	transition: all .3s; 
	}
	
ul#feed li a:hover , ul#feed2 li a:hover
	{
	color:#006;
	-webkit-transition: all .2s;
	transition: all .2s; 
	}
	
	
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 1024px) {
 /* ************** */

div#blogs
	{
	margin:5% auto 0;
	padding:1% 5% 1%;
	max-width:100%;
	}

 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth960(tablet)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 960px) {
 /* ************** */

div#blogs
	{
	margin:5% auto 0;
	padding:1% 5% 1%;
	}
	
div#blogs .blog01 dt , div#blogs .blog02 dt
	{
	text-align:center;
	font-size:32px;
	}
	
div#blogs .blog01 dd , div#blogs .blog02 dd
	{
	margin:8% auto 0;
	font-size:14px;
	line-height:150%;
	}
	
ul#feed li a , ul#feed2 li a
	{
	line-height:380%;
	-webkit-transition:none;
	transition:none;
	}
	
ul#feed li a:hover , ul#feed2 li a:hover
	{
	color:#373737;
	-webkit-transition:none;
	transition:none;
	}

 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */

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

div#blogs
	{
	margin:6% auto 0;
	padding:1% 6% 1%;
	}
	
div#blogs .blog01 dt , div#blogs .blog02 dt
	{
	text-align:center;
	font-size:26px;
	}
	
div#blogs .blog01 dd , div#blogs .blog02 dd
	{
	margin:10% auto 0;
	font-size:12px;
	line-height:150%;
	}
	
ul#feed li a , ul#feed2 li a
	{
	line-height:340%;
	margin:1% auto 0;
	}

 /* *************** */
	}
	
	
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 480px) {
 /* ************** */

div#blogs
	{
	margin:0 auto 0;
	padding:1% 7% 4%;
	}
	
div#blogs .blog01 , div#blogs .blog02
	{
	margin:8% auto 0;
	float:none;
	width:100%;
	}
	
div#blogs .blog01 dt , div#blogs .blog02 dt
	{
	text-align:left;
	font-size:28px;
	}
	
div#blogs .blog01 dd , div#blogs .blog02 dd
	{
	margin:8% auto 0;
	font-size:12px;
	line-height:150%;
	}
	
ul#feed li a , ul#feed2 li a
	{
	line-height:340%;
	margin:1% auto 0;
	}

 /* *************** */
	}