@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
/*--------------------------------
Reset
--------------------------------*/
html,body {
height: 100%;
}
body {
margin: 0;
padding: 0;
}
p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dt,dd,iframe {
margin: 0;
padding: 0;
}
li {
list-style-type: none;
}
a {
text-decoration: none;
outline: none;
}
img{
vertical-align: bottom;
}
div,li {
box-sizing: border-box;
}

/*--------------------------------
Base
--------------------------------*/
body {
color: #1c5335;
letter-spacing: 0.4pt;
font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
}
a {
color: #ee7700;
}

#wrap {
height: 100%;
min-width: 1100px;
position: relative;
}
section,div,dt,dd {
box-sizing: border-box;
}

/*--------------------------------
Header
--------------------------------*/
#header {
min-width: 1100px;
background: #fbf7df url(../images/common/common_bg.jpg) repeat;
border-top: solid 7px #1c5335;
border-bottom: solid 1px #ede6c7;

}
#header-inner {
width: 1100px;
margin: 0 auto;
overflow: hidden;
position: relative;
/*padding: 27px 45px 28px;*/
padding: 0 45px;
}
#site-title a {
display: block;
/*width: 350px;*/
width: 98px;
height: 125px;
}
/*--------------------------------
Global Navi
--------------------------------*/
#gnav {
position: absolute;
top: 33px;
right: 0;
}
#gnav ul {
overflow: hidden;
}
#gnav li {
float: left;
width: 165px;
}
#gnav li a,
#gnav li span.comingsoon {
display: block;
width: 100%;
padding-top: 40px;
line-height: 1.1em;
color: #1c5335;
font-size: 14px;
text-align: center;
background: url(../images/common/nav_icons_header2.png) no-repeat center top;
position: relative;
}
#gnav li span.comingsoon {
opacity: 0.5;
}
#gnav li.m1 a {background-position: center top;}
#gnav li.m2 a {background-position: center -100px;}
#gnav li.m3 a {background-position: center -200px;}
#gnav li.m4 a {background-position: center -300px;}
#gnav li.m5 a {background-position: center -400px;}

#gnav li.m4 span.comingsoon {background-position: center -300px;}

#gnav li a::after {
content: '';
display: block;
background: url(../images/common/nav_bar.png) repeat-x center top;
width: 0%;
height: 7px;
margin: 0 auto;
transition: all .4s;
}
#gnav li a:hover {
opacity: 0.9;
}
#gnav li a:hover::after {
width: 80%;
}

/*--------------------------------
Sidebar
--------------------------------*/
#snsbar {
width: 44px;
position: fixed;
top: 200px;
right: 0;
z-index: 1500;
}
#snsbar p,
#snsbar li a {
display: block;
background: #1c5335;
margin-bottom: 1px;
transition: background .2s;
}
#snsbar li a:hover {
background: #ee7700;
}

/*--------------------------------
Main
--------------------------------*/
#main {
/*background: #F00;*/
}

.pankuzu {
width: 1100px;
margin: 0 auto;
font-size: 12px;
color: #1c5335;
padding: 15px 0 0 90px;
}
.pankuzu a {
color: #1c5335;
}
.pankuzu span {
padding: 0 8px;
}

#page-title,
#page-title-img {
padding-top: 35px;
text-align: center;
margin-bottom: 60px;
font-size: 44px;
font-weight: 500;
letter-spacing: 0.8pt;
color: #1c5335;
font-family: 'Asap', sans-serif;
}
#page-title .en {
background: url(../images/common/titlebar.png) repeat-x center bottom;
padding: 0 10px;
}
#page-title-img .en {
padding: 0;
}
#page-title .jp,
#page-title-img .jp {
display: block;
padding: 30px 0 0;
font-size: 16px;
letter-spacing: 2pt;
}
#page-title .jp strong,
#page-title-img .jp strong {
padding: 0 30px;
font-weight: 500;
}


/*--------------------------------
Footer
--------------------------------*/
#footer {
background: #fbf7df url(../images/common/common_bg.jpg) repeat;
color: #1c5335;
padding-top: 40px;
}
#footer-inner {
width: 1100px;
margin: 0 auto;
padding-bottom: 45px;
overflow: hidden;
}
#footer #sns p {
text-align: center;
font-size: 21px;
line-height: 1em;
margin-bottom: 35px;
letter-spacing: 1pt;
}
#footer .snsbtns {
width: 472px;
overflow: hidden;
margin: 0 auto 57px;
}
#footer .snsbtns li {
width: 226px;
height: 55px;
}
#footer .snsbtns li.fb {
float: left;
}
#footer .snsbtns li.insta {
float: right;
}
#footer .snsbtns li a {
display: block;
background: #1c5335;
border-radius: 2px;
transition: background .2s;
}
#footer .snsbtns li a:hover {
background: #ee7700;
/*background: #21a331;*/
}

#fnav {
width: 940px;
height: 70px;
margin: 0 auto 57px;
overflow: hidden;
/*background: url(../images/common/footer_nav_devider.gif) no-repeat right center;*/
}
#fnav li {
float: left;
position: relative;
/*width: 235px;*/
width: 188px;
text-align: center;
/*background: url(../images/common/footer_nav_devider.gif) no-repeat left center;*/
}
#fnav li::after {
content: '';
position: absolute;
display: block;
width: 1px;
height: 40px;
background: #1c5435;
top: 15px;
right: 0;
}
#fnav li:last-child::after {
display: none;
}

#fnav a,
#fnav span.comingsoon {
display: inline-block;
color: #1c5335;
height: 35px;
font-size: 14px;
line-height: 35px;
padding-top: 35px;
background: url(../images/common/nav_icons_header2.png) no-repeat left top;
}
#fnav span.comingsoon {
opacity: 0.5;
}
#fnav li.m1 a {background-position: center top;}
#fnav li.m2 a {background-position: center -100px;}
#fnav li.m3 a {background-position: center -200px;}
#fnav li.m4 a {background-position: center -300px;}
#fnav li.m5 a {background-position: center -400px;}
#fnav li.m4 span.comingsoon {background-position: center -105px;}

#footer-logo {
float: left;
padding-left: 115px;
}
#footer-info {
float: right;
font-size: 12px;
width: 595px;
padding-top: 6px;
line-height: 1.7em;
text-align: left;
}

#copyright {
line-height: 35px;
text-align: center;
font-family: Arial, Helvetica, "sans-serif";
font-size: 11px;
color: #fefff2;
background: #1c5335;
}