@charset "UTF-8";
/* 全体の初期設定 */
*{
margin:0px;
padding:0px;
text-decoration:none;
background-repeat:no-repeat;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
ul , li{
list-style:none;
}
img{
vertical-align:bottom;
border:none;
}
body{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "MS P ゴシック", "MS P Gothic", sans-serif;
font-size:12px;
text-align:center;
background-color:#ffffff;
color:#000000;
}
h1 , h2 , h3 , h4 , h5 , h6{
font-size: 100%;
}

/* floatの解除設定 */
.clearfix:before , .clearfix:after{
content: " ";
display:table;
}
.clearfix:after{
clear:both;
}
.clearfix{
*zoom:1;
}


/* ヘッダー */
/* .header_wrapにposition:からz-indexまで追加 */
.header_wrap{
width:100%;
height:121px;
background-color:#fff;
margin:0 auto;
border-bottom:1px solid #ccc;
position:fixed;
left:0;
top:0;
z-index:100;
}
.cont_header{
width:1100px;
height:120px;
background-color:#fff;
margin:0 auto;
}
h1{
width:360px;
height:120px;
float:left;
}
.cont_header p{
width:380px;
height:120px;
float:right;
}


/* ナビ固定のために追加（スクロール時・トップページのスクロール前static状態を上書き） */
.navi_wrap.fixed,
body.top .navi_wrap.fixed {
position:fixed;
top:120px;
z-index:101;
}


/* ナビ*/
/* デフォルト: 常にヘッダー直下に固定表示（トップページ以外） */
.navi_wrap{
width:100%;
margin:0 auto;
position:fixed;
top:120px;
z-index:99;
background:#BA9153;
}

/* トップページ: スクロール前はスライダー下（通常フロー）に表示 */
body.top .navi_wrap{
position:static;
}
.cont_navi{
margin:0 auto;
text-align:center;
}

#menu{
font-size:13px;
}

.short{
width:120px;
text-align:center;
display:inline-block;
vertical-align:top;
border-left:1px solid #E0B175;
}

.long{
width:248px;
text-align:center;
display:inline-block;
vertical-align:top;
border-left:1px solid #E0B175;
}

.menu{
  *zoom: 1;
  list-style-type: none;
  padding: 0;
}
.menu:before, .menu:after{
  content: "";
  display: table;
}
.menu:after{
  clear: both;
}
.menu li{
  position: relative;
  display: inline-block;
  vertical-align: top;
  float: none;
  margin: 0;
  padding: 0;
  text-align: center;
  background:#BA9153;
}
.menu li:last-child{
  border-right:1px solid #E0B175;
}
.menu li a{
  display: block;
  margin: 0;
  padding: 18px 0 14px;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  box-sizing: border-box;
}
.menu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.menu li ul li{
  width: 100%;
  text-align:center;
  font-size:10px;
}
.menu li ul li a{
  padding: 13px 15px;
  border-top: 1px solid #E0B175;
  background: #BA9153;
  box-sizing: border-box;
}

.menu li a:hover{
  color:#fc0;
}

#dropmenu li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
}

.p-r{
  position: relative;
}

ul li .menu-box{
  position: absolute;
  overflow: hidden;
  height: 0;
  width:368px;
  transition: .2s;
  top:45px;
  left:0;
  z-index:0;
  border-top: 1px solid #E0B175;
}
ul li:hover .menu-box{
  position: absolute;
  overflow: visible;
  height: 50px;
  top:46px;
  background: #BA9153;
}
.footer_info{
width:1100px;
height:140px;
background-color:#fff;
margin:0 auto;
}
.footer_info_wrap01{
width:1100px;
margin:0 auto;
}
.footer_info_list{
font-size:15px;
}
.footer_info_list li{
margin:20px 0px 0px 0px;
padding:5px 40px;
border-left:1px solid #ccc;
display:inline-block;
}
.footer_info_list li a{
text-align:center;
color:#000;
}
.footer_info_list li a:hover {
color:#888;
}

.company{
border:none !important;
}


.footer_info_wrap02{
padding:20px 0px;
width:1100px;
font-size:11px;
text-align:center;
margin:0 auto;
}
.footer_info_wrap02 li{
margin:0px 0px 10px 0px;
padding:0px 10px;
display:inline-block;
}


.footer_wrap{
width:100%;
height:120px;
background-color:#000;
margin:0 auto;
position:fixed;
left:0;
bottom:0;
}
.footer_navi{
width:1100px;
margin:0 auto;
}
.footer_navi ul{
padding:10px 0px 10px 13px;
}
.footer_navi li{
margin:0px 12px 0px 0px;
float:left;
background-color:#fff;
}

#pageTop{
	position: fixed;
  bottom: 120px;
right: 15px;
z-index: 999;
}
#pageTop a {
width: 78px;
display: block;
}
#pageTop a {
	text-align: center;
	display: block;
  opacity: .8;
  transition: 0.3s;
}
#pageTop a:hover {
    opacity: 1;
}
.min-f{
  font-size: 13px!important;
}