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

/****************************************************************
header
****************************************************************/
header {
  /* background-color: #de3c1f; */
  width:100%;
  z-index: 1500;
  position: absolute;
}
.headerInner {
  max-width:1200px;
  margin: 0 auto;
  /* Flex */
  display: -ms-flexbox; /* IE10 */
  display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
  display: -webkit-flex; /* Safari6.1以降 */
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  /* 上下高さ */
  -webkit-box-align:stretch;/*--- Androidブラウザ用 ---*/
  -ms-flex-align:stretch;/*--- IE10 ---*/
  -webkit-align-items:stretch;/*--- safari（PC）用 ---*/
  align-items:stretch;
}
/* ===========================================
headerLogo
============================================ */
.headerLogo {
  /* 幅 */
  /* -webkit-flex-basis: 200px;
  flex-basis: 200px; */
  /* 左揃え */
  -webkit-justify-content:flex-start;/*--- safari（PC）用 ---*/
  justify-content:flex-start;
  /* 幅 */
  flex-grow: 0;
  display: none;
}
.headerLogo .logo {
  font-family: 'Archivo Black', sans-serif;
  font-size: 7rem;
  font-weight: bold;
  font-weight: normal;
  text-align: center;
  line-height: 1.2;
  margin:40px 0 0 40px;
  color: #fff;
  text-shadow:
  -2px -2px #de3c1f, 2px -2px #de3c1f,-2px 2px #de3c1f,2px 2px #de3c1f,
  -2px -1px #de3c1f,
  -3px 0px #de3c1f,
  -4px 1px #de3c1f,
  -5px 2px #de3c1f,
  -6px 3px #de3c1f,
  -7px 4px #de3c1f,
  -8px 5px #de3c1f,
  -9px 6px #de3c1f,
  -10px 7px #de3c1f,
  -11px 8px #de3c1f,
  -12px 9px #de3c1f,
  -13px 10px #de3c1f,
  -14px 11px #de3c1f,
  -15px 12px #de3c1f,
  -16px 13px #de3c1f,
  -17px 14px #de3c1f,
  -18px 15px #de3c1f,
  -19px 16px #de3c1f,
  -20px 17px #de3c1f;
}

.headerLogo img {
  vertical-align: bottom;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  -webkit-transition: all .3s;
  transition: all .3s;
}
@media (max-width: 761px){
  .headerLogo .logo {
    font-size: 4rem;
    margin: 60px 0 0 20px;
  }
}

/* ===========================================
headerNav
============================================ */
.headerNav {
  /* 幅 */
  flex-grow: 1;
  /* 上下中心 */
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.headerNav__btnOpen {
  display:none;
}
.headerNav__contents {
  height:100%;
  /* Flex */
  display: -ms-flexbox; /* IE10 */
  display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
  display: -webkit-flex; /* Safari6.1以降 */
  display: flex;
  /* 並び方向 */
  /* -ms-flex-direction:row; /*IE10*/ */
	/* -webkit-flex-direction:row; /*old webkit browser*/ */
	/* flex-direction:row; */
  /* 右揃え */
  -webkit-justify-content:flex-end;/*--- safari（PC）用 ---*/
  justify-content:flex-end;
}
.headerNav__list {
  height:100%;
  text-align: center;
  vertical-align: middle;
  position: relative;
  white-space: nowrap;
  margin:0 16px;
  /* Flex */
  display: -ms-flexbox; /* IE10 */
  display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
  display: -webkit-flex; /* Safari6.1以降 */
  display: flex;
  /* 上下中心 */
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.headerNav__list__item {
  height:100%;
  position: relative;
}
.headerNav__list__item a {
  color: #fff;
  display:block;
  padding: 0 12px;
  height: 100%;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  /* Flex */
  display: -ms-flexbox; /* IE10 */
  display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
  display: -webkit-flex; /* Safari6.1以降 */
  display: flex;
  /* 上下中心 */
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.headerNav__list__item a:hover,
.headerNav__list__item a.active {
  background-color: #640E13;
}
.headerNav__list__item.is-active {
  background-color: #640E13;
}
/*** Nav Dropdown ***/
.headerNavDropdown {
  display:block;
  background-color:#640E13;
  position:absolute;
  top:100%;
  left:0;
  z-index: 5000;
  min-width:250px;
  color:#FFF;
  box-shadow: 6px 6px 6px -6px rgba(0,0,0,0.4);
}
.headerNavDropdown a {
  text-align: left;
  padding: 8px 12px;
}
.headerNavDropdown a:hover {
  background-color: #cb5201;
}
/* ===========================================
headerLink
============================================ */
.headerLink {
  flex-grow: 0;
  color: #fff;
  /* Flex */
  display: -ms-flexbox; /* IE10 */
  display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
  display: -webkit-flex; /* Safari6.1以降 */
  display: flex;
  /* 幅 */

  /* 上下中心 */
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  /* 右揃え */
  -webkit-justify-content:flex-end;/*--- safari（PC）用 ---*/
  justify-content:flex-end;
}
.headerLink a {
  color: #fff;
  display:inline-block;
}
.headerLink a:hover,
.headerLink a.active {
  background-color: transparent;
}
/*** link favorite ***/
.headerLink__favorite {
  display: inline-block;
  font-size: 1.4rem;
}
.headerLink__favorite i {
  position: relative;
  margin: 0 4px 0 0;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.headerLink a:hover i {
  transform: scale(1.2);
}
/****************************************************************
header in grandTop
****************************************************************/
.headerInner--grandTop {
  background-color: transparent;
  border-top: 6px solid #ed6103;
}
.headerInner--grandTop .headerLogo {
  display: none;
}
.headerInner--grandTop .headerNav__list__item {
  font-size:16px;
}
.headerLink {
  padding: 0 12px 0 0;
}

@media (max-width: 991px){
  .headerInner {
    max-width:100%;
    display:block;
  }
  .headerNav__contents {
    position: fixed;
    background-color: rgba(0,0,0,0.4);
    width: 100%;
    height: 100%;
    z-index: 9999;
    top: 0;
    right: 0;
    display: none;
  }
  .headerNav__close {
    width: 14%;
    float: left;
    height: 100%;
    display: block;
  }
  .headerNav__list {
    background: white;
    width: 86%;
    height: 100%;
    overflow-y: scroll;
    /* 横並び */
    -webkit-flex-direction:column;/*--- safari（PC）用 ---*/
    flex-direction:column;
    background-color: #ccc;
  }
  .headerNav__list__item {
    height:auto;
  }
  .headerNavDropdown {
    position: relative;
  }


  .headerNav__btnOpen {
    width: 25px;
    height: 19px;
    display:block;
    position: absolute;
    top:16px;
    right:15px;
    background-color: transparent;
  }
  .headerNav__btnOpen__bar {
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 3px;
  }
  .headerNav__btnOpen__bar:first-child {
    top: 0;
  }
  .headerNav__btnOpen__bar:nth-child(2) {
    top: 6px;
  }
  .headerNav__btnOpen__bar:last-child {
    bottom: 0;
  }
  .headerLink {
    display:none;
  }

}















































.nav-main {
  float:left;
}

.nav-user > ul > li,
.nav-main > ul > li {
  float:left;
  position:relative;
}

.nav-user > ul > li > ul > li{
  float: none;
}

/* Dropdown */
.nav-user ul .dropdown-header,
.nav-main .dropdown-header {
  display:block;
  background-color:#ed6103;
  border-radius:0 0 3px 3px;
  position:absolute;
  top:100%;
  left:0px;
  z-index: 5000;
  min-width:250px;
  font-size:13px;
  color:#FFF;
}
.nav-user ul .dropdown-header a,
.nav-main .dropdown-header a {
  padding-top:10px!important;
  padding-bottom:5px!important;
  font-size:13px!important;
  display:block;
        font-size:25px;
}

/* Logo */
/* .logo {
  padding:2px 10px 0 10px;
  margin:0px auto;
  width:130px;
} */

/* User Navigation */
.nav-user {
  float:right;
}

.nav-user ul li {
  float:left;
}

.nav-user .favorite-link-header i {
  position: relative;
  top: -2px;
  margin: 0 4px 0 0;
}