@charset "utf-8";
/* CSS Document */
/*changed*/
.boxnav ul li {
    color: #000000;
}
.active .boxnav ul li {
    color: #ffffff;
}
.boxhead-info{color: rgba(0,0,0,.7);}
.boxhead-info span{color: rgba(0,0,0,1);}
.active .boxhead-info{color: rgba(255,255,255,.7);}
.active .boxhead-info span{color: rgba(255,255,255,1);}
/*chanegedEND*/
.wrapper80{
	width: 80%;
	float: left;
	clear: both;
	margin-right: 5%;
	margin-left: 5%;
	padding-right: 5%;
	padding-left: 5%;}


/*newslist===================*/
/*wrap*/
.wrapper-news{
	clear: both;
	float: left;
	width: 80%;
	padding-bottom: var( --section-padding-tb);
	padding-top: var( --section-padding-tb);
	padding-right: 10%;
	padding-left: 10%;
    flex-wrap: no-wrap;
	margin-top:200px;
	}

 .wrapper-news  main{
	 flex: 0 0 80%;}
 .wrapper-news aside{
	flex: 0 0 10%;
	margin-left:10%
}
@media screen  and (max-width: 1280px) {
	.wrapper-news{
	width: 90%;
	padding-right: 5%;
	padding-left: 5%;
	margin-top:200px;
	}
	
 .wrapper-news  main{
	 flex: 1 1 80%;}
 .wrapper-news aside{
	flex: 0 0 150px;
	margin-left:5%
}
}
@media screen  and (max-width: 800px) {
	.wrapper-news{
	flex-wrap:wrap;
	margin-top:100px
	}
	
 .wrapper-news  main{
	 flex: 0 0 100%;}
 .wrapper-news aside{
	flex: 0 0 100%;
	margin:30px 0px
}
}
/*wrap------------------------------*/

#photos{
	margin-bottom: 30px;
}
.newlist{
	clear: both;
	float: left;
	width: 100%;
	color:var( --subtxt-color);
	flex-wrap:wrap
	}
.newslistrow{
	float:left;
	clear:both;
	width:100%;
	margin-top:30px}
.colnewslist-pic{flex: 0 0 100px;
margin-right:30px}
.colnewslist-w{flex: 1 1 auto;}
.newlist a{flex: 0 0 100%;	margin-bottom: 100px;}
.newlist li{
	width:100%;
	color: #000000;
}
.newlist .box_mintitle{
	margin-bottom:50px}
.box-date{
	float:left;
	clear:both;
	width:100%;
	font-size:0.9em;
	}
.box-date span{background-image: url(../img/news/listline.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;}
.box-des{
	float:left;
	clear:both;
	width:100%;
	font-size:1em;
	color:var(--gray)
	}


.asidetitle{
	text-transform: uppercase;
	font-size:0.8em;
	float:left;
	clear:both;
	width:100%;
	margin-bottom:50px}
.asidelist{
	float:left;
	clear:both;
	width:100%;
  }
.asidelist li {
	float:left;
	clear:both;
	width:100%;
	color:#000000;
	margin-bottom:15px;
	font-size:0.9em	
}
.asidelist li:before{
	content:"- "}
.asidelist li:hover,.asidelist .now {
	color:var(--main-color)}
@media screen  and (max-width: 800px) {
	.asidelist li {
	float:left;
	clear:none;
	width:auto;
	margin:15px;
}
}
@media screen  and (max-width: 400px) {
.newslistrow{
	flex-wrap:wrap
}
.colnewslist-pic{
	flex: 0 0 100%;
margin-right:0px;
margin-bottom:10px}
.colnewslist-w{flex: 0 0 100%;}
.colnewslist-pic .box-pic {
    height: 200px;
}
}
/*DETAIL=========================================*/
.wrapper-d{
	background-color: #FFF;
	clear: both;
	float: left;
	width: 90%;
	padding-right: 5%;
	padding-left: 5%;
	margin-bottom: 30px;
	overflow: hidden;
}
.box-d-cata{
	font-size: 1em;
	color: rgba(0,0,0,.7);
	padding-left: 15px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: var(--sub-color);
}
.box-d-cata span{
	font-size: 0.8em;
	color: rgba(0,0,0,.3);}
.box-d-cata:hover{
	color: #000;
}
.box-d-title{
	font-size: 1.8em;
    color: #000000;
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 15px;
    margin-top: 10px;
	font-weight: bold;
}
.box-d-pic{
	background-color: #f5f5f5;
	clear: both;
	float: left;
	max-width: 100%;
}
.box-d-pic .des{
	color: var(--des-color);
	padding: 10px;
	clear: both;
}
.box-d-des{
	clear: both;
	float: left;
	width: 100%;
	color: #666;
	font-size: 1.1em;
	line-height: 1.8em;
	font-weight: 500;
	margin-top:var(--blcokm-padding-tb);
	margin-bottom:var(--blcokm-padding-tb);
}
.box-d-brief{
	width:100%;
	float:left;
	clear:both;
	font-style:italic;
	font-size:13px;
	color:#rgba(0,0,0,.5)}
.box-d-des>p:first-child:first-letter{
	display: inline-block;
    float: left;
    margin-right: 10px;
    padding: 9px 0;
    font-size: 40px;
    border-bottom: 5px solid var(--sub-color);
    letter-spacing: 0;}
.listmore{
	font-size: 0.9em;
	color: rgba(0,0,0,.6);
}
.listmore:hover{
	text-decoration: underline;
}
@media screen  and (max-width: 800px) {
.box-d-title{
	font-size: 1.5em;
	}
}

/*DETAIL------------------------------------*/
/*others------------------------------------*/
.wrapper-others{
	float: left;
	clear: both;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #efefef;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom:  var(--section-padding-tb);
	padding-left: 0px;
	}
.item-others{flex: 0 0 auto;
padding:50px;
width:calc(50% - 100px);
font-size:1.1em;
color:#000000}
.item-others a{color:#000000}
.item-others:nth-child(2){
	text-align:right}
/*othersEND------------------------------------*/
/*prolist------------------------------------*/
.wrapper-prolist{
	float:left;
	clear:both;
	width:100%;
	flex-wrap:wrap}
.wrapper-prolist li{flex: 0 0 30%;
margin:50px 1.5%}
.box-pro-pic{
	float:left;
	clear:both;
	width:100%;
	margin-bottom:var(--blcokm-padding-tb);}
.box-pro-cata{
	float:left;
	clear:both;
	width:100%;
	margin-bottom:5px;
	font-size:0.9em;
	color:var(--main-color)}
.box-pro-name{
	float:left;
	clear:both;
	width:100%;
    font-size: var(--txt-title);
    color: #000000;
    text-transform: uppercase;
}
.box-pro-pic.ratio-4-3:hover { background-size:140%;}


@media screen  and (max-width: 950px) {
.wrapper-prolist li{flex: 0 0 47%;
margin:30px 1.5%}
}
/*prolistEND------------------------------------*/