@charset="utf-8";
a{
	outline: none;
}
.clear{
	clear: both;
}
#tweet_button{
	margin-right: 5px;
}
.fb-like,.fb-like>span{
	vertical-align:top !important;
}
.twitter-share-button{
	margin-right: 10px;
}

body {
    color: black;
    font-family:"Open Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size:12px;
    background-color: white;
}
h1{
	font-weight:800;
	font-size:180%;
	color:black;
	margin: 0;
	margin-bottom: 0.5em;
}
a{
	color:#EA5228;
}

.pure-img-responsive {
    max-width: 100%;
    height: auto;
}

.end{
	margin-left:0 !important;
	margin-right: 0 !important;
}


/**
 * 	animation
 */
#top_animation{
	background: white;;
	position: fixed;
	top:0;left:0;
	bottom:0;right:0;
	width:100%;
	height:100%;
	z-index: 999;
}
#top_animation .logo{
	width:706px;
	margin: 0 auto;
	position: relative;
}
	#top_animation .logo .wrap{
		position:absolute;
		top: 250px;
	}
#top_animation img{
	display:block;
	position:absolute;
	top:0;left:0;
}
.white{
	display:block;
	position:absolute;
	top:0;left:0;
	width:706px;
	height:81px;
	background-color: white;
}
.main {
	width:480px;
	margin: 160px auto 0;
	position: relative;
	display: none;
}
.swipe{
	-webkit-transition: all 0.8s ease;
	transition: all 0.8s ease;
	left:706px;
}
.down{
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	top:81px;
}
#anime1{
	-webkit-transition-delay:0.1s;
	transition-delay: 0.1s;
}
#anime2{
	-webkit-transition-delay:0.2s;
	transition-delay: 0.2s;
}
#anime3{
	-webkit-transition-delay:0.3s;
	transition-delay: 0.3s;
}
#anime4{
	-webkit-transition-delay:0.4s;
	transition-delay: 0.4s;
}
#anime5{
	-webkit-transition-delay:0.5s;
	transition-delay: 0.5s;
}
#anime6{
	-webkit-transition-delay:0.6s;
	transition-delay: 0.6s;
}

#anime7{
	-webkit-transition-delay:0.7s;
	transition-delay: 0.7s;
}
#anime8{
	-webkit-transition-delay:0.8s;
	transition-delay: 0.8s;
}
#anime9{
	-webkit-transition-delay:0.9s;
	transition-delay: 0.9s;
}
#anime10{
	-webkit-transition-delay:1.0s;
	transition-delay: 1.0s;
}
#anime11{
	-webkit-transition-delay:1.1s;
	transition-delay: 1.1s;
}


/**
 * popup
 */

#popup{
	background-color: rgba(70,70,70,0.8);
	position: fixed;
	z-index: 9999;
	width:0;
	height:0;
	top:0;
	left:0;
	opacity: 0;
	overflow: hidden;
}
#popup .ad{
	-webkit-transition: 1.0s ease-in-out;
	transition: 1.0s ease-in-out;
	opacity: 0;
	position: absolute;
	width:600px;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
}
#popup .ad .close{
	position: absolute;
	bottom:100%;
	right:0;
	cursor:pointer;
}
#popup .ad .close path{
	fill: white;
}
#popup .ad .image{
	display: block;
}
#popup .ad .image img{
	max-width: 100%;
}

#popup.show{
	width: 100%;
	height:100vh;
	opacity: 1.0;
}
#popup.show .ad{
	opacity: 1.0;
}



/*
Add transition to containers so they can push in and out.
*/
#layout,
#menu,
.menu-link {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

/*
This is the parent `<div>` that contains the menu and the content area.
*/
#layout {
    position: relative;
    padding-left: 0;
}
    #layout.active {
        position: relative;
        left: 150px;
    }
        #layout.active #menu {
            left: 150px;
            width: 150px;
        }

        #layout.active .menu-link {
            left: 150px;
        }
/*
The content `<div>` is where all your content goes.
*/
.content {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 940px;
    margin-bottom: 50px;
    line-height: 1.6em;
}

.header {
     margin: 0;
     color: #333;
     text-align: center;
     padding: 2.5em 2em 0;
     border-bottom: 1px solid #fafafa;
 }
    .header h1 {
        margin: 0.2em 0;
        font-size: 3em;
        font-weight: 300;
    }
     .header h2 {
        font-weight: 300;
        color: #ccc;
        padding: 0;
        margin-top: 0;
    }

.content-subhead {
    margin: 50px 0 20px 0;
    font-weight: 300;
    color: #888;
}
.soldout{
	color:orangered;
}

.col_left{
	width:640px;
	margin-right: 20px;
	float:left;
}
.col_right{
	width:285px;
	float:left;
}


/*
The `#menu` `<div>` is the parent `<div>` that contains the `.pure-menu` that
appears on the left side of the page.
*/

#menu {
    margin-left: -150px; /* "#menu" width */
    width: 150px;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1000; /* so the menu or its navicon stays above all content */
    background: #191818;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
    /*
    All anchors inside the menu should be styled like this.
    */
    #menu a {
        color: black;
        border: none;
        padding: 0.6em 0 0.6em 0.6em;
    }

    /*
    Remove all background/borders, since we are applying them to #menu.
    */
     #menu .pure-menu,
     #menu .pure-menu ul {
        border: none;
        background: transparent;
    }

    /*
    Add that light border to separate items into groups.
    */
    #menu .pure-menu ul,
    #menu .pure-menu .menu-item-divided {
        border-top: 1px solid #333;
    }
        /*
        Change color of the anchor links on hover/focus.
        */
        #menu .pure-menu li a:hover{
            background: white;
        }

    /*
    This styles the selected menu item `<li>`.
    */
    #menu .pure-menu-selected,
    #menu .pure-menu-heading {
        background: #EA5228;
    }
        /*
        This styles a link within a selected menu item `<li>`.
        */
        #menu .pure-menu-selected a {
            color: #fff;
        }

    /*
    This styles the menu heading.
    */
    #menu .pure-menu-heading {
        font-size: 110%;
        color: #fff;
        margin: 0;
    }

#menu .sns_links{
	position: absolute;
	right:15px;
	bottom: 20px;
}
	#menu .sns_links img{
		height:20px;
	}
	#menu .sns_links a{
		margin: 0 8px;
	}


/* -- Dynamic Button For Responsive Menu -------------------------------------*/

/*
The button to open/close the Menu is custom-made and not part of Pure. Here's
how it works:
*/

/*
`.menu-link` represents the responsive menu toggle that shows/hides on
small screens.
*/
.menu-link {
    position: fixed;
    display: block; /* show this only on small screens */
    top: 0;
    left: 0; /* "#menu width" */
    background: #000;
    background: rgba(0,0,0,0.7);
    font-size: 10px; /* change this value to increase/decrease button size */
    z-index: 10;
    width: 2em;
    height: auto;
    padding: 2.1em 1.6em;
}

    .menu-link:hover{
        background: #000;
    }

    .menu-link span {
        position: relative;
        display: block;
    }

    .menu-link span,
    .menu-link span:before,
    .menu-link span:after {
        background-color: #fff;
        width: 100%;
        height: 0.2em;
    }

        .menu-link span:before,
        .menu-link span:after {
            position: absolute;
            margin-top: -0.6em;
            content: " ";
        }

        .menu-link span:after {
            margin-top: 0.6em;
        }


#calendar_widget{
	border: 1px solid black;
	padding:5px 10px 0px;
	margin-bottom: 20px;
}
	#calendar_widget .calendar{
		position: relative;
		background-color: white;
	}
	#calendar_widget .title{
		font-family: 'Open Sans', sans-serif;
		font-weight: 700;
		margin-bottom: 1em;
		color:black;
		position: relative;
		width:75%;
		margin: 0 auto 5px;
		line-height:1.6;
	}
		#calendar_widget .title .month{
			font-size:250%;
		}
		#calendar_widget .title .month_english{
			font-size:95%;
			position: absolute;
			left:40px;
			top:9px;
		}
		#calendar_widget .title .year{
			font-size:90%;
			position: absolute;
			left:40px;
			top:23px;
		}
		#calendar_widget .title .prev_link{
			font-size:80%;
			position: absolute;
			left:-27px;
			top:20px;
			cursor: pointer;
		}
		#calendar_widget .title .next_link{
			font-size:80%;
			position: absolute;
			right:-27px;
			top:20px;
			cursor: pointer;
		}
		#calendar_widget .title .prev_link:hover,
		#calendar_widget .title .next_link:hover{
			color:#EA5228;

		}
	#calendar_widget .Sun{ /*color:orangered;*/ }
	#calendar_widget .Sat{ /*color:dodgerblue;*/ }

	#calendar_widget table tr:nth-child(2n) {
	    background-color: transparent;
	}
	#calendar_widget table td,
	#calendar_widget table th {
	    text-align:center;
	    border-bottom: none;
	    padding: 5px;
	}
	#calendar_widget table th {
	    background-color: black;
	    border: 3px solid white;
	    color: white;
	    font-size: 12px;
	    font-weight: bold;
	    line-height: 1.3;
	    text-align: center;
	    padding:2px;
	}


#hidden_link{
	position: fixed;
	top:80px;
	left:-210px;
	width:150px;
	-webkit-transition:left 1.0s ease;
	transition:left 1.0s ease;
	text-align: center;
	font-size:120%;
	letter-spacing:0.3em;
	color:#222;
	text-decoration:none;
	padding: 1em;
	background:black;
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.3);
	        box-shadow:0 0 5px rgba(0,0,0,0.3);
	z-index: 999;
}
#gradius{
	position: fixed;
	top:150px;
	-webkit-transition:left 7.0s ease-in;
	transition:left 7.0s ease-in;
	width: 60px;
	left:-70px;
	z-index:999;
}



footer{
	padding: 2em 0;
	font-size:10px;
	color:black;
	text-align: center;
}
	footer a{
		color:black;
	}
	footer .content{
		margin-bottom:0em;
	}
	footer .shiroobi{
		background-color: rgba(255,255,255,0.2);
		padding: 2em;
	}
	footer .menu{
		float:left;
		width:20%;
		display:block;
		padding-left: 5%;
		font-size:130%;
	}
	footer .menu a:before{
		content:url("../../img/icon/mini_arrow.gif");
		display: inline-block;
		margin-right:5px;

	}
	footer .info{
		float:left;
		width:50%;
		display:block;
		font-size:140%;
		font-weight:300;
	}
	footer .copy{
		text-align: center;
	}
	footer ul{
		list-style:none;
		margin: 0;
		padding: 0;

	}

/* -- Responsive Styles (Media Queries) ------------------------------------- */

/*
 500px < width
*/
@media (min-width: 500px) {

	html,body{
		min-width:800px;
	}
	.phone_top{
		display: none;
	}
	#menu{
		background-color: white;
		color:black;
		font-weight:800;
		position: inherit;
		z-index: 0;
		margin: 0;
		width:100%;
	}
		#menu .pure-menu{
			width:945px;
			padding: 5px 20px;
			display:block;
			margin: 0 auto;
			position: relative;
			overflow: hidden;
		}
	    #menu .pure-menu a {
			display:inline-block;
			padding: 0;
			text-transform: uppercase;
			color:black;
	    }
		#menu .pure-menu-selected a {
			color: #EA5228;
		}
		#menu .pure-menu-selected a:hover {
		}



        #menu .pure-menu li a:hover,
 	    #menu .pure-menu a:hover {
	    	color: #EA5228;
	    }
	    #menu .pure-menu-heading {
	    	font-size:130%;
		    letter-spacing: 0.1em;
		    width:110px;
		    float:left;
		    display:block;
	    }

	    #menu .pure-menu a.pure-menu-heading:hover{
	    	background-color:black;
	    	background-color:transparent;
	    }

		#menu .pure-menu-selected, #menu .pure-menu-heading {
		    background-color:transparent;
		    color:#777;
		}

	    #menu .pure-menu ul.menu {
			display:block;
			width:700px;
			float:left;
			left:inherit;
	    	font-size:130%;
	    	padding-top: 80px;
	    	padding-left: 40px;
	    }
		    #menu .pure-menu ul.menu li{
		    	letter-spacing: 0.1em;
		    	margin-left: 0.5em;
		    }
			    #menu .pure-menu ul.menu li a{
			    	padding: 0.1em 0.7em;
			    }

	    #menu .pure-menu ul li {
			display:inline-block;
	    }
		#menu .pure-menu ul, #menu .pure-menu .menu-item-divided {
		    border-top: none;
		    display: inline-block;
		}

    .menu-link {
        position: fixed;
        left: 150px;
        display: none;
    }

    #top,
    .hall_top{
    }
	.content {
	    margin: 0 auto;
	    max-width: 945px;
	    line-height: 1.6;
	    position: relative;
	    padding-top: 15px;
	}
	#venue_top_img{
		position: absolute;
		top:-10px;
		left:-30px;
		display: block;
		z-index:99;
		-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
		        box-shadow: 0 0 5px rgba(0,0,0,0.3);
	}


	/**** pickup_swiper **********************************************/
	.pickup{
		border:1px solid black;
		margin-bottom: 5em;
	}
		.pickup_swiper{
			position: relative;
			font-family: "Open Sans",sans-serif;
		}
		.pickup_swiper .swiper-container {
			width:100%;
			height: 380px;
		}
		.pickup_swiper .swiper-slide {
			background-color: white;
		}
		.pickup_swiper .swiper-slide a{
			text-decoration: none;
			color:#222;
			display:block;
		}
		.pickup_swiper .img_wrap{
			height:330px;
			float: right;
			max-width: 50%;
			margin-left: 1.5em;
			overflow: hidden;
			text-align: center;
		}
		.pickup_swiper .event_image{
			height:100%;
		}
		.pickup_swiper img.hall{
		    height: 25px;
		    position: absolute;
		    right: 14px;
		    top: 10px;
		}
		.pickup_swiper .event_info{
		    padding: 10px ;
		    overflow: hidden;
		    max-height:310px;
		    min-height: 310px;
		}
			.pickup_swiper .event_info p{
				margin: 0;
				margin-bottom: 0.1em;
				font-weight:700;
				font-size:110%;
				line-height:1.5;
			}
			.pickup_swiper .event_info .ticket{
				font-size:90%;
			}
			.pickup_swiper .event_info .date{
				font-weight:700;
			    background-color: black;
			    color: white;
			    font-size: 160%;
			    line-height:1.3;
			    letter-spacing: 0.07em;
			    margin-bottom: 15px;
			    padding: 5px 10px;
			    text-align: center;
			    width: 60px;
			    text-transform: uppercase;
    		}
			.pickup_swiper .event_info .drink{
				font-size:90%;
    		}
			.pickup_swiper .event_info .title{
				font-size:150%;
				margin: 0em;
				margin-bottom:1em;
				font-weight:bold;
				color:#EA5228;
			}
			.pickup_swiper .event_info .cast{
				margin-top: 0.7em;
			}

		.pickup_swiper .event_footer{
			clear: both;
			background-color: black;
			overflow: hidden;
			color:white;
			font-family: "Open Sans",Futura, sans-serif;
		}
			.pickup_swiper .event_footer .title{
				float: left;
				width: 70%;
				margin: 0;
				height:30px;
				padding: 10px 2%;
				font-size:150%;
				font-weight:bold;
				overflow:hidden;
				line-height:35px;
			}
			.pickup_swiper .event_footer .event_type{
				float: right;
				width: 25%;
				border-left:1px solid white;
				height:50px;
				line-height:50px;
				vertical-align: middle;
				text-align: center;
				margin: 0;
				text-transform: uppercase;
				font-size:125%;
				font-weight:bold;
			}

		.pickup_swiper .next {
		  position: absolute;
		  left: -20px;
		  top:150px;
		  z-index:10;
		  display:inline-block;
		  cursor:pointer;
		  margin: 0.5em 0;
		  font-weight:300;
		  opacity:1.0;
		}
		.pickup_swiper .prev {
		  position: absolute;
		  right: -20px;
		  top:150px;
		  z-index:10;
		  display:inline-block;
		  cursor:pointer;
		  margin: 0.5em 0;
		  font-weight:300;
		  opacity:1.0;
		}
		.pickup_swiper .next:hover,
		.pickup_swiper .prev:hover{
			opacity:0.7;
		}
		.pickup_swiper .pagination {
		  position: absolute;
		  right: 0;
		  text-align: left;
		  width: 100%;
		  margin: 0.5em 0;
		}
		.pickup_swiper .swiper-pagination-switch {
		  display: inline-block;
		  width: 10px;
		  height: 10px;
		  border-radius: 10px;
		  background: #DDD;
		  /*box-shadow: 0px 1px 2px #555 inset;*/
		  margin: 0 3px;
		  cursor: pointer;
		}
		.pickup_swiper .swiper-active-switch {
		  background: #EA5228;
		}

	/*****  pickup_artist  *******************************************************************/
	#pickup_artist{
	}
		#pickup_artist .wrap_artist{
			width:115px;
			height:170px;
			display: block;
			margin-right: 15px;
			float: left;
			position: relative;
			color:#222;
		}
		#pickup_artist .wrap_artist .year{
		    background-color: #eee;
		    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
		            box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
		    height: 115px;
		    line-height: 115px;
		    margin-top: 18px;
		    text-align: center;
		    width: 115px;
		}
		#pickup_artist .wrap_artist:nth-child(5n){
			margin-right: 0;
		}
			#pickup_artist .wrap_artist .type{
				text-transform: uppercase;
				float:left;
				width:50%;
			}
			#pickup_artist .wrap_artist .Live{
				color: lightskyblue;
			}
			#pickup_artist .wrap_artist .Dj{
				color: lightpink;
			}
			#pickup_artist .wrap_artist .Talk{
				color: lightgreen;
			}
			#pickup_artist .wrap_artist .type span{
				margin-right:0.3em;
			}

			#pickup_artist .wrap_artist .date{
				text-transform: uppercase;
				float:right;
				width:50%;
				text-align: right;
			}

			#pickup_artist .wrap_artist a{
				line-height:1.2;
				display: block;
				color:black;
				text-decoration: none;
			}
			#pickup_artist .wrap_artist img{
				-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3);
				        box-shadow: 0 0 2px rgba(0,0,0,0.3);
				max-width: 100%;
			}


	/**** information ************************************************************************/
	#information{
	}
		#information h1{
		    display: inline-block;
		    font-size: 220%;
		    margin-bottom: 1.5em;
		    text-transform: uppercase;
		}
			#information .article{
				padding: 1.5em 0;
				margin-bottom: 2em;
			}
			#information .article .title{
				font-size:150%;
				border-bottom: 1px dotted #999;
				padding-bottom: 0.3em;
				display: inline-block;
				padding-right: 0.5em;
			}
			#information .article .body{
				margin-bottom: 5em;
			}
			#information .article .category,
			#information .article .date{
				color:#999;
				font-size:85%;
				display: inline-block;
				margin-right: 3em;
			}
		#information .page_cnt{
			margin: 0;
			margin-top: 3px;
		}

	/**** top / halls_top -> informations ****************************************************/
	.informations{
		border:1px solid black;
		padding: 5px 9px;
		margin-bottom: 20px;
	}
		.informations .info_link{
			text-decoration: none;
			color:black;
		}
		.informations .information{
			padding-bottom: 30px;
			margin-bottom: 15px;
			position: relative;
		}
		.informations .information .title{
			color:#EA5228;
			font-weight:bold;
			font-size:110%;
			margin: 0;
		}
		.informations .information .body{
		    letter-spacing: 0.05em;
		    line-height: 1.5em;
		    margin: 0;
		    padding: 0.2em 0em;
		}
		.informations .information .date{
			font-size:85%;
			margin: 0;
			letter-spacing: 0.05em;
			text-align: right;
			position:absolute;
			bottom:0;
			right:0;
			width:97%;
			padding-right:3%;
		}


	/**** top *************************************************************/
	#top{
	}
	#top .halls_recent{
		margin-bottom: 3em;
	}
		#top .halls_recent .hall{
			width:250px;
			margin-right:25px;
			background-color: black;
			height:232px;
			float:left;
			overflow: hidden;
			-webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);
			        box-shadow:0 0 2px rgba(0,0,0,0.2);
		}
		#top .halls_recent .hall img{
			display:block;
			width:100%;
			margin: 0 auto;
		}
		#top .halls_recent .hall a{
			text-decoration: none;
		}
		#top .halls_recent .hall p{
			margin: 0;
		    padding: 0.2em 1em;
		}
		#top .halls_recent .hall .date{
			background-color: #333;
			color:black;
		    letter-spacing: 0.05em;
		    margin-bottom: 0.5em;
		}
		#top .halls_recent .hall .title{
			color:#222;
		}
		#top .halls_recent .hall .cast{
			font-size:90%;
			line-height:1.5;
			color:#999;
		}
	#links{
		overflow: hidden;
	}
		#links .link{
			display:block;
			max-width:100%;
			margin-bottom: 20px;
			background-color: black;
			float:left;
		}
			#links .link img{
				display:block;
			}

	/**** schedule(calender) ******************************************************************/
	#schedule{
	}
	#schedule a.date_anchor{
		display: block; position: relative; top: -100px; visibility: hidden;
	}
	#schedule p{
		margin: 0;
		margin-bottom: 5px;
		letter-spacing: 0.05em;
	}
	#schedule .month_title{
		font-family: 'Open Sans', sans-serif;
		font-weight: 700;
		color:black;
		position: relative;
	}
		#schedule .month_title .month{
			font-size:450%;
		}
		#schedule .month_title .month_english{
			font-size:130%;
			position: absolute;
			left:67px;
			top:20px;
			color:#EA5228;
		}
		#schedule .month_title .year{
			font-size:130%;
			position: absolute;
			left:67px;
			top:44px;
		}
	#schedule .calendar{
		position: relative;
	}
	#schedule .month_links{
		overflow: hidden;
		margin-bottom: 70px;
	}
		#schedule .month_links div{
			width:7%;
			float:left;
			text-align: center;
			font-family: 'Open Sans', sans-serif;
			font-weight: 300;
			padding: 3px 0;
		}
			#schedule .month_links div.current{
				background-color: #EA5228;
			}
			#schedule .month_links div.current a{
				color: black;
			}
			#schedule .month_links span{
				font-size:1.6em;
				display: block;
			}
			#schedule .month_links a{
				text-decoration: none;
			}
	#schedule .wrap_next_prev_link{
		overflow: hidden;
		margin-bottom: 1em;
		font-family: "Open Sans",Futura,sans-serif;
		font-weight:700;
	}
		#schedule .wrap_next_prev_link a.prev_month{
			float: left;
			display: inline-block;
			color:black;
		}
		#schedule .wrap_next_prev_link a.next_month{
			float: right;
			display: inline-block;
			color:black;
		}
		#schedule .wrap_next_prev_link a.prev_month:hover,
		#schedule .wrap_next_prev_link a.next_month:hover{
			color:#EA5228;
		}


	#schedule p.no_event_notice{
		margin-bottom: 5em;
	}
	#schedule .wrap_day{
		margin-bottom: 20px;
		background-color:black;
		border: 1px solid black;
		position: relative;
	}
	#schedule .wrap_day .day{
		float: left;
		text-align: center;
		font-size:18px;
		font-family: "Open Sans",Futura, Verdana;
		line-height:1.2;
		width:53px;
		color:white;
		padding-top:15px;
	}
	#schedule .wrap_day .day .week{
		text-align: center;
		font-size:11px;
		font-family: "Open Sans",Futura, Verdana;
		display: block;
	}
	#schedule .wrap_day .event_type{
		color:white;
		font-family:"Open Sans",Futura,sans-serif;
		font-size:115%;
		text-transform: uppercase;
		width: 53px;
		text-align: center;
		font-weight:bold;
		position: absolute;
		bottom:15px;
		left: 0;
	}
	#schedule .Sun .day{ color:orangered; }
	#schedule .Sat .day{ color:dodgerblue; }
	#schedule .wrap_day a.add{
		width:10%;
		max-width:25px;
		float:right;
		opacity: 0.5;
		margin: 0;
		-webkit-transition: opacity 0.5s ease;
		transition: opacity 0.5s ease;
	}
	#schedule .wrap_day  a.add:hover{
		opacity: 0.8;
	}
	#schedule .wrap_day .add img{
		max-width: 100%;
	}

	#schedule .event_content{
		float: left;
		width:585px;
		background-color:white;
	}
		#schedule  .event_content .reserve_link{
			padding:0.4em 1.8em;
			border: 1px solid #EA5228;
			color:#EA5228;
			letter-spacing: 0.1em;
			text-decoration: none;
			margin-top: 1em;
			margin-right: 1em;
			display: inline-block;
		}
		#schedule .event_content .artist_images{
			padding: 15px;
			overflow: hidden;
			padding-top: 0px;

		}
			#schedule .event_content .artist_images a{
				width: 120px;
				display:block;
				float:left;
				margin-right: 15px;

			}
			#schedule .event_content .artist_images img{
				max-width: 100%;
				display:inline-block;
				margin-bottom: 5px;
			}
			#schedule .event_content .artist_images .add_image{
				display: block;
			}
		#schedule .event_content .event{
			padding:15px;
			overflow: hidden;
		}
			#schedule .event_content .event>div{
				overflow:hidden;
			}
			#schedule .event_content .title{
				font-size:150%;
				margin-bottom: 12px;
				letter-spacing: 0.03em;
				color:black;
				font-weight:700;
				display: block;
			}
			#schedule .event_content .time_head,#schedule .event_content .fee_head,#schedule .event_content .cast_head,#schedule .event_content .info_head{
				background-color: black;
				color:white;
				text-transform: uppercase;
				display: inline-block;
				width:50px;
				font-family:"Open Sans",Futura,sans-serif;
				text-align:center;
				font-weight:bold;
				font-size:80%;
				margin-right: 10px;
				line-height:1.9;
				float: left;
			}
			#schedule .event_content .time,#schedule .event_content .fee, #schedule .event_content .cast,#schedule .event_content .info{
				display: inline-block;
				float: left;
				width:460px;
			}
			#schedule .event_content .event .event_notice,
			#schedule .event_content .event .memo,
			#schedule .event_content .event .ticket{
				color:#666;
				font-size:90%;
				margin: 0;
				margin-bottom:2px;
				line-height:1.4;
			}
		#schedule .event_content .detail{
			margin-top: 1em;
			padding:0.4em 1.8em;
			border: 1px solid #EA5228;
			color:#EA5228;
			letter-spacing: 0.1em;
			text-decoration: none;
			margin-top: 1em;
			display: inline-block;
		}
		#schedule .event_content .detail_content{
			max-height:0px;
			height:auto;
			overflow: hidden;
			-webkit-transition: ease 2s;
			transition: ease 2s;
		}
		#schedule .event_content .show{
			max-height:2000px;
		}
		#schedule .event_content .status{
			float: left;
			width:20%;
		}
			#schedule .event_content .status p{
				width:90%;
				margin: 0 auto 5px;
				color:black;
				text-transform: uppercase;
				padding: 5px 0;
				text-align: center;
				background-color: #DDD;
				font-family: "Open Sans", Futura, Verdana, sans-serif;
				letter-spacing: 0.5px;
			}
	#schedule #goto_next{
	    border: 1px dotted #666;
	    color: #444;
	    font-family: "Open Sans",Futura,Verdana,sans-serif;
	    font-size: 120%;
	    font-weight: 300;
	    letter-spacing: 0.07em;
	    padding: 0.2em 1em;
	    position: absolute;
	    right: 2em;
	    text-decoration: none;
	    top: 12em;
	}

	/****  access  ********************************************/
	#access{
		overflow: hidden;
	}
		#access  h1.title{
			color:black;
		    display: block;
		    font-size:220%;
		    border-bottom: none;
		    text-transform: uppercase;

		}
		#access .wrap{
			border:1px solid black;
			padding: 20px;
		}
		#access .wrap img{
			max-width:100%;
			display:block;
			margin-bottom: 40px;
		}
		#access .wrap .yebisuya{
			font-size:120%;
		}
		#access .attention {
			margin-top: 40px;
			border-top:1px solid #111;
			padding-top: 40px;
		}

		#access .attention h1{
			text-transform: uppercase;
			color:deeppink;
		}
		#access .attention ul {
		    padding: 0 0 0 15px;
		}
		#access .attention ul li{
			line-height:2.0;
		}

	/****  about  ********************************************/
	#about{
		overflow: hidden;
	}
		#about  h1.title{
			color:black;
		    display: block;
		    font-size:220%;
		    border-bottom: none;
		    text-transform: uppercase;

		}
		#about .wrap{
			border:1px solid black;
			padding: 20px;
		}
		#about .wrap .yebisuya{
			font-size:120%;
		}
		#about .wrap article{
			margin-bottom: 40px;
		}
		#about .wrap article p.title{
			font-weight:bold;
		}
		#about .wrap article.floor_map{
			text-align:center;
		}
			#about .wrap article.floor_map img{
				width:80%;
			}
		#about .wrap article.venue_info{
			overflow: hidden;
		}
			#about .wrap article.venue_info div.document{
				width:30%;
				margin-right: 3%;
				float:left;
			}
			#about .wrap article.venue_info div.document p{
				margin: 0;
				margin-bottom: 0.5em;
				font-weight:bold;
			}
			#about .wrap article.venue_info div.document a{
				background-color: black;
				text-align: center;
				color: #EA5228;
				padding: 2px 10px;
				text-decoration: none;
				font-weight:bold;
			}
			#about .wrap article.venue_info p.locker_info{
				margin-bottom: 2em;
			}
	#about .hall_rental{

	}
		#about .hall_rental table td,
		#about .hall_rental table th{
			text-align: center;
		}

		#about .hall_rental h3{
			background-color: black;
			color:orange;
			padding: 4px 10px;
			display:inline-block;
		}
		#about .hall_rental .desc{
			margin-bottom: 30px;
		}

	/****  floor  ********************************************/
	#floor{
		padding: 1.5em 2.5em 3.5em;
		background-color: black;
		overflow: hidden;
	}
		#floor  h1{
		    background-color: black;
		    display: inline-block;
		    margin-bottom: 1.5em;
		    padding: 0.7em 1em 0.7em 0.8em;
		    border-bottom: none;
		}
		#floor img.floor{
			max-width:500px;
			display: block;
			margin: 0 auto 5em;
		}
		#studio #floor img.floor{
			max-width:700px;
			display: block;
			margin: 0 auto 5em;
		}


	/**** event ************************************************************************/
	#event{
	}
		#event .article{
			margin-bottom: 2em;
			min-height:400px;
			position: relative;
		}

		#event .v .date_title{
			font-family: 'Open Sans', sans-serif;
			font-weight: 700;
			color:black;
			position: relative;
			border-bottom: 1px solid black;
			margin-bottom:2em;
		}
			#event .v .date_title .month{
				font-size:450%;
			}
			#event .v .date_title .month_english{
				font-size:130%;
				position: absolute;
				left:145px;
				top:20px;
				color:#EA5228;
			}
			#event .v .date_title .year{
				font-size:130%;
				position: absolute;
				left:145px;
				top:44px;
			}
		#event .v .social{
			position: absolute;
			width: 300px;
			right: 0px;
			top:45px;
			text-align: right;
		}

		#event .v .event{
			margin-bottom: 2em;
		}
			#event .v .event p{
				margin:0;
				line-height: 1.6;
				letter-spacing: 0.05em;
			}
			#event .v .event > div{
				overflow: hidden;
				margin-bottom: 0.5em;
			}

			#event .v .event .title{
				font-family:"Open Sans",Futura,sans-serif;
			    margin-bottom: 1em;
				letter-spacing: 0.5px;
			    font-weight: bold;
			    color:#222;
			    font-size:180%;
			    display: block;
			}
			#event .v .event .time_head,#event .v .event .fee_head,#event .v .event .cast_head,#event .v .event .info_head{
				background-color: black;
				color:white;
				text-transform: uppercase;
				display: inline-block;
				width:50px;
				font-family:"Open Sans",Futura,sans-serif;
				text-align:center;
				font-weight:bold;
				font-size:80%;
				margin-right: 10px;
				line-height:1.9;
				float: left;
			}
			#event .v .event .time,#event .v .event .fee, #event .v .event .cast,#event .v .event .info{
				display: inline-block;
				float: left;
				width:460px;
			}
			#event .v .event .event_notice,
			#event .v .event .memo,
			#event .v .event .ticket{
				color:#999;
				font-size:90%;
				margin: 0;
				margin-bottom:2px;
				line-height:1.4;
			}
	#event .v .event_image{
		text-align: center;
		margin-bottom: 2em;
	}
		#event .v .event_image img{
			max-width: 100%;
		}

	#event .v .detail{
		margin-top: 2em;
	}
		#event .v .detail .title{
			font-size:140%;
			border-bottom: 1px dotted #666;
			margin-bottom: 1em;
			font-weight:300;
			color:#222;
		    font-family: "Open Sans",Futura,Verdana,sans-serif;
		}
		#event .v .detail p{
			margin: 0;
			margin-bottom:0.3em;
		}
	#event .v .pickup_artist {
		margin-top: 5em;
	}
	#event .v .pickup_artist .name{
		font-size:200%;
		font-family:"Open Sans",Futura, sans-serif;
		margin: 0;
		padding-right:10px;
		padding-bottom: 10px;
		font-weight: 700;
	}
	#event .v .pickup_artist .desc{
		font-size:90%;
	}

	#event .v .pickup_artist .wrap_artist{
		overflow: hidden;
		margin-bottom: 3em;
	}
	#event .v .pickup_artist .wrap_artist p{
		margin: 0.3em 0;
	}
	#event .v .pickup_artist img{
		max-width: 50%;
		float: right;
		margin-left: 15px;
		margin-bottom: 10px;
	}

	/****  Reserve  ********************************************/
	#reserve{
	}
		#reserve h1{
		    display: inline-block;
		    margin-bottom: 1.5em;
		}
		#reserve .article{
			padding: 1.5em 2.5em 6em;
			background-color: black;
			margin-bottom: 2em;
		}
		#reserve label{
			font-size:100%;
			float:left;
			width:15%;
			display:inline-block;
		}
		#reserve .input input,
		#reserve .input textarea{
			font-size:110%;
			float:left;
			width:60%;
			display:block;
			padding: 0.3em;
			margin-bottom: 1em;
			clear:none;
		}
		#reserve input[type="submit"]{
			margin-left: 15%;
		}
		#reserve form .error{
			padding: 1em;
		}
		#reserve .event{
			background-color: #eee;
			padding: 1em 2em;
		}
			#reserve .event p{
				margin:0;
				line-height: 1.6;
				letter-spacing: 0.05em;
			}
			#reserve .event .title{
				font-size:120%;
				margin-bottom: 1em;
				letter-spacing: 0.5px;
				color:#666;
			}
			#reserve .event .cast{
				margin-bottom: 1em;
			}
			#reserve .event .ticket, #reserve .event .event_notice{
				font-size:90%;
				line-height:1.6;
			}
			#reserve .event .time,#reserve .event .fee,#reserve .event .drink{
				display: inline-block;
				margin-right: 10px;
			}
		#reserve .flow{
			color:#EA5228;
			cursor:pointer;
			text-decoration: underline;
			margin-bottom: 3em;
		}
}