@charset "UTF-8";
/*INDEX*/
div.indexwrap {
	width:100%;
	min-width:1028px;
	position:absolute;
	top:50px;
	left:0;
	z-index:80;
}
.indexslick {
	width:680px;
}
.thumb-item-nav img {
	width:226px;
	height:auto;
}
.mainttl {
	width:340px;
	height:400px;
	background: rgba(255,255,255,1);	
	z-index:1000;
	position:absolute;	
	top: 0;
	left: 50%;
	-webkit-transform: translate(170px,0);
	-moz-transform: translate(170px,0);
	-ms-transform: translate(170px,0);
	-o-transform: translate(170px,0);
	transform: translate(170px,0);
}
.mainttl img {
	margin:24px 22px 0;
}
.mainttl .maindate {
	padding-top:10px;
	text-align:center;
}
/*SLICK-SLIDER*/
.sliderwrap {
	width:100%;
	height:auto;
	position:relative;
	overflow:hidden;
    	box-sizing: border-box;
}
.slider-iframe iframe{
  width: 680px;
  height: 400px;
}
.slider {
        width: calc(100% + 340px);
        margin: 0 auto;
}
.slick-slide {
      margin: 0;
}
.slick-dots {
	width:680px;
	bottom: 20px;
	left:50%;
	-webkit-transform: translate3d(680px, 0, 0);
	-moz-transform: translate3d(-680px, 0, 0);
	-ms-transform: translate3d(-680px, 0, 0);
	-o-transform: translate3d(-680px, 0, 0);
	transform: translate3d(-680px, 0, 0);
}
.slick-dots li button::before {
	font-size:20px;
	padding:2px;
	color:#fff;
}
.slick-dots li.slick-active button::before {
	color:#fff;
}
.slick-prev {
	left:25px;
	z-index:10;
}
.slick-next{
	right: 375px;
	z-index:10;
}
.slick-prev:before,
.slick-next:before {
        color: white;
	font-size:30px;
}
.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(340px, 0, 0);
	-moz-transform: translate3d(-340px, 0, 0);
	-ms-transform: translate3d(-340px, 0, 0);
	-o-transform: translate3d(-340px, 0, 0);
	transform: translate3d(-340px, 0, 0);
}
.slick-slide img {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.slick-center {
	-webkit-filter: initial;
	-moz-filter: initial;
	-o-filter: initial;
	-ms-filter: initial;
	filter: initial;
}
.slick-center img {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
/*MAIN.MAINWRAP*/
.index main.mainwrap {
	padding-top:450px;
}
.index main.mainwrap .pinon {
	display:inline;
}
.index main.mainwrap .sinon {
	display:none;
}

section.guideline {
	background:#000 url('../images/bg/030.jpg') no-repeat center -200px fixed;
	background-size:cover;
}
@media (max-width: 767px) {
	div.indexwrap {
		min-width:0;
	}
	div.indexwrap {
		width:100%;
		position:relative;
		/*top:50px;*/
		top:0;
		    margin-top: 50px;
		left:50%;
		-webkit-transform: translate(-50%,0);
		-moz-transform: translate(-50%,0);
		-ms-transform: translate(-50%,0);
		-o-transform: translate(-50%,0);
		transform: translate(-50%,0);
	}
	.indexslick {
		width:100%;
	}
	.thumb-item img {
		width:100%;
		height:auto;
	}
	.thumb-item-nav img {
		width:100%;
		height:auto;
	}
	.mainttl {
		display:none;
	}
	/*SLICK-SLIDER*/
	.slider {
	        width: 100%;
	}
  .slider-iframe iframe{
    width: 100%;
    height: 229px;
  }
	.slider img {
		width:100%;
		height:auto;
	}
	.slick-dots {
	        width: 100%;
		bottom: 20px;
		left:50%;
		-webkit-transform: translate3d(-50%, 0, 0);
		-moz-transform: translate3d(-50%, 0, 0);
		-ms-transform: translate3d(-50%, 0, 0);
		-o-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0);
	}
	.slick-slider .slick-track, .slick-slider .slick-list {
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.slick-prev{
		left: 5px;
	}
	.slick-next{
		right: 5px;
	}
	.slick-slide img {
		filter:alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;
	}
	/*MAIN.MAINWRAP*/
	.index main.mainwrap {
		/*padding-top:30px;*/
		padding-top:0;
	}
	.index main.mainwrap .pinon {
		display:none;
	}
	.index main.mainwrap .sinon {
		display:inline;
	}
	.index main.mainwrap .pickup {
		margin-bottom:20px;
	}
	.film_roll_wrapper .active {
		padding-right:0;
	}
}