@charset "utf-8";



header .fixbar {
width: 100%;
background-color: #fff;
height:80px;
}


.fixed {
position: fixed;
top: 0;
left: 0;
z-index: 2;
width: 100%;
background-color: rgba(243,243,243,0.7) ;
transition: .3s;
height:80px;
}
@media only screen and (max-width:1199px){
.fixed {
position: relative;
border-bottom: none;
box-shadow:none;
background-color: rgba(255,255,255,0) ;
z-index:9999;
height: auto;
}
}



button.menuBtn{
display: none;
}
@media only screen and (max-width:1199px){
button.menuBtn{
display:block
}
}



/* ナビゲーション
-------------------------------------------------------------------------------------------- */
.nav_wrapper {
width: 100%;
z-index: 11;
}


#navigation_inner{
width:100%;
margin:0 auto;
position:relative;
height:80px;
}
@media only screen and (max-width:1199px){
#navigation_inner{
height:70px;
}
}



.sp_drawer_top{
display:none;
}



.primary_nav{
padding:0;
float: right;
text-align: right;
}

@media only screen and (max-width:1199px){
.primary_nav{
float:none;
text-align: right;
padding:0px;
width:80%;
margin:50px auto;
}
}

@media only screen and (min-width:1200px){
.fixed .primary_nav{
text-align: right;
padding: 0px;
height: 74px;
}
}



.primary_nav > li{
/* border-left: 1px solid #fff;
border-right: 1px solid #fff; */
flex: 1;
margin-left: -1px;
}
@media only screen and (max-width:1199px){
.primary_nav > li{
border:none;
flex:none;
margin-left: 0;
}
}


.primary_nav > li span,
.primary_nav > li a{
display: block;
line-height:1.0;
padding: 36px 32px 30px 32px;
font-size:16px;
text-align: center;
text-decoration: none;
transition: .3s;
color:#333;
}
@media only screen and (max-width:1199px){
.primary_nav > li span,
.primary_nav > li a{
padding: 24px 19px;
}
}


@media only screen and (min-width:1200px){
.primary_li{
display: none;
}
}			


.primary_nav li span,
.primary_nav li a{
position: relative;
display: inline-block;
font-weight:normal;
width: 100%;
white-space: nowrap;
}
@media only screen and (max-width:1199px){
.primary_nav li span,
.primary_nav li a{
height:auto;
}
}


.primary_nav li span:hover,
.primary_nav li a:hover{
transition: .3s;
}
@media only screen and (max-width:1199px){
.primary_nav li span:hover,
.primary_nav li a:hover{
border:none;
}
}


.fixed .primary_nav > li span,
.fixed .primary_nav > li a{
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color:#222;


}
@media only screen and (max-width:1199px){
.fixed .primary_nav > li span,
.fixed .primary_nav > li a{
}
}

@media only screen and (max-width:1199px){
.primary_nav_contact a {
color: #fff !important;
width: 80%;
margin: 25px auto 0;
text-align: center !important;
border-radius: 20px;
padding: 12px !important;
background-color:#da4453;
}
}







li.contact_but a{
background-color:#da4453;
color:#fff;
}

@media only screen and (max-width:1199px){
 li.contact_but a{
color: #fff !important;
margin: 25px auto 0;
text-align: center !important;
border-radius: 20px;
padding: 12px !important;
background-color:#da4453;
max-width: 250px;
}
}



.fixed li.contact_but a{
background-color:#da4453;
color:#fff;
}


/* ホバー時にアンダーLINE
-----------------------------------------*/
.primary_nav li a{
position: relative;
z-index: 1;

}
.primary_nav li a::after {
content: '';
position: absolute;
bottom: 0px;
width: 0%;
height: 5px;
background: #f2ad35;
z-index: -1;
transition: all 0.4s;
left: 50%;
transform: translateX(-50%);
}

.primary_nav .secondary_nav li a::after {
height:0
}

.primary_nav li a:hover::after{
width: 100%;
}
@media only screen and (max-width:1199px){
.primary_nav li a:hover::after{
width: 0%;
}
}
/* ----------------------------------------- */



.secondary_nav{
position: absolute;
top:80px;
display: none;
z-index: 9999;
}
@media only screen and (max-width:1199px){
.secondary_nav{
position:relative;
left: 0px;
top:0px;
display: none;
z-index: 1;
background-color:#071c35;
padding:0;
border:none;
}
}


.secondary_nav li{
padding: 0px;
}

.secondary_nav li a{
display: block;
padding: 16px 12px;
width:170px;
font-size: 15px;
background-color: #333;
transition: all 0.4s;
color:#fff;
-moz-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
text-align:left;

}
@media only screen and (max-width:1199px){
.secondary_nav li a{
background-color:#000;
}
.secondary_nav li a:before {
content: " - ";
}
.secondary_nav li a{
width: 100%;
border:none;
}
}


.secondary_nav li a:hover{
background-color:#44b764;
}
@media only screen and (max-width:1199px){
.secondary_nav li a:hover{
background-color:#dae8cf;
}
}

.secondary_nav:before {
content: "";
position: absolute;
left: 50%;
top: -20px;
margin-left: -10px;
border-width: 10px;
border-color: transparent;
border-style: solid;
border-bottom-color:#333;
z-index: 10;
}
@media only screen and (max-width:1199px){
.secondary_nav:before {
border:none;
}
}

.fixed .secondary_nav{
position: absolute;
top: 64px;
width:154px;
}
.fixed .secondary_nav li a{
display: block;
padding: 16px 12px;
background-color:#333;

-moz-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
color: #fff;
 font-weight: normal;
}
@media only screen and (max-width:1199px){
.fixed .secondary_nav li a{
background-color:#000;
width:100%;
}
}


.fixed .secondary_nav li a:hover{
background-color:#44b764;
}
@media only screen and (max-width:1199px){
.fixed .secondary_nav li a:hover{
background-color:#dae8cf;
}
}


.primary_nav {
display: flex;
font-size: 14px;
line-height: 74px;
margin-bottom: 0;
text-align: center;
}
@media only screen and (max-width:1199px){
.primary_nav {
display:block;
line-height: 1.0;
padding-bottom:50px;
}
}