/*----------------------------------------------------
  #top
--------------------------------------------------- */

#top .slide-area{
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #FFF;
  margin-bottom: 40px;
}
#top .slide-area .slide-inner{
	position: absolute;
	top: 0;
	left: 0%;
}
#top .slide-area .slide-inner .slide{
	overflow: hidden;
	float: left;
}
#top .slide-area .slide-inner .slide .column{
	width: 600px;
	margin: 0px;
	float: left;
	position: relative;
}
#top .slide-area .slide-inner .slide .column a{
	display: block;
	position: relative;
}

#top .slide-area .slide-inner .slide .column .visual{
	width: 600px;
	height: 315px;
	overflow: hidden;
	position: relative;
}
#top .slide-area .slide-inner .slide .column a .visual img{
  opacity: 0.7;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
	width: 100%;
	height: auto;
    -webkit-transition: all 0.5s cubic-bezier(0.800, -0.005, 0.220, 1.005);
       -moz-transition: all 0.5s cubic-bezier(0.800, -0.005, 0.220, 1.005);
        -ms-transition: all 0.5s cubic-bezier(0.800, -0.005, 0.220, 1.005);
         -o-transition: all 0.5s cubic-bezier(0.800, -0.005, 0.220, 1.005);
            transition: all 0.5s cubic-bezier(0.800, -0.005, 0.220, 1.005);
}
#top .slide-area .slide-inner .slide .column a .visual.view img{
  opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
#top .slide-area .slide-inner .slide .column a:hover .visual img{
  -webkit-transform: scale3d(1.05,1.05,1.05) translate3d(0%,0px,0px) rotate(-0deg);
     -moz-transform: scale3d(1.05,1.05,1.05) translate3d(0%,0px,0px) rotate(-0deg);
      -ms-transform: scale3d(1.05,1.05,1.05) translate3d(0%,0px,0px) rotate(-0deg);
       -o-transform: scale3d(1.05,1.05,1.05) translate3d(0%,0px,0px) rotate(-0deg);
          transform: scale3d(1.05,1.05,1.05) translate3d(0%,0px,0px) rotate(-0deg);
}
#top .slide-area .slide-inner .slide .column .placeLabel{
	position: absolute;
	top: 0;
	left: 0px;
	width: 50px;
	height: 50px;
	background: #28282d;
	display: none;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}
#top .slide-area .slide-inner .slide .column a:hover .placeLabel{
  background: rgba(255,40,120,0.8);
}
#top .slide-area .slide-inner .slide .column .placeLabel span{
	display: table-cell;
	vertical-align: middle;
	width: 50px;
	height: 50px;
	color: #FFF;
	font-size: 8px;
	text-align: center;
	line-height: 175%;
    font-family: 'Montserrat', sans-serif;
}
#top .slide-area .slide-inner .slide .column a .over{
	position: absolute;
	top: 490px;
	left: 0px;
	width: 1000px;
	height: 150px;
	color: #000;
	overflow: hidden;
	background: rgba(255,255,255,0.8);
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}
#top .slide-area .prev{
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 525px;
}
#top .slide-area .prev .bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  background: url(../img/common/prev.png) no-repeat ;
  background-position: right 34px top 133px;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}
#top .slide-area .next{
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	height: 525px;
}
#top .slide-area .next .bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  background: url(../img/common/next.png) no-repeat 34px 133px;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}


#top #titleArea{
  max-width: 900px;
  padding: 0 50px;
  margin: 0 auto;
  margin-top: 290px;
}
@media only screen and (min-width: 1400px) {
  #top #titleArea{
    max-width: 1400px;
  }
}
#titleArea .over-inner{
  position: relative;
	overflow: hidden;
	display: none;
  min-height: 111px;
}
#titleArea .over-inner .date{
	position: absolute;
	top: 34px;
	left: 0px;
	width: 60px;
}
#titleArea .over-inner .date .month{
	font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    line-height: 60%;
    font-weight: bold;
}
#titleArea .over-inner .date .month span{
	font-size: 16px;
    vertical-align: top;
}
#titleArea .over-inner .date .day{
	font-size: 44px;
    font-family: 'Montserrat', sans-serif;
    line-height: 100%;
    font-weight: bold;
    text-transform: uppercase;
}
#titleArea .over-inner .date .week{
	   font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    line-height: 100%;
    background: #28282d;
    color: #FFF;
    text-align: center;
    line-height: 20px;
    text-transform: uppercase;
}
#titleArea .over-inner.Sat .date .week{
    background: #00b4b4;
}
#titleArea .over-inner.Sun .date .week{
    background: #c8003c;
}
#titleArea .over-inner .event{
	padding: 34px 50px 0 90px;
	
}
#titleArea .over-inner .event .place{
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
  line-height: 100%;
  margin-bottom: 5px;
}
#titleArea .over-inner .event .title{
	font-size: 20px;
    line-height: 150%;
    margin-bottom: 5px;
    font-weight: bold;
}
#titleArea .over-inner .event .exp{
	font-size: 14px;
    line-height: 150%;
}


/*----------------------------------------------------
  #recommend
--------------------------------------------------- */

#recommend{
  position: relative;
  overflow: hidden;
  max-width: 900px;
  margin: 0 auto;
  padding: 0 50px;
  margin-bottom: 45px;
}
@media only screen and (min-width: 1400px) {
  #recommend{
    max-width: 1400px;
  }
}
#recommend h2{
	text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    margin-bottom: 40px;
    font-weight: bold;
}
#recommend .eventList{
	margin: 0px;
	letter-spacing: -0.4em;
	text-align: left;
}
#recommend .eventList .column{
	width: 48%;
	letter-spacing: normal;
	display: inline-block;
  vertical-align: top;
	position: relative;
	margin-right: 4%;
	opacity: 0;
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
       -o-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-perspective: 1000px;
     -moz-perspective: 1000px;
       -o-perspective: 1000px;
      -ms-perspective: 1000px;
          perspective: 1000px;
}

@media only screen and (min-width: 1400px) {
  #recommend .eventList .column{
    width: 30.66666%;
    margin-right: 4%;
  }
}
#recommend .eventList .column .inner{
	position: relative;
	padding-bottom: 50px;
	background: #FFF;
  -webkit-transform:rotate3d(1,0,0,30deg)  translate3d(0px,20px,0px);
     -moz-transform:rotate3d(1,0,0,30deg)  translate3d(0px,20px,0px);
      -ms-transform:rotate3d(1,0,0,30deg)  translate3d(0px,20px,0px);
       -o-transform:rotate3d(1,0,0,30deg)  translate3d(0px,20px,0px);
          transform:rotate3d(1,0,0,30deg)  translate3d(0px,20px,0px);
  -webkit-transform-origin: 0% 50%;
     -moz-transform-origin: 0% 50%;
       -o-transform-origin: 0% 50%;
      -ms-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
          display: block;
}
#recommend .eventList .column.view{
	opacity: 1;
  -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
       -o-transition: all .5s ease;
          transition: all .5s ease;
}
#recommend .eventList .column:nth-child(2n).view{
    -webkit-transition: all 0.5s 0.2s ease;
       -moz-transition: all 0.5s 0.2s ease;
        -ms-transition: all 0.5s 0.2s ease;
         -o-transition: all 0.5s 0.2s ease;
            transition: all 0.5s 0.2s ease;
}

@media only screen and (min-width: 1400px) {
  #recommend .eventList .column:nth-child(3n).view{
      -webkit-transition: all 0.5s 0.4s ease;
         -moz-transition: all 0.5s 0.4s ease;
          -ms-transition: all 0.5s 0.4s ease;
           -o-transition: all 0.5s 0.4s ease;
              transition: all 0.5s 0.4s ease;
  }
}
#recommend .eventList .column.view .inner{
	opacity: 1;
  -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
       -o-transition: all .5s ease;
          transition: all .5s ease;
-webkit-transform:rotate3d(1,0,0,0deg)  translate3d(0px,0px,0px);
   -moz-transform:rotate3d(1,0,0,0deg)  translate3d(0px,0px,0px);
    -ms-transform:rotate3d(1,0,0,0deg)  translate3d(0px,0px,0px);
     -o-transform:rotate3d(1,0,0,0deg)  translate3d(0px,0px,0px);
        transform:rotate3d(1,0,0,0deg)  translate3d(0px,0px,0px);
}

#recommend .eventList .column:nth-child(2n).view .inner{
	opacity: 1;
  -webkit-transition: all .5s 0.2s ease;
     -moz-transition: all .5s 0.2s ease;
      -ms-transition: all .5s 0.2s ease;
       -o-transition: all .5s 0.2s ease;
          transition: all .5s 0.2s ease;
-webkit-transform:rotate3d(1,0,0,0deg)  translate3d(0px,0px,0px);
   -moz-transform:rotate3d(1,0,0,0deg)  translate3d(0px,0px,0px);
    -ms-transform:rotate3d(1,0,0,0deg)  translate3d(0px,0px,0px);
     -o-transform:rotate3d(1,0,0,0deg)  translate3d(0px,0px,0px);
        transform:rotate3d(1,0,0,0deg)  translate3d(0px,0px,0px);
}

#recommend .eventList .column:nth-child(2n){
	margin-right: 0px;
}

@media only screen and (min-width: 1400px) {
  #recommend .eventList .column:nth-child(3n).view .inner{
    opacity: 1;
    -webkit-transition: all .5s 0.4s ease;
       -moz-transition: all .5s 0.4s ease;
        -ms-transition: all .5s 0.4s ease;
         -o-transition: all .5s 0.4s ease;
            transition: all .5s 0.4s ease;
  }

  #recommend .eventList .column:nth-child(2n){
    margin-right: 4%;
  }
  #recommend .eventList .column:nth-child(3n){
    margin-right: 0px;
  }

}
#recommend .eventList .column .date{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 40px;
}
#recommend .eventList .column .date .date_start{
  margin-bottom: 15px;
  padding-bottom: 25px;
  position: relative;
}
#recommend .eventList .column .date .date_start:after{
  content: "";
  position: absolute;
  bottom: 0px;
  left: 50%;
  width: 1px;
  height: 10px;
  background: #000;
}
#recommend .eventList .column .date .month{
	font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    line-height: 60%;
    font-weight: bold;
}
#recommend .eventList .column .date .month span{
	font-size: 10px;
    vertical-align: top;
}
#recommend .eventList .column .date .day{
	font-size: 32px;
    font-family: 'Montserrat', sans-serif;
    line-height: 100%;
    font-weight: bold;
}
#recommend .eventList .column .date .week{
	font-size: 11px;
    font-family: 'Montserrat', sans-serif;
    line-height: 15px;
    color: #FFF;
    text-align: center;
    background: #28282d;
    text-transform: uppercase;
}
#recommend .eventList .column.Sat .date .week{
    background: #00b4b4;
}
#recommend .eventList .column .date .week.Sat{
    background: #00b4b4 !important;
}
#recommend .eventList .column.Sun .date .week{
    background: #c8003c;
}
#recommend .eventList .column .date .week.Sun{
    background: #c8003c !important;
}
#recommend .eventList .column .visual{
	margin-left: 60px;
	position: relative;
	overflow: hidden;
}
#recommend .eventList .column a .visual img{
	width: 100%;
	height: auto;
    -webkit-transition: all 0.5s cubic-bezier(0.800, -0.005, 0.220, 1.005);
       -moz-transition: all 0.5s cubic-bezier(0.800, -0.005, 0.220, 1.005);
        -ms-transition: all 0.5s cubic-bezier(0.800, -0.005, 0.220, 1.005);
         -o-transition: all 0.5s cubic-bezier(0.800, -0.005, 0.220, 1.005);
            transition: all 0.5s cubic-bezier(0.800, -0.005, 0.220, 1.005);
}
#recommend .eventList .column a:hover .visual img{
	opacity: 0.5;
  -webkit-transform: scale3d(1.05,1.05,1.05) translate3d(0%,0px,0px) rotate(-0deg);
     -moz-transform: scale3d(1.05,1.05,1.05) translate3d(0%,0px,0px) rotate(-0deg);
      -ms-transform: scale3d(1.05,1.05,1.05) translate3d(0%,0px,0px) rotate(-0deg);
       -o-transform: scale3d(1.05,1.05,1.05) translate3d(0%,0px,0px) rotate(-0deg);
          transform: scale3d(1.05,1.05,1.05) translate3d(0%,0px,0px) rotate(-0deg);
}
#recommend .eventList .column .placeLabel{
	position: absolute;
	top: 0;
	left: 60px;
	width: 50px;
	height: 50px;
	background: #28282d;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}
#recommend .eventList .column a:hover .placeLabel{
  background: rgba(255,40,120,0.8);
}
#recommend .eventList .column .placeLabel span{
	display: table-cell;
	vertical-align: middle;
	width: 50px;
	height: 50px;
	color: #FFF;
	font-size: 8px;
	text-align: center;
	line-height: 175%;
    font-family: 'Montserrat', sans-serif;
}
#recommend .eventList .column .event{
	position: absolute;
	bottom: 37px;
	left: 0px;
	width: 100%;
	overflow: hidden;
	opacity: 0;
  -webkit-transform: scale3d(1,1,1) translate3d(20px,0px,0px) rotate(0deg);
     -moz-transform: scale3d(1,1,1) translate3d(20px,0px,0px) rotate(0deg);
      -ms-transform: scale3d(1,1,1) translate3d(20px,0px,0px) rotate(0deg);
       -o-transform: scale3d(1,1,1) translate3d(20px,0px,0px) rotate(0deg);
          transform: scale3d(1,1,1) translate3d(20px,0px,0px) rotate(0deg);
}
#recommend .eventList .column.view .event{
	opacity: 1;
    -webkit-transition: all 0.5s 0.2s ease;
       -moz-transition: all 0.5s 0.2s ease;
        -ms-transition: all 0.5s 0.2s ease;
         -o-transition: all 0.5s 0.2s ease;
            transition: all 0.5s 0.2s ease;
  -webkit-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
     -moz-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
      -ms-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
       -o-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
          transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
}
#recommend .eventList .column:nth-child(2n).view .event{
    -webkit-transition: all 0.5s 0.4s ease;
       -moz-transition: all 0.5s 0.4s ease;
        -ms-transition: all 0.5s 0.4s ease;
         -o-transition: all 0.5s 0.4s ease;
            transition: all 0.5s 0.4s ease;
}
#recommend .eventList .column a .event h3{
	margin-left: 60px;
}
#recommend .eventList .column a .event .exp{
	margin-left: 60px;
}
#recommend .eventList .column a .event h3 span{
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	background: rgba(0,0,0,0.8);
	line-height: 25px;
	padding: 0 10px;
	display: inline-block;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}
#recommend .eventList .column a .event .exp span{
	font-size: 11px;
	color: #FFF;
	background: rgba(0,0,0,0.8);
	line-height: 25px;
	padding: 0 10px;
	display: inline-block;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}
#recommend .eventList .column a:hover .event h3 span,
#recommend .eventList .column a:hover .event .exp span{
	background: rgba(255,40,120,0.8);
}

#recommend .eventList .column a.like{
  position: absolute;
  top: 70px;
  left: 10px;
  font-size: 20px;
}
#recommend .eventList .column a.like.active{
  color: #c82850;
}
#recommend .eventList .column.multi_event  a.like{
  position: absolute;
  top: 165px;
}

/*----------------------------------------------------
  #top
--------------------------------------------------- */


/*----------------------------------------------------
  #schedule
--------------------------------------------------- */

#schedule{
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #f0f0eb;
	padding: 50px 0 40px 0;
	text-align: center;
}
#schedule h2{
	font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
	margin-bottom: 10px;

}
#schedule .fav_title{
  font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
  margin-bottom: 40px;

}
#schedule .header{
	
}
#schedule .header ul.navigation,
#schedule .footer ul.navigation{
	text-align: center;
	letter-spacing: -0.4em;
	margin-bottom: 30px;
}
#schedule .header ul.navigation li,
#schedule .footer ul.navigation li{
	display: inline-block;
	letter-spacing: normal;
	margin: 0 40px;
	vertical-align: middle;
	line-height: 100%;
  width: 110px;
}
#schedule .header ul.navigation li.prev,
#schedule .footer ul.navigation li.prev{
	font-size: 10px;
    font-family: 'Montserrat', sans-serif;
	vertical-align: middle;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}
#schedule .header ul.navigation li.prev:hover,
#schedule .footer ul.navigation li.prev:hover{
  -webkit-transform: scale3d(1,1,1) translate3d(-10px,0px,0px) rotate(0deg);
     -moz-transform: scale3d(1,1,1) translate3d(-10px,0px,0px) rotate(0deg);
      -ms-transform: scale3d(1,1,1) translate3d(-10px,0px,0px) rotate(0deg);
       -o-transform: scale3d(1,1,1) translate3d(-10px,0px,0px) rotate(0deg);
          transform: scale3d(1,1,1) translate3d(-10px,0px,0px) rotate(0deg);
}
#schedule .header ul.navigation li.prev span,
#schedule .footer ul.navigation li.prev span{
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
}
#schedule .header ul.navigation li.prev i,
#schedule .footer ul.navigation li.prev i{
	vertical-align: middle;
	margin-left: 6px;
}
#schedule .header ul.navigation li.next,
#schedule .footer ul.navigation li.next{
	font-size: 10px;
    font-family: 'Montserrat', sans-serif;
	vertical-align: middle;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}
#schedule .header ul.navigation li.next:hover,
#schedule .footer ul.navigation li.next:hover{
  -webkit-transform: scale3d(1,1,1) translate3d(10px,0px,0px) rotate(0deg);
     -moz-transform: scale3d(1,1,1) translate3d(10px,0px,0px) rotate(0deg);
      -ms-transform: scale3d(1,1,1) translate3d(10px,0px,0px) rotate(0deg);
       -o-transform: scale3d(1,1,1) translate3d(10px,0px,0px) rotate(0deg);
          transform: scale3d(1,1,1) translate3d(10px,0px,0px) rotate(0deg);
}
#schedule .header ul.navigation li.next span,
#schedule .footer ul.navigation li.next span{
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
}
#schedule .header ul.navigation li.next i,
#schedule .footer ul.navigation li.next i{
	vertical-align: middle;
}
#schedule .header ul.navigation li.month,
#schedule .footer ul.navigation li.month{
    font-family: 'Montserrat', sans-serif;
	vertical-align: middle;
	font-size: 70px;
	line-height: 100%;
	font-weight: bold;
}
#schedule .header ul.navigation li.month span,
#schedule .footer ul.navigation li.month span{
	display:block;
	font-weight: normal;
	font-size: 10px;
	line-height: 120%;
}

#schedule .header ul.sort{
	text-align: center;
	letter-spacing: -0.4em;
	margin-bottom: 30px;
}
#schedule .header ul.sort li{
	display: inline-block;
	letter-spacing: normal;
	margin: 0 10px;
	vertical-align: middle;
}
#schedule .header ul.sort li a{
	line-height: 30px;
	width: 155px;
	display: block;
  	box-shadow: inset 0px 0px 0px 2px #ff2878;
  color: #ff2878;
    opacity: 0.2;
    font-family: 'Montserrat', sans-serif;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}
#schedule .header ul.sort li a.active{
  opacity: 1;
  	box-shadow: inset 0px 0px 0px 2px #ff2878;
	color: #ff2878;
}
#schedule .header ul.sort li a:hover{
  	box-shadow: inset 0px 0px 0px 4px #ff2878;
	color: #ff2878;
}
#schedule .header ul.sort li a.active:hover{
  	box-shadow: inset 0px 0px 0px 4px #ff2878;
	color: #ff2878;
}
#schedule #eventList{
  max-width: 1100px;
  padding: 0 50px;
	margin: 0 auto;
}
@media only screen and (min-width: 1400px) {
  #schedule #eventList{
    max-width: 1400px;
  }
}
#schedule .eventList{
  margin-left: 0px;
  margin-right: 0px;
	margin-bottom: 40px;
}
#schedule .eventList .column{
	margin-bottom: 16px;
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
       -o-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-perspective: 1000px;
     -moz-perspective: 1000px;
       -o-perspective: 1000px;
      -ms-perspective: 1000px;
          perspective: 1000px;
          opacity: 0;
}
#schedule .eventList .column .inner{
	letter-spacing: -0.4em;
	position: relative;
	background: #FFF;
  -webkit-transform:rotate3d(1,0,0,30deg)  translate3d(0px,20px,0px);
     -moz-transform:rotate3d(1,0,0,30deg)  translate3d(0px,20px,0px);
      -ms-transform:rotate3d(1,0,0,30deg)  translate3d(0px,20px,0px);
       -o-transform:rotate3d(1,0,0,30deg)  translate3d(0px,20px,0px);
          transform:rotate3d(1,0,0,30deg)  translate3d(0px,20px,0px);
  -webkit-transform-origin: 0% 50%;
     -moz-transform-origin: 0% 50%;
       -o-transform-origin: 0% 50%;
      -ms-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
          display: block;
}
#schedule .eventList .column.view{
	opacity: 1;
  -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
       -o-transition: all .5s ease;
          transition: all .5s ease;
}
#schedule .eventList .column.view .inner{
	opacity: 1;
  -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
       -o-transition: all .5s ease;
          transition: all .5s ease;
-webkit-transform:rotate3d(1,0,0,0deg)  translate3d(0px,0px,0px);
   -moz-transform:rotate3d(1,0,0,0deg)  translate3d(0px,0px,0px);
    -ms-transform:rotate3d(1,0,0,0deg)  translate3d(0px,0px,0px);
     -o-transform:rotate3d(1,0,0,0deg)  translate3d(0px,0px,0px);
        transform:rotate3d(1,0,0,0deg)  translate3d(0px,0px,0px);
}
#schedule .eventList .column .placeLabel a{
	letter-spacing: normal;
	position: absolute;
	top: 0;
	left: 0px;
	width: 50px;
	height: 50px;
	background: #28282d;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}
#schedule .eventList .column a:hover .placeLabel a{
  background: rgba(255,40,120,0.8);
}
#schedule .eventList .column .placeLabel span{
	display: table-cell;
	vertical-align: middle;
	width: 50px;
	height: 50px;
	color: #FFF;
	font-size: 8px;
	text-align: center;
	line-height: 175%;
    font-family: 'Montserrat', sans-serif;
}
#schedule .eventList .column .visual{
	display: inline-block;
	letter-spacing: normal;
	width: 43%;
	vertical-align: top;
	position: relative;
	overflow: hidden;
}

@media only screen and (min-width: 1400px) {
  #schedule .eventList .column .visual{
    width: 33%;
  }
}
#schedule .eventList .column a .visual img{
  width: 100%;
  height: auto;
    -webkit-transition: all 0.5s cubic-bezier(0.800, -0.005, 0.220, 1.005);
       -moz-transition: all 0.5s cubic-bezier(0.800, -0.005, 0.220, 1.005);
        -ms-transition: all 0.5s cubic-bezier(0.800, -0.005, 0.220, 1.005);
         -o-transition: all 0.5s cubic-bezier(0.800, -0.005, 0.220, 1.005);
            transition: all 0.5s cubic-bezier(0.800, -0.005, 0.220, 1.005);
}
#schedule .eventList .column a:hover .visual img{
  opacity: 0.5;
  -webkit-transform: scale3d(1.05,1.05,1.05) translate3d(0%,0px,0px) rotate(-0deg);
     -moz-transform: scale3d(1.05,1.05,1.05) translate3d(0%,0px,0px) rotate(-0deg);
      -ms-transform: scale3d(1.05,1.05,1.05) translate3d(0%,0px,0px) rotate(-0deg);
       -o-transform: scale3d(1.05,1.05,1.05) translate3d(0%,0px,0px) rotate(-0deg);
          transform: scale3d(1.05,1.05,1.05) translate3d(0%,0px,0px) rotate(-0deg);
}
#schedule .eventList .column .event{
	display: inline-block;
	letter-spacing: normal;
	width: 57%;
	height: 100%;
	vertical-align: top;
	text-align: left;
	position: relative;
}

@media only screen and (min-width: 1400px) {
  #schedule .eventList .column .event{
    width: 67%;
  }
}
#schedule .eventList .column .event .date{
	padding: 25px 0 0 40px;
	overflow: hidden;
}
#schedule .eventList .column .event .date .day{
	display: inline-block;
	font-size: 50px;
    font-family: 'Montserrat', sans-serif;
    line-height: 100%;
    font-weight: bold;
    margin-right: 15px;
    vertical-align: middle;
}
#schedule .eventList .column .event .date .day span{
  font-size: 30px;
  margin-right: 5px;
  margin-left: -5px;
    vertical-align: top;
}
#schedule .eventList .column .event .date .week{
	display: inline-block;
    vertical-align: middle;
	width: 40px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #FFF;
	font-size: 8px;
    font-family: 'Montserrat', sans-serif;
    background: #282832;
    text-transform: uppercase;
}

#schedule .eventList .column.Sat .date .week{
    background: #00b4b4;
}
#schedule .eventList .column.Sun .date .week{
    background: #c8003c;
}
#schedule .eventList .column .event .info{
	position: absolute;
	bottom: 25px;
	left: 40px;
	padding-right: 50px;
}

#schedule .eventList .column .event .info h3{
	margin-bottom: 5px;
}
#schedule .eventList .column .event .info h3 span{
	font-size: 18px;
	font-weight: bold;
	line-height: 144%;
}
#schedule .eventList .column .event .info .exp{
	font-size: 14px;
	line-height: 144%;
	margin-bottom: 5px;
}
#schedule .eventList .column .event .info .openstart{
	font-size: 14px;
	line-height: 144%;
}
#schedule .eventList .column .event .info .openstart span{
	font-weight: bold;
}

@media only screen and (max-width: 1400px) {
  #schedule .eventList .column .event .info h3 span{
    font-size: 14px;
  }
  #schedule .eventList .column .event .info .exp{
    font-size: 12px;
  }
  #schedule .eventList .column .event .info .openstart{
    font-size: 12px;
  }
}
@media only screen and (max-width: 1100px) {
  #schedule .eventList .column .event .info h3 span{
    font-size: 12px;
  }
  #schedule .eventList .column .event .info .exp{
    font-size: 10px;
  }
  #schedule .eventList .column .event .info .openstart{
    font-size: 10px;
  }
}
#schedule .eventList .column a.like{
	position: absolute;
	top: 38px;
	right: 50px;
	font-size: 20px;
}
#schedule .eventList .column a.like.active{
  color: #ba388e;
}

/*----------------------------------------------------
  #scheduleDetail
--------------------------------------------------- */
#scheduleDetail{
  overflow: hidden;
  width: 1000px;
  margin: 0 auto;
  padding: 0 50px;
  padding-top: 30px;
}
#scheduleDetail .mainArea{
  width: 640px;
  float: left;
}
#scheduleDetail .header{
	padding-bottom: 30px;
	position: relative;

}
#scheduleDetail .header .mainvisual{
	position: relative;
  margin-bottom: 20px;
  min-height: 50px;
}
#scheduleDetail .header .visual{
	width: 100%;
	overflow: hidden;
	position: relative;
  min-height: 15px;
  text-align: center;
}
#scheduleDetail .header .visual img{
	max-width: 100%;
	height: auto;
}
#scheduleDetail .header .mainvisual .placeLabel{
  letter-spacing: normal;
  position: absolute;
  top: 0;
  left: 0px;
  width: 50px;
  height: 50px;
  background: #28282d;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}
#scheduleDetail .header .mainvisual .placeLabel span{
  display: table-cell;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  color: #FFF;
  font-size: 8px;
  text-align: center;
  line-height: 175%;
    font-family: 'Montserrat', sans-serif;
}
#scheduleDetail .header .over-inner{
	position: relative;
	overflow: hidden;
  min-height: 120px;
  margin-bottom: 40px;
}
#scheduleDetail .header .over-inner .date{
	position: absolute;
	top: 4px;
	left: 0px;
	width: 60px;
}
#scheduleDetail .header .over-inner .date .month{
	font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    line-height: 60%;
    font-weight: bold;
}
#scheduleDetail .header .over-inner .date .month span{
	font-size: 16px;
    vertical-align: top;
}
#scheduleDetail .header .over-inner .date .day{
	font-size: 44px;
    font-family: 'Montserrat', sans-serif;
    line-height: 100%;
    font-weight: bold;
}
#scheduleDetail .header .over-inner .date .week{
	font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    line-height: 100%;
    background: #28282d;
    color: #FFF;
    text-align: center;
    line-height: 20px;
    text-transform: uppercase;
}
#scheduleDetail .header.Sat .over-inner .date .week{
    background: #00b4b4;
}
#scheduleDetail .header.Sun .over-inner .date .week{
    background: #c8003c;
}
#scheduleDetail .header .over-inner .event{
	padding: 0px 0px 0 90px;
	
}
#scheduleDetail .header .over-inner .event ul.place{
  letter-spacing: -0.4em;
    margin-bottom: 5px;
}
#scheduleDetail .header .over-inner .event ul.place li{
  display: inline-block;
  letter-spacing: normal;
  width: 64px;
  height: 15px;
  line-height: 15px;
  font-size: 10px;
    font-family: 'Montserrat', sans-serif;
    color: #FFF;
    background: #d4d4d5;
    margin-right: 10px;
    text-align: center;
}
#scheduleDetail .header .over-inner .event ul.place li.active{
  background: #28282d;
}
#scheduleDetail .header .over-inner .event .title{
	font-size: 20px;
    line-height: 150%;
    margin-bottom: 15px;
    font-weight: bold;
}
#scheduleDetail .header .over-inner .event .exp{
	font-size: 14px;
  line-height: 150%;
}
#scheduleDetail .header dl{
	max-width: 640px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
  margin-bottom: 10px;
}
#scheduleDetail .header dl dt{
	float: left;
	width: 20%;
	font-size: 10px;
    font-family: 'Montserrat', sans-serif;
}
#scheduleDetail .header dl dd{
  float: left;
  width: 80%;
  font-size: 11px;
  word-break: break-all;
}
#scheduleDetail .header dl dd span.store{
/*  background: #28282d;
  color: #FFF;
  padding: 0 5px;*/
}
#scheduleDetail .header dl dd a{
  color: #ff2878;
}
#scheduleDetail .header dl dd b{
  font-weight: bold;
}

#scheduleDetail .header  ul.sns{
  letter-spacing: -0.4em;
  text-align: center;
  padding-top: 20px;
}
#scheduleDetail .header  ul.sns li{
  display: inline-block;
  letter-spacing: normal;
  margin: 0 17.5px;
  margin-bottom: 30px;
  font-size: 20px;
}

#scheduleDetail .header  ul.sns li a.sns1{
  display: block;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
#scheduleDetail .header  ul.sns li a.sns1:hover{
  color: #2ca7e0;
}
#scheduleDetail .header  ul.sns li a.sns2{
  display: block;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
#scheduleDetail .header  ul.sns li a.sns2:hover{
  color: #3765a3;
}
#scheduleDetail .header  ul.sns li a.sns3{
  display: block;
}
#scheduleDetail .header  ul.sns li a.sns3.active{
  color: #c82850;
}
#scheduleDetail .header  ul.sns li a.sns4{
  display: block;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
#scheduleDetail .header  ul.sns li a.sns4:hover{
  color: #4787f2;
}


#scheduleDetail #scheduleEntry{
	padding-bottom: 40px;
	position: relative;
  line-height: 180%;
}
#scheduleDetail #scheduleEntry p{
}

#scheduleDetail #scheduleEntry h1{
  font-size: 17px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}
#scheduleDetail #scheduleEntry h2{
  font-size: 16px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}
#scheduleDetail #scheduleEntry h3{
  font-size: 15px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}
#scheduleDetail #scheduleEntry h4{
  font-size: 14px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}
#scheduleDetail #scheduleEntry h5{
  font-size: 13px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}

#scheduleDetail #scheduleEntry strong{
  font-weight: bold;
}
#scheduleDetail #scheduleEntry div{
 /* display: block;*/
}
#scheduleDetail #scheduleEntry div:after{
   /* content: "";
    display: block;
    clear: both;*/
}
#scheduleDetail #scheduleEntry iframe{
  padding: 10px 0;
  max-width: 100%;
}
#scheduleDetail #scheduleEntry img{
  padding: 10px 0;
  max-width: 100%;
  height: auto;
}
#scheduleDetail #scheduleEntry a{
  color: #ff2878;
}
#scheduleDetail #scheduleEntry b{
  font-weight: bold;
}
#scheduleDetail #scheduleRelation{
  width: 260px;
  float: right;
	padding-bottom: 40px;
}
#scheduleDetail #scheduleRelation h2{
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 15px;
  font-weight: bold;
  text-align: center;
}

#scheduleDetail #scheduleRelation  .eventList{
	letter-spacing: -0.4em;
	text-align: left;
}
#scheduleDetail #scheduleRelation  .eventList .column{
	width: 100%;
	padding-bottom: 50px;
	letter-spacing: normal;
	display: inline-block;
	position: relative;
}
#scheduleDetail #scheduleRelation  .eventList .column .date{
  letter-spacing: -0.4em;
  text-align: left;
  margin-bottom: 10px;
}
#scheduleDetail #scheduleRelation  .eventList .column .date .month{
  display: inline-block;
  letter-spacing: normal;
    vertical-align: middle;
  font-size: 14px;
    font-family: 'Montserrat', sans-serif;;
    line-height: 100%;
    font-weight: bold;
}
#scheduleDetail #scheduleRelation  .eventList .column .date .month span{
	font-size: 10px;
    vertical-align: top;
}
#scheduleDetail #scheduleRelation  .eventList .column .date .day{
  display: inline-block;
  letter-spacing: normal;
    vertical-align: middle;
	font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    line-height: 100%;
    font-weight: bold;
    margin-right: 10px;
}
#scheduleDetail #scheduleRelation  .eventList .column .date .week{
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
    width: 40px;
  	font-size: 8px;
    font-family: 'Montserrat', sans-serif;
    color: #FFF;
    text-align: center;
    line-height: 10px;
    background: #28282d;
    text-transform: uppercase;
}
#scheduleDetail #scheduleRelation  .eventList .column.Sat .date .week{
    background: #00b4b4;
}
#scheduleDetail #scheduleRelation  .eventList .column.Sun .date .week{
    background: #c8003c;
}
#scheduleDetail #scheduleRelation  .eventList .column .visual{
	position: relative;
	overflow: hidden;
}
#scheduleDetail #scheduleRelation  .eventList .column a .visual img{
	width: 100%;
	height: auto;
    -webkit-transition: all 0.5s cubic-bezier(0.800, -0.005, 0.220, 1.005);
       -moz-transition: all 0.5s cubic-bezier(0.800, -0.005, 0.220, 1.005);
        -ms-transition: all 0.5s cubic-bezier(0.800, -0.005, 0.220, 1.005);
         -o-transition: all 0.5s cubic-bezier(0.800, -0.005, 0.220, 1.005);
            transition: all 0.5s cubic-bezier(0.800, -0.005, 0.220, 1.005);
}
#scheduleDetail #scheduleRelation  .eventList .column a:hover .visual img{
  opacity: 0.5;
  -webkit-transform: scale3d(1.05,1.05,1.05) translate3d(0%,0px,0px) rotate(-0deg);
     -moz-transform: scale3d(1.05,1.05,1.05) translate3d(0%,0px,0px) rotate(-0deg);
      -ms-transform: scale3d(1.05,1.05,1.05) translate3d(0%,0px,0px) rotate(-0deg);
       -o-transform: scale3d(1.05,1.05,1.05) translate3d(0%,0px,0px) rotate(-0deg);
          transform: scale3d(1.05,1.05,1.05) translate3d(0%,0px,0px) rotate(-0deg);
}
#scheduleDetail #scheduleRelation  .eventList .column .placeLabel{
	position: absolute;
	top: 29px;
	left: 0px;
	width: 50px;
	height: 50px;
	background: #28282d;
}
#scheduleDetail #scheduleRelation  .eventList .column .placeLabel span{
	display: table-cell;
	vertical-align: middle;
	width: 50px;
	height: 50px;
	color: #FFF;
	font-size: 8px;
	text-align: center;
	line-height: 175%;
    font-family: 'Montserrat', sans-serif;
}
#scheduleDetail #scheduleRelation  .eventList .column .event{
	position: absolute;
	bottom: 37px;
	left: 0px;
	width: 100%;
	overflow: hidden;
}
#scheduleDetail #scheduleRelation  .eventList .column a .event h3{
	margin-left: 0px;
}
#scheduleDetail #scheduleRelation  .eventList .column a .event .exp{
	margin-left: 0px;
}
#scheduleDetail #scheduleRelation  .eventList .column a .event h3 span{
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	background: rgba(0,0,0,0.8);
	line-height: 25px;
	padding: 0 10px;
	display: inline-block;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}

#scheduleDetail #scheduleRelation  .eventList .column a .event .exp span{
	font-size: 11px;
	color: #FFF;
	background: rgba(0,0,0,0.8);
	line-height: 25px;
	padding: 0 10px;
	display: inline-block;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}

#scheduleDetail #scheduleRelation .eventList .column a:hover .event h3 span,
#scheduleDetail #scheduleRelation .eventList .column a:hover .event .exp span{
  background: rgba(255,40,120,0.8);
}

#scheduleDetail #scheduleRelation .eventList .column a.like{
  position: absolute;
  top: 70px;
  left: 10px;
  font-size: 20px;
}
#scheduleDetail #scheduleRelation .eventList .column a.like.active{
  color: #c82850;
}

#scheduleArchive{
	padding: 0 50px;
	padding-bottom: 40px;
	padding-top: 33px;
	background: #28282d;
	color: #FFF;
}
#scheduleArchive h2{
	font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 30px;
    font-weight: bold;
    text-align: center;
}

#scheduleArchive  .list{
  max-width: 1300px;
  margin: 0 auto;
	letter-spacing: -0.4em;
	text-align: left;
	margin-bottom: 20px;
}
#scheduleArchive  .list .column{
	letter-spacing: normal;
	display: inline-block;
	width: 11.5%;
	margin-right: 1%;
	margin-bottom: 10px;

}
#scheduleArchive  .list .column:nth-child(8n){
	margin-right: 0%;

}
#scheduleArchive  .list .column img{
	width: 100%;
	height: auto;
}
#scheduleArchive  a.more{
  width: 220px;
  margin: 0 auto;
  display: block;
  box-shadow: inset 0px 0px 0px 2px #FFF;
  text-align: center;
  color: #FFF;
  line-height: 30px;
  font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}
#scheduleArchive  a.more:hover{
  box-shadow: inset 0px 0px 0px 4px #FFF;
}


/*----------------------------------------------------
  #newsDetail
--------------------------------------------------- */

#newsDetail{
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 50px 0 40px 0;
	text-align: center;
}
#newsDetail h2{
	font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
	margin-bottom: 60px;
}
#newsDetail .column{
	width: 100%;
	border-bottom: 1px #dcdce1 dotted;
	margin-bottom: 60px;
}
#newsDetail .column:last-child{
	border: none;
	margin-bottom: 0px;
}
#newsDetail .column .inner{
	margin: 0 auto;
	max-width: 1100px;
	text-align: left;
	overflow: hidden;
	padding-bottom: 80px;
}
#newsDetail .column aside{
	float: left;
	width: 20%;
}
#newsDetail .column aside .date{
	font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
	margin-bottom: 30px;
}
#newsDetail .column aside .place{
	background: #28282d;
	text-align: center;
	font-size: 16px;
    font-family: 'Montserrat', sans-serif;
	color: #FFF;
	line-height: 20px;
	width: 100px;
	margin-bottom: 45px;
}

#newsDetail .column aside  .sns{
  letter-spacing: -0.4em;
  text-align: center;
  width: 100px;
} 
#newsDetail .column aside  .sns li{
  letter-spacing: normal;
  display: inline-block;
  font-size: 20px;
  margin: 0 10px;
} 

#newsDetail .column aside  .sns li a.sns1{
  display: block;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
#newsDetail .column aside  .sns li a.sns1:hover{
  color: #2ca7e0;
}
#newsDetail .column aside  .sns li a.sns2{
  display: block;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
#newsDetail .column aside  .sns li a.sns2:hover{
  color: #3765a3;
}
#newsDetail .column .news{
	float: left;
	width: 80%;
}
#newsDetail .column .news .image{
	margin-bottom: 40px;
}
#newsDetail .column .news .image img{
	width: 100%;
	height: auto;
}
#newsDetail .column .news h3{
	font-size: 16px;
	line-height: 180%;
	margin-bottom: 30px;
	font-weight: bold;
}
#newsDetail .column .news p{
}

#newsDetail .column .news .entry{
  font-size: 13px;
  line-height: 180%;
  margin-bottom: 25px;
  width: 640px;

}

#newsDetail .column .news .entry a{
  color: #ff2878;
}
#newsDetail .column .news .entry div{
  display: block;
}
#newsDetail .column .news .entry strong{
  font-weight: bold;
}
#newsDetail .column .news .entry img{
  margin: 20px 0;
  max-width: 100%;
  height: auto;
  
}

/*----------------------------------------------------
  #about
--------------------------------------------------- */

#about{
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0px 0 40px 0;
	text-align: center;
	    border-bottom: 1px #dcdce1 dotted;
    margin-bottom: 50px;
}
#about .image{
	letter-spacing: -0.4em;
	margin-bottom: 60px;
}
#about .image li{
	display: inline-block;
	letter-spacing: normal;
	width: 50%;
	position: relative;
}
#about .image li img{
	width: 100%;
}

#about .image li .placeLabel{
	position: absolute;
	top: 0;
	left: 0px;
	width: 50px;
	height: 50px;
	background: #28282d;
}
#about .image li .placeLabel span{
	display: table-cell;
	vertical-align: middle;
	width: 50px;
	height: 50px;
	color: #FFF;
	font-size: 8px;
	text-align: center;
	line-height: 175%;
    font-family: 'Montserrat', sans-serif;
}
#about ul.navi{
margin-bottom: 80px;
}
#about ul.navi li{
  display: inline-block;
  margin: 0 10px;
}
#about ul.navi li a{
    text-align: center;
    display: block;
    font-weight: bold;
    box-shadow: inset 0px 0px 0px 2px #000;
    padding: 0;
    width: 200px;
    line-height: 35px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#about ul.navi li a:hover{
  box-shadow: inset 0px 0px 0px 4px #000;
}

#about header{
	margin-bottom: 60px;
}
#about header h2{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 150%;
	margin-bottom: 30px;
}
#about header p{
	text-align: center;
	font-size: 13px;
	line-height: 180%;
	margin-bottom: 20px;
}
#about .spec{
	text-align: center;
	margin-bottom: 70px;
}
#about .spec h2{
  font-size: 20px;
  text-align: center;
  font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 40px;
}
#about .spec h3 img{
  height: 20px;
  width: auto;
  margin-bottom: 22px;
}
#about .spec dl{
  overflow: hidden;
  text-align: left;
  width: 800px;
  margin: 0 auto;
  padding-bottom: 40px;
}
#about .spec dl dt{
  float: left;
  width: 140px;
  border-top: 1px #000 solid;
  font-weight: bold;
  padding-top: 12px;
  font-size: 13px;
}
#about .spec dl dd{
  float: right;
  width: 640px;  border-top: 1px #e5e5e9 dotted;
  padding-top: 12px;
  font-size: 13px;
  line-height: 180%;
}

#about .spec dl dd ul{
  text-align: left;
  letter-spacing: -0.4em;
}
#about .spec dl dd ul li{
  letter-spacing: normal;
  display: inline-block;
  width: 140px;
  margin-right: 3%;
}
#about .spec dl dd ul li a{
  text-align: center;
  display: block;
  font-weight: bold;
    box-shadow: inset 0px 0px 0px 2px #000;
    padding:0;
    line-height: 35px;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}
#about .spec dl dd ul li a:hover{
  box-shadow: inset 0px 0px 0px 4px #000;
}

#about hr{
  border-top: 2px #000 dotted;
    width: 800px;
    margin: 0 auto;
  margin-bottom: 40px;
}

#about .spec .contact{
	text-align: center;
	line-height: 200%;
	font-size: 12px;
}
#about .spec .contact a{
  text-decoration: underline;
}

#about .archive{
	text-align: center;
	padding: 0 50px;
}

#about .archive h2{
	font-size: 20px;
	text-align: center;
	font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 20px;
}
#about .archive dl{
    margin-bottom: 40px;
}
#about .archive dl dt{
	font-size: 16px;
	text-align: center;
	font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 20px;
}
#about .archive dl dd{
	line-height: 180%;
}

#about .floormap{
  text-align: center;
  margin-bottom: 70px;
}
#about .floormap h2{
  font-size: 20px;
  text-align: center;
  font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 40px;
}
#about .floormap .block{
  overflow: hidden;
  width: 950px;
  margin: 0 auto;
  padding-bottom: 35px;
  margin-bottom: 50px;
  border-bottom: 1px #e5e5e9 dotted;
}
#about .floormap .block .entrance{
  float: left;
  width: 50%;
  text-align: left;
}
#about .floormap .block .entrance h3{
  padding-top: 130px;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  font-size: 40px;
  margin-bottom: 35px;
}
#about .floormap .block .entrance dl{
  margin-bottom: 45px;
}
#about .floormap .block .entrance dl dt{
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
}
#about .floormap .block .entrance dl dd{
  margin-bottom: 25px;
}

#about .floormap .block .map{
  float: right;
  width: 50%;
}
#about .floormap .block .www{
  float: left;
  width: 50%;
  text-align: left;
}
#about .floormap .block .www h3{
  padding-top: 116px;
  margin-bottom: 45px;
}
#about .floormap .block .www h4{
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  font-size: 40px;
  margin-bottom: 40px;
}
#about .floormap .block .www li{
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  margin-bottom: 2px;
}
#about .floormap .block .www ul.gallery{
  letter-spacing: -0.4em;
  margin-top: 40px;
  width: 340px;
}
#about .floormap .block .www ul.gallery li{
  width: 100px;
  height: 100px;
  display: inline-block;
  vertical-align: top;
  margin: 0 2px 2px;
  position: relative;
}
#about .floormap .block .www ul.gallery li span{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#about .floormap .block .www ul.gallery li a{
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;

}
#about .floormap .block .www ul.gallery li a:hover{
  opacity: 0.5;
}
#about .floormap .wwwx{
  overflow: hidden;
  width: 950px;
  margin: 0 auto;
  margin-bottom: 50px;
  text-align: left;
}
#about .floormap .wwwx h3{
  margin-bottom: 40px;
}
#about .floormap .wwwx .lounge{
  float: left;
  width: 50%;
  padding-top: 10px;
}
#about .floormap .wwwx .main{
  float: left;
  width: 50%;
  padding-top: 10px;
}
#about .floormap .wwwx h4{
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  font-size: 40px;
  margin-bottom: 26px;
}
#about .floormap .wwwx .main h4,
#about .floormap .wwwx .main p{
  padding-left: 50px;
}
#about .floormap .wwwx p{
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  margin-bottom: 40px;
}

#about .floormap .wwwx ul.gallery{
  letter-spacing: -0.4em;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 40px;
}
#about .floormap .wwwx ul.gallery li{
  width: 120px;
  height: 120px;
  display: inline-block;
  vertical-align: top;
  margin: 0 2px 2px;
  position: relative;
}
#about .floormap .wwwx ul.gallery li span{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#about .floormap .wwwx ul.gallery li a{
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;

}
#about .floormap .wwwx ul.gallery li a:hover{
  opacity: 0.5;
}
#booking{
	text-align: center;
	padding: 0 50px;
    padding-bottom: 40px;
  border-bottom: 3px double #ccc;
    margin-bottom: 50px;
}
#booking h2{
	font-size: 20px;
	text-align: center;
	font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 40px;
}
#booking p{
	font-size: 13px;
	text-align: center;
	margin-bottom: 20px;
}
#booking .contact{
	font-size: 13px;
	text-align: center;
	margin-bottom: 20px;
}
#booking .contact span{
	font-size:17px;
	font-weight: bold;
    font-family: 'Montserrat', sans-serif;
}


#howto{
	text-align: center;
	padding: 0 50px;
    padding-bottom: 40px;
}
#howto h2{
	font-size: 20px;
	text-align: center;
	font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 40px;
}
#howto p{
	font-size: 13px;
	text-align: center;
	line-height: 180%;
	margin-bottom: 20px;
}
#howto h3{
	font-size: 16px;
	text-align: center;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 20px;
}
#howto ul{
	letter-spacing: -0.4em;
    margin-bottom: 40px;
}
#howto ul li{
	letter-spacing: normal;
	width: 160px;
	margin: 0 10px;
	display: inline-block;
	vertical-align: top;
  	font-size: 12px;
}
#howto ul li a{
  text-decoration: underline;
}
#howto ul li a.btn{
  text-decoration: none;
	font-weight: bold;
	display: block;
  	box-shadow: inset 0px 0px 0px 2px #000;
  	padding:0;
  	font-size: 12px;
  	line-height: 35px;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
            margin-bottom: 10px;
}
#howto ul li a.btn:hover{
  box-shadow: inset 0px 0px 0px 4px #000;
}


/*----------------------------------------------------
  #access
--------------------------------------------------- */

#accessPage{
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0px 0 40px 0;
	text-align: center;
}

#accessPage #accessMap{
	width: 100%;
	height: 530px;
	margin-bottom: 65px;
  position: relative;
}
#accessPage .map_area{
  position: relative;
  margin-bottom: 65px;
}
#accessPage .map_area a{
  position: absolute;
  bottom: 20px;
  left: 20px;
  background: #000;
  padding: 5px 10px;
  color: #FFF;
    font-family: 'Montserrat',  "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
    font-size: 13px;
}

#accessPage h2{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
    font-family: 'Montserrat', sans-serif;
}
#accessPage .exp{
	letter-spacing: -0.4em;
	margin-bottom: 90px;
	padding: 0 50px;
}
#accessPage .exp .column{
	width: 48%;
	letter-spacing: normal;
	display: inline-block;
	text-align: left;
	vertical-align: top;
	font-size: 13px;
	line-height: 180%;
}
#accessPage .exp .column:first-child{
	margin-right: 4%;

}


#accessPage h3{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #c82850;
	margin-bottom: 30px;
    font-family: 'Montserrat', sans-serif;
}

#accessPage ul li{
	padding: 0 50px;
	font-size: 11px;
	line-height: 180%;
	text-align: left;
}


/*----------------------------------------------------
  #contact
--------------------------------------------------- */

#contact{
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 50px 0 40px 0;
  text-align: center;
}
#contact h2{
  font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
  margin-bottom: 60px;
}
#contact .columnArea{
  position: relative;
  overflow: hidden;
  max-width: 900px;
  margin: 0 auto;
  padding: 0 50px;
  margin-bottom: 45px;
  letter-spacing: -0.4em;
}
@media only screen and (min-width: 1400px) {
  #contact .columnArea{
    max-width: 1400px;
  }
}
#contact .columnArea .column{
  display: inline-block;
  letter-spacing: normal;
  width: 30%;
  margin-right: 5%;
  vertical-align: top;

}
#contact .columnArea .column:nth-child(3n){
  margin-right: 0px;
}
#contact .columnArea .column a.btn{
  width: 90%;
  margin: 0 auto;
  font-weight: bold;
  display: block;
    box-shadow: inset 0px 0px 0px 2px #000;
    padding:0;
    font-size: 12px;
    line-height: 35px;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
            margin-bottom: 10px;
}
#contact .columnArea .column a.btn span{
  font-size: 10px;
}
#contact .columnArea .column a.btn:hover{
  box-shadow: inset 0px 0px 0px 4px #000;
}
#contact .columnArea .column h3{
  font-size: 13px;
  font-weight: bold;
  padding-bottom: 15px;
  border-bottom: 1px #000 solid;
  margin-bottom: 30px;
}
#contact .columnArea .column01 .mail{
  padding-top: 13px;
  font-size: 16px;
  line-height: 28px;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 10px;
}
#contact .columnArea .column01 .tel{
  padding-top: 13px;
  font-size: 22px;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 20px;
}
#contact .columnArea .column01 .tel span{
  font-size: 12px;
  padding-top: 10px;
  font-weight: normal;
}
#contact .columnArea .column01 p{
  font-size: 13px;
  margin-bottom: 40px;

}
#contact .columnArea .column02 a{
  margin-bottom: 20px;
}
#contact .columnArea .column03 dt{
  margin-bottom: 2px;
}
#contact .columnArea .column03 h3{
}
#contact .columnArea .column03 dd{
  font-size: 22px;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  margin-bottom:10px;
}
#contact .columnArea .column03 dd.mb{
  margin-bottom: 20px;
}


/*----------------------------------------------------
  #privacy
--------------------------------------------------- */

#privacy{
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 50px 0 40px 0;
  text-align: center;
}
#privacy h2{
  font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
  margin-bottom: 60px;
}
#privacy .sum{
  line-height: 180%;
  margin-bottom: 40px;

}
#privacy .column{
  position: relative;
  overflow: hidden;
  max-width: 900px;
  margin: 0 auto;
  padding: 0 50px;
  margin-bottom: 20px;
  text-align: left;
  line-height: 180%;
  font-size: 12px;
}
#privacy .column h3{
  font-weight: bold;
}
#privacy h4{
  font-size: 12px;
  padding-top: 20px;
  margin-bottom: 20px;
}
#privacy p{
  position: relative;
  overflow: hidden;
  max-width: 900px;
  margin: 0 auto;
  padding: 0 50px;
  margin-bottom: 20px;
  text-align: left;
  line-height: 180%;
  font-size: 12px;
}
#privacy .column h3{
  font-weight: bold;
}
#privacy p.right{
  text-align: right;
}


/*----------------------------------------------------
  #recruit
--------------------------------------------------- */

#recruit{
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 50px 0 40px 0;
  text-align: center;
}
#recruit h2{
  font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
  margin-bottom: 60px;
}
#recruit .copy{
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 60px;
  line-height: 180%;
}
#recruit dl{
  overflow: hidden;
  text-align: left;
  width: 800px;
  margin: 0 auto;
  padding-bottom: 40px;
}
#recruit dl dt{
  float: left;
  width: 120px;
  border-top: 1px #000 solid;
  font-weight: bold;
  padding-top: 12px;
  font-size: 13px;
}
#recruit dl dd{
  float: right;
  width: 660px;  border-top: 1px #e5e5e9 dotted;
  padding-top: 12px;
  font-size: 13px;
  line-height: 180%;
}



/*----------------------------------------------------
  #feature
--------------------------------------------------- */

#feature{
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 50px 50px 45px 50px;
  text-align: center;

    max-width: 900px;
    margin: 0 auto;
    margin-bottom: 45px;
}
@media only screen and (min-width: 1400px) {
  #feature{
    max-width: 1400px;
  }
}
#feature h2{
  font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
  margin-bottom: 60px;
}
#feature .eventList{
  margin: 0px;
  letter-spacing: -0.4em;
  text-align: left;
}
#feature .eventList .column{
  width: 48%;
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-right: 4%;
  opacity: 0;
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
       -o-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-perspective: 1000px;
     -moz-perspective: 1000px;
       -o-perspective: 1000px;
      -ms-perspective: 1000px;
          perspective: 1000px;
}

@media only screen and (min-width: 1400px) {
  #feature .eventList .column{
    width: 30.66666%;
    margin-right: 4%;
  }
}
#feature .eventList .column .inner{
  position: relative;
  padding-bottom: 50px;
  background: #FFF;
  -webkit-transform:rotate3d(1,0,0,30deg)  translate3d(0px,20px,0px);
     -moz-transform:rotate3d(1,0,0,30deg)  translate3d(0px,20px,0px);
      -ms-transform:rotate3d(1,0,0,30deg)  translate3d(0px,20px,0px);
       -o-transform:rotate3d(1,0,0,30deg)  translate3d(0px,20px,0px);
          transform:rotate3d(1,0,0,30deg)  translate3d(0px,20px,0px);
  -webkit-transform-origin: 0% 50%;
     -moz-transform-origin: 0% 50%;
       -o-transform-origin: 0% 50%;
      -ms-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
          display: block;
}
#feature .eventList .column.view{
  opacity: 1;
  -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
       -o-transition: all .5s ease;
          transition: all .5s ease;
}
#feature .eventList .column:nth-child(2n).view{
    -webkit-transition: all 0.5s 0.2s ease;
       -moz-transition: all 0.5s 0.2s ease;
        -ms-transition: all 0.5s 0.2s ease;
         -o-transition: all 0.5s 0.2s ease;
            transition: all 0.5s 0.2s ease;
}

@media only screen and (min-width: 1400px) {
  #feature .eventList .column:nth-child(3n).view{
      -webkit-transition: all 0.5s 0.4s ease;
         -moz-transition: all 0.5s 0.4s ease;
          -ms-transition: all 0.5s 0.4s ease;
           -o-transition: all 0.5s 0.4s ease;
              transition: all 0.5s 0.4s ease;
  }
}
#feature .eventList .column.view .inner{
  opacity: 1;
  -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
       -o-transition: all .5s ease;
          transition: all .5s ease;
-webkit-transform:rotate3d(1,0,0,0deg)  translate3d(0px,0px,0px);
   -moz-transform:rotate3d(1,0,0,0deg)  translate3d(0px,0px,0px);
    -ms-transform:rotate3d(1,0,0,0deg)  translate3d(0px,0px,0px);
     -o-transform:rotate3d(1,0,0,0deg)  translate3d(0px,0px,0px);
        transform:rotate3d(1,0,0,0deg)  translate3d(0px,0px,0px);
}

#feature .eventList .column:nth-child(2n).view .inner{
  opacity: 1;
  -webkit-transition: all .5s 0.2s ease;
     -moz-transition: all .5s 0.2s ease;
      -ms-transition: all .5s 0.2s ease;
       -o-transition: all .5s 0.2s ease;
          transition: all .5s 0.2s ease;
-webkit-transform:rotate3d(1,0,0,0deg)  translate3d(0px,0px,0px);
   -moz-transform:rotate3d(1,0,0,0deg)  translate3d(0px,0px,0px);
    -ms-transform:rotate3d(1,0,0,0deg)  translate3d(0px,0px,0px);
     -o-transform:rotate3d(1,0,0,0deg)  translate3d(0px,0px,0px);
        transform:rotate3d(1,0,0,0deg)  translate3d(0px,0px,0px);
}

#feature .eventList .column:nth-child(2n){
  margin-right: 0px;
}

@media only screen and (min-width: 1400px) {
  #feature .eventList .column:nth-child(3n).view .inner{
    opacity: 1;
    -webkit-transition: all .5s 0.4s ease;
       -moz-transition: all .5s 0.4s ease;
        -ms-transition: all .5s 0.4s ease;
         -o-transition: all .5s 0.4s ease;
            transition: all .5s 0.4s ease;
  }

  #feature .eventList .column:nth-child(2n){
    margin-right: 4%;
  }
  #feature .eventList .column:nth-child(3n){
    margin-right: 0px;
  }

}
#feature .eventList .column .visual{
  margin-left:0px;
  position: relative;
  overflow: hidden;
}
#feature .eventList .column a .visual img{
  width: 100%;
  height: auto;
    -webkit-transition: all 0.5s cubic-bezier(0.800, -0.005, 0.220, 1.005);
       -moz-transition: all 0.5s cubic-bezier(0.800, -0.005, 0.220, 1.005);
        -ms-transition: all 0.5s cubic-bezier(0.800, -0.005, 0.220, 1.005);
         -o-transition: all 0.5s cubic-bezier(0.800, -0.005, 0.220, 1.005);
            transition: all 0.5s cubic-bezier(0.800, -0.005, 0.220, 1.005);
}
#feature .eventList .column a:hover .visual img{
  opacity: 0.5;
  -webkit-transform: scale3d(1.05,1.05,1.05) translate3d(0%,0px,0px) rotate(-0deg);
     -moz-transform: scale3d(1.05,1.05,1.05) translate3d(0%,0px,0px) rotate(-0deg);
      -ms-transform: scale3d(1.05,1.05,1.05) translate3d(0%,0px,0px) rotate(-0deg);
       -o-transform: scale3d(1.05,1.05,1.05) translate3d(0%,0px,0px) rotate(-0deg);
          transform: scale3d(1.05,1.05,1.05) translate3d(0%,0px,0px) rotate(-0deg);
}
#feature .eventList .column .placeLabel{
  position: absolute;
  top: 0;
  left: 0px;
  width: 100px;
  height: 50px;
  background: #28282d;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}
#feature .eventList .column a:hover .placeLabel{
  background: rgba(255,40,120,0.8);
}
#feature .eventList .column .placeLabel span{
  display: table-cell;
  vertical-align: middle;
  width: 100px;
  height: 50px;
  color: #FFF;
  font-size: 8px;
  text-align: center;
  line-height: 175%;
    font-family: 'Montserrat', sans-serif;
}
#feature .eventList .column .event{
  position: absolute;
  bottom: 37px;
  left: 0px;
  width: 100%;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: scale3d(1,1,1) translate3d(20px,0px,0px) rotate(0deg);
     -moz-transform: scale3d(1,1,1) translate3d(20px,0px,0px) rotate(0deg);
      -ms-transform: scale3d(1,1,1) translate3d(20px,0px,0px) rotate(0deg);
       -o-transform: scale3d(1,1,1) translate3d(20px,0px,0px) rotate(0deg);
          transform: scale3d(1,1,1) translate3d(20px,0px,0px) rotate(0deg);
}
#feature .eventList .column.view .event{
  opacity: 1;
    -webkit-transition: all 0.5s 0.2s ease;
       -moz-transition: all 0.5s 0.2s ease;
        -ms-transition: all 0.5s 0.2s ease;
         -o-transition: all 0.5s 0.2s ease;
            transition: all 0.5s 0.2s ease;
  -webkit-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
     -moz-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
      -ms-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
       -o-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
          transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
}
#feature .eventList .column:nth-child(2n).view .event{
    -webkit-transition: all 0.5s 0.4s ease;
       -moz-transition: all 0.5s 0.4s ease;
        -ms-transition: all 0.5s 0.4s ease;
         -o-transition: all 0.5s 0.4s ease;
            transition: all 0.5s 0.4s ease;
}
#feature .eventList .column a .event h3{
  margin-left: 0px;
}
#feature .eventList .column a .event .exp{
  margin-left: 0px;
}
#feature .eventList .column a .event h3 span{
  font-size: 13px;
  font-weight: bold;
  color: #FFF;
  background: rgba(0,0,0,0.8);
  line-height: 25px;
  padding: 0 10px;
  display: inline-block;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}
#feature .eventList .column a .event .exp span{
  font-size: 11px;
  color: #FFF;
  background: rgba(0,0,0,0.8);
  line-height: 25px;
  padding: 0 10px;
  display: inline-block;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}
#feature .eventList .column a:hover .event h3 span,
#feature .eventList .column a:hover .event .exp span{
  background: rgba(255,40,120,0.8);
}


/*----------------------------------------------------
  #featureDetail
--------------------------------------------------- */
#featureDetail{
  overflow: hidden;
  width: 1000px;
  margin: 0 auto;
  padding: 0 50px;
  padding-top: 30px;
}

#featureDetail h2{
  text-align: center;
  font-size: 20px;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  margin-bottom: 60px;
}
#featureDetail .mainArea{
  width: 640px;
  float: left;
}
#featureDetail .header{
  padding-bottom: 30px;
  position: relative;

}
#featureDetail .header .mainvisual{
  position: relative;
  margin-bottom: 20px;
  min-height: 50px;
}
#featureDetail .header .visual{
  width: 100%;
  overflow: hidden;
  position: relative;
  min-height: 15px;
  text-align: center;
  margin-bottom: 20px;
}
#featureDetail .header .visual img{
  max-width: 100%;
  height: auto;
}
#featureDetail .header .mainvisual .placeLabel{
  letter-spacing: normal;
  position: absolute;
  top: 0;
  left: 0px;
  width: 100px;
  height: 50px;
  background: #28282d;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}
#featureDetail .header .mainvisual .placeLabel span{
  display: table-cell;
  vertical-align: middle;
  width: 100px;
  height: 50px;
  color: #FFF;
  font-size: 8px;
  text-align: center;
  line-height: 175%;
    font-family: 'Montserrat', sans-serif;
}
#featureDetail .header .over-inner{
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}
#featureDetail .header .over-inner .event{
  padding: 0px 0px 0 0px;
  
}
#featureDetail .header .over-inner .event ul.place{
  letter-spacing: -0.4em;
    margin-bottom: 5px;
}
#featureDetail .header .over-inner .event ul.place li{
  display: inline-block;
  letter-spacing: normal;
  width: 64px;
  height: 15px;
  line-height: 15px;
  font-size: 10px;
    font-family: 'Montserrat', sans-serif;
    color: #FFF;
    background: #d4d4d5;
    margin-right: 10px;
    text-align: center;
}
#featureDetail .header .over-inner .event ul.place li.active{
  background: #28282d;
}
#featureDetail .header .over-inner .event .title{
  font-size: 20px;
  text-align: left;
    line-height: 150%;
    margin-bottom: 5px;
    font-weight: bold;
}
#featureDetail .header .over-inner .event .exp{
  font-size: 14px;
  line-height: 150%;
    font-family: 'Montserrat', sans-serif;
}
#featureDetail .header dl{
  max-width: 640px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
}
#featureDetail .header dl dt{
  float: left;
  width: 20%;
  font-size: 10px;
    font-family: 'Montserrat', sans-serif;
}
#featureDetail .header dl dd{
  float: left;
  width: 80%;
  font-size: 11px;
  word-break: break-all;
}
#featureDetail .header dl dd span.store{
/*  background: #28282d;
  color: #FFF;
  padding: 0 5px;*/
}
#featureDetail .header dl dd a{
  color: #ff2878;
}
#featureDetail .header dl dd b{
  font-weight: bold;
}

#featureDetail .header  ul.sns{
  letter-spacing: -0.4em;
  text-align: center;
  padding-top: 20px;
}
#featureDetail .header  ul.sns li{
  display: inline-block;
  letter-spacing: normal;
  margin: 0 17.5px;
  margin-bottom: 30px;
  font-size: 20px;
}

#featureDetail .header  ul.sns li a.sns1{
  display: block;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
#featureDetail .header  ul.sns li a.sns1:hover{
  color: #2ca7e0;
}
#featureDetail .header  ul.sns li a.sns2{
  display: block;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
#featureDetail .header  ul.sns li a.sns2:hover{
  color: #3765a3;
}
#featureDetail .header  ul.sns li a.sns3{
  display: block;
}
#featureDetail .header  ul.sns li a.sns3.active{
  color: #c82850;
}
#featureDetail .header  ul.sns li a.sns4{
  display: block;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
#featureDetail .header  ul.sns li a.sns4:hover{
  color: #4787f2;
}


#featureDetail #featureEntry{
  padding-bottom: 40px;
  position: relative;
  line-height: 190%;
  font-size: 14px;
}
#featureDetail #featureEntry p{
}

#featureDetail #featureEntry h1{
  font-size: 17px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}
#featureDetail #featureEntry h2{
  font-size: 16px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}
#featureDetail #featureEntry h3{
  font-size: 15px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}
#featureDetail #featureEntry h4{
  font-size: 14px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}
#featureDetail #featureEntry h5{
  font-size: 13px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}

#featureDetail #featureEntry strong{
  font-weight: bold;
}
#featureDetail #featureEntry div{
 /* display: block;*/
}
#featureDetail #featureEntry div:after{
   /* content: "";
    display: block;
    clear: both;*/
}
#featureDetail #featureEntry iframe{
  padding: 10px 0;
  width: 100%;
}
#featureDetail #featureEntry img{
  padding: 40px 0;
  max-width: 100%;
  height: auto;
}
#featureDetail #featureEntry .s img{
  padding: 20px 0;
  max-width: 50%;
  height: auto;
}
#featureDetail #featureEntry a{
  color: #ff2878;
}
#featureDetail #featureEntry b{
  font-weight: bold;
}
#featureDetail #featureEntry hr{
  margin-bottom: 40px;
  margin-top: 40px;
}
#featureDetail #featureEntry .movie{
  margin-bottom: 40px;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#featureDetail #featureEntry .movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
#featureDetail #featureEntry .profile{
  overflow: hidden;
  margin-bottom: 40px;
}
#featureDetail #featureEntry .profile h3{
  font-weight: bold;
}
#featureDetail #featureEntry .profile img{
  padding: 0px;
  float: left;
}
#featureDetail #featureEntry .profile figcaption{
  width: 440px;
  float:right;
}



#featureDetail #featureRelation{
  width: 260px;
  float: right;
  padding-bottom: 40px;
}
#featureDetail #featureRelation h2{
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 15px;
  font-weight: bold;
  text-align: center;
}

#featureDetail #featureRelation  .eventList{
  letter-spacing: -0.4em;
  text-align: left;
}
#featureDetail #featureRelation  .eventList .column{
  width: 100%;
  letter-spacing: normal;
  display: inline-block;
  position: relative;
}
#featureDetail #featureRelation  .eventList .column > a{
  display: block;
  position: relative;
  padding-bottom: 50px;
}
#featureDetail #featureRelation  .eventList .column .date{
  letter-spacing: -0.4em;
  text-align: left;
  margin-bottom: 10px;
}
#featureDetail #featureRelation  .eventList .column .date .month{
  display: inline-block;
  letter-spacing: normal;
    vertical-align: middle;
  font-size: 14px;
    font-family: 'Montserrat', sans-serif;;
    line-height: 100%;
    font-weight: bold;
}
#featureDetail #featureRelation  .eventList .column .date .month span{
  font-size: 10px;
    vertical-align: top;
}
#featureDetail #featureRelation  .eventList .column .date .day{
  display: inline-block;
  letter-spacing: normal;
    vertical-align: middle;
  font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    line-height: 100%;
    font-weight: bold;
    margin-right: 10px;
}
#featureDetail #featureRelation  .eventList .column .date .week{
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
    width: 40px;
    font-size: 8px;
    font-family: 'Montserrat', sans-serif;
    color: #FFF;
    text-align: center;
    line-height: 10px;
    background: #28282d;
    text-transform: uppercase;
}
#featureDetail #featureRelation  .eventList .column.Sat .date .week{
    background: #00b4b4;
}
#featureDetail #featureRelation  .eventList .column.Sun .date .week{
    background: #c8003c;
}
#featureDetail #featureRelation  .eventList .column .visual{
  position: relative;
  overflow: hidden;
}
#featureDetail #featureRelation  .eventList .column a .visual img{
  width: 100%;
  height: auto;
    -webkit-transition: all 0.5s cubic-bezier(0.800, -0.005, 0.220, 1.005);
       -moz-transition: all 0.5s cubic-bezier(0.800, -0.005, 0.220, 1.005);
        -ms-transition: all 0.5s cubic-bezier(0.800, -0.005, 0.220, 1.005);
         -o-transition: all 0.5s cubic-bezier(0.800, -0.005, 0.220, 1.005);
            transition: all 0.5s cubic-bezier(0.800, -0.005, 0.220, 1.005);
}
#featureDetail #featureRelation  .eventList .column a:hover .visual img{
  opacity: 0.5;
  -webkit-transform: scale3d(1.05,1.05,1.05) translate3d(0%,0px,0px) rotate(-0deg);
     -moz-transform: scale3d(1.05,1.05,1.05) translate3d(0%,0px,0px) rotate(-0deg);
      -ms-transform: scale3d(1.05,1.05,1.05) translate3d(0%,0px,0px) rotate(-0deg);
       -o-transform: scale3d(1.05,1.05,1.05) translate3d(0%,0px,0px) rotate(-0deg);
          transform: scale3d(1.05,1.05,1.05) translate3d(0%,0px,0px) rotate(-0deg);
}
#featureDetail #featureRelation  .eventList .column .placeLabel{
  position: absolute;
  top: 29px;
  left: 0px;
  width: 50px;
  height: 50px;
  background: #28282d;
}
#featureDetail #featureRelation  .eventList .column .placeLabel span{
  display: table-cell;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  color: #FFF;
  font-size: 8px;
  text-align: center;
  line-height: 175%;
    font-family: 'Montserrat', sans-serif;
}
#featureDetail #featureRelation  .eventList .column .event{
  position: absolute;
  bottom: 37px;
  left: 0px;
  width: 100%;
  overflow: hidden;
}
#featureDetail #featureRelation  .eventList .column a .event h3{
  margin-left: 0px;
}
#featureDetail #featureRelation  .eventList .column a .event .exp{
  margin-left: 0px;
}
#featureDetail #featureRelation  .eventList .column a .event h3 span{
  font-size: 13px;
  font-weight: bold;
  color: #FFF;
  background: rgba(0,0,0,0.8);
  line-height: 25px;
  padding: 0 10px;
  display: inline-block;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}

#featureDetail #featureRelation  .eventList .column a .event .exp span{
  font-size: 11px;
  color: #FFF;
  background: rgba(0,0,0,0.8);
  line-height: 25px;
  padding: 0 10px;
  display: inline-block;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}

#featureDetail #featureRelation .eventList .column a:hover .event h3 span,
#featureDetail #featureRelation .eventList .column a:hover .event .exp span{
  background: rgba(255,40,120,0.8);
}

#featureDetail #featureRelation .eventList .column dl{
  max-width: 260px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
}
#featureDetail #featureRelation .eventList .column dl dt{
  font-size: 10px;
    font-family: 'Montserrat', sans-serif;
}
#featureDetail #featureRelation .eventList .column dl dd{
  font-size: 11px;
  word-break: break-all;
}
#featureDetail #featureRelation .eventList .column dl dd span.store{
/*  background: #28282d;
  color: #FFF;
  padding: 0 5px;*/
}
#featureDetail #featureRelation .eventList .column dl dd a{
  color: #ff2878;
}
#featureDetail #featureRelation .eventList .column dl dd b{
  font-weight: bold;
}