@charset "utf-8";
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/NotoSansCJKjp/NotoSansCJKjp-Regular.woff2) format('woff2'),
		 url(../fonts/NotoSansCJKjp/NotoSansCJKjp-Regular.woff) format('woff'),
		 url(../fonts/NotoSansCJKjp/NotoSansCJKjp-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 700;
	src: url(../fonts/NotoSansCJKjp/NotoSansCJKjp-Bold.woff2) format('woff2'),
		 url(../fonts/NotoSansCJKjp/NotoSansCJKjp-Bold.woff) format('woff'),
		 url(../fonts/NotoSansCJKjp/NotoSansCJKjp-Bold.otf) format('opentype');
}

/*==============================
	基本設定
==============================*/
body {
	color:#000;
	font-size:12px;
	font-family:'Noto Sans JP', sans-serif;
	margin:0 auto;
	padding:0;
	text-align:left;
	background:#000;
	-webkit-text-size-adjust:100%;
	width:100%;
	min-width:1280px;
    /*overflow-x: hidden;*/
}
body *, body *::before, body *::after{box-sizing:border-box;}
@media only screen and (max-width:767px){
	body{
		min-width:0;
	}
}
@media only screen and (min-width:1280px){
	body{
		overflow-x: hidden;
	}
}

img{vertical-align:bottom;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
th{
	font-weight:normal;
	text-align:left;
}

/*font layout*/
.fSerif{font-family:'Noto Serif Japanese', serif;}
.fDin{font-family:"DIN Next LT Pro", sans-serif;}
.fYellow{color:#ff0;}
.fRoboto{font-family:'Roboto', sans-serif;}

/*rollover*/
.ro a:hover,
a.ro:hover,
a .ro:hover{ filter:alpha(opacity=80);opacity:0.8; }
.brt a:hover,a.brt:hover,a .brt:hover{ -webkit-filter: brightness(1.1);filter: brightness(1.1); }
.ro a,
a.ro,
a .ro,
.brt a,
a.brt,
a .brt{
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-ms-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}
.ro .no_ro a:hover,
.ro a.no_ro:hover{ filter:alpha(opacity=100);opacity:1; }
a:focus{outline:none;}

.spOnly,
.brSp,
.imgSp,
.txtSp{
	display:none;
}
.txtBlock{
	display:inline-block;
	vertical-align:top;
}
@media only screen and (max-width:767px){
	.imgR{
		width:100%;
		height:auto;
	}
	.spNone,
	.imgPc,
	.brPc{ display:none;}
	.spOnly,
	.brSp,
	.imgSp,
	.txtSp{
		display:block;
	}
}

/*-----------------------------------------------
	contents
-----------------------------------------------*/
#contents{
	 background:#000;
}

/* side */
#side{
	width: 100%;
    height: 135px;
    margin: 0;
    background: #000;
    position: relative;
    box-sizing: border-box;
    top: 0px;
    left: 0px;
    z-index: 100000;
}
#side .inner{
	width:93.75%;
	max-width: 1600px;
	margin:0 auto;
}
#side .logo{ padding:29px 30px 0 0; }
@media only screen and (max-width:767px){
	#side{ height:95px;}
	#side .inner{ width:100%;}
	#side .logo img{
		width:110px;
		height:auto;
	}
	#side .logo{ padding:22px 20px 0; }
}


/*-----------------------------------------------
	sec_date
-----------------------------------------------*/
.sec_date{ padding-bottom:150px;}
.sec_date .slider_main{
	width:100%;
	height:750px;
	margin-bottom:30px;
	position:relative;
	overflow:hidden;
}
.sec_date .slider_main .inner{
	position:relative;
	width:93.75%;
	max-width:1600px;
	height:700px;
	margin:0 auto;
}
.sec_date .tit_top{
	position:absolute;
	top:90px;
	left:0;
	z-index:100;
}
.sec_date .icon{
	position:absolute;
	bottom:-40px;
	right:0px;
	z-index:100;
}
.sec_date .sliderWrap{
	width:2000px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-1000px;
	z-index:1;
}
.sec_date .sliderWrap .animZoom img{
	animation: imgZoom 10s linear 0s 1 normal forwards;
	-webkit-animation: imgZoom 10s linear 0s 1 normal forwards;
}
@keyframes imgZoom{
	0% {
		-moz-transform:scale(1.0);
		-webkit-transform:scale(1.0);
		transform:scale(1.0);
	}
	100% {
		-moz-transform:scale(1.2);
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
}





.sec_date .innerMain{
	width:94%;
	max-width:1600px;
	margin:0 auto;
}
.sec_date .tabBox{
	font-size:0;
}
.sec_date .tabBox .tab{
	display:inline-block;
	vertical-align:top;
	width:49.5%;
	max-width:790px;
	color:#fff;
	background:#333333;
	font-size:36px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	letter-spacing:2px;
	padding:32px 0 ;
}
.sec_date .tabBox .tab:first-child{ margin-right:1%;}
.sec_date .tabBox .tab.active{ background:#FF9900;}
.sec_date .box{
	padding:50px 0 0;
}
.sec_date .box:nth-child(2){ padding:76px 0 0;}
.sec_date .box:nth-child(3){ padding:35px 0 0;}
.sec_date .box:nth-child(4){ padding:40px 0 0;}
.sec_date .box:nth-child(5){ padding:40px 0 0;}
.sec_date.date2 .box:nth-child(2){ padding:36px 0 0;}
.sec_date .area{ padding-bottom:50px;}
.sec_date .photoList{ font-size:0;}
.sec_date .photoBox{
	display:inline-block;
	vertical-align:top;
	width:305px;
	margin:0 19px 60px 0;
	text-decoration:none;
}
.sec_date .photoBox:nth-child(5n+4){
	margin-right:18px;
}
.sec_date .photoBox:nth-child(5n){
	margin-right:0;
}
.sec_date .photoBox .photo{
	width:305px;
	height:203px;
	-webkit-transform: translate(0,50px);
	-ms-transform: translate(0,50px);
	transform: translate(0,50px);
	opacity:0;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.sec_date .photoBox .photo img{
	display:none;
}
.sec_date .photoBox.inview .photo{
	opacity:1;
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0);
}
.sec_date .photoBox.inview .photo img{
	display:block;
}
.sec_date .photoBox:nth-child(5n+2) .photo{ transition-delay:0.2s; }
.sec_date .photoBox:nth-child(5n+3) .photo{ transition-delay:0.4s; }
.sec_date .photoBox:nth-child(5n+4) .photo{ transition-delay:0.6s; }
.sec_date .photoBox:nth-child(5n+5) .photo{ transition-delay:0.8s; }
@media only screen and (max-width:1720px){
	.sec_date .box{
		width:1280px;
		margin:0 auto;
	}
	.sec_date .photoBox,
	.sec_date .photoBox:nth-child(5n+4),
	.sec_date .photoBox:nth-child(5n){
		margin-right:20px;
	}
	.sec_date .photoBox:nth-child(4n){
		margin-right:0;
	}
	.sec_date .photoBox:nth-child(5n+2) .photo,
	.sec_date .photoBox:nth-child(5n+3) .photo,
	.sec_date .photoBox:nth-child(5n+4) .photo,
	.sec_date .photoBox:nth-child(5n+5) .photo{ transition-delay:0s; }
	.sec_date .photoBox:nth-child(4n+2) .photo{ transition-delay:0.2s; }
	.sec_date .photoBox:nth-child(4n+3) .photo{ transition-delay:0.4s; }
	.sec_date .photoBox:nth-child(4n+4) .photo{ transition-delay:0.6s; }
}
@media only screen and (max-width:1400px){
	.sec_date .box{
		width:955px;
	}
	.sec_date .photoBox:nth-child(4n){
		margin-right:20px;
	}
	.sec_date .photoBox:nth-child(3n){
		margin-right:0;
	}
	.sec_date .photoBox:nth-child(4n+2) .photo,
	.sec_date .photoBox:nth-child(4n+3) .photo,
	.sec_date .photoBox:nth-child(4n+4) .photo{ transition-delay:0s; }
	.sec_date .photoBox:nth-child(3n+2) .photo{ transition-delay:0.2s; }
	.sec_date .photoBox:nth-child(3n+3) .photo{ transition-delay:0.4s; }
}
.sec_date .photo img{
	width:100%;
	height:auto;
}
.sec_date .name{
	color:#fff;
	font-size:18px;
	line-height:23px;
	text-align:center;
	letter-spacing:1px;
	padding-top:25px;
}
.sec_date .btnTop{
	display:block;
	width:700px;
	height:150px;
	background:#FF9900 url(../img/gallery/backArrow02.png) 72% 50% no-repeat;
	background-size:13px 24px;
	box-sizing:border-box;
	color:#fff;
	margin:0 auto;
	text-decoration:none;
	position:relative;
}
.sec_date .btnTop p{
	font-size:24px;
	line-height:23px;
	letter-spacing:1px;
	padding:62px 42px 0;
	font-weight:bold;
}
.sec_date .btnTop .img_btn{
	position:absolute;
	top:-43px;
	right:10px;
}
.sec_date .btn_landscape{
	max-width:1600px;
	display:block;
	margin:88px 0 132px;
}
.sec_date .btn_landscape img{
	width:100%;
	height:auto;
}
@media only screen and (max-width:767px){
	.sec_date{ padding-bottom:50px;}
	.sec_date .slider_main{
		height:375px;
		margin-bottom:5px;
	}
	.sec_date .sliderWrap{
		width:100%;
		height:100%;
		margin-left:0;
		position:absolute;
		top:50%;
		left:50%;
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		text-align:center;
	}
	.sec_date .sliderWrap .slick-slide{
		height:375px;
		position:relative;
	}
	.sec_date .sliderWrap img{
		width:1070px;
		height:auto;
		position:absolute;
		top:0;
		left:50%;
		margin-left:-535px;
	}
	.sec_date .slider_main .inner{ 
		width:100%;
		height:375px;
	}
	.sec_date .innerMain{ width:100%;}
	.sec_date .tabBox{
		width:96%;
		margin:0 auto;
	}
	.sec_date .tabBox .tab{ 
		width:49%;
		font-size:28px;
		padding:17px 0;
	}
	.sec_date .tabBox .tab:first-child { margin-right: 2%;}
	.sec_date .tabBox .tab span{ 
		font-size: 18px;
		display:block;
	}
	.sec_date .btnTop{
		width:87%;
		height: auto;
		margin:0 auto;
		background: #FF9900;
		border-radius: 5px;
	}
	.sec_date .btnTop p {
		font-size: 15px;
		text-align:center;
		letter-spacing: 0px;
		padding: 29px 0 28px;
		font-weight: bold
	}
	.sec_date .tit_top{
		width:81.5%;
		top:60px;
		right:0;
		margin:0 auto;
	}
	.sec_date .icon{
		width:37.5%;
		bottom:20px;
		right:20px;
	}
	.sec_date .box{
		width:100%;
	}
	.sec_date .box,
	.sec_date .box:nth-child(2),
	.sec_date .box:nth-child(3),
	.sec_date .box:nth-child(4),
	.sec_date .box:nth-child(5),
	.sec_date.date2 .box:nth-child(2){ padding:30px 0 0;}
	.sec_date .area{
		width:41.5%;
		margin:0 auto;
		padding-bottom:30px;
	}
	.sec_date .photoList{
		width:96%;
		margin:0 auto;
	}
	.sec_date .photoBox,
	.sec_date .photoBox:nth-child(5n+4),
	.sec_date .photoBox:nth-child(5n),
	.sec_date .photoBox:nth-child(4n),
	.sec_date .photoBox:nth-child(3n){ 
		width:49%;
		margin:0 2% 16px 0;
	}
	.sec_date .photoBox:nth-child(2n){
		margin-right:0;
	}
	.sec_date .photoBox:nth-child(3n+2) .photo,
	.sec_date .photoBox:nth-child(3n+3) .photo{ transition-delay:0s; }
	.sec_date .photoBox:nth-child(2n+2) .photo{ transition-delay:0.2s; }
	.sec_date .photoBox .photo{
		width:100%;
		height:0;
		padding-top:66.56%;
	}
	.sec_date .photoBox .photo img{
		width:100%;
		height:auto;
		position:absolute;
		top:0;
		left:0;
	}
	.sec_date .name{
		font-size: 12px;
		letter-spacing: 0px;
		padding-top: 10px;
	}
	.sec_date .btn_landscape{
		width:96%;
		margin: 20px auto 52px;
	}
	.sec_date .btnTop .img_btn{ display:none;}
}






/*-----------------------------------------------
	sec_artis
-----------------------------------------------*/
.sec_artist .innerArtist{
	padding:0 0 150px;
}
.sec_artist .nameBox{
	width:94%;
	max-width:1600px;
	margin:0 auto;
	text-align:center;
	border-top:1px solid #1E1E1E;
	border-bottom:1px solid #1E1E1E;
	color:#fff;
	padding:30px 0 25px;
}

.sec_artist .nameBox .name{
	font-size:34px;
	font-weight:bold;
	line-height:42px;
	letter-spacing:2px;
}
.sec_artist .nameBox .date{
	font-size:18px;
	line-height:225%;
	padding-top:10px;
	letter-spacing:2px;
}

.sec_slider{
	padding-top:50px;
}
.sec_slider .wrapper{
	max-width:1060px;
	margin:0 auto 73px;
	position:relative;
}
.sec_slider .inner{
	width:1610px;
	margin:0 auto 90px;
	position:relative;
}
@media only screen and (max-width:1620px){
	.sec_slider .inner{
		width:1380px;
	}
}
@media only screen and (max-width:1390px){
	.sec_slider .inner{
		width:1150px;
	}
}
.sec_slider .slide img{
	width:auto;
	height:707px;
	margin:0 auto;
	text-align:center;
}
.sec_slider #slider{
	background:#141414;
}
/* スライドクリック時の青枠削除 */
.sec_slider .slick-slide a:focus {
    outline:none;
}

/* 矢印 */
.sec_slider .slick-arrow{
	background-color:transparent;
	border:none;
	cursor:pointer;
	outline:none;
	padding:0;
	appearance:none;
	font-size:0;
	width:40px;
	height:62px;
	position:absolute;
	top:45.5%;
	z-index:10;
}
.sec_slider .slick-prev{
	left:-100px;
	background:url(../img/gallery/btnPrev.png) left top no-repeat;
}
.sec_slider .slick-next{
	right:-100px;
	background:url(../img/gallery/btnNext.png) left top no-repeat;
}

/* サムネイル */
.sec_slider #thumb{
	font-size:0;
}
.sec_slider .thumb{
	width:220px;
	height:147px;
	margin:0 5px 10px;
	cursor:pointer;
	display:inline-block;
	vertical-align:top;
	position:relative;
	background:#141414;
}
.sec_location .sec_slider .thumb img{
	display:none; /* inview用 */
}
.sec_slider .thumb.active::before{
	content:"";
	display:block;
	width:100%;
	height:100%;
	border: 5px solid #FF9900;
	box-sizing: border-box;
	position: absolute;
	top:0;
	left:0;
	z-index:2;
}
.sec_location .sec_slider .thumb.active::before{ 
	border: 5px solid #66CC00;
}
.sec_slider .thumb img{
	width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.sec_slider .thumb.active img{
	opacity:0.6;
}
.sec_slider .slick-disabled{ display:none !important; }

.sec_artist .btnBox a{
	width:400px;
	margin:0 auto;
	padding:39px 0;
	display:block;
	border:1px solid #1E1E1E;
	border-radius: 500px;
	text-align:center;
	background:url(../img/gallery/backArrow.png) 13% 50% no-repeat;
	background-size:14px 24px;
	font-size:26px;
	color:#fff;
	letter-spacing:2px;
	text-decoration:none;
}
#copy{
	border-top:1px solid #1E1E1E;
	text-align:center;
	color:#fff;
	font-size:15px;
	padding:32px 0;
}
@media only screen and (max-width:767px){
	.sec_artist .innerArtist{ 
		padding-bottom:50px;
	}
	.sec_slider .wrapper{
		max-width:96%;
		margin:0 auto 18px;
	}
	.sec_slider .inner{
		max-width:97.5%;
		margin:0 auto 50px;
	}
	.sec_artist .nameBox{
		width:100%;
		padding: 17px 0 10px;
	}
	.sec_artist .nameBox .name{
		font-size:18px;
		line-height:23px;
		letter-spacing:0px;
	}
	.sec_slider{ padding-top:20px;}
	.sec_artist .nameBox .date{
		font-size:12px;
		padding-top:2px;
		letter-spacing:0;
	}
	.sec_slider .slide{
		width:10%;
		height:0;
		padding-top:65vw;
		position:relative;
	}
	.sec_slider .slide img{
		width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
	}
	.sec_slider #thumb{
		max-height: 300px;
    overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.sec_slider .thumb{
		width:33%;
		height:0;
		padding-top:22%;
		position:relative;
		margin:0 0.5% 0.5% 0;
	}
	.sec_slider .thumb:nth-child(3n){
		margin-right:0;
	}
	.sec_slider .thumb.active::before{ border: 2px solid #FF9900; }
	.sec_location .sec_slider .thumb.active::before{ border: 2px solid #66CC00;}
	.sec_artist .btnBox a{
		width:76%;
		margin:0 auto;
		font-size:20px;
		background:url(../img/gallery/backArrow.png) 12% 50% no-repeat;
		background-size:8px 14px;
		padding:19px 0;
	}
	#copy{
		font-size:13px;
		padding:22px 0 32px;
	}
}