@charset "UTF-8";

/* home.css
**************************************************************************************/

/* Layout
=============================================================================*/

/* Main-visual
=============================================================================*/

.home .mainvisual-area-sp {
    display: none;
}
.home .mainvisual-area-pc {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.home .mainvisual-area-pc ul li {
    text-align: center;
    position: relative;
}
.home .mainvisual-area-pc ul li img {
    width: 100%;
    height: auto;
}

/*pager*/
.home .mainvisual-area .bx-pager {
    display: inline-block;
    position: absolute;
    bottom: 42px;
    right: 100px;
    z-index: 60;

    text-align: center;
    letter-spacing: -0.4em;
}
.home .mainvisual-area .bx-pager-item {
    letter-spacing: normal;
    display: inline-block;
    padding: 0 5px;
	vertical-align:top;
}
.home .mainvisual-area .bx-pager-item a {
    text-indent: 101%;
    font-size: 1px;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 3px;
    height: 17px;
    background: #ffffff;
    opacity: .8;
}
.home .mainvisual-area .bx-pager-item a:hover,
.home .mainvisual-area .bx-pager-item a.active {
    background: #0e7ac4;
}

/*arrow*/
.home .bx-wrapper {
	position:relative;
}
.home .mainvisual-area .bx-controls-direction a {
	position:absolute;
	margin-top:-42px;
	top:50%;
	width:60px;
	height:60px;
	text-indent: 101%;
    font-size: 1px;
    white-space: nowrap;
    overflow: hidden;
    display: block;
	z-index:60;
}
.home .mainvisual-area .bx-controls-direction .bx-prev {
	left:45px;
    background: url("../../image/prev.png") no-repeat 0 0;
}
.home .mainvisual-area .bx-controls-direction .bx-next {
	right:45px;
    background: url("../../image/next.png") no-repeat 0 0;
}
.home .mainvisual-area .bx-controls-direction .bx-prev:hover ,
.home .mainvisual-area .bx-controls-direction .bx-next:hover {
	filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

@media screen and (max-width: 679px) {
.home .mainvisual-area-pc {
	display: none;
}
.home .mainvisual-area-sp {
	width: 100%;
	margin: 0 auto;
	display: block;
}
.home .mainvisual-area-sp ul li {
	text-align: center;
	position: relative;
}
.home .mainvisual-area-sp ul li img {
	max-width: none;
	width: 100%;
	height: auto;
}
.home .mainvisual-area-sp .bx-wrapper {
	position: relative;
}
/*pager*/
.home .mainvisual-area .bx-pager {
    bottom: 4px;
    right: 22px;
}
.home .mainvisual-area .bx-pager-item a {
    height: 10px;
}

/*arrow*/
.home .mainvisual-area .bx-controls-direction a {
	margin-top:-18px;
	width:12px;
	height:18px;
}
.home .mainvisual-area .bx-controls-direction .bx-prev {
	left:10px;
    background: url("../../image/prev.png") no-repeat 0 0;
	background-size:12px auto;
}
.home .mainvisual-area .bx-controls-direction .bx-next {
	right:10px;
    background: url("../../image/next.png") no-repeat 0 0;
	background-size:12px auto;
}
}
