@charset "UTF-8";
/* ---------------------------------
Print
---------------------------------- */
.drawer-area, .fixed-links, .pagetop {
  display: none;
}

header {
  position: relative;
}

.bread-area {
  margin: 0 0 40px;
}

.contents-area {
  zoom: 1;
  display: block;
}
.contents-area:after {
  display: table;
  clear: both;
  content: "";
}
.contents-area:before {
  display: table;
  content: "";
}

aside {
  float: left;
  margin-right: 0;
}

main {
  float: right;
  width: calc(100% - 300px);
}

.gnav .drawer-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: relative;
}
.gnav .drawer-menu li {
  width: 100%;
}
.gnav .drawer-dropdown {
  border-top: 1px solid #27356b;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #27356b;
  cursor: pointer;
}
.gnav .drawer-dropdown:last-child {
  border-right: 1px solid #fff;
}
.gnav .drawer-mega {
  position: static;
}
.gnav .drawer-menu-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  color: #fff;
  font-size: 1rem;
  font-family: "FOT-ロダン Pro DB",sans-serif;
  height: 50px;
  position: relative;
  overflow: hidden;
}
.gnav .drawer-menu-item span {
  z-index: 2;
  transition: all 0.2s ease;
}
.gnav .drawer-menu-item:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  left: -100%;
  transition: all 0.2s ease;
}
.gnav .drawer-sp {
  display: none;
}

.gnav .drawer-dropdown.current .drawer-menu-item {
  color: #27356b;
}
.gnav .drawer-dropdown.current .drawer-menu-item:after {
  left: 0;
}

.child-area ul {
  zoom: 1;
}
.child-area ul:after {
  display: table;
  clear: both;
  content: "";
}
.child-area ul:before {
  display: table;
  content: "";
}
.child-area li {
  float: left;
  margin-right: 20px;
}