@charset 'utf-8';
/* ▼▼▼▼▼▼▼▼▼見出し先頭アイコン始まり▼▼▼▼▼▼▼▼▼ */

/* ページ上部の見出しh2
------	------	------	------	------	------ */
.page_header .page_title{
  background: 0 3px no-repeat url(/common/img/pc/circle_l_02.png);
}
/* 先頭アイコンが付き、global_pc.cssで指定しているh3と同じフォントサイズ、行間、太さの見出し(クラス名heading_level2を追加）
------	------	------	------	------	------ */
.heading_level2 {
  background: 0 11px no-repeat url(/common/img/pc/circle_m_02.png);
}
/* ▲▲▲▲▲▲▲▲▲見出し先頭アイコン終わり▲▲▲▲▲▲▲▲▲ */
/* common
------	------	------	------	------	------ */
/* override
------	------	------ */


#main {
  padding-top: 25px;
}
.page_header .page_nav li a:hover, .data_side .data_side_btns li a:hover {
  opacity: 0.85;
  filter: alpha(opacity=85);
  -ms-filter: "alpha(opacity=85)";
}
.meds_search .pager ul {
  padding-top: 0;
}
#modal-content .page_header p:first-child {
  font-size: 22px;
  font-weight: bold;
}
/* ad
------	------	------	------	------	------ */
.h90{
  height: 90px;
}
.ad-728x90{
  width: 728px;
  height: 90px;
}
.ad-336x280{
  width: 336px;
  height: 280px;
}
.ad-300x250{
  width: 300px;
  height: 250px;
}
.ad-300x70{
  width: 300px;
  height: 70px;
}
.ad-side{
  margin-bottom: 10px;
}
#sidebar .banner li.dfp_wrapper{
  padding: 5px 0;
}
/* text_link
------	------	------	------	------	------ */
.text_link {
  color: #0075cf;
  text-decoration: none;
}
.text_link:hover {
  color: #0075cf;
  cursor: pointer;
  text-decoration: underline;
}
/* fixed header category-local-tab
------	------	------	------	------	------ */
.fh_tab ul li {
  width: 101px;
}
.fh_tab ul li.t06.meds_combination_menu a {
  line-height: 19px;
  padding-top: 7px;
  height: 42px;
}
/* page_header
------	------	------	------	------	------ */
.page_header {
  display: table;
}
.page_header .page_title {
  display: table-cell;
  width: 590px;
}
.page_header .page_title span {
  font-weight: normal;
  font-size: 63%;
  margin-left: 10px;
  vertical-align: middle;
}
.page_header .page_title .page_title-small {
  font-size: 70%;
  font-weight: bold;
}
.page_header p.hint {
  text-align: right;
  display: table-cell;
  vertical-align: middle;
  width: 110px;
  padding-right: 5px;
}
.page_header p.hint a {
  color: #0075cf;
  text-decoration: none;
}
.page_header p.hint a:hover {
  text-decoration: underline;
}
.page_header p.hint img {
  margin: -3px 3px 0 0;
}
/* #modal-content .page_header
------	------	------	------	------	------ */
#modal-content .page_header {
  display: block;
}
#modal-content .page_header .page_title {
  width: auto;
}
/* search_form
------	------	------	------	------	------ */
.search_form {
  position: relative;
  margin-bottom: 20px;
}
.search_form .search_tab {
  position: absolute;
  top: 0;
  padding: 12px 0;
  width: 190px;
  height: 20px;
  font-size: 17px;
  line-height: 1em;
  font-weight: bold;
  text-align: center;
  color: #000;
  background-color: #fff;
  border: solid 1px #d6d6d6;
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
  cursor: pointer;
}
.search_form .search_tab.tab01 {
  left: 0;
}
.search_form .search_tab.tab02 {
  left: 195px;
}
.search_form .search_tab.act {
  color: #fff;
  background-color: #f19e26;
  border: solid 1px #f19e26;
}
.search_form .search_tab span {
  display: inline-block;
  margin-right: 6px;
  width: 22px;
  height: 18px;
  line-height: 18px;
  vertical-align: sub;
}
.search_form .search_tab.tab01 span {
  background: url(/common/img/pc/icon_hosp22_o.png);
}
.search_form .search_tab.tab02 span {
  background: url(/common/img/pc/icon_comm22_o.png);
}
.search_form .search_tab.tab01.act span {
  background: url(/common/img/pc/icon_hosp22_w.png);
}
.search_form .search_tab.tab02.act span {
  background: url(/common/img/pc/icon_comm22_w.png);
}
.search_form section {
  position: relative;
  float: left;
  background-color: #f5f5f5;
  border: solid 1px #d6d6d6;
  z-index: 100;
}
.search_form .form_inner{
  padding: 14px 15px;
  width: 700px;
  display: flex;
}
.search_form section.search_comments {
  display: none;
}
.search_form .search_input {
  margin-right: 2%;
  padding: 12px;
  width: 63%;
  box-sizing: border-box;
  height: auto;
  font-size: 14px;
  border: solid 1px #d6d6d6;
  border-radius: 0 3px 3px 0;
}
.search_button{
  width: 15%;
  padding-left: 4%;
  border: none;
  line-height: 1;
  text-align: center;
  color: #fff;
  text-decoration: none;
  background: 25% center no-repeat url(/common/img/pc/icon_search40_w.png) #62b5d9;
  background-size: 17px;
  border-radius: 3px;
  box-shadow: 0 1px 0 0 #3182b5;
  font-size: 17px;
  font-weight: bold;
  cursor: pointer;
}
.search_button:hover{
  opacity: 0.8;
}
.search_form .opt {
  margin-bottom: 10px;
}
.search_form .opt > * {
  display: inline-block;
}
.search_form .opt .opt_box {
  padding: 10px;
  background-color: #e7e7e7;
}
.search_form .opt select {
  padding: 8px 0;
  width: 138px;
  font-size: 13px;
}
.search_form .opt .box2 select {
  width: 208px;
}
.search_form .help a {
  padding: 0 0 0 23px;
  font-size: 13px;
  line-height: 40px;
  text-decoration: none;
  color: #0075cf;
  background: left 40% no-repeat url(/common/img/pc/icon_help.png);
}
.search_form .help a:hover {
  text-decoration: underline;
}
.search_form .detail_btn {
  width: 200px;
  text-align: center;
}
.search_form .detail_btn a {
  display: block;
  padding: 8px 10px 5px 0;
  font-size: 13px;
  line-height: 1em;
  font-weight: bold;
  color: #fff;
  background-color: #f19e26;
  border-radius: 3px;
  box-shadow: 0 1.5px 0px 0px #cd851c;
  cursor: pointer;
}
.search_form .detail_btn a span {
  float: right;
  display: inline-block;
  font-size: 9px;
  line-height: 13px;
  vertical-align: sub;
}
.search_form .detail_btn a span.close {
  display: none;
}
.search_form .detail_btn a.act span.open {
  display: none;
}
.search_form .detail_btn a.act span.close {
  display: inline-block;
}
.search_form .detail {
  padding: 10px 20px 0;
  background-color: #fff;
  border-top: solid 1px #d6d6d6;
}
.search_form .detail h2 {
  font-size: 19px;
  line-height: 22px;
  font-weight: bold;
  vertical-align: middle;
}
.search_form .detail_opt li {
  float: left;
  position: relative;
  margin-right: 10px;
}
.search_form .opt .detail_opt {
  padding: 0 15px;
  vertical-align: middle;
}
.search_form .detail_opt li input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.search_form .detail_opt li input + label {
  padding-left: 20px;
  background: left center no-repeat url(/common/img/pc/mark_checkbox_off.png);
  cursor: pointer;
}
.search_form .detail_opt li input:checked + label {
  background: left center no-repeat url(/common/img/pc/mark_checkbox_on.png);
}
.search_form .detail h4 {
  padding-left: 30px;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  background: left center no-repeat url(/common/img/pc/mark_meds_22x22.png);
}
.search_form .meds_pickup {
  padding: 5px 0;
  margin: 0;
}
.search_form .meds_pickup li {
  display: inline-block;
  margin-right: 5px;
  border: solid 1px #d6d6d6;
  border-radius: 3px;
  box-shadow: 0 1px 0px 0px #d6d6d6;
  overflow: hidden;
  float: none;
  margin-bottom: 8px;
  vertical-align: bottom;
}
.search_form .meds_pickup li a {
  display: block;
  padding: 3px 6px;
  font-size: 15px;
  text-decoration: none;
  color: #000;
  background-color: #fff;
  font-weight: normal;
}
.search_form .meds_pickup li a:hover {
  background-color: #f5f5f5;
}
.category_select_box{
  display: flex;
  width: 20%;
}
.category_select_box .ui-selectmenu-button{
  display: flex;
  align-items: center;
  width: 100% !important;
  border-radius: 3px 0 0 3px;
  border-right: none;
  background-color: #e7e7e7;
  font-weight: bold;
}
.ui-selectmenu-menu .ui-menu{
  height: auto;
}
/* search_box
------	------	------	------	------	------ */
.search_wrap {
  margin-bottom: 30px;
  padding: 20px 20px 10px;
  background-color: #f5f5f5;
}
.search_box {
  padding: 0;
}
/* bnr_col02_area
------	------	------	------	------	------ */
.bnr_col02_area {
  padding: 0 20px;
  margin-bottom: 35px;
}
.bnr_col02_area .bnr_left {
  float: left;
}
.bnr_col02_area .bnr_right {
  float: right;
}
/* notice
------	------	------	------	------	------ */
.notice {
  margin-bottom: 20px;
  padding: 14px 19px;
  border: solid 1px #d6d6d6;
}
.notice p {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px;
}
.notice p img {
  margin-right: 7px;
  vertical-align:-2px;
}
.notice a {
  text-decoration: none;
  line-height: 13px;
  color: #0075cf;
  font-size: 14px;
}
.notice a:hover {
  text-decoration: underline;
}
.notice ul {
  margin-left: 1.0em;
  font-size: 13px;
  line-height: 22px;
}
.notice ul li {
  text-indent: -1.0em;
  margin-bottom: 10px;
}
/* side [meds]
------	------	------	------	------	------ */
#sidebar .meds_menu h3 {
  padding: 13px 0 8px 33px;
  font-size: 15px;
  line-height: 14px;
  font-weight: bold;
  color: #fff;
}
#sidebar .meds_menu ul {
  padding: 5px 0;
  background-color: #fff;
  border-left: solid 1px #d6d6d6;
  border-right: solid 1px #d6d6d6;
}
#sidebar .meds_menu li a {
  display: block;
  padding: 7px 7px 7px 10px;
  line-height: 16px;
  text-decoration: none;
  color: #0075cf;
}
#sidebar .meds_menu li a:hover {
  background-color: #efefef;
}
#sidebar .meds_menu li a span {
  display: inline-block;
  margin-right: 5px;
  font-size: 10px;
  vertical-align: middle;
  color: #f19e26;
}
#sidebar .meds_menu .more {
  border: solid 1px #d6d6d6;
  border-top: 0;
  padding:0;
}
#sidebar .meds_menu .more a {
  display: block;
  padding: 12px 0 8px;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  color: #000;
  background-color: #f5f5f5;
}
#sidebar .meds_menu .more span {
  display: inline-block;
  margin-right: 5px;
  font-size: 15px;
  font-weight: bold;
  vertical-align: middle;
  color: #adadad;
}
#sidebar .meds_menu .more span.mark {
  display: none;
}
#sidebar .meds_menu .more a:hover {
  background-color: #efefef;
}
#sidebar .meds_menu .meds_history {
  margin-bottom: 30px;
}
#sidebar .meds_menu .meds_history h3 {
  background: 11px center no-repeat url(/common/img/pc/side_icon_board.png) #707070;
}
#sidebar .meds_menu .meds_history {
    margin-bottom: 15px;
}
.heading_level4 {
  background: #f0f5f9;
  padding: 2px 10px;
  font-size: 14px;
  margin-bottom: 10px;
  border-bottom: solid 1px #d6d6d6;
}
