/* Curtain.js - Example page */

/* Google Font */
@import url(https://fonts.googleapis.com/css?family=PT+Serif|PT+Sans+Narrow:700|PT+Sans);


/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}





@font-face {
    font-family: 'revofit_by_drakoheartoriginal';
    src: url('font/drakoheart_revofit_original-webfont.eot');
    src: url('font/drakoheart_revofit_original-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/drakoheart_revofit_original-webfont.woff2') format('woff2'),
         url('font/drakoheart_revofit_original-webfont.woff') format('woff'),
         url('font/drakoheart_revofit_original-webfont.ttf') format('truetype'),
         url('font/drakoheart_revofit_original-webfont.svg#revofit_by_drakoheartoriginal') format('svg');
    font-weight: normal;
    font-style: normal;

}

html{overflow-y:auto !important;}
/* Base Style */
body {
    
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   -webkit-text-size-adjust: 100%;
    color:#000;
    -webkit-font-smoothing: antialiased;
	font-size:12px;
	overflow-y:auto !important;
	
}



.revofit{
	font-family:'revofit_by_drakoheartoriginal';
	}


h1,h2,h3,h4,h5,h6{font-weight:bold;}

h2{ font-size:200%; margin-bottom:50px; padding-top:40px;}

p{min-height:1px;}
strong{font-weight:bold;}



a{color:#f30;text-decoration:none;}
a:hover{color:#f30;}

.block{ position:relative;}


#container{ width:100%; min-width:800px !important;}


ul#nav{ width:150px; border:solid 0px #f30; position:fixed; top:150px; left:35px; z-index:9000;}
ul#nav li{width:85px; height:12px; margin-bottom:18px;}

ul#nav li img{ vertical-align:top;}

ul#nav li a{ display:block;width:85px; height:12px;}
ul#nav li a.nav-top{ background:url(../img/menu/top_on.png) 0px 0 no-repeat;}
ul#nav li a.nav-top img{ display:none;}

.touchDevice ul#nav{ display:none}

html#sp ul#nav li a.nav-top{ background:url(../img/menu/top_on.png) -85px 0 no-repeat;}
html#sp ul#nav li a.nav-top img{ display:block;}

ul#nav li a.nav-about{ background:url(../img/menu/about_on.png) -85px 0  no-repeat;}
ul#nav li a.nav-exhibition{ background:url(../img/menu/exhibition_on.png) -85px 0  no-repeat;}
ul#nav li a.nav-space{ background:url(../img/menu/space_on.png) -85px 0  no-repeat;}
ul#nav li a.nav-access{ background:url(../img/menu/access_on.png) -85px 0  no-repeat;}
ul#nav li a.nav-rent{ background:url(../img/menu/rent_on.png) -85px 0  no-repeat;}
ul#nav li a.nav-contact{ background:url(../img/menu/contact_on.png) -85px 0 no-repeat;}



.spMenuBtn{ position:fixed; top:30px; right:30px; z-index:9005; background-color:#666; color:#fff; text-align:center; padding:15px 30px; font-size:2.5rem; font-weight:bold; display:none;}

ul#navSP{ border:solid 0px #f30; position:fixed; top:0px; left:0px; z-index:9001; width:100%; height:100%; background-color:#000; color:#fff; text-align:center; padding-top:100px; display:none;}
ul#navSP li{font-family:'revofit_by_drakoheartoriginal'; font-size:3.5rem; line-height:1; margin-bottom:10px;}
ul#navSP li a,
ul#navSP li a:link{ display:block; padding:20px 0; color:#fff !important;}



.touchDevice .spMenuBtn{ display:block;}


/* Sliding panels */
.curtains>li {
    
    box-shadow:0 0 12px #666;
}
    .curtains>li:last-child{box-shadow:none}






/* Section 1 */

#section-1{
   
    
}

  

/* Section 2 */
#section-2{
	
}


/* Section 3 */
#section-3{
	
    
}


/* Section 3 */
#section-4{
	
}


/* Section 3 */
#section-5{
	
    
}


/* Section 3 */
#section-6{

   
}


/* Section 3 */
#section-7{
	
    
}