
/*.prev_view{position:absolute; left:-30px; top:50%; text-align:center; cursor:pointer; z-index:0;}
.next_view{position:absolute; right:-30px; top:50%; text-align:center; cursor:pointer; z-index:0;}

.prev_view::after{content: "<"; font-size:30px;}
.next_view::after{content: ">"; font-size:30px;}*/

#container{width:100%; margin-top:50px;}

#visual {
    background: url("../img/main_v0.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    width: 100%;
    height: 32vh;
}
.v_txt {
	width: 80%;
	margin:0 auto;
	text-align: center;
	padding-top: 11vh;
}
.v_txt img {width: 100%;}

	#sec1 img, #sec2 img, #sec3 img, #sec4 img{width:100%; height:100%; border:0; float:left; overflow:hidden;}

.tit1 {font-size: 31px;}
.tit2 {font-size: 38px; text-align: center; font-weight: 400; letter-spacing: -1.2px;}

#sec1 > .tit1 {padding:35px 0; text-align: center;}
.main_cir3 {width: 100%; margin:0 auto;}
.main_cir3 li {width: 90%; margin:0 auto; font-size: 19px; padding-bottom:35px; text-align: center;}
.main_cir3 li img {padding-bottom:10px;}

#sec2 {display: inline-block;}

#sec3 {width:96%; margin: 0 auto;}
#sec3 > .tit2 {padding:30px 0; text-shadow: 3px 3px 4px #ccc;}
.sec3_half {width:100%; float:left; padding-bottom: 30px;}
.sec3_half > .tit1 {padding-bottom:3px;}
.half_2 {width:47.3%; margin:0 1%; border:1px solid #959595; float:left; position: relative; overflow:hidden;}
.c_text {text-align:center; line-height:50px; border-top:1px solid #959595; font-size: 0.8em;}
.best {position: absolute; width:48px; height: 28px; text-align: center; line-height: 28px; color:#fff; background:#ed1c24; font-size: 13px;}
.new {position: absolute; width:48px; height: 28px; text-align: center; line-height: 28px; color:#fff; background:#3a1b0d; font-size: 13px;}
.sec3_half2 {width:100%; float:left; padding-bottom: 30px;}
.sec3_half2 > .tit1 {padding-bottom:3px;}

.half_2:hover .hoverBox{
	background-color:rgba(58,27,13,0.8);
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	transition-duration: 0.4s;
	color:#fff;
	text-align:center;
	padding-top:35px;
	font-size: 16px;
	line-height: 30px;
}

.half_2 .hoverBox{
	background-color:rgba(58,27,13,0.8);
	position: absolute;
	width: 80%;
	height: 80%;
	top:-100%;
	transition-duration: 0.4s;
	color:#fff;
	text-align:center;
}

.more_btn {background-color: rgba(0,0,0,0); color:#fff; width:90px; height: 35px; border:1px solid #fff; margin-top:15px; cursor: pointer; font-size: 14px;}
