#wrap { width: 100%; min-width: 320px; position: relative; margin: 0 auto; overflow: hidden; visibility: hidden; }
#header { width: 100%; position: relative; margin: 0 auto; }
#container { width: 100%; position: relative; margin: 0 auto; }
.inner { width: auto; margin-left: 8.3%; margin-right: 8.3%; }
.inner02 { width: auto; margin-left: 18.75%; margin-right: 18.75%; }
#footer { width: 100%; clear: both; position: relative; margin: 0 auto; }

@media all and (max-width: 1400px){
 .inner, .inner02 { width: auto; margin-left: 3.90625%; margin-right: 3.90625%; }
 }
 
 /* 20250901 異붽� */
 .header-top{
  background: linear-gradient(90deg, #A35A5B 0%, #7B6127 100%);
 }
 .header-top .inner{
  height: 46px !important;
  padding: 15px 0;
 }
 .header-top .inner .left{
  display: flex !important;
  align-items: center;
  gap: 35px;
 }
 .header-top .inner .left >div{
  display: flex;
  align-items: center;
 }
 .header-top .inner .left span+span{
  display: flex;
  align-items: center;
}
 .header-top .inner .left span+span::before{
  content: '';
  width: 1px;
  height: 12px;
  background-color: #fff;
margin: 0 16px;
 }
 .header-top .inner .right{
  display: flex;
  align-items: center;
  gap: 16px;
 }
 .header-top .inner .right a+a{
  display: flex;
  align-items: center;
 }
 .header-top .inner .right a+a::before{
  content: '';
  width: 1px;
  height: 12px;
  background-color: #fff;
 margin-right: 16px;
 }
 .header-top .inner a,
 .header-top .inner span{
  color: #FFF;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
 }
 .header-top .fw700{
  font-weight: 700;
 }

 @media all and (max-width:768px) {
  .header-top .inner .right {
    display: none;
  }
  .header-top .inner .left {
    gap: 15px;
    width: 100%;
    justify-content: flex-end;
    height: 46px;
}
 }