@charset "UTF-8";
.m-box.box-sideScroll > * {
  width: 1180px !important;
}

.txt-box {
  margin-bottom: 40px;
}

/**********************************************************************
	ページタイトル - className : Page_title
***********************************************************************/
.Page_title.bg-ordinary {
  background-image: url(../../images/bg-title-ordinary.jpg);
  background-size: cover;
}

/**********************************************************************
	日医工のジェネリック医薬品について  - className : About-generic
***********************************************************************/
header.About-Generic_ttl h3 {
  float: left;
}

.container_liquid.About-generic {
  padding: 40px 10px 100px 10px;
}

@media only screen and (max-width: 767px) {
  .container_liquid.About-generic {
    padding: 40px 10px 40px 10px;
  }
}

.container_liquid.About-generic header h3 {
  margin-bottom: 40px;
}

/**********************************************************************
	タブレット - className : none
***********************************************************************/
/**********************************************************************
	スマホ - className : none
***********************************************************************/
@media only screen and (max-width: 767px) {
  .About-generic header.About-Generic_ttl h3 {
    float: none;
    margin-bottom: 40px;
  }
}

/**********************************************************************
サイドバー - className : l-sidebar
***********************************************************************/
.l-sidebar {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .l-sidebar .side-nav {
    margin-bottom: 40px;
  }
  .l-sidebar .side-nav:after {
    content: '';
    display: block;
    clear: both;
  }
}

.l-sidebar .side-nav li {
  width: 100%;
}

.l-sidebar .side-nav li.selected a {
  background-color: #0c489b;
  color: #fff;
}

.l-sidebar .side-nav li:not(:last-child) a {
  border-bottom: none;
}

@media only screen and (max-width: 767px) {
  .l-sidebar .side-nav li {
    float: none;
    width: 100%;
  }
  .l-sidebar .side-nav li:nth-child(odd) a {
    border-right: solid 1px #d9dcdf;
  }
  .l-sidebar .side-nav li:nth-child(5) {
    border-bottom: none;
  }
}

.l-sidebar .side-nav a {
  color: #071b33;
  font-weight: normal;
  font-size: 1.4rem;
}

.l-sidebar .side-nav a.selected {
  color: #fff !important;
  background-color: #0c489b !important;
}

.l-sidebar .side-nav a:hover {
  color: #fff !important;
  background-color: #0c489b !important;
}

.m-box.box-sideScroll .w80p {
  width: 80% !important;
}

.btn-hover-wrap .btn-hover {
  transition: opacity .2s, visibility .2s;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 5%;
  right: 5%;
  z-index: 10;
  transform: translateY(90%);
  background: white;
  border: 1px solid #e6e9ec;
  padding: 10px;
  font-size: 1.6rem;
}

.btn-hover-wrap .btn-hover a {
  display: block;
}

.btn-hover-wrap:hover .btn-hover {
  opacity: 1;
  visibility: visible;
}

.nohover:hover {
  opacity: 1;
}