@charset "utf-8";

/* TOP */

main{ width: 100%; overflow: hidden;}
.top-wrap{padding: 25vh 0px 10vh 0px;}
.top-image{width: 60%;}
.top-text{width: 60%;margin-top: 2px;display: inline-block;}
.top-text-phone{display: none;}

.rotation{ margin-bottom:16vw; padding: 0 5vw;}
.rotation.in{ margin-bottom:5vw;}
.swiper-container{ overflow:visible;}
.swiper-container img{ width:100%;}
.swiper-slide{ padding:0 1%; text-align:left; line-height:0;}
.swiper-slide a{ color:#333;}
.swiper-slide a:hover{ text-decoration:none;}
.swiper-slide figure{ position:relative; height:0; padding-bottom:75%; background-color:#fff;}
.swiper-slide figure img{ position:absolute; width:auto; height:auto; max-height:100%; max-width:100%; top:50%; left:50%; transform:translate(-50%,-50%);}
.swiper-slide .tit{ background-color:#fff; line-height:1.5em; padding:1vw 1.5vw 1.5vw;}
.swiper-slide .tit h2{ color:#ea5d97; font-size:1.2em; line-height:1.5em; margin-bottom:0.2em;}
.swiper-slide .tit p{ margin:0;display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 3;overflow: hidden;}

.back-texture-left{position: fixed; bottom:-15vw;left: 19vw;transform: translate(-100%,0%);width: 75vw;z-index: -10;overflow: hidden;}
.back-texture-right{position: fixed; top:-25vw; right: 17vw;transform: translate(100%,0%);width: 75vw;z-index: -10;overflow: hidden;}

@media only screen and (max-width: 900px){
.top_area{ height: 100vh; position: relative;}
.top-wrap{padding:0; position: absolute; top: 32.5%; left: 0;transform: translate(0%,-50%);}
.top-image{width: 80%;}
.top-text{display: none;}
.top-text-phone{display: block;width: 75%;margin: 4vw auto 0;}

.rotation{ margin-top:calc(-65vh + 40vw); padding:0 3vw;}
.swiper-slide .tit{ font-size:12px; padding:2vw 3vw 3vw;}
.swiper-slide .tit h2{  line-height:1.5em; margin-bottom:0.4em;}
.rotation.in{ margin-top:0; margin-bottom:20px;}
}

.second-wrap{position: relative;z-index: 2; padding: 5vw 0 7vw;
background-color: #ea5d97;
background-image: url("../images/bg_pink_top2.png"), url("../images/bg_pink_btm2.png");
background-repeat: no-repeat;
background-position: top,bottom;
background-size: 100vw;
}
.second-wrap:before{ display: block; content: ""; background-image: url("../images/bg_pink_top.png"); width: 100%;height: 11vw; position: absolute; 
background-size: 100vw;
background-repeat: no-repeat;
top: -11vw; }

.background-img{position: absolute;top: 0;transform: translate(-50%,0);width: 100%;z-index: -1;overflow: hidden;}

.h2-pc{	width: 50%;	margin-bottom: 4vw;	display: inline-block;}

.h2-phone{display: none;}
.explanation-text{margin-bottom:4vw;}
.explanation-text p{font-family: 'Noto Sans JP', sans-serif;color: #fff;font-size: 1.7vw;margin-bottom: 0.7em; line-height: 1.5em;}
.explanation-text p.large{ font-size: 3.2vw;}
.explanation-text p span{ font-size: 1.3em; line-height: 1.5em; padding: 0 20px; margin: 0 12px;}
.explanation-text p span.blue{ background-color: #0091d7; line-height: 2em;}
.explanation-text p span.pink{ background-color: #ea5d97;}
.figure-1{width: 50%;margin-bottom: 8vw;}

@media only screen and (max-width: 900px){
.second-wrap{padding-top:  10vw;}
.h2-pc{display: none;}
.h2-phone{display: inline-block;width: 80%;margin-bottom: 6vw;}
.explanation-text{margin-bottom:8vw;}
.explanation-text p{font-size: 16px; line-height: 1.7em;}
.explanation-text p.large{ font-size: 20px;}
.explanation-text p span{ margin: 0 6px;}
.explanation-text p span.blue{ line-height: 1.8em;}
.figure-1{width: 80%;margin-bottom: 8vw;}
}

.third-wrap{position: relative;z-index: 3; padding: 4vw 0 3vw;
background-color: #50bec6;
background-image: url("../images/bg_blue_top2.png"), url("../images/bg_blue_btm2.png");
background-repeat: no-repeat;
background-position: top,bottom;
background-size: 100vw;
}
.third-wrap:before{ display: block; content: ""; background-image: url("../images/bg_blue_top.png"); width: 100%;height: 11vw; position: absolute; 
background-size: 100vw;
background-repeat: no-repeat;
top: -11vw; }
.third-wrap:after{ display: block; content: ""; background-image: url("../images/bg_blue_btm.png"); width: 100%;height: 11vw; position: absolute; 
background-size: 100vw;
background-repeat: no-repeat;
bottom: -11vw; }

.figure-2-box{	width: 50%;	margin: 0 auto;}
.figure-2-box img{ width: 100%;}
.figure-2-box img:first-child{ margin-bottom: 6vw;}

@media only screen and (max-width: 900px){
.third-wrap{padding-top: 10vw;padding-bottom: 10vw;	}	
.third-wrap .background-img{z-index: -6;top:-10vw;width: 327%;	}	
.figure-2-box{width: 90%; display: inherit;}
.figure-2-box img{width: 100%; height: auto;}
}

.contact-container{width:1200px;background-color: rgba(255,255,255,0.8);margin: 15vw auto 5vw;padding: 4vw 0;border-radius: 10px;}
.contact-container.faq{ margin:5vw auto;}
.contact-container-h2{font-family:  'Noto Sans JP', sans-serif;color: #ea5d97;font-size: 40px;line-height: 1.7em;margin-bottom: 10px;display: block;}
.sub-text{font-family:  'Noto Sans JP', sans-serif;color: #ea5d97;font-size: 16px;margin-bottom: 60px;}

.tabs {margin-top: 50px;padding-bottom: 40px; width:100%;margin: 0 auto;}
.tab-item {  width: calc(100%/2);  height: 50px;  border-bottom: 3px solid #ea5d97;  background-color: #AFAFAF;  line-height: 50px;  font-size: 16px;  text-align: center;  color: #fff;  display: block;  float: left;  font-weight: bold;  transition: all 0.2s ease;}
.tab-item:hover {  opacity: 0.75; cursor: pointer;}input[name="tab-item"] {  display: none;}
.tab-content {  display: none;  padding-top: 50px;  clear: both;  overflow: hidden;}
.tab-content h3{ font-weight: bold; font-size: 30px; line-height: 1em; color: #ea5d97; margin-bottom: 1em;}
.tab-content h4{ font-weight: bold; font-size: 20px; line-height: 1em; color: #ea5d97; margin-bottom: 1em; background-color: #50bec6;; color: #fff; padding: 0.5em 0;}

#otoiawase:checked ~ #otoiawase-content,
#omoushikomi:checked ~ #omoushikomi-content {display: block;}

.tabs input:checked + .tab-item {  background-color: #ea5d97;  color: #fff;}

@media only screen and (max-width: 900px){
.tab-item:hover {  opacity: 1;}
}

.sub-text2{font-family:  'Noto Sans JP', sans-serif;color: #ea5d97;font-size: 25px;margin: 50px auto 30px auto;}

.input-wrap{width: 1000px;margin: 0 auto;}
.input-lack{display: flex;justify-content: space-between;margin-bottom: 24px;}

.input-title{font-family:  'Noto Sans JP', sans-serif;color: #ea5d97;font-size: 20px;}
.input-title span{font-size: 16px;}

.input-bar{width: 700px;font-size: 20px;border: 1px solid #ea5d97;border-radius: 3px;padding: 0.5em;}

.input-bar:focus{border: 1px solid #ccc!important;box-shadow: none;outline: none;}
.input-box{width: 700px;font-size: 20px;border: 1px solid #ea5d97;border-radius: 3px;padding: 0.5em; font-family: "メイリオ","Meiryo","MS PGothic","Osaka",Arial,sans-serif;}
.input-box:focus{border: 1px solid #ccc!important;box-shadow: none;outline: none;}
.right-box-outer{width: 700px;text-align: left;}

.date-bar{width:250px;margin-right: 30px;}
.date-bar-right{margin-right: 0px;}
.kara{display: inline;margin-right: 30px;font-family:  'Noto Sans JP', sans-serif;color: #ea5d97;font-size: 30px;}
.radio-button{margin-right: 8px;}
.radio-box label{margin-right: 50px;font-family:  'Noto Sans JP', sans-serif;color: #50bec6;font-size: 20px;}

.hanbai-chusyaku{color: #50bec6;}
.submit-button{font-family:  'Noto Sans JP', sans-serif;color: #fff;font-size: 20px;background-color: #ea5d97;width: 60%;padding: 1em 0;border: none;transition: 0.1s;border-radius: 3px;display: inline-block; margin-top: 40px;}
.submit-button:hover{ cursor: pointer; background-color: #f576aa;}
.submit-button:active{transform: translateY(4px);}
.submit-button:focus{border: none;box-shadow: none;outline: none;}

.event_form .input-title,
.event_form .kara{ color: #4ab3bb;}
.event_form .input-bar,
.event_form .input-box{ border: 1px solid #50bec6;}

.wpcf7-form-control-wrap{ position: relative; display: inline-block;}
span.wpcf7-not-valid-tip{ color: #f00; font-size: 11px !important; font-weight: normal; display: block; position: absolute; width: 14em; bottom: -20px; left: 0;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{ border: none !important; color: #ff0000; padding: 0 !important; margin: 8px 0 0 !important;}
div.wpcf7-mail-sent-ok { border: none !important; margin: 8px 0 0 !important; padding: 0 !important;}
div.wpcf7 .ajax-loader{ display:none !important;}

@media only screen and (max-width: 1200px){

.input-lack{flex-direction: column;margin-bottom: 30px;}

.contact-container{width: 900px; }
.input-wrap{width: 800px;}
.input-title{text-align: left;margin-bottom: 10px;}
.input-bar{width:800px; }
.input-box{width: 800px;}
.sub-text{font-size: 23px;}
.sub-text2{font-size: 25px;margin-bottom: 50px;}
.right-box-outer{width:800px;}
.date-bar{width:250px;margin-right: 30px;}
.date-bar-right{margin-right: 0px;}
}

@media only screen and (max-width: 900px){

.contact-container{ margin: 0; padding: 10vw 0 ; margin-bottom: 20px;}
.contact-container-h2{font-size: 7.5vw; line-height: 1.3em; padding-top: 10vw;}
.sub-text{margin-bottom: 30px;}

.tabs{ margin-bottom: 0px; padding-bottom: 10px;}
.tab-content{ padding-top: 20px;}
.tab-content h3{ font-size: 24px; margin-bottom: 10px;}
.tab-content h4{ font-size: 16px; margin-bottom: 10px;}

.event_form{ padding-top: 10px;}

.input-lack{flex-direction: column;margin-bottom: 20px;}
.contact-container{width: 100%;}

.radio-box label{ font-size: 16px; line-height: 1.5em;}

.input-wrap{width: 90%;}
.input-title{text-align: left;font-size: 16px;margin-bottom:0.1em;}
.input-bar{width:100%;font-size: 16px; margin-bottom: 0;}
.input-box{width: 100%;font-size: 16px;}
.sub-text{font-size: 4vw;}
.sub-text2{font-size: 5vw;margin-top: 80px;margin-bottom: 50px;}
.right-box-outer{width:100%;}
.date-bar{width:100%;margin-right: 10px;}
.date-bar-right{margin-right: 0px;}
.kara{margin-right: 10px;}
.hanbai-chusyaku{margin-top: 5px;}
.submit-button{width: 100%; padding: 10px 0; margin-top: 12px;}

.wpcf7-form-control-wrap{ display: inline;}
span.wpcf7-not-valid-tip{ font-size: 10px !important; bottom: -18px; left: 0;}
.wpcf7-form-control-wrap.date_start{ width: 40%; margin-right: 10px; display: inline-block;}
.wpcf7-form-control-wrap.date_end{ width: 40%; display: inline-block;}
}

.qa-h2{margin-bottom: 50px;font-family: 'Noto Sans JP', sans-serif;color: #ea5d97;font-size: 40px;line-height: 1.7em;}
.qa-tabs {margin-top: 50px;padding-bottom: 40px; width:100%;margin: 0 auto;}
.qa-tabs li{ margin-bottom: 20px;}
.qa-tab-item {  width:100%;  background-color: #ea5d97;  line-height: 50px;  font-size: 16px;  text-align: left;  color: #fff;  display: block;  font-weight: bold;  transition: all 0.2s ease;padding: 10px 70px 10px 30px;display: flex; position: relative; transition: all 0.3s ease;}
.qa-tab-item:hover{ cursor: pointer; opacity: 0.9; transition: all 0.3s ease;}
input[name="qa-item"] {  display: none;}
.q-icon{font-size: 24px;margin:auto 30px auto 0px;}
.q-text{align-content: center;align-items: center;flex-direction: column;justify-content: flex-start;}
.q-text p{display: inline-block;line-height: 1.5em;margin-top: 0.7em; }
.q-text p::after {content: ""; position: absolute; width: 7px; height: 7px; border: 2px solid; border-color: transparent transparent #fff #fff; transform: rotate(-45deg); right: 2.5%; bottom: 55%; margin-bottom: -7px; transition: all 0.3s ease;}
.a-content{ display: none;}
.a-icon{font-size: 24px;margin:auto 30px auto 0px; color: #ea5d97;}
.a-textbox:hover{opacity: 1;}
.a-textbox{border-bottom: none;background-color: #fff; display: flex;}
.a-text{color:#6A6A6A;line-height: 1.5em;margin: 0.8em 0; }
.error-images{height: 150px; margin-top: 10px; margin-right: 10px; display: inline-block; }

.qa-tab-item.active .q-text p::after{ transform: rotate(135deg);}
.a-text img{ width: 50%; display: block; margin-top: 30px;}

.guide_arrow{ max-width: 1000px; margin: 0 auto;}
.guide_arrow p{ float: left; width: 50%; color: #ea5d97; font-size: 24px; line-height: 1.5em; position: relative; margin-bottom: 50px;}
.guide_arrow p:after{ content:""; position: absolute; background-image: url("../images/arrow.png"); background-repeat: no-repeat; background-size: 100%; width: 30px; height: 30px; bottom: -36px; left: 50%; transform: translateX(-50%);}


@media only screen and (max-width: 900px){
.qa-tabs{ padding-bottom: 0; }
.qa-tabs li{ margin-bottom: 12px;}
.qa-h2{margin: 0 0 20px ;font-size: 7.5vw;}
.qa-tab-item {flex-direction: column;font-size: 14px; padding: 10px 40px 10px 12px;  }
.q-icon{font-size: 20px; line-height: 1.5em;}
.a-icon{font-size: 20px; line-height: 1.5em;}
.q-text{align-items: flex-start;}
.q-text p{ margin: 0; display: block;}
.a-textbox{ padding: 12px;}
.a-text{margin: 0;}
.q-text p::after{right: 4%;}
.error-images{height: auto;width: 60%; margin-top: 10px; margin-right: 0px; display: block;}

.a-text img{ width: 100%; margin-top: 24px;}

.guide_arrow{ width: 90%;}
.guide_arrow p{ font-size: 14px; margin-bottom: 32px;}
.guide_arrow p:after{ width: 18px; height: 20px; bottom: -24px;}
}

.btn_box{ max-width: 600px; width: 94%; margin: 0 auto 6vw;}
.btn_box img{ width:100%;}
.btn_box p{ max-width:400px; width: 100%; margin: 0 auto 20px;}
.btn_box a{ display: block; width: 100%; color: #50bec6; border: 1px solid #50bec6; font-size: 20px; font-weight: 600; line-height: 1.5em; padding: 20px 0; position: relative; text-decoration:none;}
.btn_box a:after{ content: ""; position: absolute; width: 0; height: 100%; top: 0; left: 0; background-color: #50bec6; z-index: -1; transition: 0.2s ease;}
.btn_box a:hover{ color:#fff;}
.btn_box a:hover:after{ width:100%; transition: 0.2s ease;}
.shows_btn{margin-top: 5vw!important; margin-bottom: 0;}

@media only screen and (max-width: 900px){
.btn_box{ margin: 0 auto 40px;}
.btn_box p{ max-width: 220px; margin: 0 auto 8px;}
.btn_box a{ font-size: 16px; padding: 16px 0;}
.btn_box a:hover{ color:#308efd;}
.btn_box a:hover:after{ width:0; transition: 0.2s ease;}
}	

/*shousai page*/
.shousai{background-color:#50bec6;	position: relative;color: #fff;font-family:  'Noto Sans JP', sans-serif;}
.shousai .lead{}
.shousai .lead:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}
.shousai .imgbox{background-color: #fff;height: 38vw;width: 40vw;position:absolute;top:calc(2vw + 36px);right: 4vw;}
.shousai .imgbox img{ max-height:100%; max-width:100%;position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.shousai .pinkbox{background-color: #ea5d97;padding:0 36vw 4vw 4vw;padding-top:calc(50px + 4vw);margin-top: 0px;z-index: 5;text-align: left; min-height:40vw;display:table-cell; vertical-align:middle;}

.pink-back{width: 88vw; min-height: 40vw;display:table;}
.shousai .bluebox{margin-top: 0px;padding:5vw 0 ;width: 92%;max-width:1200px;text-align: left;font-size: 16px;margin: 0 auto;}
.shousai .sub-info-box{border: solid 1px #fff;padding: 30px 50px;}
.shousai h2{font-size: 40px;line-height: 1.4em;display: block;margin: 0 0 1em 0;}
.shousai .info-lack{display: flex;margin-bottom: 10px;font-size: 16px;line-height:1.5em;align-items: center;}
.shousai .pinkbox p{line-height: 1.5em;margin:0;}
.shousai .info-title{background-color: #fff;width: 150px;color: #ea5d97;display: flex;justify-content: center;align-items: center;margin-right: 20px;padding:0.5em 0;}
.shousai .info-text{width:calc(100% - 150px);}
.shousai .bluebox h3{font-size: 30px;margin-bottom: 1em;line-height: 1.4em;}
.shousai .bluebox p{line-height: 1.8em;margin-bottom: 1em;}
.shousai .sub-info-box p{line-height: 1.7em;}

.shousai .goods h3{ margin:1em 0 0.5em;}
.shousai .goods ul{ display:flex; flex-wrap:wrap;}
.shousai .goods li{ width:23.5%; margin-right:2%; margin-bottom:15px;}
.shousai .goods li:nth-child(4n){ margin-right:0;}
.shousai .goods li figure { position:relative; width:100%; height:0; padding-bottom:100%; background-color:#fff; margin-bottom:7px;}
.shousai .goods li figure img{ position:absolute; transform:translate(-50%,-50%); top:50%; left:50%; width:auto; height:auto; max-width:100%; max-height:100%;}

@media only screen and (max-width: 1200px){
.shousai .bluebox{max-width: 900px;}
}

@media only screen and (max-width: 900px){
.shousai .imgbox{width: 100%;height: 100vw;margin-top: 0px;position:inherit;top:0; right:0;}
.shousai .pinkbox{width: 100%;margin-top:0;padding: 10px 4%;height: auto;display: block;}
.pink-back{width: 100vw;}
.shousai .bluebox{margin-top: 0px;width: 100%;padding: 10px 4%;}
.shousai .bluebox p{ line-height:1.7em;}
.shousai .info-lack{ align-items: inherit; margin-bottom:1em;}
.shousai .info-box{margin-top: 0px;}
.shousai .info-title{ padding:0.3em 0; margin-bottom:0.3em; line-height:1em;}
.shousai h2{font-size: 25px;margin: 0 0 10px;}
.shousai .pinkbox p{margin: 0px;font-size: 16px;}
.shousai .info-text{width:100%;}
.shousai .sub-info-box{padding: 10px 5%;}
.shousai .sub-info-box p{margin: 0;}
.shousai .info-lack{flex-direction: column;}	

.shousai .goods li{ width:48%; margin-right:4%;}
.shousai .goods li:nth-child(2n){ margin-right:0;}	
}


/********************** ARCHIVE *******************************/
#archive{  color:#fff;  padding-top: calc(5vw + 35px);  }
#archive .lead{ width:calc(95% - 20px); margin:0 auto 40px; line-height:1.7em; font-size:1.5vw; text-align:left;}
#archive .lead p{ margin:0;}
#archive h2{ margin-bottom:20px; color:#fff; line-height:1em; font-size:4vw;  font-weight:bold;}

#archive ul{ width:95%; margin:0 auto 2vw; padding-bottom:1vw;}
#archive ul:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}
#archive .upcoming_li{ float:left; width:25%; font-weight:bold; font-size:16px; line-height:1.7em; margin-bottom:1vw;}
#archive li a{ display:block; padding:10px;color:#fff; transition:0.4s;}
#archive li a:hover{ background-color:rgba(255,255,255,0.2);text-decoration: none;}
#archive li a:hover img{ opacity:1;}
#archive li figure{ line-height:0;width: 100%;position: relative;}
#archive li figure::before{content: "";display:block;padding-top: 100%; background-color: rgba(255,255,255,0.3);}
#archive li figure img {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-height: 100%;max-width: 100%;}
#archive li .artist{ text-align:left; padding:1vw 0 0;}
#archive li .artist .date{ margin:0; border-bottom:1px solid #fff; padding-bottom:0.5vw; margin-bottom:0.5vw;}
#archive li .artist .lineup{}
#archive img{}

@media only screen and (max-width: 768px){
#archive{  padding-top: calc(8vw + 35px);}
#archive .lead{ width:94%; margin-bottom:10px;}
#archive  h2{  margin-bottom: 10px; font-size: 9vw;}
#archive .lead p{ font-size:16px; line-height:1.5em;}


#archive .upcoming_li{ float:none; width:100%; clear:both; display:table; margin-bottom:5px;}
#archive li a{ background-color:rgba(255,255,255,0.2); padding:15px 10px; display: flex;}
#archive li figure{ width:30%;  vertical-align:top;}
#archive li .artist{  width:70%; padding:0 0 0 5%; font-size:12px; line-height:1.4em;  vertical-align:top;}
#archive li .artist .date{ padding-bottom:10px; margin-bottom:5px;}
#archive li .artist .lineup{ margin-bottom:0;}
#archive li figure::before{}
}

/*bg*/
#archive::before{content: "";position: fixed;top: 0;left: 0; width: 100%;height: 100%;z-index: -100;background-color:#50bec6; }

/*falme*/
.l-border {pointer-events: none;position: fixed;top: 0; right: 0;bottom: 0;left: 0;z-index: 100000;}
.l-border__elm {position: absolute;background-color:#ea5d97;}
.l-border__elm--bottom, .l-border__elm--top {height: 1vw;right: 0;left: 0;}
.l-border__elm--left, .l-border__elm--right { width: 1vw;top: 0;bottom: 0;}
.l-border__elm--top {top: 0;}
.l-border__elm--right { right: 0;}
.l-border__elm--bottom {bottom: 0;}
.l-border__elm--left {left: 0;}

#archive .year {width: 100%;border: 1px solid #fff;overflow: hidden; margin-bottom: 20px;}
#archive .year h3 {font-size: 40px; height: 100px;line-height: 100px;    cursor: pointer}
#archive .year ul {}
#archive .archive_lack{ border-bottom: 1px solid #fff; float: left; width: 49%; margin-right: 2%;}
#archive .archive_lack:nth-child(2n){ margin-right: 0;}
#archive .archive_lack a{display: flex; width:100%; padding: 20px;}
#archive .archive_lack .left{ width: 50%;}
#archive .archive_lack figure{}
#archive .archive_lack .date{margin-right: 3vw;}
#archive .archive_lack .texts{ width: 100%; padding-left: 12px;}
#archive .archive_lack p{margin-bottom: 12px; line-height: 1.5em;text-align: left;}
#archive .archive_lack p:first-child{ font-size: 1.8em; border-bottom: 1px dashed; padding-bottom: 4px; margin-bottom: 16px;}
#archive .archive_lack p:last-child{margin-bottom: 0;}

@media only screen and (max-width: 768px){
	#archive .year {margin-bottom: 10px;}
	#archive .archive_lack{ width: 100%; margin-right: 0; font-size: 12px; flex-direction: column; margin-bottom:0;}
	#archive .archive_lack a{ background-color:inherit; padding: 10px 0;}
	#archive .archive_lack .left{}
	#archive .archive_lack .left figure{ width: 100%;}
	#archive .year h3 {font-size: 20px; height: 50px;line-height: 50px;}
	#archive .archive_lack p{margin-bottom: 1em; line-height: 1.4em;}
	#archive .archive_lack p:first-child{ font-size: 1.2em; margin-bottom: 8px;}
}

.shows_toppage_link {display: block;width: 100%;color: #fff;border: 1px solid #fff;font-size: 20px;font-weight: 600;line-height: 1.5em;padding: 20px 0;position: relative;text-decoration: none;transition: 0.2s;z-index: 10;}
.shows_toppage_link:hover{color: #50bec6;}
.shows_btn_box {max-width: 600px;width: 94%;margin: 0 auto 6vw;}

.shows_toppage_link::after {content: "";position: absolute;width: 0;height: 100%;top: 0;left: 0;background-color: #fff;z-index: -1;transition: 0.2s ease;}
.shows_toppage_link:hover::after {width: 100%;}


@media only screen and (max-width: 768px){
	.shows_toppage_link{padding: 10px 0;font-size: 14px;width: 80%; margin: 0 auto;color:#50bec6;background-color: #fff; }
	.shows_toppage_link:hover{color: #fff;}
	.shows_toppage_link::after {display: none;}
}
/*lightbox*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}
/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#222;}
#colorbox{outline:none;}
   /* #cboxContent{margin-bottom:60px; overflow:visible;}*/
    #cboxContent{margin-right:60px; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#fff; box-sizing: border-box;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#fff;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxClose{text-indent:-9999px; width:40px; height:100%; position:absolute; top:0;background:url(../images/controls2.png) no-repeat 0 0;}
		
        #cboxClose{background-position:7px 0; right:-50px; border:0; outline:none;}
        #cboxClose:hover{background-position:-40px 0;}