@charset "UTF-8";

/* Modern Browsers */
.clearfix:after, .imgSec01:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
}
/* Legacy IE */
.clearfix, .imgSec01 {
    *zoom: 1;
}
.content .text{
    padding-bottom:20px;
}
#Glide img{
    width:100%;
}
#Glide .glide__arrow{
    background-color:#bfbfbf;
    border-radius:0;
    border:none;
    padding:10px;
}
#Glide .glide__arrow:hover{
    background-color:#00BCFF
}
.slide_box{
    padding:50px 120px 100px;
}
.glide--carousel .glide__slide{
    background-color:#f0f0f0;
}
#Glide .glide__bullets > *{
    border-radius:0;
    background-color:#bfbfbf;
}
#Glide .glide__bullets > *.active{
    background-color:#00BCFF;
}
.glide--horizontal .glide__bullets{
    bottom:15%;
}
#Glide .glide__arrow img{
    width:10px;
}
#Glide{
    margin-bottom:20px;
}
.each_gallery{
    width:32%;
    float:left;
    margin-right:2%;
    margin-bottom:20px;
    position:relative;
}
.each_gallery:nth-child(3n){
    margin-right:0;
}
.each_gallery:nth-child(3n+1){
    clear:left;
}
.each_gallery:first-child{
    float:left;
}
.each_gallery img{
    width:100%;
}
.each_gallery p{
    position:absolute;
    background-color: rgba(0,0,0,0.5);
    color:#fff;
    width:100%;
    bottom:0;
    padding:10px;
}
#ajax-wrap img, #ajax-wrap p{
    display:inline-block;
    vertical-align:middle;
}
#ajax-wrap img{
    width:60%;
}
#ajax-wrap p{
    width:38%;
}
.current .side-nav__nav-text{
    background: linear-gradient(transparent 50%, #ffea00 40%);
}
.pager{
    margin:0 auto;
    text-align:center;
}
.pager .prev{
    padding-left:20px;
    margin-right:10px;
}
.pager .next{
    padding-right:20px;
}
.pager a{
    position:relative;
    display:inline-block;
    background-color:#bfbfbf;
    padding:5px 10px;
    color:#fff;
    width: 200px;
    text-align: center;
    line-height:2em;
}
.pager a:before{
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    top: 40%;
    z-index: 2;
}
.pager a.prev:before{
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(45deg);
    left: 15px;
}
.pager a.next:before{
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(-45deg);
    right: 15px;
}
.pager a:hover{
    background-color:#00BCFF;
    transition:.3s;
}