@charset "UTF-8";

/* contentfooter */
@media screen and (min-width: 641px) { 
	.contentfooter{
		width:100%;
		margin:0 auto 0 auto;
		padding:0 0 7vw 0;
		background-color:#eeeeee;
		border-bottom:solid 1px #706f6f;
	}
	
	.contentfooter h3{
		text-align:center;
		letter-spacing:0.2em;
		margin:0;
		padding:5.5vw 0;
	}
	
	.contentfooter h4{
		width:100%;
		line-height:1.8em;
		bottom:0;
		margin:15px 0 0 0;
		font-weight:400;
	}
	
	.contentfooter .flickity-viewport {
		overflow: hidden;
		position: relative;
		height: 100%;
	}
	
	.contentfooter .flickity-slider {
		position: absolute;
		width: 100%;
		height: 100%;
	}
	
	.contentfooter .flickity-enabled {
		position: relative;
	}
	
	.contentfooter .flickity-enabled:focus { outline: none; }
	
	.contentfooter .flickity-enabled.is-draggable {
		-webkit-tap-highlight-color: transparent;
		tap-highlight-color: transparent;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	
	.contentfooter .flickity-enabled.is-draggable .flickity-viewport {
		cursor: move;
		cursor: -webkit-grab;
		cursor: grab;
	}
	
	.contentfooter .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
		cursor: -webkit-grabbing;
		cursor: grabbing;
	}
	
	.contentfooter .sldfr{
		max-width:980px;
		width:100%;
		position:relative;
		margin:0 auto;
	}
	
	.contentfooter .prev{
		width:40px;
		height:40px;
		position:absolute;
		top:7vw;
		left:0;
		background: url(/common/images/ar_left.png) no-repeat 0 0;
		border-radius:20px;
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
		background-color:#8e8e8e;
		text-indent:-99999px;
	}
	
	.notouch .contentfooter .prev:hover{
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		border-radius:0px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
	}
	
	.touch .contentfooter .prev.touchhover{
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		border-radius:0px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
	}
	
	.contentfooter .next{
		width:40px;
		height:40px;
		position:absolute;
		top:7vw;
		right:0;
		background: url(/common/images/ar_right.png) no-repeat 0 0;
		border-radius:20px;
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
		background-color:#8e8e8e;
		text-indent:-99999px;
	}
	
	.notouch .contentfooter .next:hover{
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		border-radius:0px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
	}
	
	.touch .contentfooter .next.touchhover{
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		border-radius:0px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
	}
	
	.contentfooter ul{
		max-width:870px;
		width:85%;
		margin:0 auto;
	}
	
	.contentfooter ul li.gallery-cell{
		width:32%;
		margin:0 1% 0 1%;
		padding:0;
	}
	
	.contentfooter ul li.gallery-cell a{
		display:block;
	}
	
	.contentfooter ul li.gallery-cell img{
		width:100%;
		height:auto;
	}
	
	.contentfooter ul#js-flickity button,.flickity-page-dots-frame{
		display:none;
	}
}

@media screen and (max-width: 640px) {
	.contentfooter{
		width:100%;
		margin:0 auto 0 auto;
		padding:0 0 10.5vw 0;
		background-color:#eeeeee;
		border-bottom:solid 1px #706f6f;
		overflow:hidden;
	}
	
	.contentfooter h3{
		text-align:center;
		letter-spacing:0.2em;
		margin:0;
		padding:10vw 0;
	}
	
	.contentfooter h4{
		width:100%;
		line-height:3.0vw;
		bottom:0;
		margin:15px 0 0 0;
		font-weight:400;
	}
	
	.contentfooter .flickity-viewport {
		overflow: hidden;
		position: relative;
		height: 100%;
	}
	
	.contentfooter .flickity-slider {
		position: absolute;
		width: 100%;
		height: 100%;
	}
	
	.contentfooter .flickity-enabled {
		position: relative;
	}
	
	.contentfooter .flickity-enabled:focus { outline: none; }
	
	.contentfooter .flickity-enabled.is-draggable {
		-webkit-tap-highlight-color: transparent;
		tap-highlight-color: transparent;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	
	.contentfooter .flickity-enabled.is-draggable .flickity-viewport {
		cursor: move;
		cursor: -webkit-grab;
		cursor: grab;
	}
	
	.contentfooter .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
		cursor: -webkit-grabbing;
		cursor: grabbing;
	}
	
	.contentfooter .sldfr{
		width:160%;
		position:relative;
		margin:0 0 0 -30%;
	}
	
	.contentfooter .prev{
		width:40px;
		height:40px;
		position:absolute;
		top:13vw;
		left:25%;
		background: url(/common/images/ar_left.png) no-repeat 0 0;
		border-radius:20px;
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
		background-color:#8e8e8e;
		text-indent:-99999px;
		opacity:0.8;
	}
	
	.notouch .contentfooter .prev:hover{
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		border-radius:0px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
	}
	
	.touch .contentfooter .prev.touchhover{
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		border-radius:0px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
	}
	
	.contentfooter .next{
		width:40px;
		height:40px;
		position:absolute;
		top:13vw;
		right:25%;
		background: url(/common/images/ar_right.png) no-repeat 0 0;
		background-size:cover;
		border-radius:20px;
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
		background-color:#8e8e8e;
		text-indent:-99999px;
		opacity:0.8;
	}
	
	.notouch .contentfooter .next:hover{
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		border-radius:0px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
	}
	
	.touch .contentfooter .next.touchhover{
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		border-radius:0px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
	}
	
	.contentfooter ul{
		max-width:870px;
		width:90%;
		margin:0 auto;
		overflow:hidden;
	}
	
	.contentfooter ul li.gallery-cell{
		width:32%;
		margin:0 1% 0 1%;
		padding:0;
	}
	
	.contentfooter ul li.gallery-cell img{
		width:100%;
		height:auto;
	}
	
	.contentfooter ul#js-flickity button,.flickity-page-dots-frame{
		display:none;
	}
}
/* contentfooter */