@charset "UTF-8";
/*=======================================================
footer
=======================================================*/

footer{
	width: 850px;
	height: auto;
	box-sizing: border-box;
	background: #ccbb75;
	border-radius: 20px;
	margin: 8em auto 0;
	padding: 3.5em 3em;
}

.footer-com{
	line-height: 2.2;
	text-align: center;
}

@media screen and (max-width: 896px){
footer{
	width: 95%;
	margin: 4em auto 0;
	}
.footer-com{
	text-align: left;
	}	
}

.copylite{
	text-align: center;
	font-size: 1.2rem;
	padding: 1em 0 2em;
}

/* contact bottom
-----------------------------------*/
.contact-more{
	display: block;
	padding: 0.8em 2em;
	box-sizing: border-box;
	background: #fff;
	text-align: center;
	border-radius: 30px;
	width: 300px;
	margin: 2em auto 0;
}

a.contact-more{
	color: #111;
	font-weight: 600;
	transition: ease 0.3s;
}

a:hover.contact-more{
	color: #ccbb75;
}
@media screen and (max-width: 896px){
	.contact-more{
	width: auto;
}
	a:hover.contact-more{
	color: #111;
	}
}

/* contact title
-----------------------------------*/
.contact-ttl{ 
	font-size: 4rem;
	text-align: center;
	margin-bottom: 1em;
	letter-spacing: 0.1em;
}


/*=======================================================
post
=======================================================*/

.post-footer{ 
	width: 1250px!important;
	background: none;
	border-radius: 0px;
	padding-bottom: 0!important;
}
@media screen and (max-width: 896px){
	.post-footer{ 
	width: 95%!important;
	background: none;
	padding: 0;
	}
}

.widget-ttl{
	font-size: 1.8rem;
	border-bottom: 1px solid #111; 
	margin:  0 0 0.5em 0;
}

.widget-service{
	padding: 3em 2em;
	box-sizing: border-box;
}

.widget-service a{
	color: #111;
}


/* TOPICS
----------------------------------*/
.top-post{
	width: 100%;
	margin: 0 0 1em 0;
}
.top-post:last-of-type{
	width: 100%;
	margin: 0;
}
.top-post a{
	color: #111;
}

.top-post:hover{
	color: #111;
	transform: translateX(4px);
	transition: all  .2s ease;
	-webkit-transition: all  .2s ease;
	-moz-transition: all  .2s ease;
	-o-transition: all  .2s ease;
}

.top-post-ttl{
	font-size: 1.3rem;
	line-height: 1.7;
}

.top-post-date{
	color: #999;
	font-size: 1.2rem;
	line-height: 1;
}

/* widget list
----------------------------------*/

.widget-list {
	margin-bottom: 3em;
}

.widget-list li{
	line-height: 2.2;
}

.widget-list a{
	color: #111;
}

.widget-list li:hover{
	transform: translateX(4px);
	color: #111;
	transition: all  .2s ease;
	-webkit-transition: all  .2s ease;
	-moz-transition: all  .2s ease;
	-o-transition: all  .2s ease;
}

/* tags
----------------------------------*/
.widget-tags{
	color: #111;
	margin-bottom: 3em;
}

.widget-tags a{
	color: #111;
	font-size: 1.4rem!important;
	transition: opacity .0.3s ease-out;
	-webkit-transition: opacity .0.3s ease-out;
	-moz-transition: opacity.0.3s ease-out;
	-o-transition: opacity .0.3s ease-out;
}

.widget-tags a:hover{
	color: #111;
	opacity: 0.7;
}

.widget-tags a::after{
	content: '/';
	color: #999;
	font-size: 1.2rem;
}