/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
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{ box-sizing:border-box; border:0;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
hr{ border:0;}
button{ border:0; padding:0; background:none; font-size:1em; outline:0;}



@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);


/*/////////////////////////
「Thin 100」、「Light 300」、「DemiLight 350」、「Regular 400」、「Medium 500」、「Bold 700」、「Black 900」
//////////////////////////*/


/*/////////////////////////
base layout　helve
//////////////////////////*/
html,body{
	   font-family: 'Noto Sans Japanese', sans-serif;

	font-style: normal;
	font-size:14px;
	font-weight: 700;
	line-height:1.4;
	width:100%;
	
	background:url(./img/back_side.png);
	 font-feature-settings : "palt";


}


body{


	letter-spacing:0.05em; 

	width:100%;
	height:100%;
	overflow-y:scroll;
	overflow-x:hidden;
	
	text-align:left;
	
	
	
	color:#fff;
	

}

body.fixed{ overflow-x:hidden;}


img{ vertical-align:bottom;}

a, a:link {
	color:#c00;

    text-decoration:underline;
	outline:0;
	
}
a:hover, a:active {
	color:#c00;

    text-decoration:none;
}
a:visited {
	color:#c00;
   
    text-decoration:none;
}


h1,
h2,
h3,
h4,
h5,
h6{ padding:0; margin:0 auto 0 auto; font-weight:normal; display:block;}


hr{ border:0; padding:0; margin:0; height:1px;}
p{ margin-bottom:2em;}

select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}


:placeholder-shown {
    color: #c00; }

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    color: #c00; }

/* Firefox 18- */
:-moz-placeholder {
    color: #c00; opacity: 1; }

/* Firefox 19+ */
::-moz-placeholder {
    color: #c00; opacity: 1; }

/* IE 10+ */
:-ms-input-placeholder {
    color: #c00; }
	

/* loading cover
----------------------------------------------- */

#loader{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background:#522500;
	z-index:9999;
	
}

#loadingAnim{
	position: fixed;
	top: 50%;
	left: 50%;
	width: 35px;
	height: 35px;
	margin:-15px 0 0 -18px;
	display:none;
	
	

}

#loading_count{
	display:none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin:30px 0 0 -50px;
	text-align:center;

	color:#999;
	font-size:1rem;
	width:100px;
	
	padding:0;
}

/* IE Only
----------------------------------------------- */
#dp_swf_engine{ display:none;}


/* wrap
----------------------------------------------- */

#container	{ opacity:1; position:relative; z-index:5; width:100%; height:auto;}

body#top.home #container	{ width:100%; height:auto;}
#container.open{ opacity:1;}

.pcDevice{}
.touchDevice{}




#base		{  position:relative; width:100%; max-width:1000px; margin:auto; padding:0px 40px 0px 40px;}



.touchDevice body #base{ max-width:1600px }



header.global{width:100%;margin:auto;    min-width: 500px; }


#primary{ position:relative; width:100%;margin:auto; padding:10px; margin-bottom:20px;  min-width: 500px;
    background-color: #c2894b;}




.globalInner{width:100%; max-width:1200px; margin:auto; position:relative;}

.touchDevice .globalInner{ max-width:1600px }





/* action
----------------------------------------------- */
#bg{ position:fixed;width:100%;min-width:600px; height:100%; top:0; left:0; z-index:1; background:url(./img/bg.jpg) right center no-repeat; background-size:cover;}

#bgCover{  
	position:fixed; 
	top:0; 
	left:0; 
	z-index:2; 
	width:100%; 
	height:100%; 
	background-color:#000; 
	opacity:0; 
	transition: all 1000ms cubic-bezier(0.77, 0, 0.175, 1);
}

#bgCover.active{ opacity:.6;}


/* action
----------------------------------------------- */
#container.fixed{ position:fixed;width:100%; height:100%; overflow:hidden; }