@charset "UTF-8";
/* CSS Document */

body
{
background:url(../images/bg.jpg) repeat-y;
background-size: 100% auto;
font-family: "リュウミン M-KL" , "Ryumin Medium KL""ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
color:#000;
}
img {
vertical-align: bottom;
width:100%;
max-width: 100%;
height: auto;
}
a {
color:#000;
text-decoration: none;
}

#main section {
width: 90%;
max-width: 1024px;
margin: 0 auto;
}
#main section h3 {
display: table;
text-align: center;
background: url(../images/border.gif) no-repeat center bottom;
padding-bottom: 4px;
}

#footer {
text-align: center;
color: #fff;
}
#footer ul {
display: table;
margin: 0 auto;
}
#footer ul li a {
color: #fff;	
}
#footer address {
display: table;
border: 1px solid #fff;
margin-left: auto;
margin-right: auto;
}
#footer address span {
display: block;
font-size: 0.85em;
padding-bottom: 10px;
}

@media screen and (max-width: 768px){
body {
font-size: 14px;
}
	
#gNav h1 {
display: none;
}
	
/*main*/
#main {
padding-top: 30px;
}
#main section h3 {
font-size: 1em;
margin: 0 auto 20px;
}
/*footer*/
#footer {
background: url(../images/footer_bg.jpg) no-repeat center center;
background-size: cover;
padding: 20px 0 10px;
font-size: 0.7em;
margin-top: 40px;
}
#footer ul {
background: url(../images/border_w.gif) no-repeat center bottom;
padding-bottom: 15px;
margin-bottom: 20px;
}
#footer ul li {
padding: 10px 0;
}
#footer ul li a {
font-size: 1.1em;
}
#footer address {
padding: 10px;
font-size: 1.1em;
margin-bottom: 20px;
}
}

@media screen and (min-width: 769px){
body {
font-size: 16px;
}
#link li a {
opacity: 1;
-webkit-transition: .6s;
-moz-transition:.6s;
-o-transition: .6s;
transition: .6s;
}
#link li a:hover {
opacity: .7;
}
	
/*gNav*/
button {
display: none;
}
.clone-nav {
position: fixed;
top: 0;
left: 0;
z-index: 2;
width: 100%;
transition: .3s;
transform: translateY(-100%);
}
.is-show {
transform: translateY(0);
}
	

#gNav {
width: 100%;
background: #fff;
padding: 10px 0;
}
#gNav h1 {
position: absolute;
left: 50%;
margin-left: -120px;
width: 240px;
height: 76px;
}
#gNav ul li {
text-align: center;
vertical-align: middle;
border-bottom: 1px solid #DCDCDC;
padding-bottom: 20px;
}
#gNav ul li:nth-child(1) {
display: none;
}
#gNav ul li a {
display: block;
width: 100%;
font-size: 0.8em;
color:#000;
}

/*main*/
#main {
padding-top: 50px;
}
#main section h3 {
font-size: 1.4em;
margin: 0 auto 30px;
}
	
/*footer*/
#footer {
background: url(../images/footer_bg.jpg) no-repeat center center;
background-size: 100% auto;
padding: 20px 0 10px;
font-size: 0.8em;
margin-top: 100px;
}
#footer ul {
background: url(../images/border_w.gif) no-repeat center bottom;
padding-bottom: 20px;
margin-bottom: 30px;
}
#footer ul li {
padding: 20px 0;
}
#footer ul li a {
font-size: 1.2em;
}
#footer address {
padding: 20px;
font-size: 1.2em;
margin-bottom: 20px;
}
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
#gNav ul {
width: 90%;
padding-top: 100px;
margin: 0 auto;
display: table;
table-layout: fixed;
}
#gNav ul li {
display: table-cell;
width: 100%;
}
}


@media screen and (min-width: 1024px){
#gNav ul {
width: 960px;
padding-top: 50px;
margin: 0 auto;
}
#gNav ul li {
float: left;
width: 160px;
}
#gNav ul li:nth-child(3) {
margin-right: 320px;
}
#gNav ul li a {
-webkit-transition: .6s;
-moz-transition:.6s;
-o-transition: .6s;
transition: .6s;
}
}