/*
Theme Name:Hige_gorilla_2018
*/

div.imgBox.cat_single {
    max-width: 315px;
    margin: 30px auto 0;
}

div.imgBox.cat_single a:hover {
	opacity: .7;
}

div.overlist_movie {
    position: relative;
}

div.overlist_movie div.prev_button{
	position: absolute;
	top: calc(50% - 50px);
	left: 0;
}

div.overlist_movie div.next_button{
	position: absolute;
	top: calc(50% - 50px);
	right: 0;
}

#conts .flowSec.link_list img {
    margin: 20px auto;
    display: block;
}

#conts .flowSec.link_list ul.linkList_cat {
    width: 80%;
    margin: 40px auto 0;
}

#conts .flowSec.link_list ul.linkList_cat li {
    width: 114px;
    height: 60px;
    border-radius: 4px;
    background: #fff;
    border: 3px solid #053650;
    margin: 0 5px 20px;
    opacity: 1;
    position: relative;
    display: inline-block;
}

#conts .flowSec.link_list ul.linkList_cat li a {
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 21px;
    font-weight: bold;
    color: #053650;
    margin: 0 auto;
    height: 100%;
}

#conts .flowSec.link_list ul.linkList_cat li a:hover {
	opacity: .7;
}

#conts .flowSec.link_list ul.linkList_cat li a span {
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #053650;
    padding: 5px 0 2px;
}

div.linkList .swiper-button-next {
    width: 37px;
    height: 75px;
    right: 0;
    top: calc(50% - 32.5px);
    margin: 0;
}

div.linkList .swiper-button-prev {
    width: 37px;
    height: 75px;
    left: 0;
    top: calc(50% - 32.5px);
    margin: 0;
}

#conts .flowSec.link_list div.linkList .swiper-button-next img,
#conts .flowSec.link_list div.linkList .swiper-button-prev img {
    margin: 0 auto;
}

#conts ul.linkList_cat.start li:nth-child(n+13) {
    display: none;
}

#conts ul.linkList_cat.end li:nth-child(-n+12) {
    display: none;
}

@media screen and (max-width: 767px) {

	#conts .flowSec.link_list ul.linkList_cat {
		width: 315px;
		margin: 20px auto 0;
	}

	#conts .flowSec.link_list ul.linkList_cat li {
		width: 60px;
		margin: 0 5px 10px;
		vertical-align: top;
	}

	#conts .flowSec.link_list ul.linkList_cat li a {
		font-size: 16px;
	}

	#conts .flowSec.link_list ul.linkList_cat li a span {
		font-size: 14px;
		padding: 13px 0 2px;
	}

	div.linkList_cat .swiper-button-prev {
		width: 25px;
		height: 50px;
		top: calc(50% - 25px);
		left: 0;
	}

	div.linkList_cat .swiper-button-next {
		width: 25px;
		height: 50px;
		top: calc(50% - 25px);
		right: 0;
	}

	div.linkList .swiper-button-next {
		width: 25px;
		height: 50px;
		top: calc(50% - 25px);
		right: 0;
	}

	div.linkList .swiper-button-prev {
		width: 25px;
		height: 50px;
		top: calc(50% - 25px);
		left: 0;
	}

}

@media screen and (max-width: 380px) {

	ul.linkList_cat {
		width: 88%;
	}

}

@media screen and (max-width: 330px) {

	#conts .flowSec.link_list ul.linkList_cat {
		width: 250px;
	}

	#conts .flowSec.link_list ul.linkList_cat li {
		width: 50px;
		height: 50px;
		margin: 0 3px 6px;
		border: 2px solid #2a2c7b;
	}

	#conts .flowSec.link_list ul.linkList_cat li a {
		font-size: 14px;
	}

	#conts .flowSec.link_list ul.linkList_cat li a span {
		font-size: 12px;
		padding: 10px 0 2px;
	}

}


.swiper-slide .imgBox.cst {
    position: relative;
}

.swiper-slide .imgBox.cst a {
    width: 100%;
    height: 100%;
    position: absolute;
}

.swiper-slide .imgBox.cst a:hover {
    opacity: .3;
	background: #fff;
}