@charset "utf-8";

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

#header

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/


#header {

  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  z-index: 999;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    background-color:rgba(185,64,81,0.5);
    padding-left:10px;

}


@media screen and (min-width: 992px),
print {

  #header {
    height:70px;
      padding:10px 30px;
  }
}

@media screen and (min-width: 992px),
print {
.navv.change-color {
  background-color:rgba(185,64,81,0.8);
  transition: 0.3s;
}
    
    }


.sp-back{
    background-color:#9A2C2E;
}

@media screen and (min-width: 992px),
print {
    .sp-back{
    background-color: transparent;
}
}

.header-area{
    width:100%;
     display: flex;
    justify-content: space-between;
}

@media screen and (min-width: 992px),
print {
.header-area{
    max-width:1200px;
    margin:auto;
}
    }

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

ロゴ

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

.logo{
    width:70%;
    font-size:18px;
    height:50px;
    display: flex;
    flex-direction:row;
    align-items: center;
    color:#fff;
}



.logo:visited{
    color:#fff;
}



@media screen and (min-width: 992px),
print {
    .logo{
    width:30%;
        font-size:23px;

}
    .logo:visited{
    color:#fff;
}
}



/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

グローバルナビ

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/


.header-nav {
  display: none;
  width: 100%;
  height: 100vh;
  z-index: 10;
  overflow: auto;
    position: absolute;
  top: 0;
  left: 0;
  right: 0;
    background-image: url("../../../../img/nav-back-sp.jpg");
    background-repeat: no-repeat;
    background-size: cover;

}

.header-nav.is-show {
  display: block;
}

@media screen and (min-width: 992px),
print {
  .header-nav {
       width:70%;
      position:static;
    display:flex;
      justify-content: flex-end;
      height:auto;
      background-image: url("../../../../img/xxx.jpg");

  }

}

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

.g-nav

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

.g-nav{
    width:80%;
    margin:150px auto 0;
    }

@media screen and (min-width: 992px),
print {
    
    .g-nav{
margin:0;
        width:100%;
        height:auto;
    }
    
    .g-nav ul{
        display: flex;
        justify-content:flex-end;
    
}
}

.g-nav li{
    margin-bottom:20px;
    font-size:20px;
    border-bottom:1px #A7A3A3 solid;
    padding:0 10px 10px;
}

@media screen and (min-width: 992px),
print {
    .g-nav li{
    margin:0 5% 0 0;
        font-size:18px;
        width:auto;
        border:0;
        padding:10px 0 0 0;
}
    .g-nav li:last-child{
    margin:0;
}
}

.g-nav li a{
    color:#fff;
}

.g-nav li a:visited{
    color:#fff;
}

.g-nav li a:hover{
    color:#E4F7AC;
}

@media screen and (min-width: 992px),
print {
   .g-nav li a{
    color:#6E9D5F;
}

.g-nav li a:visited{
    color:#6E9D5F;
}

.g-nav li a:hover{
    color:#EDF2BF;
} 
}

.nav-link{
    display: flex;
    justify-content: space-between;
    color:#fff;
}

.nav-link:visited{
    color:#fff;
}

.nav-link:hover{
    color:#F6E5C6;
}

@media screen and (min-width: 992px),
print {
   .nav-link{
    display:block;
} 
}

.nav-icon{
    display: flex;
    flex-direction: row;
    align-items: center;
}

@media screen and (min-width: 992px),
print {
    .nav-icon{
    display:none;
}
}

.nav-name{
    color:#fff;
}

@media screen and (min-width: 992px),
print {
.nav-name{
    display: flex;
    flex-direction: row;
       align-items: center;
}
    }

/*
++++++++++++++++++++++++++++++++++++++

@media screen and (min-width: 992px),
print {
    
}

@media screen and (min-width: 768px) and (max-width:991px)
{
}

border-radius:20px; 

+++++++++++++++++++++++++++++++++++++++++
*/