@charset "utf-8";
/* CSS Document */

/*========= スクロール途中でヘッダーが表示＆非表示するためのCSS ===============*/

/*.header_common{
	position: fixed;
	height: 70px;
	width:100%;
    z-index: 999;
}*/

/*　上に上がる動き　*/

.header_common_sp.UpMove{
	animation: UpAnime 0.5s forwards;
}

@keyframes UpAnime{
  from {
    opacity: 1;
	transform: translateY(0);
  }
  to {
    opacity: 0;
	transform: translateY(-100px);
  }
}

/*　下に下がる動き　*/

.header_common_sp.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 0;
	transform: translateY(-100px);
  }
  to {
  	opacity: 1;
	transform: translateY(0);
  }
}



/*==================================
アコーディオンのためのcss
===================================*/

/*アコーディオン全体*/
.accordion-area_gnav{
	display: block;
    list-style: none;
    width: 96%;
    max-width: 900px;
	height: auto;
    margin:0 auto 5%;
}

.accordion-area_gnav .gnav_box li{
	width: 100%;
    margin: 0;
	padding: 0 10px 10px;
}

.accordion-area_gnav section {
	width: 100%;
  /*border-bottom: 1px solid #696969;*/
  border-bottom: 1px solid #e8e8e8;
}

/*アコーディオンタイトル*/
.accordion-area_gnav .gnav_title {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    /*font-size:1.3rem;
    font-weight: 600;
    padding: 1.2% 5%;*/
    transition: all .5s ease;
	text-align: left;
	/*color: #262835;*/
}


/*アイコンの＋と×*/
.accordion-area_gnav .gnav_title::before {
    position: absolute;
    content:'';
    width: 5px;
    height: 5px;
	border-top: solid 2px #262835;
  	border-right: solid 2px #262835;   
}


.accordion-area_gnav .gnav_title::before{
    top:40%;
    right: 0;
    transform: rotate(45deg);
    
}
/*　closeというクラスがついたら形状変化　*/
.accordion-area_gnav .gnav_title.close::before{
  border-top: none;
  border-bottom: solid 2px #262835;
  transform: rotate(45deg);
  transition: all .1s ease !important;
}

/*アコーディオンで現れるエリア*/
.accordion-area_gnav .gnav_box {
    display: none;/*はじめは非表示*/
  	/*margin: 1% 0;*/
    padding: 10px 0 20px 10px;
}
	
.accordion-area_gnav .gnav_box li a {
	display: block;
	width: 100%;
	color: #262835;
	font-size: 1.4rem;
	font-weight: 600;
	letter-spacing: 0.1rem;
}