@charset "utf-8";

/* -----------------------------------------------------------------
 header
----------------------------------------------------------------- */
.g_hd {
}


/* -----------------------------------------------------------------
 box_fixed
----------------------------------------------------------------- */
.g_hd .box_fixed {
	z-index: 1100;
	position:fixed;
	top:0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width:100%;
	height:70px;
	background:#fff;
	border-bottom:#ccc 1px solid;
}
@media print, screen and (min-width: 1024px) {
.g_hd .box_fixed {
	height:87px;
}
}

/*---------- logo ----------*/
.g_hd .box_fixed .logo {
	width:calc(100% - 66px - 70px);
	padding-left:5px;
	font-weight:normal;
}
.g_hd .box_fixed .logo .img >img {
	width:90%;
	max-width:220px;
}
@media print, screen and (min-width: 1024px) {
.g_hd .box_fixed .logo {
	width:calc(288px);
	margin-left:20px;
	padding-left:0;
}
.g_hd .box_fixed .logo .img >img {
	width:100%;
	max-width:none;
}
}
@media print, screen and (min-width: 1350px) {
.g_hd .box_fixed .logo {
	margin-left:45px;
}
}

/*---------- box_mylibrary ----------*/
.g_hd .box_fixed .box_mylibrary {
	width:66px;
	height:70px;
	border-left:#063e8d 1px solid;
}
.g_hd .box_fixed .box_mylibrary .btn {
	display:block;
	width:66px;
	height:70px;
	padding-top: 40px;
	background:url(/library/common/img/nav/ico_mylibrary_navy.svg) no-repeat center top 13px;
	background-size:17px;
	line-height:1.2;
	text-align:center;
	font-size:10px;
	font-size:0.71rem;
	color:#063e8d;
}
.g_hd .box_fixed .box_mylibrary .btn span {
	display:inline-block;
}
@media print, screen and (min-width: 1024px) {
.g_hd .box_fixed .box_mylibrary {
	height:87px;
}
.g_hd .box_fixed .box_mylibrary .btn {
	height:87px;
	padding-top: 48px;
	background:url(/library/common/img/nav/ico_mylibrary_navy.svg) no-repeat center top 20px;
	background-size:17px;
}
}
@media print, screen and (min-width: 1200px) {
.g_hd .box_fixed .box_mylibrary {
	display: flex;
	justify-content: center;
	align-items: center;
	width:120px;
	height:2em;
	margin-right:20px;
	border:#063e8d 1px solid;
	border-radius:2em;
}
.g_hd .box_fixed .box_mylibrary .btn {
	width:100%;
	height:auto;
	padding-top: 0;
	background:url(/library/common/img/nav/ico_mylibrary_navy.svg) no-repeat left 1.3em center;
	background-size:1em;
	text-indent:1.1em;
	font-size:13px;
	font-size:0.81rem;
}
}
@media print, screen and (min-width: 1350px) {
.g_hd .box_fixed .box_mylibrary {
	margin-right:32px;
}
}


/*---------- box_btn_menu ----------*/
.g_hd .box_fixed .box_btn_menu {
	position:relative;
	width:70px;
	height:70px;
	background:#063e8d;
}
.g_hd .box_fixed .box_btn_menu .bar {
	position:absolute;
	left:calc((70px - 27px) / 2);
	width:27px;
	height:2px;
	background:#fff;
	transition: transform .5s;
}
.g_hd .box_fixed .box_btn_menu .bar:nth-of-type(1) {
	top:calc(70px / 2 - 7px);
}
.g_hd .box_fixed .box_btn_menu .bar:nth-of-type(2) {
	top:calc(70px / 2 - 1px);
}
.g_hd .box_fixed .box_btn_menu .bar:nth-of-type(3) {
	top:calc(70px / 2 - 1px);
}
.g_hd .box_fixed .box_btn_menu .bar:nth-of-type(4) {
	top:calc(70px / 2 + 5px);
}
/*---------- box_btn_menu active ----------*/
.g_hd .box_fixed .box_btn_menu.active {
}
.g_hd .box_fixed .box_btn_menu.active .bar:nth-of-type(1) {
	opacity:0;
	transform:translateY(6px);
}
.g_hd .box_fixed .box_btn_menu.active .bar:nth-of-type(2) {
	transform:rotate(45deg);
}
.g_hd .box_fixed .box_btn_menu.active .bar:nth-of-type(3) {
	transform:rotate(-45deg);
}
.g_hd .box_fixed .box_btn_menu.active .bar:nth-of-type(4) {
	opacity:0;
	transform:translateY(-6px);
}

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

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




/* -----------------------------------------------------------------
 g_nav_pc
----------------------------------------------------------------- */
/*---------- base ----------*/
.g_hd .g_nav_pc {
	display:none;
}
@media print, screen and (min-width: 1024px) {
.g_hd .g_nav_pc {
	position:absolute;
	top:0;
	right:66px;
	display:block;
}
.g_hd .g_nav_pc .inner {
	display: flex;
	justify-content: space-between;
	width:62vw;
}
}
@media print, screen and (min-width: 1200px) {
.g_hd .g_nav_pc {
	right:155px;
}
.g_hd .g_nav_pc .inner {
	width:57vw;
}
}
@media print, screen and (min-width: 1350px) {
.g_hd .g_nav_pc {
	right:160px;
}
.g_hd .g_nav_pc .inner {
	width:57vw;
}
}
@media print, screen and (min-width: 1500px) {
.g_hd .g_nav_pc {
	right:160px;
}
.g_hd .g_nav_pc .inner {
	width:885px
}
}


/*---------- nav_ttl ----------*/
.g_hd .g_nav_pc .nav_ttl{
	display: flex;
	justify-content: center;
	align-items: center;
	height:87px;
}

/*---------- dropdown ----------*/
.g_hd .g_nav_pc .dropdown{
	position:relative;
	cursor:pointer;
}
.g_hd .g_nav_pc .dropdown .nav_ttl{
	font-weight:bold;
	font-size:16px;
	font-size:1rem;
	color:#063e8d;
}
.g_hd .g_nav_pc .dropdown .nav_ttl::after{
	content:"";
	display:block;
	flex-shrink: 0;
	width:.6em;
	height:.6em;
	margin-left:.5em;
	background:url(/library/common/img/arrow_condensed_navy_op50.svg) no-repeat center center;
	background-size: auto 100%;
	transform:rotate(90deg);
}
.g_hd .g_nav_pc .dropdown:nth-of-type(1) .nav_ttl{
	padding-left:1.7em;
	background:url(/library/common/img/nav/ico_search_navy.svg) no-repeat left center;
	background-size:1.3em;
}
.g_hd .g_nav_pc .dropdown:nth-of-type(2) .nav_ttl{
	padding-left:1.4em;
	background:url(/library/common/img/nav/ico_info_navy.svg) no-repeat left center;
	background-size:1.3em;
}
.g_hd .g_nav_pc .dropdown:nth-of-type(3) .nav_ttl{
	padding-left:1.4em;
	background:url(/library/common/img/nav/ico_pin_navy.svg) no-repeat left center;
	background-size:1.3em;
}
.g_hd .g_nav_pc .dropdown_body{
	visibility: hidden;
	opacity: 0;
	position:absolute;
	display: flex;
	flex-direction:column;
	top:87px;
	left:0;
	background:#063e8d;
	transition:.3s;
}
.g_hd .g_nav_pc .dropdown_body::before{
	content:"";
	position:absolute;
	top:-4px;
	left:1.6em;
	display:block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 3.5px 4px 3.5px;
	border-color: transparent transparent #063e8d transparent;
}
.g_hd .g_nav_pc .dropdown:hover .dropdown_body{
	visibility: visible;
	opacity: 1;
}
.g_hd .g_nav_pc .dropdown_body .nav_item{
	display:block;
}
.g_hd .g_nav_pc .dropdown_body .nav_item:hover{
	background:rgba(255,255,255,.1);
}
.g_hd .g_nav_pc .dropdown_body .nav_item .txt{
	display:block;
	margin:0 1.6em;
	padding:1em 0;
	white-space: nowrap;
	font-size:15px;
	font-size:0.94rem;
	color:#fff;
}
.g_hd .g_nav_pc .dropdown_body .nav_item+.nav_item .txt{
	border-top:#3d68a6 1px solid;
}
@media print, screen and (min-width: 1200px) {
.g_hd .g_nav_pc .dropdown .nav_ttl{
	font-size:17px;
	font-size:1.06rem;
}
}
@media print, screen and (min-width: 1350px) {
.g_hd .g_nav_pc .dropdown .nav_ttl{
	font-size:18px;
	font-size:1.13rem;
}
.g_hd .g_nav_pc .dropdown .nav_ttl::after{
	margin-left:1em;
}
}
@media print, screen and (min-width: 1500px) {
.g_hd .g_nav_pc .dropdown .nav_ttl::after{
	margin-left:1.5em;
}
}


/*---------- single ----------*/
.g_hd .g_nav_pc .single{
	position:relative;
	display: flex;
	justify-content: space-around;
	align-items: center;
	width:32%;
	margin-left:.7em;
	padding-left:.7em;
}
.g_hd .g_nav_pc .single::before{
	content:"";
	position:absolute;
	left:0;
	display:block;
	width:1px;
	height:1.2em;
	background:#d2d2d2;
}
.g_hd .g_nav_pc .single .nav_ttl{
	padding:0 .6em;
	font-size:12px;
	font-size:0.75rem;
}
@media print, screen and (min-width: 1200px) {
.g_hd .g_nav_pc .single .nav_ttl{
	font-size:13px;
	font-size:0.81rem;
}
}
@media print, screen and (min-width: 1350px) {
.g_hd .g_nav_pc .single{
	width:30%;
}
.g_hd .g_nav_pc .single .nav_ttl{
	font-size:14px;
	font-size:0.88rem;
}
}


/* -----------------------------------------------------------------
 g_nav_sp
----------------------------------------------------------------- */
/*---------- base ----------*/
.g_hd .g_nav_sp {
	display:none;
	z-index: 1000;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
}
.g_hd .box_open_menu {
	overflow-y:scroll;
	position:fixed;
	top:70px;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	background:#063e8d;
}

/*---------- nav_ttl ----------*/
.g_hd .box_open_menu .nav_ttl{
	display: flex !important;
	justify-content: space-between;
	align-items: center;
	padding:1.1em 1.1em 1.1em .7em;
	border-bottom:#fff 1px solid;
}
.g_hd .box_open_menu .nav_ttl .txt {
	font-weight:bold;
	font-size:18px;
	font-size:1.29rem;
	color:#fff;
}
.g_hd .box_open_menu .nav_ttl::after {
	content:"";
	display:block;
	flex-shrink: 0;
	width:7.5px;
	height:11px;
	background:url(/library/common/img/arrow_std_white.svg) no-repeat center center;
	background-size:100%;
}

/*---------- accordion ----------*/
.g_hd .box_open_menu .accordion .nav_ttl::after {
	transition: transform .3s;
	transform:rotate(90deg);
}
.g_hd .box_open_menu .accordion.on .nav_ttl::after {
	transform:rotate(-90deg);
}
.g_hd .box_open_menu .accordion_body {
	border-bottom:#fff 1px solid;
}
.g_hd .box_open_menu .nav_item a {
	display: flex;
	align-items: center;
	padding:1.1em .7em 1.1em 1.5em;
}

/*---------- nav_item ----------*/
.g_hd .box_open_menu .nav_item a::before {
	content:"";
	display:block;
	width:7.5px;
	height:11px;
	background:url(/library/common/img/arrow_std_white.svg) no-repeat center center;
	background-size:100%;
}
.g_hd .box_open_menu .nav_item .txt {
	padding-left:.9em;
	font-weight:bold;
	font-size:18px;
	font-size:1.29rem;
	color:#fff;
}