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


/*******
.relatedarticle_v2
*******/

.relatedarticle_v2{
	background-color: #ffffff;
	padding: 65px 0 45px 0;
}
.relatedarticle_v2 .inner{
	width: 1180px;
	margin: auto;
	max-width: calc(100% - 40px);
}
.relatedarticle_v2 .inner h2{
	border-bottom: 1px solid #cccccc;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.relatedarticle_v2 .inner h2 span{
	font-size: 12px;
	color: #666666;
	margin-left: 10px;
}

.relatedarticle_v2 .inner .flex{
	width: 1180px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	max-width: 100%;
}
@media screen and (max-width:600px){
	.relatedarticle_v2 .inner .flex{
		flex-wrap: wrap;
	}
}

.relatedarticle_v2 .inner .flex li{
	width: 360px;
	display: block;
	transition-duration: 0.3s;
	text-decoration: none;

	text-decoration: none;
	transition-duration: 0.3s;
}
@media screen and (max-width:786px){
	.relatedarticle_v2 .inner .flex li{
		max-width: 31%;
	}
}

@media screen and (max-width:600px){
	.relatedarticle_v2 .inner .flex li{
		max-width: 100%;
		width: 31%;
		margin-bottom: 20px;
	}
	.relatedarticle_v2 .inner .flex li img{
		width: 100%;
	}
}
.relatedarticle_v2 .inner .flex li:hover{
	opacity: 0.5
}
.relatedarticle_v2 .inner .flex li a{
	text-decoration: none;
}
.relatedarticle_v2 .inner .flex li a:hover{
	text-decoration: underline;
	color: #000000;
}

.relatedarticle_v2 .inner .flex a img{
	border: 1px solid #e6e6e6;
	max-width: 100%;
}
.relatedarticle_v2 .inner .flex a:hover{
	opacity: 0.5;
}
.relatedarticle_v2 .inner .flex a .txt{
	color: #000000;
	font-size: 16px;
	margin-top: 10px;
	font-weight: bold;
}
.relatedarticle_v2 .inner .flex a .txt span{
	font-size: 13px;
}
@media screen and (max-width:786px){
	.relatedarticle_v2 .inner .flex a .txt span{
		font-size: 11px;
	}
	.relatedarticle_v2 .inner .flex a .txt{
		font-size: 12px;
	}
}



/**
.vol1 .relatedarticle_v2 .inner .flex .panel1,
.vol2 .relatedarticle_v2 .inner .flex .panel2,
.vol3 .relatedarticle_v2 .inner .flex .panel3,
.vol4 .relatedarticle_v2 .inner .flex .panel4,
.vol5 .relatedarticle_v2 .inner .flex .panel5,
.vol6 .relatedarticle_v2 .inner .flex .panel6,
.vol7 .relatedarticle_v2 .inner .flex .panel7,
.vol8 .relatedarticle_v2 .inner .flex .panel8,
.vol9 .relatedarticle_v2 .inner .flex .panel9{
	display: none!important;
}
**/
/*
.relatedarticle_v2 .inner .flex li:nth-child(1),
.relatedarticle_v2 .inner .flex li:nth-child(2),
.relatedarticle_v2 .inner .flex li:nth-child(3),
.relatedarticle_v2 .inner .flex li:nth-child(4),
.relatedarticle_v2 .inner .flex li:nth-child(5),
.relatedarticle_v2 .inner .flex li:nth-child(6),
.relatedarticle_v2 .inner .flex li:nth-child(7),
.relatedarticle_v2 .inner .flex li:nth-child(8),
.relatedarticle_v2 .inner .flex li:nth-child(9),
.relatedarticle_v2 .inner .flex li:nth-child(10),
.relatedarticle_v2 .inner .flex li:nth-child(11),
.relatedarticle_v2 .inner .flex li:nth-child(12),
.relatedarticle_v2 .inner .flex li:nth-child(13),
.relatedarticle_v2 .inner .flex li:nth-child(14),
.relatedarticle_v2 .inner .flex li:nth-child(15),
.relatedarticle_v2 .inner .flex li:nth-child(16),
.relatedarticle_v2 .inner .flex li:nth-child(17),
.relatedarticle_v2 .inner .flex li:nth-child(18),
.relatedarticle_v2 .inner .flex li:nth-child(19),
.relatedarticle_v2 .inner .flex li:nth-child(20),
.relatedarticle_v2 .inner .flex li:nth-child(21),
.relatedarticle_v2 .inner .flex li:nth-child(22),
.relatedarticle_v2 .inner .flex li:nth-child(23),
.relatedarticle_v2 .inner .flex li:nth-child(24){
	display: none!important;
}*/

h1{
	position: relative;
	width: 1366px;
	max-width: 100%;
	margin: auto!important;
}
.topback_area{
	
}
.topback_area a{
	font-size: 14px;
	line-height: 1em;
	color: #000000!important;
	display: inline-block;
	padding: 10px 15px 10px 15px;
	border-radius: 5px;
	background: rgba(255,255,255,0.75);
	position: absolute;
	right: 20px;
	top: 20px;
	transition-duration: 0.3s;
}
@media screen and (max-width:600px){
	.topback_area a{
		display: none;
	}
}

.topback_area a:hover{
	opacity: 0.5;
}
@media screen and (max-width:600px){
	.topback_area a{
		font-size: 12px;
	}
}


.topback_area a::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 7px;
    border-top: solid 2px #000000;
    border-right: solid 2px #000000;
    transform: rotate(45deg);
    margin-right: 5px;
    margin-top: -3px;
}
.topback_banner{
	text-align: center;
    display: block;
	margin-top: 60px;
}
.topback_banner img{
	transition-duration: 0.3s;
}
.topback_banner img:hover{
	opacity: 0.5;
}

.topback_banner img {
    transition-duration: 0.3s;
    max-width: calc(100% - 40px);
}
.s_size {
    font-size: 13px!important;
}