@charset "utf-8";


/*=================================
   header(pc)
  =================================*/
.fixed-header-pc{
width: 100%;
/*height: 176px;*/
z-index: 99;
padding: 0em 0 0.6em;	
font-family: "Noto Sans JP", sans-serif;
letter-spacing: 0.02em;	
}


.fixed-header-pc.sticky{

position: fixed;	
top: 0;
left: 0;
border-top: 5px solid #e394ac;
background: #fff;
/*	
border-radius: 35px 0px 35px 0px;
width: calc(100% - 30px); 
margin-left: 15px;
top: 15px;	
background: rgba(255,255,255,0.9);
*/
	box-shadow: 0px 1px 3px 3px rgba(0,0,0,0.03);	
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;	
}

@media screen and (max-width:1000px){

.fixed-header-pc.sticky{
position: initial;	
background: initial;
box-shadow: initial;	
}

}

/*ナビ枠*/
.menu_area{
	flex:5;
}


/*メガナビ*/
.menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	position: relative;
	z-index: 10;
	/*width: 1100px;*/
	margin: auto;
	font-weight:600;
	font-size: 15px;
	margin-top: 3px;
}

.menu .menu_list {
	position:relative;	
	transition: 0.5s;	
	text-align: center;
	padding: 0px 0px 0 0;
	margin-right: 30px;
}


@media screen and (max-width:1260px){



	
}

.menu .menu_list > a {
	display: block;
	/*padding: 10px;*/
	text-align: center;
	transition: .3s;
	color: #2f2f2f;
}

.menu .menu_list::before{
  content: "";
  width: 1px;
  height: 16px;
  background-color: #2f2f2f;
  position: absolute;
  top: 7px;
  left: -15px;
}

.menu::after{
  content: "";
  width: 1px;
  height: 16px;
  background-color: #2f2f2f;
  position: absolute;
  top: 7px;
right: 15px;	
} 

/*アニメショーン*/
.menu .menu_list > a::after {
position: absolute;
left: 0px;
content: '';
width: 100%;
height: 3px;
background: #f9e7ed;
bottom: 0px;               /*アンダーラインがaタグの下端から現れる*/
transform: scale(0, 1);     /*アンダーラインの縮尺比率。ホバー前はx方向に0*/
transform-origin: left top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の左端*/
transition: transform 0.3s; /*変形の時間*/
}

.menu .menu_list > a:hover::after {
transform: scale(1, 1);     /*ホバー後、x軸方向に1（相対値）伸長*/
}



/*現ページ*/
/*.home .fixed-header-pc .navi01 .thispage1 a::after,*/
.page_home .fixed-header-pc .thispage1 a::after, 
.page_guide .fixed-header-pc .thispage2 a::after, 
.page_service .fixed-header-pc .thispage3 a::after, 
.page_company .fixed-header-pc .thispage4 a::after,
.page_contact .fixed-header-pc .thispage5 a::after
{
/*transform: scale(1, 1);     ホバー後、x軸方向に1（相対値）伸長*/
/*background: #2f2f2f;*/	
}

.page_home .fixed-header-pc .thispage1 a, 
.page_guide .fixed-header-pc .thispage2 a, 
.page_service .fixed-header-pc .thispage3 a, 
.page_company .fixed-header-pc .thispage4 a,
.page_contact .fixed-header-pc .thispage5 a
{
color: #fff;	
}


.parties_btn{
	background: #efbbcb;
	border-radius: 10px;
	display: inline-block;
	margin:5px 40px 0px 0;
}

.parties_btn a{
	display: block;
	color: #2f2f2f;
	padding: 3px 20px;
	font-size: 15px;
}

.parties_btn a:hover{
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	opacity: 0.6;
}

@media screen and (max-width:560px){

.parties_btn{
	background: #efbbcb;
	border-radius: 10px;
	display: inline-block;
	margin:5px 20px 0px 0;
}
	
}

/*=================================
 共通
  =================================*/

.fixed-header-container figure img{cursor: pointer;}

.header-pc{
    display: block;
}
.header-sp{
    display: none;
}

/*@media screen and (max-width:1360px){*/

@media screen and (max-width:1000px){
  .header-pc{
      display: none;
  }
  .header-sp{
      display: block;
  }
}	

