@charset "UTF-8";


html{
  min-height: 100%;
  position: relative;
}
body{
    color:#000000;
    font-family: 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
    overflow-x:hidden;
}

#colorbox, #colorbox div{
    outline:none !important;
}

::selection {
    background: #ba9b68; /* Safari */
}
::-moz-selection {
    background: #ba9b68; /* Firefox */
}

a{
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    color:#ffffff;
    text-decoration:none;
}

a:hover{
    color:#ba9b68;
}

/*header*/
#header {
    position:fixed;
    z-index:7;
    top:0px;
    width:92%;
    padding:27px 4% 18px 4%;
    background:#000000;
}

#nav .logo{
    float:left;
    margin:0px 4% 0px 0px;
}

#nav ul.sitenav{
    float:left;
    width:63%;
}

#nav ul.sitenav>li{
    position:relative;
    float:left;
    margin:50px 0px 0px 0px;
    padding:0px 4% 0px 0%;
}

#nav ul.sitenav>li>a{
    color:#ffffff;
    display:block;
    font-size:17px;
    text-decoration:none;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
}

#nav ul.sitenav>li>a:hover{
    color:#ba9b68;
}

#nav ul.sitenav>li>ul{
    display:none;
    padding:15px 0px 15px 0px;
    position:absolute;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUEBATDcpQbAAAAAXRSTlPVtl/+PQAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=");
    left:-16px;
    width:115%;
}


#nav ul.sitenav>li>ul>li>a{
    display:block;
    color:#ffffff;
    text-decoration:none;
    padding:10px 15px 10px 15px;
    margin:0px 10px 0px 10px;
    font-size:17px;
}

#nav ul.sitenav>li>ul>li>a:hover{
    color:#ba9b68;
}

#nav ul.snsnav{
    float:right;
}

#nav ul.snsnav>li{
    float:left;
    margin:40px 35px 0px 0px;
}

#nav .sp_nav{
    display:none;
}

/*header*/

#section{
    margin-top:118px;
}

#section h2{
    margin:56px 0px 50px 0px;
    width:100%;
    font-size:58px;
    text-align:center;
    font-family: "Times New Roman";
}

#section h2:before{
    content:"　";
    margin:30px 0px 0px 0px;
    width:30%;
    height:1px;
    display:block;
    background:#000000;
    float:left;
}

#section h2:after{
    content:"　";
    margin:30px 0px 0px 0px;
    width:30%;
    height:1px;
    display:block;
    background:#000000;
    float:right;
}

/*footer*/
#footer{
    position: absolute;
    z-index:7;
    bottom:0px;
    width:92%;
    padding:25px 4% 0px 4%;
    background:#000000;
    height: 120px;
}


#f_nav .logo{
    float:left;
    margin:0px 4% 0px 0px;
}

#f_nav ul.sitenav{
    float:left;
    width:50%;
}

#f_nav ul.sitenav li{
    float:left;
    margin:0px 0px 2px 0px;
    width:30%;
}

#f_nav ul.sitenav li a{
    color:#989898;
    display:block;
    font-size:13px;
    text-decoration:none;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
}

#f_nav ul.sitenav li a:hover{
    color:#D0D0D0;
}

#f_nav ul.snsnav{
    float:right;
}

#f_nav ul.snsnav li{
    float:left;
    margin:20px 35px 0px 0px;
}

#f_nav ul.snsnav li:last-child{
    margin-right:10px !important;
}

#f_nav ul.snsnav li a{
    font-size:16px;
    text-decoration:none;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
}

#f_nav ul.snsnav li a:hover{
    color:#ba9b68;
}

#f_nav ul.snsnav li a img{
    vertical-align: middle !important;
}

#f_nav ul.snsnav li a span{
    margin:0px 0px 0px 20px;
    padding:0px 0px 10px 0px;
    display:inline-block;
}

#footer #copy{
    border-top:solid 1px #434343;
    text-align:center;
    margin:10px 0px 0px 0px;
    padding:10px 0px 12px 0px;
    font-size:13px;
    color:#989898;
}

#footer .sp_snsnav{
    display:none;
}

/*footer*/


.clearfix:after {
	content:".";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}

.clearfix {
	zoom:1;
}