.wrapInfo,
.wrapNews,
.wrapEvents{
	margin:40px auto;
	max-width:1024px;
	width:calc(100% - 20px;);
	text-align: left;
	letter-spacing: -0.4em;
	}
.wrapNews h2,
.wrapEvents h2,
.wrapNews dl,
.wrapEvents dl{
	margin:0;
	padding:0;
	text-align: left;
	display: inline-block;
	vertical-align: top;
	}

.wrapNews{
	border-bottom:1px solid #eee;
	margin-bottom:40px;
	padding-bottom: 40px;
	}

.wrapNews h2,
.wrapEvents h2{
	width:25%;
	letter-spacing: normal;
	font-size:19.5px;
	}
.wrapInfo dl,
.wrapNews dl,
.wrapEvents dl{
	width:75%;
	letter-spacing: -0.4em;
	margin:0; padding:0;
	}

.wrapInfo ul{
	margin:0;
	padding:0;
	text-align: center;
	letter-spacing: normal;
	vertical-align: top;
	letter-spacing: -0.4em;
	}
.wrapInfo ul li{
	width:calc((100% - 16px) / 2);
	height:calc((100% - 16px)*0.3759);
	background:#000;
	display: inline-block;
	letter-spacing: normal;
	position: relative;
	margin-right:16px;
	margin-bottom:16px;
	overflow: hidden;
	}
.wrapInfo ul li img{
	width:100%;
	opacity:0.5;
	transition: opacity 1s ease 0s;
    transition: transform 0.5s linear;
	}

.wrapInfo ul li a:hover img{
	opacity:1.00;
	transition: opacity 1s ease 0s;
    transition: transform 0.3s linear;
	transform: scale(1.1);
	}
.wrapInfo ul li:nth-child(2n){
	margin-right:0;
	}
.info_column3.wrapInfo{
	max-width: 1280px;
	}

.info_column3.wrapInfo ul{
	text-align: left;
	}
.info_column3.wrapInfo  ul li{
	width:calc((100% - 32px) / 3);
	}
.info_column3.wrapInfo ul li:nth-child(2n){
	margin-right:16px;
	}
.info_column3.wrapInfo ul li:nth-child(3n){
	margin-right:0px;
	}

.wrapInfo ul li:last-child(){
	margin-bottom:0;
	}
.wrapInfo ul li p{
	position: absolute;
	top: 35%;
	left: 50%;
	width: 95%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
	color:#fff;
	font-size:20px;
	opacity:1.0;
	transition: opacity 1s ease 0s;
	}

.wrapInfo ul li a:hover p{
	opacity:0.5;
	transition: opacity 1s ease 0s;
	}
.wrapInfo ul li p span{
	display: block;
	font-size: 16px;
	line-height: 22px;
	margin-top: 10px;
	}
.wrapInfo ul li p.tex-left,
.wrapInfo ul li p.tex-right{
	font-size: 18px;
	}

.wrapInfo ul li p.tex-left{
	left: auto;
	right: 0;
	-webkit-transform: translate(-5%, -50%);
    transform: translate(-5%, -50%);
	}
.wrapInfo ul li p.tex-right{
	left: 0;
	right: auto;
	-webkit-transform: translate(5%, -50%);
    transform: translate(5%, -50%);
	}


.wrapInfo dl dt,
.wrapNews dl dt,
.wrapEvents dl dt,
.wrapInfo dl dd,
.wrapNews dl dd,
.wrapEvents dl dd{
	letter-spacing: normal;
	text-align: left;
	display: inline-block;
	vertical-align: top;
	margin:0 0 10px 0; padding:0;
	}
.wrapInfo dl dt,
.wrapNews dl dt,
.wrapEvents dl dt{
	width:140px;
	}
.wrapInfo dl dd,
.wrapNews dl dd,
.wrapEvents dl dd{
	width:calc(100% - 140px);
	}
.wrapNews dl dd p{
	text-align: left;
	font-weight: normal;
	}

.wrapInfo dl dd a,
.wrapNews dl dd a,
.wrapEvents dl dd a{
	line-height: 18px;
	vertical-align: top;
	}

.wrapInfo dl dd:before,
.wrapNews dl dd:before,
.wrapEvents dl dd:before{
	/*
	content: "|";
	display: inline-block;
	margin-right:10px;
	*/
	}
.wrapNews dl dd img{
	width:90%;
	max-width:200px;
	display: block;
	margin:15px;
	}


.wrapNews dl dt div,
.wrapEvents dl dt div{
	display: inline-block;
	vertical-align: top;
	line-height: 18px;
	}
.wrapNews dl dt div.bridge,
.wrapEvents dl dt div.bridge{
	margin-left:5px;
	margin-right:5px;
	}
.wrapNews dl dt span,
.wrapEvents dl dt span{
	color:#999;
	font-size:11px;
	display: block;
	text-align: left;
	}




/*
===========================================================

		slider

===========================================================
*/
.wideslider {
    width: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
    height: 600px;
}
 
.wideslider ul,
.wideslider ul li {
    float: left;
    display: inline;
    overflow: hidden;
}
 
.wideslider ul li img {
    width: 100%;
    display: none;
}
 
.wideslider_base {
    top: 0;
    position: absolute;
}
.wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden;
 
}
.slider_prev,
.slider_next {
    top: 0;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    cursor: pointer;
}
.slider_prev {

}
.slider_next {

} 
.pagination {
    bottom: 20px;
    left: 0;
    width: 100%;
    height: 15px;
    text-align: center;
    position: absolute;
    z-index: 200;
	margin:0 auto;
}

.pagination a {
    margin: 0 5px;
    width: 60px;
    height: 3px;
    display: inline-block;
    overflow: hidden;
    background: #fff;
}
.pagination a.active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}
 
 
/* =======================================
    ClearFixElements
======================================= */
.wideslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.wideslider ul {
    display: inline-block;
    overflow: hidden;
}

.wrapInfo ul li.no_tex img{
	opacity: 1.0;
	}


/* ===================== */
@media (max-width: 768px) {

.info_column3.wrapInfo ul{
	text-align: center;
	}
.wrapInfo ul li,
.info_column3.wrapInfo  ul li,
.info_column3.wrapInfo ul li:nth-child(2n),
.info_column3.wrapInfo ul li:nth-child(3n){
    width: calc(100% - 20px);
	margin-right:0;
	margin-left:0;
	}
.wrapInfo ul li a{
	display: block;
	}

.wrapNews {
    text-align: center;
	}
.wrapNews h2, .wrapEvents h2 {
    width: calc(100% - 20px);
	margin-bottom: 40px;
	}


.wrapInfo dl, .wrapNews dl, .wrapEvents dl {
    width: calc(100% - 20px);
	}
.wrapInfo dl dt, .wrapNews dl dt, .wrapEvents dl dt {
    width: calc(100% - 20px);
	}
.wrapInfo dl dd:before, .wrapNews dl dd:before, .wrapEvents dl dd:before {
    content: none;
    margin-right: 0;
	}
.wrapInfo dl dd, .wrapNews dl dd, .wrapEvents dl dd {
    width: calc(100% - 10px);
	margin-left:10px;
	margin-bottom: 20px;
	}
.wrapNews dl dd img {
    width: 100%;
    max-width: none;
	margin-left:0;
	}
.wrapEvents {
    text-align: center;
	}
.wrapEvents dl dt br{
	display: none;
	}

}
/* ===================== */