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

html {
	overflow-x: hidden;
}

a {
	color: #fff;
	text-decoration: none;
}
a:hover {
	color: #05D1A2;
	text-decoration: none;
}
.mincho {
	font-family: "游明朝","Yu Mincho",'YuMincho',"Hiragino Mincho Pro",'serif';
}
.blogbox {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	border-radius: 20px;
	margin: 50px auto 40px;
}
.blogbox-item1 {
	flex-basis: 40%;
}
.blogbox-item1 img {
	border-radius: 20px 0 0 20px;
	width: 100%;
	height: auto;
}
.blogbox-item {
	background-color: #eee;
	border-radius: 0 20px 20px 0;
	flex-basis: 60%;
	padding: 10px 16px;
}
.blogboxp1 {
	padding: 10px 10px 0 10px;
	font-family:"Jun 501";
	font-size: 20px;
	font-weight: 800;
}
.blogboxp2 {
	padding-top: 0 10px 0 10px;;
}
.blogboxp3 {
	padding: 10px 10px 0 10px;
}
.blogboxp4 {
	padding: 10px 10px 0 10px;
	font-size: 12px;
	line-height: 1.6em;
}
.blogboxp5 {
	padding: 10px 10px 0 10px;
	text-align: right;
}
.topimgradius img {
	border-radius: 20px;
}
.topimg {
	width: 100%;
	position:relative;
	display:inline-block;
}
.topimg > div img {
	width: 100%;
	height:auto;
	border-radius: 20px;
}
.topimg-item {
	position:absolute;
	top:10%;
	left:10%;
	color:#fff;
	font-family:"Jun 501";
	font-weight: 800;
	font-size:18px;
}
.topimg-item2 {
	position:absolute;
	bottom:4%;
	left:4%;
	color:#fff;
	font-size:12px;
}
.pkuwasiku {
	margin-top: 10px;
}

.kuwasiku {
	background-color: #aa1712;
	border-radius: 6px;
	color: #fff;
	font-size: 12px;
	padding: 7px;
	vertical-align: bottom;
}
.itiran {
	background-color: #29abe2;
	border-radius: 6px;
	color: #fff;
	font-size: 12px;
	padding: 7px;
	vertical-align: bottom;
}


@media (max-width: 1200px) {
	
}

@media (max-width: 992px) {
	
}

@media screen and (max-width: 769px){
	.blogbox {
	margin: 10px auto;
}
	.blogbox-item {
		border-radius: 0 0 20px 20px;
	flex-basis: 100%;
}
	.blogbox-item1 {
	flex-basis: 100%;
}
	.blogbox-item1 img {
	border-radius: 20px 20px 0 0;
		width: 100%;
}
}