@charset "UTF-8";
/* CSS Document */

html{font-size: 62.5%;}
body{
	font-size:1.6rem;/* 16px*/
	background: #000;
	color: #fff;
}
p {
	line-height: 1.75em;
	margin:24px 0 0 0;
}
img {
	width:100%;
	height:auto;
}
p.-c {text-align: center;}
.noimg {opacity: 0.3;}
a {transition: 0.3s;}
a:hover{opacity: 0.6;}
.sp { 
	display: none;
	}
.flex {
	display: flex;
	flex-wrap: wrap;
}
.flex_spsb {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;	
}
.inner {
	width:90%;
	max-width:980px;
	margin:0 auto;
	position: relative;
}
.inner::after {
	display: block;
	content: '';
	width:12px;
	height:6px;
	background: url("../images/arrow.png");
	background-size: cover;
	position: absolute;
	bottom:0;
	left:50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.center {text-align: center;}
.copyright{
    font-size: 1.4rem;
    width:90%;
    max-width:980px; 
    margin:0 auto;
    text-align: left;
}
@media screen and (max-width: 735px){
	.sp { 
	display: inherit;
	}
	.pc { 
	display: none;
	}
}


/* header */
header {width:100%; padding:16px 40px; background: #000; position: fixed; z-index: 99;}
header h1 {width:92px;}
header nav {margin:12px 0 0 0;}
header nav ul li{margin:0 0 0 40px;}
header nav ul li:nth-of-type(1) {width:59px;}
header nav ul li:nth-of-type(2) {width:61px;}
header nav ul li:nth-of-type(3) {width:41px;}
header nav ul li:nth-of-type(4) {width:100px;}
header nav ul li:nth-of-type(5) {width:56px;}
header nav ul li:nth-of-type(6) {width:72px;}
header .langage{margin:6px 0 0 0; padding:0 24px; height:40px; border:1px solid #777777; font-size: 1.4rem; letter-spacing: 0.15em; transition: 0.3s;}
header .langage:hover{background: #fff; color:#000; cursor: pointer;}



.kv{padding-top:90px;}

.share .sns {
	background: url("../images/bg_sns.png") center center no-repeat;
	background-size: contain;
	position: fixed;
	width:48px;
	height:147px;
	right:0;
	top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	z-index: 99;
	padding:15px 8px;
	filter: drop-shadow(0px 3px 16px rgba(0,0,0,0.6));
}
.share .sns li {margin-bottom:4px}
.share .sns li:last-of-type{margin:0;}


/* about */
.about {
	margin:80px 0 0 0;
	background: url("../images/bg_about.png") center top no-repeat;
	background-size: cover;
}
.about .inner {padding:0 0 32px 0;}
.about h3{margin:64px 0 0 0 ; text-align: center; font-size:1.8rem;}
.about .door{margin-top:24px;}
.about .door li {width:220px;}
.about .door li a {position: relative;}
.about .door li a:hover {cursor: pointer;}
.about .door li a img {filter: drop-shadow(0px 0px 20px #50DCFD);  will-change: transform;}
.about .door li a div {margin-top:-80px;}
.about .door li a div time{line-height:2em;  color: #2EF4F4;}

/* movie */
.movie {
	margin:80px 0 0 0;
	background: url("../images/bg_movie.png") center top no-repeat;
	background-size: cover;
}
.movie .inner {padding:0 0 80px 0;}
.movie figure {
	width:100%;
	max-width:1920px;
	margin:62px auto 0 ;
}
.movie .youtube {
	margin:62px auto 0 ;
}


/* exhibition */
.exhibition {
	margin:80px 0 0 0;
	background: url("../images/bg_exhibition.png") center 120px no-repeat;
	background-size: contain;
}
.exhibition .inner {padding:0 0 80px 0;}
.exhibition dl {width:100%; margin:40px 0 0 0;}
.exhibition dl dt {width:18%; margin:0 0 8px 0}
.exhibition dl dd {width:80%; line-height: 48px;}
.exhibition .photo {margin:40px 0 0 0;}
.exhibition .photo li {width:48%;}
.exhibition iframe {margin:62px 0 0 0;}
.exhibition .note {
	background: url("../images/exhibition_note_2.png") center top no-repeat;
	background-size: cover;
	width:100%;
	max-width:980px;
	height:auto;
	padding:80px 40px 40px;
	margin:62px 0 0 0;
    font-size: 1.4rem;
    border:1px solid #2EF4F4;
}

/* 販売商品 */
.sales{
    margin-top:80px;
    background: url("../images/sales_bg.png") center bottom no-repeat;
    background-size: contain;
}
.sales dl {width:100%; margin:40px 0 0 0;}
.sales dl dt {width:21%; margin:0 0 8px 0}
.sales dl dd {width:77%; line-height: 48px;}
.sales .sales_items {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:40px;}
.sales .sales_items::after {
	content: "";
	display: block;
	width: 31%;
}
.sales .sales_items li{width:31%;}
.sales .sales_items li p {margin:8px 0 40px 0;}
.sales .sales_items li p span {font-size: 1.4rem;}
.sales  .inner::after{background: none;}
.sales .otherItem {display: block;  width:100%; max-width:480px; margin:0 auto;}

.othersite {
	margin:62px 0 0 0;
	padding:0 0 80px 0;
}
.othersite .inner::after{background: none;}
.othersite ul {width:100%; max-width:840px; margin:32px auto 64px;}
.othersite ul li {width:100%; max-width:400px;}
.othersite small{ display: block;  font-size: 1.2rem; text-align: center;}

/* ライブ */
.live{
	margin:80px 0 0 0;
	background: url("../images/bg_movie.png") center top no-repeat;
	background-size: cover;
    text-align: center;
}
.live .inner {padding:0 0 80px 0;}
.live_box {margin:64px 0 0 0;}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
    border:1px solid #2EF4F4;
}
.live_box p{text-align: left;}


/* ギャラリー */
.galley {
    width:100%;
    background: url("../images/gallery/bg_gallery.png") center top 60px no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding-bottom:120px;
}

.galley h2 {margin-top:120px;}
.galley ul {
    margin-top:40px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.galley ul::after{
  content:"";
  display: block;
  width:32%;
}
.galley li {
    width:32%;
    margin-bottom:24px;
}
.galley .copyright {
    margin-top:80px;
}
.galley  .inner::after{background: none;}
.popup-box {
  position: relative;
  width: auto;
  width:80%;
  max-width: 740px;
  margin: 0 auto;
  padding: 40px 0;
}
.popup-box figure{
    border:1px solid #2BE8E8;
    margin-bottom:24px;
    line-height: 0;
}
.caption {
    width:100%;
    max-width:740px;
}
.caption_top {
    width:100%;
    height:20px;
    background: url("../images/gallery/gallery_caption_top.png") center top no-repeat;
    background-size: contain;
}
.caption_main {
    border-left:4px solid #2BE8E8;
    border-right:4px solid #2BE8E8;
    background: #000;
}
.caption_main dl,
.caption_main p {
    margin:0; padding:0;
}
.caption_main dl {
    display: flex;
    flex-wrap: wrap;
    width:90%;
    max-width:700px;
    margin:0 auto;
    padding-bottom:24px;
    border-bottom:1px solid #2BE8E8;
    font-size: 2rem;
}
.caption_main dt {
    width:4em;
    margin:12px 0 0 20px;
}
.caption_main dt::after {
    content: '：';
}
.caption_main dd {
    width:80%;
    margin:12px 0 0 0;
}
.caption_main p {
    padding:16px 32px;
}
.caption_bottom {
    width:100%;
    height:20px;
    background: url("../images/gallery/gallery_caption_bottom.png") center top no-repeat;
    background-size: contain;
}

.mfp-fade.mfp-bg{opacity: 0;transition: all 0.3s ease-out;}
.mfp-fade.mfp-bg.mfp-ready {opacity: 0.8;}
.mfp-fade.mfp-bg.mfp-removing{opacity: 0;}
.mfp-fade.mfp-wrap .mfp-content{opacity: 0;transition: all 0.3s ease-out;}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity: 1;}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity: 0;}


/* フェードイン */
.scroll-space{
  overflow: hidden;
}
.scrollin{
    opacity: 1 !important;
    transform: translate(0, 0) !important;
  }
.fadein {
    opacity: 0;
    transition: all 1s;
      transform: translate(0,40px);
}


@media screen and (max-width: 735px){
	header {padding:16px 12px;}
	header h1 {width:76px;}
	header .langage{margin:0;}
	header .sns{width:36%; display: flex; justify-content: flex-end; padding-top:2px;} 
	header .sns	li{width:36px; margin-right:6px;}
	header .sns	li:last-child{margin: 0;}
	
	.sp_nav{width:100%; padding: 0; line-height: 0;  position: fixed; bottom:0; z-index: 100; background: #000;}
	.sp_nav nav ul {display: flex; justify-content: space-between;}
	.sp_nav nav ul li{width:20%;}
	
	.kv{padding-top:70px;}	
	
	.about {margin:40px 0 0 0;}
	.about .inner {padding:0;}
	.about h3{margin:32px 0 0 0 ;}
	.about .door{margin-top:32px;}
	.about .door li {width:48%;}	
    .about .door li a div {
        margin-top:-64px;
        font-size: 1.4rem;
        line-height: 1.5em;
        margin-bottom:32px;
    }

    .live{margin:40px 0 0 0; text-align: left;}
    .live .inner {padding:0 0 40px 0;}
    .live_box {margin:32px 0 0 0;}    
	.movie {margin:40px 0 0 0;}
	.movie .inner {padding:0 0 40px 0;}
	.movie figure {margin:32px auto 0 ;}
	
	.exhibition {margin:40px 0 0 0;}
	.exhibition .inner {padding:0 0 40px 0;}
	.exhibition dl {width:100%; margin:40px 0 0 0;}
	.exhibition dl.flex_spsb {display: inherit;}
	.exhibition dl dt {width:100%; margin:0 0 8px 0}
	.exhibition dl dd {width:100%; margin-bottom:32px; line-height: 1.5em;}
	.exhibition .photo {margin:40px 0 0 0;}
	.exhibition .photo.flex_spsb {display: inherit;}
	.exhibition .photo li {width:100%; margin:0 0 24px 0;}
	.exhibition iframe {margin:32px 0 0 0;}
	.exhibition .note {
		background: url("../images/exhibition_note_sp.png") center 12px no-repeat;
		background-size: contain;
		height:auto;
		padding:32px 16px 24px;
		margin:32px 0 0 0;
		font-size: 1.4rem;
		overflow: scroll;
		border:1px solid #2EF4F4;
	}
  
    .sales{
        margin-top:40px;
        background: url("../images/sales_bg_sp.png") center bottom no-repeat;
        background-size: contain;
    }
	.sales dl {width:100%; margin:40px 0 0 0;}
	.sales dl.flex_spsb {display: inherit;}
	.sales dl dt {width:100%; margin:0 0 8px 0}
	.sales dl dd {width:100%; margin-bottom:32px; line-height: 1.5em;}
    .sales .sales_items::after {content: none;}
    .sales .sales_items li{width:48%;}
    .sales .otherItem {margin:0 auto 64px;}    
    .othersite {margin:0 auto; width:90%;}
    .othersite .inner::after{background: none;}
    .othersite ul {margin:0 auto 40px;}
    .othersite ul li {margin-bottom:16px;}
    .othersite small{ display: block;  font-size: 1.2rem; text-align: center;}

    .galley {padding-bottom:80px;}
    .galley {
        width:100%;
        background: none;
        padding-bottom:120px;
    }    
    .galley::before {
        content:"";
        display:block;
        position:fixed;
        top:0;
        left:0;
        z-index:-1;
        width:100%;
        height:100vh;
        background-repeat:no-repeat;
        background-position:center top;
        background-image:url("../images/gallery/bg_gallery.png");
        background-size:cover;
        }
    
    .galley ul::after{width:48%;}
    .galley li {width:48%; margin-bottom:16px;}
    .galley .copyright {margin-top:40px;}
    .popup-box {padding: 0;}
    .popup-box figure{
        border:1px solid #2BE8E8;
        margin-bottom:24px;
    }
    .caption_top {
        height:0;
        background: none;
        border-top:1px solid #2BE8E8;
    }
    .caption_main {
        border-left:1px solid #2BE8E8;
        border-right:1px solid #2BE8E8;
    }
    .caption_main dl {
        width:90%;
        max-width:700px;
        margin:0 auto;
        padding-top:10px;
        padding-bottom:12px;
        border-bottom:1px solid #2BE8E8;
        font-size: 1.4rem;
    }
    .caption_main dt {
        width:4em;
        margin:4px 0 0 0;
    }
    .caption_main dd {
        width:70%;
        margin:4px 0 0 0;
    }
    .caption_main p {
        padding:12px 16px;
         font-size: 1.4rem;
        line-height: 1.5em;
    }
     .caption_bottom {
        height:0;
        background: none;
        border-bottom:1px solid #2BE8E8;
    }  
}
@media screen and (max-width: 460px){
}

@media screen and (max-width: 320px){
	header {padding:16px 8px;}
	header h1 {margin-top:4px; width:60px;}
	header .langage{margin:0; padding:0 12px; font-size: 1.2rem; letter-spacing: 0.1em;}
}


.mfp-arrow{
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }
a.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1;
  box-shadow: none;
  touch-action: manipulation; }
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -120px;
  padding: 0;
    width:26.6px;
    height:49.3px;
  -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {margin-top: -120px; }
.mfp-arrow:hover,
.mfp-arrow:focus {opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
}
.mfp-arrow-left {
    left: -100px;
}
.mfp-arrow-left:after {
    display: block;
    content: '';
    background: url("../images/gallery/gallery_arrow.png") center center no-repeat;
    background-size: cover;
    width:26.6px;
    height:49.3px;
    }

.mfp-arrow-right {right: -100px;
 }
.mfp-arrow-right:after {
    display: block;
    content: '';
    background: url("../images/gallery/gallery_arrow.png") center center no-repeat;
    background-size: cover;
    width:26.6px;
    height:49.3px;
    transform: scale(-1, 1);
}
.gallery_back {
    display: block;
    text-align: center;
    width:60%;
    max-width:240px;
    padding:16px 0;
    margin:0 auto;
    border:1px solid #2BE8E8;
    border-radius: 3px;
}
@media screen and (max-width: 735px){
    .popup-box{margin-top:20px;}
    .mfp-arrow-left {left: -12%; }
    .mfp-arrow-right {right: -12%; }
    .mfp-arrow-left:after {
        width:20px;
        height:36px;
        }
    .mfp-arrow-right:after {
        width:20px;
        height:36px;
    }
    .mfp-arrow {
        width:20px;
        height:36px;
    }
    .gallery_back {
        padding:16px 0;
        margin:20px auto 0
    }    
}

.bnr_gallery img{
    margin-top:80px;
    border:1px solid #2BE8E8;
}
@media screen and (max-width: 735px){
   .bnr_gallery img{
    margin-top:40px;
    }
}
.bnr_gallery .inner::after{background: none;}