@charset "utf-8";

/*------------------------------------------------------------------------------------------------------------------------
	Universal Style
------------------------------------------------------------------------------------------------------------------------*/
html{font-size:62.5%;}
body{
background:#fff;
color:#333;
font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
-webkit-text-size-adjust:100%;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section{
display:block;
}
html,body,div,
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section,
h1,h2,h3,h4,h5,h6,
p,dl,dt,dd,ul,ol,li,img,
table,caption,th,td,
form,fieldset,legend,input,textarea,select,
pre,code,blockquote,address{
margin:0;
padding:0;
}
img{
max-width:100%;
height:auto;
border:0;
vertical-align:bottom;
}
ul{
list-style-position:outside;
list-style-type:none;
}
ol{
margin-left:2em;
list-style-position:outside;
}
dl dd{
margin-bottom:7px;
}
em{
font-style:normal;
color:#f00;
}
table{
border:medium none;
border-collapse:collapse;
}
th,td{
font-weight:normal;
vertical-align:top;
}
a:link{color:#00f;}
a:visited{color:#800080;}
a:hover,
a:active{color:#f90;}

fieldset{border:0;}
legend{display:none;}
input{vertical-align:middle;}
input[type="text"],
input[type="password"],
input[type="submit"]{
-webkit-appearance:none;
border-radius:0;
}
select{border-radius:0;}
sup{vertical-align:text-top;line-height:0.6;}
sub{vertical-align:baseline;}
iframe{border:0;}

::before,
::after{display:inherit;}

/* 枠組み */

/*========================================================================================================================
Base Layout
========================================================================================================================*/
#page{

}
#universal{

}
#layout{

}

#shadow01,
#shadow02{
display:none;
position:fixed;
top:0;
left:0;
z-index:900;
width:100%;
height:100%;
background:rgba(0,0,0,.7);
}
#shadow01.open,
#shadow02.open{display:block;}


/*------------------------------------------------------------------------------------------------------------------------
Header Area
------------------------------------------------------------------------------------------------------------------------*/
header{

}
header #site-id{

}
header .utility{

}


/*------------------------------------------------------------------------------------------------------------------------
GlobalNavi Area
------------------------------------------------------------------------------------------------------------------------*/
#global-nav{

}
#gnav-menu,
#gnav-close{display:none;}
#global-nav .navigation{

}
#global-nav .navigation li{

}


/*------------------------------------------------------------------------------------------------------------------------
Contents Area
------------------------------------------------------------------------------------------------------------------------*/
#contents{

}
#main-contents{

}

/* local-nav
--------------------------------------*/
/*-----
#nav-contents{

}
#nav-contents #local-nav{

}
#nav-contents #relate-nav{

}
#sub-contents{

}
-----*/

/*------------------------------------------------------------------------------------------------------------------------
Footer Area
------------------------------------------------------------------------------------------------------------------------*/
footer{

}
footer > .lay{

}
footer .utility01{

}

#copyright{

}


/*------------------------------------------------------------------------------------------------------------------------
clearFix
------------------------------------------------------------------------------------------------------------------------*/
header:after{
display:block;
content:'';
clear:both;
}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
screen
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 767px以下
------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:767px){

/* global-nav
--------------------------------------*/
#global-nav{
margin:0 auto;
padding:0;
width:auto;
min-width:320px;
background:#fafbfc;
}
#global-nav-lay{
position:relative;
margin:0 auto;
width:auto;
}
#gnav-menu{
display:block;
overflow:hidden;
position:absolute;
top:5px;
right:5px;
z-index:5000;
margin:0;
width:38px;
height:38px;
background:url(../images/bg/sp/gnav-menu.png) left top no-repeat;
background-size:76px 38px;
font-size:0;
text-indent:100%;
}
#gnav-menu a{
display:block;
width:38px;
height:38px;
}
#gnav-menu.open{background-position: -38px 0;}
#global-nav .navigation{
display:none;
overflow:hidden;
margin:0 auto;
}
#global-nav.open .navigation{display:block;}

#global-nav .navigation ul li{
float:none;
padding:0;
width:auto;
}


}