/*------------ トップページ --------------*/

#topmainimg {
	position: relative;
	display: block;
	padding: 0;
	zoom: 1;
	margin: 0;
	text-align: center;
	height: 700px;
	background-color: #000;
	overflow: hidden;
}

#topmainimg .flexslider {
    margin: 0;
    padding: 0;
}

#topmainimg .flexslider .slides {
    font-size: 12px;
}

#topmainimg .flexslider .slides li {
    height: 700px;
}

#topmainimg .flex-direction-nav {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    margin: -20px 0 0 0;
}


#topmainimg .flex-control-paging {
    position: absolute;
    top: inherit;
    bottom: 5px;
    width: 100%;
    z-index: 10;
}

#topmainimg .flex-control-paging li {
	display: inline-block;
	margin: 0 3px;
}

#topmainimg .flex-control-paging li a {
    width: 25px;
    height: 5px;
    display: block;
    background: #666;
    background: rgba(255, 255, 255, 0.4);
    cursor: pointer;
    text-indent: -9999px;
}

#topmainimg .flex-control-paging li a:hover {
    background: #333;
    background: rgba(255, 255, 255, 1);
}

#topmainimg .flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(255, 255, 255, 1);
    cursor: default;
}


/*------------ 詳細ページ --------------*/
#detail_main {
	position: relative;
	display: block;
	padding: 0 0 40px;
	margin: 0 0 20px !important;
	zoom: 1;
	margin: 0;
	text-align: center;
	overflow: hidden;
}

#detail_main .flexslider {
    margin: 0;
    padding: 0;
}

#detail_main .flexslider .slides {
    font-size: 12px;
}

#detail_main .flexslider .slides li img{
	width:100%;
}
#detail_main .flex-direction-nav {
	display: block;
	width: 100%;
	position: absolute;
	top: 250px;
}

#detail_main .flex-control-paging {
	position: absolute;
	bottom: 0px;
	width: 100%;
	z-index: 10;
}

#detail_main .flex-control-paging li {
	display: inline-block;
	margin:0 10px 0 0;
}
#detail_main .flex-control-paging li a {
	width: 12px;
	height: 12px;
	border-radius: 100%;
	display: block;
	background: #666;
	background: rgba(51, 51, 51, 0.4);
	cursor: pointer;
	text-indent: -9999px;
}

#detail_main .flex-control-paging li a:hover {
	background: #333;
	background: rgba(51, 51, 51, 1);
}

#detail_main .flex-control-paging li a.flex-active {
	background: #000;
	background: rgba(51, 51, 51, 1);
	cursor: default;
}


.flex-direction-nav a{
	text-decoration: none;
	display: block;
	width: 40px;
	height: 42px;
	padding: 0px;
	margin: -20px 0 0 0;
	position: absolute;
	top: 0%;
	z-index: 10;
	overflow: hidden;
	opacity: 0;
	cursor: pointer;
	color: rgba(0, 0, 0, 0.8);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

@media (max-width: 1024px) {

    #topmainimg {
        height: 535px;
    }

    #topmainimg .flexslider .slides li {
        height: 535px;
    }

    #topmainimg .flex-direction-nav {
        top: 240px;
    }


}
@media (max-width: 460px) {
	/*------------ 詳細ページ --------------*/
	#detail_main {
		position: relative;
		display: block;
		padding: 0 0 40px;
		zoom: 1;
		margin: 0;
		text-align: center;
		height: auto;
		overflow: hidden;
	}

	#detail_main .flexslider .slides li img{
		width:100%;
	}
	#detail_main .flex-direction-nav {
		display: block;
		width: 100%;
		position: absolute;
		top: 250px;
	}

	#detail_main .flex-control-paging {
		position: absolute;
		bottom: 0;
		width: 100%;
	}

}