@charset "utf-8";


/* 共通 */
.c-header {
	margin-bottom:  30px;
}
.dropmenu{
  *zoom: 1;
  list-style-type: none;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: flex;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a{
  display: block;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  margin: 0;
  padding: 0;
  width: 200%;
	z-index: 100;

}
.dropmenu li ul li{
  width: 100%;
  display:block;
  text-align: left;
  text-indent: 0.6em;
  background-color: #F2F2F2;
  overflow: visible;
}
.dropmenu li ul li a:hover {
  background-color: #6A6A6A;
  color: #FFFFFF;
}

.br_pc {
	display: block;
}
.aco_pc {
	display: block;
}
.aco_sp {
	display: none;
}




@media screen and (min-width:768px){
/* フェードイン */
#fade-in li ul{
  visibility: hidden;
  opacity: 0;
  transition: 0s;
}
#fade-in li:hover ul{
  visibility: visible;
  opacity: 1;
}
#fade-in li ul li a{
  visibility: hidden;
  opacity: 0;
  transition: .5s;
}
#fade-in li:hover ul li a{
  visibility: visible;
  opacity: 1;
  transition: .5s;　　
}


/* フェードインからダウン */
#fade-in2 li ul{
  opacity: 0;
  top: 50%;
  visibility: hidden;
  transition: .5s;
}
#fade-in2 li:hover ul{
  top: 100%;
  visibility: visible;
  opacity: 1;
  transition: .5s;
}


/* フェードイン（横） */
#left-to-right ul{
  overflow: hidden;
  width: 0;
  transition: .5s;
}
#left-to-right li:hover ul{
  width: 200%;
  transition: .5s;
}
#left-to-right li:hover ul li a{
  white-space: nowrap;
}


/* 回転 */
#flip2 li ul {
  visibility: hidden;
  perspective: 400px;
}
#flip2 li:hover ul{
  visibility: visible;
}
#flip2 ul li{
  transform: rotateY(90deg);
  transform-origin: 50% 0;
  transition: .3s;
}
#flip2 li:hover li{
  transform: rotateY(0);
}
#flip2 ul li:nth-child(2) {
  transition-delay: .1s;
}
#flip2 ul li:nth-child(3) {
  transition-delay: .2s;
}
#flip2 ul li:nth-child(4) {
  transition-delay: .3s;
}
#flip2 ul li:nth-child(5) {
  transition-delay: .4s;
}

}




@media screen and (max-width:767px){
.c-header__nav.opened .c-header__link li:nth-child(12) {
-webkit-transition-delay: 0.97s;
transition-delay: 0.97s; }
.c-header__nav.opened .c-header__link li:nth-child(13) {
-webkit-transition-delay: 1.11s;
transition-delay: 1.11s; }
.c-header__nav.opened .c-header__link li:nth-child(14) {
-webkit-transition-delay: 1.18s;
transition-delay: 1.18s; }
.c-header__nav.opened .c-header__link li:nth-child(15) {
-webkit-transition-delay: 1.25s;
transition-delay: 1.25s; }
.c-header__nav.opened .c-header__link li:nth-child(16) {
-webkit-transition-delay: 1.32s;
transition-delay: 1.32s; }
.c-header__nav.opened .c-header__link li:nth-child(17) {
-webkit-transition-delay: 1.39s;
transition-delay: 1.39s; }
.acoclose {
  display: none;
}
.c-header__link {
padding: 125px 0 0 15px;
}
.dropmenu li a {
	display:inline-block;
	text-align: left;
}
.dropmenu li span {
	font-weight: normal;
}
.dropmenu li ul li a span {
	color: #000;
}
.acoclose li a:hover span {
	color: #fff;
}
.dropmenu li{
  float: none;
  display:block;
  width: 100%;
  text-align: left;
}
.acodown_sp {
	display:block;
	width:100%;
	height:35px;
	line-height:35px;
	font-size: 2rem;
	font-weight: bold;
	font-family: 'gotham', sans-serif;
	color: #FFF;
	text-align:left;
	margin-bottom: 30px;
	cursor:pointer;
}
.acoclose li {
	width:100%;
	display:block;
	text-indent: 0.6em;
	margin-bottom: -8px;
}

.acoclose li a {
	background-color:#f2f2f2;
	width:100%;
	height:35px;
	line-height:35px;
	display:block;
	font-size: 2rem;
	font-weight: bold;
	font-family: 'gotham', sans-serif;
	color: #000;
	text-align:left;
}
.acoclose li a span {
	font-size: 1.0rem;
	color: #000;
    font-weight: normal;
}
.acoclose li a:hover {
	background-color:#81292d;
	color: #fff;
	transition: .5s;
}
.br_pc {
	display: none;
}
.aco_pc {
	display: none !important;
}
.aco_sp {
	display: block;
}


}


.acoclose li  {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
