@charset "utf-8";

article{
	padding-bottom: 100px;
	padding: 0 4vw 2em 4vw;
}
article .paper{
	max-width: 1057px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 7em 5.5em 5.5em 5.5em;
	background-color: #fff;
	margin-top: -1.5em;
}
@media screen and (min-width: 771px){

}
@media screen and (max-width: 999px){
	article{
		padding: 0 4vw 4em 4vw;
	}
}
@media screen and (max-width: 770px){
	article{
		padding: 3vw;
	}
	article .paper{
		padding: 10vw;
		margin-top: 0;
	}
}

/*--------------------------------------------------------------------*/

article .heading{
	padding-bottom: 1.5em;
	border-bottom: 1px solid #EEEEEE;
	margin-bottom: 2.5em;
}
article .heading .the_time{
	font-weight: 700 !important;
	padding-bottom: 1.6em;
}
@media screen and (min-width: 771px){

}
@media screen and (max-width: 770px){
	article .heading .the_time{
		font-size: 1.1rem;
	}
}


/*--------------------------------------------------------------------*/

.the_content p{
	margin-bottom: 2em;
}
.the_content h1,
.the_content h2,
.the_content h3,
.the_content h4,
.the_content h5,
.the_content h6{
	margin-bottom: 1em;
}
.the_content h1{
	font-size: 143%;
}
.the_content h2{
	font-size: 133%;
}
.the_content h3{
	font-size: 123%;
}
.the_content h4{
	font-size: 113%;
}
.the_content h5{
	font-size: 103%;
}
.the_content h6{
	font-size: 93%;
}
.the_content a{
	color: #0C7AD3;
	text-decoration: underline;
}
.the_content ul{
	list-style: disc;
	list-style-position: inside;
	margin-bottom: 1em;
}
.the_content ol{
	list-style: decimal;
	list-style-position: inside;
	margin-bottom: 1em;
}
@media screen and (min-width: 771px){

}
@media screen and (max-width: 770px){
	.the_content{
		font-size: 1.3rem;
	}
	.the_content img{
		width: auto;
	}
}

/*--------------------------------------------------------------------*/

.the_content *:first-child{
	margin-top: 0;
}
.the_content figure{
	margin: 0;
}
.the_content img{
	height:  auto;
}
.the_content strong em{
	background: linear-gradient(transparent 65%, #FFDC1C 35%);
    font-style: normal;
    font-weight: inherit;
    padding-bottom: .2em;
}

/*--------------------------------------------------------------------*/

.backtoarchive{
	padding-top: 2.5em;
	border-top: 1px solid #EEEEEE;
	margin-top: 4.5em;
}
.backtoarchive a{
	border: 1px solid #333;
	padding: .6em 1.5em;
}
.backtoarchive a .ico_arrow{
	padding-right: 0;
	padding-left: 1.3em;
}
.backtoarchive a .ico_arrow:before{
	width: 6px;
	height: 6px;
	border-width: 1px;
	left: 0;
	right: auto;
	transform: rotate(-135deg);
}
@media screen and (min-width: 771px){

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