@charset "UTF-8";

/*=====================================================*/
div.flick_img.topImgFlick{
		margin:0 auto 10px;
	    position:relative;/**/
	    height:140px;
	    width:320px;
	    overflow: hidden;

		}
/*-main-----------------------*/

div.flick_img.topImgFlick .main {
	    width: 305px;/*320-15*/
	    height: 125px;
/*		border:1px solid #00f;/**/

	    overflow: hidden;
	    margin: 0px 0px;
	    padding-bottom: 0px;
		padding-left:33px;/**/

	}
	
	div.flick_img.topImgFlick .main .flipsnap {
	    display: -webkit-box;
	    display: box;

		}
		
	div.flick_img.topImgFlick .main .item {
	    width: 250px;
	    margin-left:2px;/**/
/*		border:1px solid #000;/**/
	    overflow: hidden;
	    height: 125px;
	    text-align: center;
	    vertical-align: middle;
	    font-size: 20px;
	    color: #fff;
	    padding:0 0px;
	}
	
	div.flick_img.topImgFlick .main .item img{
	    width: 250px;
	    height: 125px;


	}
/*-btns-----------------------*/
div.flick_img.topImgFlick .btns{
		width:100%;
	    top:0px;
	    position: absolute;/**/
	    height:0;/*重要*/
		}

	div.flick_img.topImgFlick .btns .arrow {
		display: inline-block;
		cursor: pointer;
		height:125px;
		width:33px;
		opacity: 0.5;

		}
	div.flick_img.topImgFlick .btns .noHasNext {
		opacity: 0.05;
		cursor: auto;
		}
	div.flick_img.topImgFlick .btns span{
		display:block;
		margin-top:0px;
	}
	div.flick_img.topImgFlick .btns .imgL{
		background:#000 url(../img/flick_left.png) no-repeat 15px 50%;
		float:left;
		margin-left:-0px;
		-webkit-background-size: 13px 26px;
		-moz-background-size: 13px 26px;
		-o-background-size: 13px 26px;
		-ms-background-size: 13px 26px;
		background-size: 13px 26px;
		}
	div.flick_img.topImgFlick .btns .imgR{
		background:#000 url(../img/flick_right.png) no-repeat 5px 50%;
		float:right;
		margin-right:-0px;
		-webkit-background-size: 13px 26px;
		-moz-background-size: 13px 26px;
		-o-background-size: 13px 26px;
		-ms-background-size: 13px 26px;
		background-size: 13px 26px;

		}
/*-pointer-----------------------*/
	
div.flick_img.topImgFlick .pointer {
	    text-align: center;
		margin-top:0px;
	    background: #fff;
	}

	div.flick_img.topImgFlick .pointer span {
	    display: inline-block;
	    margin:0 5px;
	    width: 7px;
	    height: 7px;
		background: url(../img/flick_off.png) no-repeat 0 0;
		-webkit-background-size: 7px 7px;
		-moz-background-size: 7px 7px;
		-o-background-size: 7px 7px;
		-ms-background-size: 7px 7px;
		background-size: 7px 7px;
	}
	div.flick_img.topImgFlick .pointer .current {
		background:#005fb6;
		background: url(../img/flick_on.png) no-repeat 0 0;
		-webkit-background-size: 7px 7px;
		-moz-background-size: 7px 7px;
		-o-background-size: 7px 7px;
		-ms-background-size: 7px 7px;
		background-size: 7px 7px;

	}
/*=====================================================*/


div.flick_txt{
		margin:0px auto;
	    position:relative;/**/
	    width:320px;
	    --overflow: hidden;
/*		border:1px solid #00f;/**/	    
		}
/*-main-----------------------*/

div.flick_txt .main {
	    width: 240px;/*320-80*/
	    height: 60px;
/*		border:1px solid #0ff;/**/
	    overflow: hidden;
		margin:0 auto;
	    padding-bottom: 0px;
		padding-left:0px;/*間隔*/

	}
	
	div.flick_txt .main .flipsnap {
	    display: -webkit-box;
	    display: box;
		}
		
	div.flick_txt .main .item {
	    width: 240px;
	    margin-left:0px;/**/
/*		border:1px solid #000;/**/
	    overflow: hidden;
	    text-align: center;
	    vertical-align: middle;
	    font-size: 20px;
	    color: #fff;
	    padding:0 0px;
	}




/*-btns-----------------------*/
div.flick_txt .btns{
		width:100%;
	    top:-150px;
	    position: absolute;/**/
	    height:0;/*重要*/
		}

	div.flick_txt .btns .arrow {
		display: inline-block;
		cursor: pointer;
		height:40px;
		width:30px;
/*		border:1px solid #f00;/*★*/
		--background-color:#e6e6e6;/**/

		}
	div.flick_txt .btns .noHasNext {
		opacity: 0.2;
		cursor: auto;
		}
	div.flick_txt .btns span{
		display:block;
		margin-top:0px;
	}
	div.flick_txt .btns .imgL{
		background: url(../img/flickB_left.png) no-repeat 0px 50%;
		float:left;
		margin-left:-5px;
		border-radius:0 5px 5px 0;
		-webkit-background-size: 44px 16px;
		-moz-background-size: 44px 16px;
		-o-background-size: 44px 16px;
		-ms-background-size: 44px 16px;
		background-size: 44px 16px;

		}
	div.flick_txt .btns .imgR{
		background: url(../img/flickB_right.png) no-repeat 0px 50%;
		float:right;
		margin-right:9px;
		border-radius: 5px 0 0 5px;
		-webkit-background-size: 44px 16px;
		-moz-background-size: 44px 16px;
		-o-background-size: 44px 16px;
		-ms-background-size: 44px 16px;
		background-size: 44px 16px;
		}
/*-pointer-----------------------*/
	
div.flick_txt .pointer {
	    text-align: center;
		margin-top:0px;
	    background: #fff;
	}

	div.flick_txt .pointer span {
	    display: inline-block;
	    margin:0 5px;
	    width: 7px;
	    height: 7px;
		background: url(../img/flick_off.png) no-repeat 0 0;
		-webkit-background-size: 7px 7px;
		-moz-background-size: 7px 7px;
		-o-background-size: 7px 7px;
		-ms-background-size: 7px 7px;
		background-size: 7px 7px;
	}
	div.flick_txt .pointer .current {
		background:#005fb6;
		background: url(../img/flick_on.png) no-repeat 0 0;
		-webkit-background-size: 7px 7px;
		-moz-background-size: 7px 7px;
		-o-background-size: 7px 7px;
		-ms-background-size: 7px 7px;
		background-size: 7px 7px;
	}
/*=====================================================*/





/*=====================================================*/


div.flick_txt_main{
		margin:0px auto;
	    position:relative;/**/
	    width:320px;
	    --overflow: hidden;
/*		border:1px solid #00f;/**/	    
		}
/*-main-----------------------*/

div.flick_txt_main .main {
	    width: 240px;/*320-80*/
	    height: 60px;
/*		border:1px solid #0ff;/**/
	    overflow: hidden;
		margin:0 auto;
	    padding-bottom: 0px;
		padding-left:0px;/*間隔*/

	}
	
	div.flick_txt_main .main .flipsnap {
	    display: -webkit-box;
	    display: box;
		}
		
	div.flick_txt_main .main .item {
	    width: 240px;
	    margin-left:0px;/**/
/*		border:1px solid #000;/**/
	    overflow: hidden;
	    text-align: center;
	    vertical-align: middle;
	    font-size: 20px;
	    color: #fff;
	    padding:0 0px;
	}


/*-btns-----------------------*/
div.flick_txt_main .btns_main{
		width:100%;
	    top:-165px;
	    position: absolute;/**/
	    height:0;/*重要*/
		}

	div.flick_txt_main .btns_main .arrow {
		display: inline-block;
		cursor: pointer;
		height:165px;
		width:30px;
/*		border:1px solid #f00;/*★*/
/*		--background-color:#e6e6e6;/**/
		}
	div.flick_txt_main .btns_main .noHasNext {
		opacity: 0.2;
		cursor: auto;
		}
	div.flick_txt_main .btns_main span{
		display:block;
		margin-top:0px;
	}
	div.flick_txt_main .btns_main .imgL{
		background:rgba(255, 255, 255, 0) url(../img/flickB_left_w.png) no-repeat -10px 50%;
		float:left;
		margin-left:0px;
		border-radius: 0px;
		-webkit-background-size: 44px 16px;
		-moz-background-size: 44px 16px;
		-o-background-size: 44px 16px;
		-ms-background-size: 44px 16px;
		background-size: 44px 16px;

		}
	div.flick_txt_main .btns_main .imgR{
		background:rgba(255, 255, 255, 0) url(../img/flickB_right_w.png) no-repeat -5px 50%;
		float:right;
		margin-right:0px;
		border-radius: 0px;
		-webkit-background-size: 44px 16px;
		-moz-background-size: 44px 16px;
		-o-background-size: 44px 16px;
		-ms-background-size: 44px 16px;
		background-size: 44px 16px;
		}
/*-pointer-----------------------*/
	
div.flick_txt_main .pointer {
	    text-align: center;
		margin-top:0px;
	    background: #fff;
	}

	div.flick_txt_main .pointer span {
	    display: inline-block;
	    margin:0 5px;
	    width: 7px;
	    height: 7px;
		background: url(../img/flick_off.png) no-repeat 0 0;
		-webkit-background-size: 7px 7px;
		-moz-background-size: 7px 7px;
		-o-background-size: 7px 7px;
		-ms-background-size: 7px 7px;
		background-size: 7px 7px;
	}
	div.flick_txt_main .pointer .current {
		background:#005fb6;
		background: url(../img/flick_on.png) no-repeat 0 0;
		-webkit-background-size: 7px 7px;
		-moz-background-size: 7px 7px;
		-o-background-size: 7px 7px;
		-ms-background-size: 7px 7px;
		background-size: 7px 7px;
	}
/*=====================================================*/


/*ギャラリー用*/




div.flick_img.slideShow{
		margin:0 auto 0px;
/*	    position:relative;/**/
/*	    height:200px;/**/
	    width:320px;/*320*/
	    overflow: hidden;/**/
/*		border:1px solid #000;/*★*/
		padding-bottom:10px;
	}
/*-main-----------------------*/

div.flick_img.slideShow .main{
/*	    width: 310px;/*320-15*/
	    height: 260px;/*320*/
/*		border:1px solid #00f;/*★*/
	    overflow: hidden;
	    margin: 0px 0px 10px -10px;
	    padding-bottom: 0px;
/*		display:table;/**/
	}
	
	div.flick_img.slideShow .main .flipsnap {
	    display: -webkit-box;
	    display: box;

		}
		
	div.flick_img.slideShow .main .item {
	    width: 330px;/*270 320*/
	    height: 260px;/*320*/
	    padding:0 5px;
/*		border:1px solid #000;/*★*/
	    overflow: hidden;
	    font-size: 20px;
	    color: #fff;
/*	    display:table-cell;/**/
/*	    vertical-align: middle;/**/
	    text-align: center;

	}
	
	div.flick_img.slideShow .main .item img{
/*	    width: 320px;/*320*/
		margin:0 0px;
	    height: 260px;/*200*/
	    max-width: 320px;/**/
/*		border:1px solid #ff0;/**/
		margin:0 5px;/**/
		zoom:1;
	}


/*-btns-----------------------*/
div.flick_img.slideShow .btns{
		width:100%;
		}

	div.flick_img.slideShow .btns .arrow {
		display: inline-block;
		height:30px;
		width:70px;
		}
	div.flick_img.slideShow .btns .noHasNext {
		opacity: 0.5;
		}
	div.flick_img.slideShow .btns span{
		display:block;
		margin-top:0px;
		border:1px solid #cacaca;/*★*/
		border-radius: 5px;
		background:#ffffff;

	}
	div.flick_img.slideShow .btns .imgL{
		background:url(../img/icon_left.png) no-repeat 30px 50%, -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.99, #eaeaea), to(#ffffff)); /* Saf4+, Chrome */
		background:url(../img/icon_left.png) no-repeat 30px 50%, -webkit-linear-gradient(#ffffff /*{start}*/,#eaeaea 99% , #ffffff /*{end}*/); /* Chrome 10+, Saf5.1+ */
		background:url(../img/icon_left.png) no-repeat 30px 50%,    -moz-linear-gradient(#ffffff /*{start}*/,#eaeaea 99% , #ffffff /*{end}*/); /* FF3.6 */
		background:url(../img/icon_left.png) no-repeat 30px 50%,     -ms-linear-gradient(#ffffff /*{start}*/,#eaeaea 99% , #ffffff /*{end}*/); /* IE10 */
		background:url(../img/icon_left.png) no-repeat 30px 50%,      -o-linear-gradient(#ffffff /*{start}*/,#eaeaea 99% , #ffffff /*{end}*/); /* Opera 11.10+ */
		background:url(../img/icon_left.png) no-repeat 30px 50%,         linear-gradient(#ffffff /*{start}*/,#eaeaea 99% , #ffffff /*{end}*/);

		float:left;
		margin-left:50px;
		-webkit-background-size: 13px 19px,100% 100%;
		-moz-background-size: 13px 19px,100% 100%;
		-o-background-size: 13px 19px,100% 100%;
		-ms-background-size: 13px 19px,100% 100%;
		background-size: 13px 19px,100% 100%;
		}
	div.flick_img.slideShow .btns .imgR{
		background:url(../img/icon_right.png) no-repeat 25px 50%, -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.99, #eaeaea), to(#ffffff)); /* Saf4+, Chrome */
		background:url(../img/icon_right.png) no-repeat 25px 50%, -webkit-linear-gradient(#ffffff /*{start}*/,#eaeaea 99% , #ffffff /*{end}*/); /* Chrome 10+, Saf5.1+ */
		background:url(../img/icon_right.png) no-repeat 25px 50%,    -moz-linear-gradient(#ffffff /*{start}*/,#eaeaea 99% , #ffffff /*{end}*/); /* FF3.6 */
		background:url(../img/icon_right.png) no-repeat 25px 50%,     -ms-linear-gradient(#ffffff /*{start}*/,#eaeaea 99% , #ffffff /*{end}*/); /* IE10 */
		background:url(../img/icon_right.png) no-repeat 25px 50%,      -o-linear-gradient(#ffffff /*{start}*/,#eaeaea 99% , #ffffff /*{end}*/); /* Opera 11.10+ */
		background:url(../img/icon_right.png) no-repeat 25px 50%,         linear-gradient(#ffffff /*{start}*/,#eaeaea 99% , #ffffff /*{end}*/);

		float:right;
		margin-right:50px;

		-webkit-background-size: 33px 19px,100% 100%;
		-moz-background-size: 33px 19px,100% 100%;
		-o-background-size: 33px 19px,100% 100%;
		-ms-background-size: 33px 19px,100% 100%;
		background-size: 33px 19px,100% 100%;
		
		}
/*-pointer-----------------------*/
	



.main {
    overflow: hidden;
    -webkit-transform: translateZ(0);
}

.flipsnapA {
	
	width: 1920px;
/*	width: 2240px;*/
/*	width: 2560px;*/
}

.flipsnapA:after {
	
    display: block;
    clear: both;

}
.pointerA{
    clear: both;
}

.item {
	--float:left;
    width: 320px;
}



.flipsnapB {
    width: 2260px; 
    padding-left: 20px;
}

.flipsnapB:after {
    display: block;
    clear: both;
    height: 0;
}

.pointerB{
    clear: both;
}
.itemB {
    --float: left;
    margin: 0 10px;
    width: 260px;
    text-align: center;
}


.mainC {
    overflow: hidden;
	-webkit-transform: translateZ(0);
}


.flipsnapC {
    width: 1500px; 
    padding-left: -0px;
}

.flipsnapC:after {
    display: block;
    clear: both;

}
.pointerC{
    clear: both;
}

.itemC {
	float: left;
    margin: 0 10px;
    width: 280px;
    text-align: center;
}