@charset "UTF-8";

.wideslider {
    width: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
.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 {background: url(../../images/top/m_arrow_l.svg) no-repeat 80px center;
background-size:35px 69px;}
.slider_next {background: url(../../images/top/m_arrow_r.svg) no-repeat calc(100% - 80px) center;
background-size:35px 69px;}
 

.pagination {
    top:auto;
	bottom:5px;
	right: 5%;
    width: 10px;
    text-align: center;
    position: absolute;
    z-index: 200;
	line-height: 1.6em;
}
 
.pagination a {
	position: relative;
    width: 10px;
    height: 11px;
    display: inline-block;
}
.pagination a::before{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top:0;
    display: block;
  	color: rgba(88,155,184,0.50);
	font-family: 'fontello';
	content: '\e800';
	font-size:100%;
	-webkit-transition: color 0.7s, background-color 1.0s;
	-moz-transition: color 0.7s, background-color 1.0s;
	transition: color 0.7s, background-color 1.0s;
}
.pagination a.active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}.pagination a:hover::before{
  	color: rgba(88,155,184,0.80);
	-webkit-transition: color 0.7s, background-color 0.4s;
	-moz-transition: color 0.7s, background-color 0.4s;
	transition: color 0.7s, background-color 0.4s;
}
 .pagination a.active::before {
  	color: #8cd0e7 !important;
}
 
/* =======================================
    ClearFixElements
======================================= */
.wideslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.wideslider ul {
    display: inline-block;
    overflow: hidden;
}

/* PC調整1
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1500px) {
.wideslider{
    height: 775px !important;}
.wideslider li{
    height: 775px !important;
	width: 1100px !important;
} 
.slider_prev {background: url(../../images/top/m_arrow_l.svg) no-repeat 20px center;
background-size:35px 69px;}
.slider_next {background: url(../../images/top/m_arrow_r.svg) no-repeat calc(100% - 20px) center;
background-size:35px 69px;}	
}

/* PC調整2
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1250px) {
.wideslider{
    height: 634px !important;}
.wideslider li{
    height: 634px !important;
	width: 900px !important;
} 
}

/* PC調整3
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1100px) {
.wideslider{
    height: 563px !important;}
.wideslider li{
    height: 563px !important;
	width: 800px !important;
} 
}


/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.wideslider{
    height: 486px !important;}
.wideslider li{
    height: 486px !important;
	width: 690px !important;
} 
.pagination {
	bottom:20px;
	right: 3%;
    width: 6px;
}
.slider_prev {background: url(../../images/top/m_arrow_l.svg) no-repeat 10px center;
background-size:15px 40px;}
.slider_next {background: url(../../images/top/m_arrow_r.svg) no-repeat calc(100% - 10px) center;
background-size:15px 40px;}	
.pagination a {
    width: 6px;
    height: 5px;
}
.pagination a::before{
	font-size:100%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.slider_prev,
.slider_next {
	display: none;
}
.pagination {
	bottom:20px;
	right: 4%;
    width: 6px;
	line-height: 1.3em;
}
.pagination a {
    width: 6px;
    height: 5px;
}
.pagination a::before{
	font-size:80%;
}	
	
}