/*#header .global.pc-only .menu li .megaMenu figure {
	display:block;
}*/
/*****202601******/

#header{
	height:auto;
	/*height:unset;*/
}
.sp-only { display:none; }

.pc-only #header a{
	color:#FFF;
}

#wrapper #header{
	background-color:transparent;
	transition: all 0.5s ease;
}
#wrapper.is-scroll #header{
	background-color:#FFF;
	transition: all 0.5s ease;
  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
}
/*- hover layout -*/
#wrapper #header:hover{
	background-color:#FFF;
	transition: all 0.5s ease;
	.white{
		fill: #d00746;
	}
	.global.pc-only{
		a{
			color:#3F352F;
		}
		.megaMenu{
			a{
				color:#FFF;
			}
		}
	}
}
#wrapper #header:hover .logo:has(+ .btn-menu:hover) .white{
	fill: #FFF;
}
#wrapper.is-scroll #header:hover .logo:has(+ .btn-menu:hover) .white{
	fill: #d00746;
}

.accordion{
	div{
		font-weight:bold;
		color:#3F352F;
		cursor: pointer;
		position:relative;
		&:after{
			content:"＋";
			position:absolute;
			top:0;
			right:-30px;
		}
	}
	div.is-open{
		&:after{
			content:"－";
		}
	}
	.accordion_list{
		opacity:0;
		display:none;
		line-height: 0;
		transition: all 0.5s ease;
		li{
			.ttl_archive{
				font-weight:bold;
			}
		}
	}
}

.accordion_list.is-open{
	opacity:1;
	line-height: 1.4;
	display:block;
	transition: all 0.5s ease;
	li{
		
	}
}

#header .menu.main .accordion_list li span {
  font-size: 0.875rem;
}

#header .logo {
  margin-top: 2.25em;
}


#header .menu.main li .megaMenu li a:hover {
    border-bottom: none;
}



@media (min-width: 961px) {

  #header {
    pointer-events: auto;
  }

  #header .btn-menu,
  #header #switch-global {
    display: none;
  }

  #header .global.pc-only {
    /*position: static;*/
    position:relative;
    min-height: auto;
    transform: none;
    visibility: visible;
    overflow: visible;
    background: transparent;
    /*
    right:43px;
    top:50px;
    */
    padding-right:43px;
    padding-top:25px;
    /*padding-bottom: 12px;*/
    letter-spacing:1.5px;
    a{
    	font-size:1.125rem;
    	color:#3F352F;
    	padding-bottom:12px;
    	display:inline-block;
    	span{
    		padding-top:5px;
    		letter-spacing:0px;
    		padding-bottom:10px;
        font-size: 0.875rem;
    	}
    }
  }

  .is-scroll #header .global.pc-only a{
  	color:#3F352F;
  }
  #home #header .global.pc-only {
    /*right:43px;*/
    padding-right:43px;
    padding-top:30px;
    /*top:35px;*/
    transition: all 0.5s ease;
    a{
    	color:#FFF;
    }
  }
  #home .is-scroll #header .global.pc-only {
    /*right:43px;*/
    padding-top:20px;
    transition: all 0.5s ease;
    a{
    	color:#3F352F;
    }
  }

  #home .is-scroll #header .logo {
	margin-top:15px;
    transition: all 0.5s ease;
  }
  #header .global.sp-only{
  	display:none;
  }
  

  #header .menu {
    width: auto;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  #header .menu.main li {
    font-size: 0.875rem;
    margin: 0 1em;
    letter-spacing: 0.1em;
    text-align: center;
  }

  #header figure {
    display: none;
  }


  #history #header .global.pc-only {
    /*right:43px;*/
/*    padding-right:43px;
    padding-top:35px;*/
    /*top:35px;*/
    transition: all 0.5s ease;
    a{
      color:#FFF;
    }
  }
  #history .is-scroll #header .global.pc-only {
    /*right:43px;*/
    /*padding-top:20px;*/
    transition: all 0.5s ease;
    a{
      color:#3F352F;
    }
  }
}

/*
#sdgs #header .global.pc-only { display:none; }
#sdgs #header .sp-only { display:block; }
#sdgs #header .btn-menu,
#sdgs #header #switch-global {
  display: block;
}
*/

@media (min-width: 1801px) {
	#home .is-scroll #header .logo {
    	margin-top:25px;
    }
}
@media (max-width: 1480px) {
  #header .logo {
    margin-top: 2.75em;
  }
}

@media (max-width: 960px) {
  #header{
    height: 6.25em;
  }
  #home #header{
  	height:75px;
  }
  #header .global.pc-only { display:none; }
  #header .sp-only { display:block; }

  #history #header{
    height:75px;
  }
  #history .is-scroll #header .btn-menu span {
    color: #3f352f;
  }
  #history .is-scroll .btn-menu:before, #history .is-scroll .btn-menu:after {
    background-color: #3f352f;
  }
  #home :not(.is-scroll) #header:hover,#history :not(.is-scroll) #header:hover {
    background-color: transparent;
  }
  #home #header .logo {
    margin-top: 2em;
  }
  #history #header .logo {
    margin-top: 2.875em;
  }
}


@media screen and (max-width: 767px) {
  #header .sp-only .global {
    transform: translateX(100%);
  }

  #header #switch-global:checked ~ .global {
    transform: translateX(0);
  }
}

#header .sp-only input:checked + .global {
  transform: translateX(0);
}

/***--- メガメニュー ---***/
#header .global.pc-only menu {
	position:relative;
}
.megaMenu {
  /*background-color: #19192b;*/
  /*background-color:#9C9692;*/
  /*background-color: #124A74;*/
  /*background-color:#f6f5f5;*/
  background-color:#848080;
  left: 0;
  position: absolute;
  text-align: center;
  /*
  opacity: 1;
  visibility: visible;
  */
  opacity: 0;
  visibility: hidden;
  
  width: 100%;
  transition: all 0.5s ease;
  span{
  	display:none;
  	opacity: 0;
  	visibility: hidden;
  }
  figure{
  	display:none;
  	opacity: 0;
  	visibility: hidden;
  }
}
.megaMenu-list {
  width:100%;
  box-sizing:border-box;
  padding:0 20px 25px;
  display: flex;
  justify-content:center;
}
.megaMenu-item {
  width:calc((100% - 100px)/4);
  
}
/* メニューをhoverした時のスタイル */
/*#header .global.pc-only .menu > li:hover .megaMenu {*/
#header .global.pc-only .menu > li:hover .megaMenu {
  opacity: 1;
  visibility: visible;
  /*top:43px;*/
  transition: all 0.5s ease;
}
#header .global.pc-only .menu > li:hover .megaMenu span {
	display:block;
	width:100%;
	margin:15px 0 5px;
	text-align:center;
	font-size:1rem;
	opacity: 1;
	visibility: visible;
  /*color:#3F352F;*/
  color:#fbf8f8;
}
.is-scroll #header .global.pc-only .menu > li:hover .megaMenu span {
	color:#fbf8f8;
}
#header .global.pc-only .menu > li:hover .megaMenu figure {
	display:block;
	width:100%;
	opacity: 1;
	visibility: visible;
  overflow: hidden;
  aspect-ratio: 16 / 9;
	img{
		width:100%;
    transition: all 0.5s ease;
    object-fit: cover;
    height: 100%;
	}
}
#header .global.pc-only .menu > li:hover .megaMenu a {
  width: 100%;
}
#header .global.pc-only .menu > li:hover .megaMenu a:hover figure {
  img{
    transform: scale(1.1);
  }
}