@charset "UTF-8";

/*230728追加　アクセスのプルダウン*/

/*
  = ヘッダー
-------------------------------------------------- */


#access .pulldown {
  text-align: center;
  cursor: pointer;
}
#access .pulldown p {
  display: inline-block;
  position: relative;
  line-height: 1;
}
#access .pulldown p::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.9rem 0.5rem 0 0.5rem;
  border-color: #4a459f transparent transparent transparent;
}
#access ul li a {
  display: block;
}


/* = PC (768px以上)
----------------------------------------------- */
@media print, screen and (min-width: 768px) {

  #access {
    width: 150px;
    position: absolute;
    top: -1px;
    right: 124px;
    border: 1px solid #c9c9c9;
    background-color: #fff;
    z-index: 10;
  }
  #access .pulldown {
    font-size: 1.4rem;
    padding: 3px 0 5px;
  }
  #access .pulldown p {
    padding-right: 20px;
  }
  #access ul {
    display: none;
    padding-bottom: 4px;
  }
  #access ul li {
    border-top: 1px solid #eee;
  }
  #access ul li a {
    font-size: 1.4rem;
    text-align: center;
    padding: 3px 0;
  }
  #access ul li a:hover {
    color: #fff;
    background: #4a459f;
  }

}

/* = SP (767px以下)
----------------------------------------------- */
@media screen and (max-width: 767px) {
	
	#access{display: none;}

/*
	#access-btn {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 50%;
		height: 12rem;
		background-color: #313131;
		padding: 4rem 4.5rem 4rem 9rem;
	}
	.page_jpn #access-btn {
		padding-left: 7rem;
	}
	#access-btn .wpr {
		position: relative;
	}
	#access-btn .pulldown {
		position: absolute;
		top: 0;
		left: 0;
	}
  #access-btn .pulldown p {
		position: relative;
		font-size: 3.4rem;
		text-align: center;
		line-height: 1;
    padding-right: 10rem;
  }
	#access-btn .pulldown p::after {
		content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
		border-width: 0 1.6rem 2.7rem 1.6rem;
    border-color: transparent transparent #989898 transparent;
		transition: .2s;
	}
	.access-open #access-btn .pulldown p::after {
		display: none;
	}
	#access-btn .humburger {
		display: none;
		position: relative;
		width: 5rem;
		height: 4rem;
		margin-left: auto;
	}
	.access-open #access-btn .humburger {
		display: block;
	}
	.access-open #access-btn .humburger span {
		position: absolute;
    left: 0;
    top: 50%;
    background-color: #fff;
    width: 100%;
    height: 0.2rem;
    transition: transform .3s ease, opacity .3s ease;
	}
	.access-open #access-btn .humburger span:first-child {
		transform: rotate(225deg);
	}
	.access-open #access-btn .humburger span:last-child {
		transform: rotate(-225deg);
	}
  .access_menu {
    display: none;
		position: absolute;
		bottom: 12rem;
		left: 0;
		width: 100%;
    background-color: #313131;
  }
	.access_menu ul {
		padding: 1rem 0 2rem;
	}
	.access_menu ul li:first-child {
		border-top: 1px solid rgba(255,255,255,0.2);
	}
  .access_menu ul li {
    border-bottom: 1px solid rgba(255,255,255,0.2);
  }
  .access_menu ul li a {
		position: relative;
    font-size: 3.2rem;
    padding: 2.2rem 4rem 2.2rem 4.5rem;
  }
	.access_menu ul li a::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		right: 4rem;
    width: 1.6rem;
    height: 1.7rem;
		background: url(../img/shared/icon_arrow01.svg) no-repeat;
		background-size: 100%;
	}*/


}