@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;}
.fOswald{font-family:"Oswald", 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:33px 30px 0 0;
    text-align: center;
}
@media only screen and (max-width:767px){
	#side{ height:95px;}
	#side .inner{ width:100%;}
	#side .logo img{
		width:108px;
		height:auto;
	}
	#side .logo{ padding:24px 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: 155px;
	right: 0;
	left:0;
	z-index:100;
	margin: auto;
    text-align: center;
}
.sec_date .tit_topTxt{
    position: absolute;
    bottom: 90px;
    left: 0;
    right: 0;
    margin: auto;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.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;
    display: flex;
    justify-content: space-between;
}
.sec_date .tabBox .tab{
	display:inline-block;
	vertical-align:top;
	width:49.5%;
	max-width:790px;
	background:#333333;
	text-align:center;
	text-decoration:none;
	padding:30px 0;
}
.sec_date .tabBox .tab.active{ background:#00a2ff;}
.sec_date .tabBox .tab.active2{ background:#ff00a8;}
.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;
    display: flex;
    align-items: center;
}
.sec_date .area .txtArea{ 
	font-size: 36px;
	font-weight: 500;
	color: #fff;
	margin-left: 20px;
}
.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;
	height: 0;
	padding-top: 66.558%;
	position: relative;
}
.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{
	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_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 .note{
	color:#fff;
	font-size:18px;
	line-height:23px;
	text-align:center;
	letter-spacing:1px;
}
.sec_date .btnTop{
	display:block;
	width: 560px;
	height:120px;
	box-sizing:border-box;
	color:#fff;
	margin:0 auto;
	text-decoration:none;
	position:relative;
	border: solid 1px #fff;
}
.sec_date .btnTop p{
	font-size:24px;
	letter-spacing: 0.5px;
	font-weight:bold;
	text-align: center;
	padding-top: 48px;
}
.sec_date .btmImg{
	text-align: center;
	margin: 150px auto 0;
}
.sec_date .btn_landscape{
	width: 800px;
	max-width: 800px;
	display:block;
	margin: 84px auto 150px;
}
@media only screen and (max-width:767px){
	.sec_date{ padding-bottom: 47px;}
	.sec_date .slider_main{
        height: 405px;
        margin-bottom: 20px;
	}
	.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:48.89%;
		padding:22px 0;
	}
	.sec_date .tab img{
		height: 20px;
		width: auto;
	}
	.sec_date .btnTop{
		width: 73.334%;
		height: 60px;
		margin: 0 auto;
	}
	.sec_date .btnTop p{
		font-size: 12px;
		letter-spacing: normal;
		padding-top: 22px;
	}
	.sec_date .tit_top{
		width:82.935%;
		top:72px;
		right:0;
		margin:0 auto;
	}
	.sec_date .tit_topTxt{
		font-size: 14px;
        bottom: 26px;
	}
	.sec_date .icon{
		width:37.336%;
		bottom: -30px;
        right: 10px;
		max-width: 140px;
	}
	.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:96%;
		margin:0 auto;
        margin-bottom: 20px;
        padding: 0;
        text-align: center;
        flex-direction: column;
	}
	.sec_date .area img{
		width: 152px;
		margin: 0 auto ;
	}
	.sec_date .area .txtArea{ 
		font-size: 20px;
		margin: 0;
	}
	.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 .note{
		font-size: 12px;
		letter-spacing: 0px;
	}
	.sec_date .btmImg{
		width:96%;
		margin: 20px auto;
	}
	.sec_date .btn_landscape{
		width:96%;
		margin: 17px auto 41px;
	}
	.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:706px;
	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;
	text-decoration:none;
}
/* footer */
#footer02{
	padding: 0 0 216px;
}
#copy{
	text-align:center;
	color:#fff;
	font-size:14px;
	font-weight: 700;
	margin-top: 25px;
	letter-spacing: 1px;
}
#footer02 .footerTxt{
	font-size:14px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
}
@media only screen and (max-width:767px){
	.sec_artist .innerArtist{ 
		padding-bottom: 47px;
	}
	.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;
		background:url(../img/gallery/backArrow.png) 12% 50% no-repeat;
		background-size:8px 14px;
		padding:19px 0;
	}
	.sec_artist .btnBox img{
		height: 15px;
		width: auto;
	}

	/* footer */
	#footer02{
		padding: 0 0 105px;
	}
	#footer02 .footerTxt{
		font-size:11px;
		line-height: 1.81;
		letter-spacing: normal;
	}
	#copy{
		font-size:11px;
		margin-top: 24px;
		letter-spacing: normal;
	}
}