@charset "UTF-8";

#main header .title {
	background-image:url(../img/blog/blog_bg.jpg);
}

#blog .contents > .fbox {
	width:100%;
	padding-bottom: 30px;
}

#blog .contents .detailbox {
	width:calc(100% - 300px);
}
#blog .contents .detailbox h2 {
	text-align:left;
	border-bottom:3px solid #FFD21A;
	box-sizing:border-box;
	padding:0 .5em;
	margin-bottom:.2em;
}
#main #blog .contents .detailbox p.date {
    box-sizing:border-box;
    padding:0 1em;
    width:100%;
	font-size:1.6rem;
	line-height:1;
}
#blog .contents .detailbox p.date span:first-child {
	font-family: 'Lato', sans-serif;
}
#blog .contents .detailbox p.date a {
	background:#FFBA00;
	color:#ffffff;
	font-weight:500;
	border-radius:6px;
	line-height:1.5;
	padding:0 .5em;
}
#blog .contents .contents_detail {
	padding:0 1em 3em;
	font-size:1.8rem;
	line-height:1.8;
}
#blog .contents .contents_detail .detail {
	text-align:right;
	padding-top:1em;
}
#blog .contents .contents_detail .detail a {
	display:inline-block;
	bax-sizing:border-box;
	border:2px solid #FFBA00;
	color:#FFBA00;
	font-weight:500;
	background:#ffffff;
	font-size:1.5rem;
	text-align:center;
	line-height:1.8;
	box-sizing:border-box;
	padding:0 .5em;
	border-radius:6px;
	transition:.3s;
}
#blog .contents .contents_detail .detail a:hover {
	background:#FFBA00;
	color:#ffffff;
}
#blog .contents .contents_detail .detail a .svg-inline--fa {
	font-size:1.4rem;
	margin-left:.2em;
}

#blog .contents #side {
	width:250px;
	box-sizing:border-box;
	background:#efefef;
	padding:30px 15px;
}
#blog .contents #side h3 {
	font-size:1.8rem;
	color:#7C879B;
	margin-bottom:.6em;
	border:none;
	padding:0;
}
#blog .contents #side ul {
	margin-bottom:1.5em;
	font-size:1.6rem;
	line-height:1.3;
}
#blog .contents #side ul:last-child {
	margin-bottom:0;
}
#blog .contents #side ul li,
#blog .contents #side ul .wpp-list li {
    margin:0 0 .2em;
}
#blog .contents #side ul li a,
#blog .contents #side ul .wpp-list li a {
	text-decoration:underline;
}



#main #news.single .contents p.date {
	text-align:right;
	box-sizing:border-box;
	padding:0 .5em;
	margin-bottom:1em;
}
#news.single .contents .contents_detail {
	padding:0 1em;
	padding-bottom:60px;
}


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

}

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

}

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

}

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


#blog .contents .detailbox {
	width:100%;
}
#main #blog .contents .detailbox p.date {
    padding:0 .5em;
	font-size:1.4rem;
}
#blog .contents .detailbox p.date span:not(:first-child) {
	border-radius:4px;
}
#blog .contents .contents_detail {
	padding:0 .5em 1.5em;
	font-size:1.5rem;
}
#blog .contents .contents_detail .detail {
	padding-top:.5em;
}
#blog .contents .contents_detail .detail a {
	font-size:1.4rem;
	transition:0s;
}
#blog .contents .contents_detail .detail a:hover {
	background:#ffffff;
	color:#FFBA00;
}

#blog .contents #side {
	width:100%;
	padding:20px 15px;
}
#blog .contents #side h3 {
	font-size:1.6rem;
}
#blog .contents #side ul {
	font-size:1.5rem;
}


	

#news.single .contents .contents_detail {
	padding:0 .5em;
	padding-bottom:30px;
}

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

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

}