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

.position .infiniteslide {
	width: 100%;
	margin-top: 120px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #dccca9;
	height:400px;
}
.position {
	position: relative;
}
.position .top_catch {
	position: absolute;
	width: 35%;
	z-index: 300;
	top: 50%;
  left: 0;
  right: 0;
  margin: auto;
}
.small_stop{
	display: none;
	width: 100%;
	height: auto;
}
.small_stop img{
	width: 100%;
	height: auto;
}
.slider {
	margin-left: auto;
	margin-right: auto;
	width: 880px;
	margin-top: -30px;
}
.slider li {
	margin-left: 10px;
	margin-right: 10px;
}
.slider li img {
	border-radius: 10px;
	border: 6px solid #f0e9da;
	width: 100%;
	height: auto;
}
.top_read {
	background-color: #f5f2e8;
	background-image: url(../img/top_read_bg.jpg);
	background-position: center 0%;
	text-align: center;
	padding-top: 50px;
	margin-top: 40px;
	margin-bottom: 40px;
}
.top_read h2 {
	font-size: 30px;
	line-height: 35px;
	font-weight: normal;
	margin-bottom: 20px;
	position: relative;
}
.top_read h2 .sub {
	display: block;
	font-size: 70%;
	margin-top: 10px;
	color: #808080;
}
.top_read h2 .title {
	position: absolute;
	top: -100px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	left: 0%;
	right: 0%;
	width: 80%;
}
.top_read p {
	text-shadow: 2px 2px #f5f2e8;
}
.top_read .button a {
	color: #b08a3b;
	text-decoration: none;
	border: 1px solid #b08a3b;
	margin-right: auto;
	margin-left: auto;
	display: block;
	width: 30%;
	padding-top: 0px;
	margin-bottom: 30px;
	margin-top: 20px;
}
.top_read .button a:hover {
	background-color: #b08a3b;
	color: #ffffff;
}
.content a:hover  {
	opacity: 0.7;
}
.content h3 {
	width: 40%;
	font-size: 14px;
	border-left: 8px solid #666666;
	padding-left:10px;
	margin-bottom:20px;
}
.long h3 {
	width: 27%;
}
.content ul{
	font-size:0;
}
ul.three_pattern li{
	display:inline-block;
	width:32%;
	margin-left:2%;
}
ul.two_pattern li{
	display: inline-block;
	width: 49%;
	margin-left: 2%;
}
.content li:first-child {
	margin:0;
}


.sr-banner {
	margin-bottom: 2rem;
	padding: 0;
	width: 97%;
}


@media screen and (max-width: 1200px) {
.position .top_catch {
	width: 40%;
}
	
}
@media screen and (max-width: 992px) {
.position .infiniteslide {
	margin-top: 75px;
}
.slider {
	width: 100%;
	margin-top: -30px;
}
.position .top_catch {
	width: 60%;
	top: 45%;
}
.top_read h2 .title {
	top: -100px;
	width: 100%;
}


}


@media screen and (max-width: 767px) {
.position .infiniteslide {
	display:none;
}
.small_stop{
	display:block;
}
.position .top_catch {
	display:none;
}
.top_read h2 .title {
	top: -80px;
}
.top_read .button a {
	width: 40%;
}
.content h3 {
	width: 55%;
}
.long h3 {
	width: 38%;
}
.small_stop{
	margin-top:50px;
}

}
@media screen and (max-width: 480px) {
	.top_read h2 .title {
	top: -50px;
}
.top_read {
	margin-top: 0px;
}
.top_read h2 {
	font-size: 25px;
	line-height: 30px;
}
.top_read p {
	text-align:left;
}
.top_read p br {
	display:none;
}
.top_read .button a {
	width: 50%;
}
.content h3 {
	width: 40%;
}

}