@charset "UTF-8";
/* CSS Document */
#contents {}
  /*.topics*/
  /*category*/
  /* .pickup .special共通 */
#contents #maincontents .head ul li a{}
#contents h3 {
  font-size: 18px;
  font-weight: bold;
  background: #f1f9f8;
  box-sizing: border-box;
  padding: 15px 0 15px 60px;
  margin-bottom: 20px;
}
#contents h3 span {
  font-size: 10px;
  color: #e7326d;
  margin-left: 12px;
  vertical-align: text-bottom;
}
#contents .mainvisual {
  margin-top: 50px;
}
#contents .mainvisual .btnarea {
  position: relative;
}
#contents .mainvisual .btnarea p {
  width: 23px;
  position: absolute;
  top: 50%;
  margin-top: -21px;
}
#contents .mainvisual .btnarea p.prev {
  left: 15px;
}
#contents .mainvisual .btnarea p.next {
  right: 15px;
}
#contents .mainvisual .bx-wrapper {
  margin-bottom: 15px;
}
#contents .mainvisual .bx-wrapper .bx-viewport {
  border: none;
  left: 0;
  box-shadow: none;
}
#contents .mainvisual #bx-pager {
  text-align: center;
}
#contents .mainvisual #bx-pager a {
  margin: 0 10px;
  display: inline-block;
}
#contents .mainvisual #bx-pager a.pc {
  width: 160px;
}
#contents .mainvisual #bx-pager a.pc img {
  max-width: 100%;
  height: auto;
}
#contents .mainvisual #bx-pager a.sp {
  display: none;
}
#contents .topics {
  border: solid 1px #C41A41;
  background-color: #fff;
  overflow: hidden;
  margin: 0 0 30px 0;
  box-sizing: border-box;
}
#contents .topics .label {
  float: left;
  background-color: #c90000;
  width: 100px;
  box-sizing: border-box;
}
#contents .topics p {
  float: left;
  padding: 15px 20px;
  box-sizing: border-box;
  width: 100%;

  text-indent: -1.1em;
  padding-left: 2em;
}
#contents .topics  p:nth-child(2){
  margin-left: 0;
}
#contents .topics p a {
  font-size: 15px;
  color: #c90000;
  background: url(https://cache.triple-farm.com/tfsd/common/images/arrow_red.png) 0 center no-repeat;
  padding-left: 15px;
  background-size: 5px;
}
#contents .bnrarea ul {
  overflow: hidden;
}
#contents .bnrarea ul li {
  float: left;
  margin-bottom: 18px;
}
#contents .bnrarea ul li:nth-child(2), #contents .bnrarea ul li:nth-child(4) {
  float: right;
}
#contents .bnrarea ul li:nth-child(n+5) {
  margin: 0;
}
#contents .bnrarea ul li:last-child {
  margin-right: 0;
  float: right;
}
#contents .bnrarea .bx-wrapper {
  margin-bottom: 20px;
}
#contents .bnrarea .bx-wrapper .bx-pager.bx-default-pager a {
  background: #ddd;
}
#contents .bnrarea .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #444;
}
#contents .bnrarea .bx-wrapper .bx-viewport {
  border: none;
  left: 0;
  box-shadow: none;
}
#contents .bnrarea img:hover {
  opacity: 0.7;
}
#contents .category {
  margin-top: 80px;
}
#contents .category h3 {
  background: #f1f9f8 url(https://cache.triple-farm.com/tfsd/common/images/icon_category.gif) 10px 0 no-repeat;
}
#contents .category ul {
  overflow: hidden;
}
#contents .category ul li {
  // float: left;
  // margin-right: 4px;
  // margin-bottom: 4px;
}
#contents .category ul li:nth-child(4n) {
  margin-right: 0;
}
#contents .category ul li a:hover {
  opacity: 0.7;
}
#contents .news {
  margin-top: 30px;
}
#contents .news .head {
  overflow: hidden;
  background-color: #2D76CC;
  box-sizing: border-box;
  padding: 10px 20px;
}
#contents .news .head h3 {
  float: left;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  background: none;
  padding: 0;
  margin-bottom: 0;
}
#contents .news .head h3 span {
  font-size: 10px;
  margin-left: 10px;
  color: #fff;
  vertical-align: middle;
}
#contents .news .head .r-news-head {
  float: right;
  overflow: hidden;
}
#contents .news .head .r-news-head a {
  color: #fff;
  float: left;
  font-size: 12px;
}
#contents .news .head .r-news-head a.list {
  background: url(https://cache.triple-farm.com/tfsd/common/images/arrow_white.png) 0 center no-repeat;
  margin-right: 20px;
  padding-left: 15px;
}
/*#contents .news ul li {
  border-bottom: 1px solid #eee;
  padding: 15px 0;
}*/
#contents .news ul li time {
  color: #666;
  margin: 0 25px 0 20px;
}
#contents .news ul li a {
  color: #2D76CC;
}
#contents .news ul li a:hover {
  text-decoration: underline;
}
#contents .pickup, #contents .special {
  margin-top: 30px;
}
#contents .pickup ul, #contents .special ul {
  overflow: hidden;
  margin-top: 20px;
}
#contents .pickup ul li, #contents .special ul li {
  width: 220px;
  float: left;
  margin-right: 25px;
  margin-bottom: 20px;
}
#contents .pickup ul li a, #contents .special ul li a{
  color: #444;
}
#contents .pickup ul li a:hover, #contents .special ul li a:hover{
  color: #00479d;
  text-decoration: none;
}
#contents .pickup ul li:nth-child(5n), #contents .special ul li:nth-child(5n) {
  margin-right: 0;
}
#contents .pickup ul li .pic, #contents .special ul li .pic {
  border: 1px solid #eee;
  width: 220px;
  height: 220px;
  background-color: #fff;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  margin-bottom: 8px;
}
#contents .pickup ul li a:hover img, #contents .special ul li a:hover img {
  opacity: 0.7;
}
#contents .pickup h3 {
  background: #f1f9f8 url(https://cache.triple-farm.com/tfsd/common/images/icon_pickup.gif) 10px 0 no-repeat;
}
#contents .pickup ul li strong {
  margin-top: 10px;
  display: inline-block;
}
#contents .special h3 {
  background: #f1f9f8 url(https://cache.triple-farm.com/tfsd/common/images/icon_special.gif) 10px 0 no-repeat;
}
#contents .special ul li span {
  display: block;
  text-decoration: line-through;
}
#contents .special ul li p {
  margin-top: 10px;
}
#contents .special ul li strong {
  color: #e7326d;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  #contents {
    /*.topics*/
    /* .pickup .special共通 */
  }
  #contents .mainvisual {
    margin-top: 0;
  }
  #contents .mainvisual .bx-wrapper {
    margin-bottom: 20px;
  }
  #contents .mainvisual .bx-wrapper .bx-viewport {
    border: none;
    left: 0;
    box-shadow: none;
  }
  #contents .mainvisual #bx-pager {
    text-align: center;
  }
  #contents .mainvisual #bx-pager a {
    margin: 0 1.5%;
    display: inline-block;
  }
  #contents .mainvisual #bx-pager a.pc {
    display: none;
  }
  #contents .mainvisual #bx-pager a.sp {
    display: inline-block;
  }
  #contents .mainvisual #bx-pager a img {
    width: 50px;
  }
  #contents .topics {
    width: 95%;
    margin: 20px auto;
  }
  #contents .topics .label {
    width: 20%;
  }
  #contents .topics p {
    width: 93%;
    padding: 5px 10px;
    text-indent: -1em;
    background: #fff;
    margin-left: 20px;
    float: left;
  }
  #contents .topics p:nth-child(2) {
      margin-left: auto;
  }
  #contents .topics p a {
    font-size: small;
    background: url(https://cache.triple-farm.com/tfsd/common/images/arrow_red.png) 0 center no-repeat;
    padding-left: 15px;
    background-size: 4px;
  }
  #contents .bnrarea {
    width: 93%;
    margin: 30px auto;
  }
  #contents .bnrarea ul li:nth-child(1), #contents .bnrarea ul li:nth-child(2) {
  }
  #contents .news .head {
    padding: 10px 3%;
  }
  #contents .news .head h3 {
    display: inline-block;
    vertical-align: middle;
    line-height: 1em;
    margin-top: 7px;
  }
  #contents .news .head h3 span {
    display: inline-block;
    vertical-align: top;
  }
  #contents .news .head .r-news-head {
    display: inline-block;
    vertical-align: middle;
  }
  #contents .news .head .r-news-head a.list {
    margin-top: 4px;
  }
  #contents .news ul li {
    overflow: hidden;
    padding: 15px 3%;
  }
  #contents .news ul li time {
    margin: 0;
    width: 25%;
    float: left;
    display: inline-block;
  }
  #contents .news ul li a {
    float: left;
    width: 70%;
    display: block;
    margin-left: 3%;
  }
  #contents .category {
    margin-top: 50px;
  }
  #contents .category ul {
    padding: 0px;
    box-sizing: border-box;
  }
  #contents .category ul li {
    width: 100%;
    margin-bottom: 0px;
  }
  #contents .category ul li:nth-child(1n) {
    float: right;
    margin-right: 0;
  }
  #contents .pickup, #contents .special {
    margin-top: 30px;
  }
  #contents .pickup ul, #contents .special ul {
    overflow: hidden;
    margin-top: 20px;
    padding: 0 10px;
  }
  #contents .pickup ul li, #contents .special ul li {
    width: 47%;
    float: left;
    margin-right: 0;
    margin-bottom: 20px;
  }
  #contents .pickup ul li:nth-child(2n), #contents .special ul li:nth-child(2n) {
    margin-right: 0;
    float: right;
  }
  #contents .pickup ul li .pic, #contents .special ul li .pic {
    border: 1px solid #eee;
    width: 100%;
    height: 166px;
    background-color: #fff;
  }
  #contents .pickup ul li .pic img, #contents .special ul li .pic img {
    width: 100%;
  }
  #contents .pickup ul li strong, #contents .special ul li strong {
    font-size: 12px;
    font-size: #444;
  }
}


#contents .toppage{
  margin: 10px 0;
  font-weight:bold;
  color:#ffa500;
}
#contents .toppage ul {
  border: solid 2px #ffa500;
  padding: 0 3em;
  position: relative;
}

#contents .toppage ul li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 1.4em;
  border-bottom: dashed 1px silver;
list-style-type: square;
}

#contents .toppage ul li:last-of-type{
  border-bottom: none;
}

/* カード */

.card_list{
  display: flex;
  flex-wrap :wrap;
  justify-content: center;
}

.card {
  width: 400px;
  background: #fff;
  border-radius: 5px;
  text-align:center;
  margin:10px 10px;

}
.card-img {
  border-radius: 5px;
  max-width: 100%;
  height: auto;
}
.card-content {
  padding: 10px;
}
.card-title {
  font-size: 18px;
  margin-bottom: 10px;
  text-align: center;
  color: #333;
}
.card-text {
  color: #777;
  font-size: 14px;
  line-height: 1.5;
}
.card-link {
  text-align: center;
  border-top: 1px solid #eee;
  padding: 20px;
}
.card-link a {
  text-decoration: none;
  color: #0bd;
  margin: 0 10px;
}
.card-link a:hover {
  color: #0090aa;
}

@media screen and (max-width: 767px) {

	.card {
	  width: 180px;
	  margin:10px 5px;
	}
	.card-img {
	  border-radius: 5px 5px 0 0;
	  max-width: 50%;
	  height: auto;
	}
	.card-text {
	  font-size: 10px;
	}
}


/* その他のｃｓｓ*/
#toc_container {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #aaa;
    display: table;
    font-size: 95%;
    margin-bottom: 1em;
    margin-left: 1em;
    padding: 10px;
    width: auto;
}
 
.toc_title {
    font-weight: 700;
    text-align: center;
    margin-bottom:.5em;
}
 
#toc_container li, #toc_container ul, #toc_container ul li{
    list-style-position: outside;
    margin-left: 1em;
    margin-right: 1em;
    padding-left: 0;
    /* リストの記号を付けない場合は   
     list-style: outside none none !important;
    */
}

/* 3000px以下 PC用 */
@media screen and (max-width: 3000px) {
  .slider {
    display: block;
    margin: 16px auto;
    width: 50%;
  }

  .slider img {
    height: auto;
    width: 100%;
  }

  /*slick setting*/
  .slick-prev:before,
  .slick-next:before {
    color: #000;
  }
}

/* 1200px以下 タブレット用 */
@media screen and (max-width: 1200px) {
  .slider {
    display: block;
    margin: 16px auto;
    width: 60%;
  }

  .slider img {
    height: auto;
    width: 100%;
  }

  /*slick setting*/
  .slick-prev:before,
  .slick-next:before {
    color: #000;
  }
}

/* 767px以下 モバイル用 */
@media screen and (max-width: 767px) {
  .slider {
    display: block;
    margin: 16px auto;
    width: 85%;
  }

  .slider img {
    height: auto;
    width: 100%;
  }

  /*slick setting*/
  .slick-prev:before,
  .slick-next:before {
    color: #000;
  }
}

/*大夫DD*/
#contents.second #path ul li a{
  text-decoration:none;
}

#contents.second #sidenav {
  width: 270px;
  float: left;
  overflow: hidden;
}
#stage #contents .news{
  border:none  !important;
}
/**病症**/
/*#stage #contents .news .head{
  margin: 20px 0 ;
  padding: 10px 20px;
  background: #f5f5f5;
  position: relative;
}*/
/*#stage #contents .news .head h3{
  font-size: 23px;
  line-height: 23px;
  border-left: 8px solid #2D76CC;
  padding-left: 10px;
  padding-top: 7px;
  color: #444;
}*/
/**病症**/
#contents.second #maincontents {
  width: 880px;
  float: right;
}
#contents #maincontents .head {
    background: #2D76CC;
    box-sizing: border-box;
    padding: 12px 15px;
    margin-bottom: 20px;
    overflow: hidden;
}

#contents #maincontents .head h3 {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    float: left;
    background:none;
    padding:0;
    margin-bottom:0;
}
#contents #maincontents .head ul {
  float: right;
  overflow: hidden;
}
#contents #maincontents .head ul li {
  display:inline-block;
  margin-left: 10px;
}
#contents #maincontents .head ul li a {
  color: #fff;
  font-size: 13px;
}
#contents #maincontents .head ul li a.current {
  color: #ffef9f;
}
#contents #maincontents .head ul li select {
  border: none;
}
#contents #maincontents .pagenav {
  text-align: center;
  overflow: hidden;
  margin-bottom: 50px;
}
#contents #maincontents .pagenav ul {
  overflow: hidden;
  display: inline-block;
}
#contents #maincontents .pagenav ul.sp {
  display: none;
}
#contents #maincontents .pagenav ul li {
  float: left;
  background-color: #FFF;
  width: 35px;
  border: 1px solid #ddd;
  height: 35px;
  line-height: 35px;
  margin: 0 5px;
}
#contents #maincontents .pagenav ul li a {
  display: block;
}
#contents #maincontents .pagenav ul li.pre, #contents #maincontents .pagenav ul li.next {
  width: 70px;
}
#contents #maincontents .pagenav ul li.pre {
  background: url(https://cache.triple-farm.com/tfsd/product/files/pre_arrow.png) 5px center no-repeat #FFF;
}
#contents #maincontents .pagenav ul li.next {
  background: url(https://cache.triple-farm.com/tfsd/product/files/next_arrow.png) 60px center no-repeat #FFF;
}
#contents #maincontents .pagenav ul li.current {
  color: #2D76CC;
  background-color: #fffcaf;
}

#contents #maincontents .products_list {
  margin-bottom: 50px;
}
#contents #maincontents .products_list .icon {
  overflow: hidden;
  margin-bottom: 10px;
}
#contents #maincontents .products_list .icon img {
  margin-right: 2px;
  margin-bottom: 2px;
}
#contents #maincontents .products_list .icon img:nth-child(4) {
  margin-right: 0;
}
#contents #maincontents .products_list ul {
  overflow: hidden;
  margin-top: 20px;
}
#contents #maincontents .products_list ul li {
  width: 280px;
  float: left;
  margin-right: 20px;
  margin-bottom: 60px;
}
#contents #maincontents .products_list ul li:nth-child(3n) {
  margin-right: 0;
}
#contents #maincontents .products_list ul li .pic {
  border: 1px solid #eee;
  width: 280px;
  height: 220px;
  background-color: #fff;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  margin-bottom: 8px;
  overflow: hidden;
}
#contents #maincontents .products_list ul li .pic img {
  max-height: 100%;
}
#contents #maincontents .products_list ul li p {
  font-size: 13px;
}
#contents #maincontents .products_list ul li p span {
  display: inline-block;
}
#contents #maincontents .products_list ul li p span.denial_sales_price {
  display: block;
  text-decoration: line-through;
}
#contents #maincontents .products_list ul li p strong {
  display: block;
  font-weight: bold;
}
#contents #maincontents .products_list ul li p strong.special_price,
#contents #maincontents .products_list ul li p strong.bargain_assign_price {
  color: #e7326d;
}
#contents #maincontents .products_list ul li a{
  color: #444;
}
#contents #maincontents .products_list ul li a:hover {
  color: #00479d;
}
#contents #maincontents .products_list ul li a:hover img {
  opacity: 0.7;
}
#contents #maincontents .products_list ul li a:hover span {
  text-decoration: underline;
}
#contents #maincontents .products_list ul li a.similar {
  margin-top: 15px;
  color: #2D76CC;
  border: 1px solid #2D76CC;
  background-color: #f1f9f8;
  text-align: center;
  padding: 5px 10px;
  display: inline-block;
}
#contents #maincontents .products_list ul li a.similar:hover {
  text-decoration: none;
  color: #fff;
  background-color: #2D76CC;
}


.itemList_SP_left{
  float:left;
  width: 40%;
}
.itemList_SP_right{
  float:right;
  width: 60%;
}
.itemList_SP_left .pic {
  border: 1px solid #eee;
  width: 120px;
  height: 120px;
  background-color: #fff;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
  margin: 0 3px 8px 0;
}
.itemList_SP_left .pic img {
  max-height: 100%;
}
.itemList_SP_right p {
  font-size: 13px;
  display: inline;
}
.itemList_SP_right p span {
  display: inline-block;
}
.itemList_SP_right p span.denial_sales_price {
  display: block;
  text-decoration: line-through;
}
.itemList_SP_right p strong {
  display: block;
  font-weight: bold;
}
.itemList_SP_right p strong.special_price,
.itemList_SP_right p strong.bargain_assign_price {
  color: #e7326d;
}
.itemList_SP_right a{
  color: #444;
}
.itemList_SP_right a:hover {
  color: #00479d;
}
.itemList_SP_right a:hover img {
  opacity: 0.7;
}
.itemList_SP_right a:hover span {
  text-decoration: underline;
}
.itemList_SP_right a.similar {
  color: #156eb2;
  border: 1px solid #156eb2;
  background-color: #f1f9f8;
  margin-top: 15px;
  text-align: center;
  padding: 5px 10px;
  display: inline-block;
}
.itemList_SP_right a.similar:hover {
  text-decoration: none;
  color: #fff;
  background-color: #156eb2;
}


@media screen and (max-width: 1200px){
#contents.second #path ul li a{
    text-decoration:none !important;
}
#stage #contents {
    z-index: 1000;
    top: 0;
}
#stage #contents-wrapper {
    background: none; 
    top: 0;
    margin-top: 0;
}
#overlay{
    top:0 !important;
}
}
.Smart_view_SP{
 display:none; 
}
.floatclear {
  clear: both;
}
.page_tab {
  margin-bottom: 20px;
}
.page_tab ul {
  border-bottom: solid 1px #d6d6d6;
  overflow: hidden;
}
.page_tab li {
  float: left;
  margin-right: 5px;
  height: 49px;
  padding: 0 !important;
}
.page_tab.initial li {
  width: 60px;
}
.page_tab li.t01 {
  width: 110px;
}
.page_tab li.t02 {
  width: 110px;
}
.page_tab li.t03 {
  width: 115px;
}
.page_tab li a {
  display: block;
  padding: 19px 0 17px;
  font-size: 14px;
  line-height: 13px;
  text-align: center;
  text-decoration: none;
  color: #000;
  border: solid 1px #d6d6d6;
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
}
.page_tab li a:hover {
  background-color: #efefef;
}
.page_tab li.active a {
  font-weight: normal;
  color: #fff !important;
  background-color: #2D76CC;
  border: solid 1px #2D76CC;
  border-bottom: 0;
}
#anchor_about {
  margin: -90px 0 10px;
  padding-top: 90px;
}
.tab .heading_level2 {
  margin-bottom: 10px;
  background: 0 11px no-repeat url(/common/img/pc/circle_m_03.png);
}
.tab_contents_02 {
  display: none;
}
.tab_contents_03 {
  display: none;
}
.tab .desc_section {
  margin-bottom: 30px;
  line-height: 1.8;
}
.tab .desc_section h3 {
  background: #2D76CC !important;
  color: #fff;
  font-weight: normal !important;
  height: 30px;
  line-height: 30px;
  padding:0 10px !important;
  margin-bottom: 15px;
  font-size: 16px !important;
}
.tab .desc_section h3 a {
  color: #fff;
  text-decoration: underline;
  line-height: 1.8;
}
.tab .desc_section h3 a:hover {
  text-decoration: none;
}
.tab .desc_section p {
  padding:0 10px;
}
.tab .desc_section .image {
  text-align: center;
  margin-top: 15px;
}
.tab .desc_section .image span {
  display: block;
  font-size: 14px;
}
.tab a {
  color: #0075cf;
  text-decoration: none;
}
.tab a:hover {
  text-decoration: underline;
}
.tab .old_article h3.heading_level2 {
  margin-bottom: 0;
}
.old_article li {
  overflow: hidden;
  zoom: 1;
  padding: 15px 0;
  border-bottom: 1px solid #d6d6d6;
}
.old_article li:last-child {
  border: none;
}
.old_article li .thumb {
  float: left;
  margin-right: 10px;
  width: 98px;
  border: 1px solid #d6d6d6;
}
.old_article li .thumb img {
  width: 98px;
}
.old_article li .text_area {
  float: left;
  width: 608px;
}
.old_article li .text_area a {
  color: #0075cf;
  text-decoration: none;
}
.old_article li .text_area a:hover {
  text-decoration: underline;
}
p.author {
  text-align: right;
  margin-bottom: 15px;
}
.heading_level2 {
  /*margin: 0 0 10px;
  padding: 9px 0 9px 23px;
  font-size: 19px;
  line-height: 22px;
  font-weight: bold;
  border-bottom: none;*/
  font-size: 16px;
  color: #e98800;
  margin-bottom: 8px;
  font-weight: bold;/*2021.06.29*/
}
/*.disease_notice*/
.disease_notice{
  margin-bottom:15px;
}
.disease_notice .disease_notice_caution{
  margin-bottom:15px;
  color:#e73559;
}
.disease_notice .disease_notice_caution img{
  margin-right:6px;
  vertical-align:-1px;
}
/* medicine */
.medicine .heading_level2 {
  margin-bottom: 10px;
}
.medicine, .relations {
  margin-bottom: 10px;
}
.medicine li, .relations li {
  border-bottom: solid 1px #d6d6d6;
  overflow: hidden;
}
.medicine li a, .relations li a {
  position: relative;
  display: table;
  padding: 7px 0 7px 7px;
  width: 730px;
  box-sizing:border-box;
  color: #000 !important;
  text-decoration: none;
}
.medicine li a:hover, .relations li a:hover {
  background-color: #efefef;
  text-decoration: none;
}
.medicine a .medicine_col1, .relations a .relations_col1 {
  display: table-cell;
  font-size: 13px;
  line-height:1;
  font-weight: bold;
  color: #2D76CC;
  width:10px;
}
.medicine a .medicine_col2,.relations a .relations_col2{
  display: table-cell;
  width: 350px;
  padding:10px 10px 10px 5px;
  font-weight: bold;
}
.medicine a .medicine_tag {
  border: 1px solid #d6d6d6;
  color: #000;
  padding: 3px;
  font-weight:normal;
  font-size:12px;
  line-height:1;
  display:inline-block;
}
.medicine a .medicine_col3 {
  display:table-cell;
  padding:10px;
  width:250px;
}

.tab .desc_section {
    margin-bottom: 30px;
    line-height: 1.8;
}

/* more_text_01*/
.more_text_01 {
  text-align: right;
}
.more_text_01 a span {
  display: inline-block;
  margin-right: 4px;
  padding: 5px 0 2px;
  font-size: 10px;
  line-height: 12px;
  font-weight: bold;
  color: #2D76CC;
}
.more_text_01 a {
  color: #0075cf;
  text-decoration: none;
}
.more_text_01 a:hover {
  text-decoration: underline;
}
.more_text_01 a:visited {
  color: #0075cf;
  text-decoration: none;
}

/*/item/gout/feburic/*/
#stage #contents .news{
  border:none !important;
}
.item_area{
  margin:10px 10px 0px;
}
.media__image {
    float: left;
    margin-right: 10px;
}
.media__summary {
    overflow: hidden;
}
.media__heading {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
.item_img {
  width:200px;
  height:200px;
}
/*#maincontents p{
  margin:0 0 15px 0;
}*/

.clearLeft {
    clear: left;
}

#toc_container {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #aaa;
    display: table;
    font-size: 95%;
    margin-bottom: 1em;
    margin-left: 1em;
    padding: 10px;
    width: auto;
}

#contents #maincontents a {
  color: #0489B1;
  width: 100% !important;
   float: none;
}
#toc_container li, #toc_container ul, #toc_container ul li{
    list-style-position: outside;
    margin-left: 1em;
    margin-right: 1em;
    padding: 0 !important;
    border-bottom: none !important;
}
#toc_container li, #toc_container ul, #toc_container ul li p{
    margin-bottom: 0 !important;
}

.comment_area{
  background-color: #E0F8E6;
    margin: 10px;
    padding: 20px;
  /*margin:10px;
  line-height: 2;
  float: left;*/
}
.clear_B{
  clear:both;
}
#maincontents ul.list{
  margin:20px 10px;
  border: solid 1px #3f72af;
  padding: 0.5em 0.5em 0.5em 2.5em;
}

#maincontents ul.list li{
  list-style-type: square;
  padding:6px 10px;
  font-weight:bold;
}
#maincontents ul.list p{
  font-weight:bold;
}
h6 {
    font-weight: bold;
    font-size: medium;
}
.marker1{
  background: linear-gradient(transparent 60%, #ffd6ff 0%);
  font-weight: bold; 
}/*文字划重点*/

@media screen and (max-width: 1200px) {
#contents.second #maincontents {
    width: 100%;
    float: none;
}
#contents {
    /* .pickup .special共通 */
  }
  #contents #maincontents .head {
    background: #eee;
    box-sizing: border-box;
    padding: 0;
    margin-bottom: 20px;
    overflow: hidden;
  }
  #contents #maincontents .head h3 {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    float: none;
  }
  #contents #maincontents .head ul {
    overflow: hidden;
    float: left;
  }
  #contents #maincontents .head ul li {
    margin-left: 0;
    text-align: center;
    width: 16%;
    max-width: 60px;
  }
  #contents #maincontents .head ul li:last-child {
    padding: 10px 0;
    margin-left: 15px;
    max-width: initial;
    max-width: auto;
    min-width: 75px;
  }
  #contents #maincontents .head ul li a {
    color: #fff;
    padding: 12px 0;
    display: block;
  }
  #contents #maincontents .head ul li a.current {
    border-bottom: 3px solid #2D76CC;
    color: #2d76cc;
  }
  #contents #maincontents .head ul li select {
    background-color: #FFF;
    max-width: 100%;
  }
   #contents #maincontents .pagenav {
    text-align: center;
    overflow: hidden;
    margin-bottom: 0;
  }
  #contents #maincontents .pagenav ul {
    overflow: hidden;
  }
  #contents #maincontents .pagenav ul.pc {
    display: none;
  }
  #contents #maincontents .pagenav ul.sp {
    display: inline-block;
    border: 1px solid #ddd;
    width: 100%;
  }
  #contents #maincontents .pagenav ul li {
    float: left;
    width: 12%;
    border: none;
    height: 35px;
    line-height: 35px;
    margin: 0;
    padding: 5px 0;
  }
  #contents #maincontents .pagenav ul li a {
    display: block;
  }
  #contents #maincontents .pagenav ul li a img {
    width: 12px;
  }
  #contents #maincontents .pagenav ul li:first-child, #contents #maincontents .pagenav ul li:last-child {
    border: 1px solid #ddd;
    border-width: 0 1px;
  }
  #contents #maincontents .pagenav ul li:first-child a img, #contents #maincontents .pagenav ul li:last-child a img {
    width: 20px;
  }
  #contents #maincontents .pagenav ul li.pagenum {
    border: none;
    width: 50.7%;
  }

  #contents #maincontents .search_condition{
    padding: 0 10px;
    margin-bottom: 0;
  }
  #contents #maincontents .search_condition .search_word{
    background: #FAFDFF none repeat scroll 0 0;
    border: 1px solid #98BEE3;
  }
  #contents #maincontents .products_list {
    padding: 0 10px;
    margin-bottom: 0;
  }
  #contents #maincontents .products_list .icon img {
    margin-right: 2%;
    width: auto;
  }
  #contents #maincontents .products_list .icon img:nth-child(2n) {
    margin-right: 2%;
    float: left;
  }
  #contents #maincontents .products_list .icon img:nth-child(3n) {
    margin-right: 0;
  }
  #contents #maincontents .products_list ul {
    overflow: hidden;
    margin-top: 20px;
  }
  #contents #maincontents .products_list ul li {
    width: 48%;
    float: left;
    margin-right: 0;
    margin-bottom: 50px;
  }
  #contents #maincontents .products_list ul li:nth-child(2n) {
    float: right;
  }
  #contents #maincontents .products_list ul li .pic {
    border: 1px solid #eee;
    width: 220px;
    height: 220px;
    background-color: #fff;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 8px;
  }
  #contents #maincontents .products_list ul li p {
    font-size: 13px;
  }
  #contents #maincontents .products_list ul li p span {
    display: inline-block;
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    width:100%;
  }
  #contents #maincontents .products_list ul li p strong {
    display: block;
    font-weight: bold;
  }
  #contents #maincontents .products_list ul li a:hover img {
    opacity: 0.7;
  }
  #contents #maincontents .products_list ul li a.similar {
    margin-top: 15px;
    color: #2D76CC;
    border: 1px solid #2D76CC;
    background-color: #f1f9f8;
    text-align: center;
    padding: 5px 10px;
    display: inline-block;
    width: 98%;
  }
  #contents #maincontents .products_list ul li a.similar:hover {
    text-decoration: none;
    color: #fff;
    background-color: #2D76CC;
  }
  #contents #maincontents .products_list .favorite {
    padding: 5px 0;
    width: 98%;
  }

}

.detail_hd{padding:10px 15px 8px;background-color:#f5f5f5;position:relative;display:flex;align-items:flex-end;border-top:solid 3px #53b4dc}
.detail_hd .page_title{font-size:25px;line-height:28px;font-weight:bold}
.detail_hd .page_title span{margin-left:5px;font-size:19px;font-weight:normal}

.combination_care_tag{margin-bottom:5px;background-color:#eeae00;text-align:center;color:#fff;line-height:28px;font-weight:bold}
.combination_taboo_tag{margin-bottom:5px;background-color:#e73559;text-align:center;color:#fff;line-height:28px;font-weight:bold}
.hd_notice p.meds_combination_note:last-child{color:#e52d3c;margin-bottom:0}
.hd_notice p.meds_combination_note span{font-size:13px;padding:2px 5px}
.more_meds_combination a{    position: absolute;
    display: block;
    width: 450px !important;
    margin: 20px auto 30px;
    font-size: 15px;
    line-height: 1;
    text-align: center;
    color: #fff;
    text-decoration: none;
    background-color: #62b5d9;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 #3182b5;
    padding: 15px 0;
    margin-bottom: 0;
    bottom: 0;}
.more_meds_combination a:hover{opacity:.8}
.hd_notice p.meds_combination_note:last-child{color:#e52d3c;margin-bottom:0}
.hd_notice p.meds_combination_note span{font-size:13px;padding:2px 5px}
.meds_detail .detail_hd .page_title_block{width:75%;float:left}
.meds_detail .detail_hd .tags{line-height:1;margin-bottom:8px}
.meds_detail .detail_hd .tags span{display:inline-block;padding:3px 5px;width:75px;font-size:12px;font-weight:bold;line-height:1em;text-align:center;background-color:#1d3156;color:#fff;margin-right:10px}
.meds_detail .detail_hd .tags span.selfmedication{width:180px}

.meds_detail .page_tab{margin-bottom:10px;background-color:#e7e7e7;padding:8px}
.meds_detail .page_tab_no_shiori{margin-bottom:0;background-color:#fff}
.meds_detail .page_tab ul{display:flex;}
.meds_detail .page_tab li{background-color:#fff;width:13.5%;text-align:center;margin-right:1%;border-radius:3px;box-shadow:0 1px 0 0 #d6d6d6;border:solid 1px #d6d6d6}
.meds_detail .page_tab li:last-of-type{margin-right:0}
.meds_detail .page_tab li a{color:#000 !important;text-decoration:none;display:block !important;padding:5px 3px;font-size:14px;margin-left: 0 !important;border:0 !important}
.meds_detail .page_tab li a:hover{background-color:#efefef;cursor:pointer}

.detail_hd_sub{display:flex;background-color:#f5f5f5;padding:10px 15px 5px;border-top:dotted 1px #d6d6d6}
.detail_hd_sub .meds_access_ranking{width:83%}
.detail_hd_sub .meds_access_ranking p{font-size:11px;display:inline-block;margin-right:5px}
.detail_hd_sub .meds_access_ranking ul{display:inline-block}
.detail_hd_sub .meds_access_ranking ul li{display: inline-block;
    margin-right: 7px;
    padding: 0 17px 0 0 !important;
    font-size: 11px;
    overflow: inherit !important;}
.detail_hd_sub .meds_access_ranking ul li span{font-size:14px}
.detail_hd_sub .meds_access_ranking ul li:last-child{margin-right:0}
.detail_hd_sub .meds_access_ranking ul li.access_up{background:right 4px no-repeat url(/meds/img/pc/mark_access_up.png);background-size:12px;font-size:14px}
.detail_hd_sub .meds_access_ranking ul li.access_down{background:right 4px no-repeat url(/meds/img/pc/mark_access_down.png);background-size:12px}
.detail_hd_sub .meds_access_ranking ul li.access_unchanged{background:right 6px no-repeat url(/meds/img/pc/mark_access_unchanged.png);background-size:15px;padding-right:20px}

.to_medics a{background:url("/meds/img/pc/icon_QAwindow.png") no-repeat left center transparent;padding-left:25px;font-size:13px}
.detail_body{margin-bottom:20px;min-height:310px}
.meds_data{font-size:16px;margin:-110px 0 35px;padding-top:110px}
.meds_data .heading02{font-size:16px}
.meds_data table{width:100%;margin-bottom:15px;border-collapse:collapse}
.meds_data th,.meds_data td{border:solid 1px #d6d6d6}
.meds_data th{padding:8px;width:150px;background-color:#f5f5f5;box-sizing:border-box}
.meds_data th h3{font-size:13px}
.meds_data td{padding:10px;box-sizing:border-box;font-size:13px}
.meds_data td .meds_data_link{display:block;text-align:right;line-height:1;margin-bottom:10px}
.meds_data td .meds_data_link:last-of-type{margin-bottom:0}
.meds_data td .meds_data_link a span{color:#53b4dc;margin-top:-3px}
.meds_data td .abtest_linkBtn_a{display:block}
.meds_data td .abtest_linkBtn_b{display:none}
.meds_data td .abtest_linkBtn_b .meds_data_btn{display:block;margin-right:10px;margin-left:10px}
.meds_data td .abtest_linkBtn_b .meds_data_btn a{display:block;width:100%;padding:5px 9px;font-size:14px;font-weight:normal;text-decoration:none;border-style:none;background:none;color:#0075cf;text-align:right}
.meds_data td.ingredient .meds_data_btn:nth-of-type(2){margin-top:7px}
.meds_data .meds_data_btn a:hover{opacity:.8}
.meds_data .meds_data_btn a span{display:inline-block;margin-left:2px;font-size:8px;line-height:2.6;position:absolute;right:6px;top:5px;color:#fff}
.meds_data .to_hospital{margin-bottom:5px}
.meds_data .to_hospital a{display:block;width:100%;height:100%;font-size:17px;line-height:50px;font-weight:bold;text-align:center;color:#fff;text-decoration:none;background-color:#62b5d9;border-radius:3px;box-shadow:0 1px 0 0 #3182b5}
.meds_data .to_hospital a:hover{opacity:.8;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)"}
.meds_images{width:260px;margin:10px auto 0;text-align:center}
.meds_images li{display:table;margin:0 auto}
.meds_images li a{position:relative;display:table-cell;vertical-align:middle;height:240px;text-align:center}
.meds_images li a .zoom{position:absolute;right:0;bottom:0}
.meds_images .slide{display:flex;align-items:center}
.meds_detail{margin-bottom:30px}
.meds_url_copy{margin:20px auto;width:330px}
.meds_url_copy a{display:block;padding:13px 25px;font-size:15px;line-height:1;text-align:center;text-decoration:none;color:#fff;border:solid 1px #5eb4db;border-radius:3px;box-shadow:0 1.5px 0 0 #3182b5;background:#5eb4db}
.meds_url_copy a:hover{opacity:.8}
.meds_url_copy a img{width:18px;margin-right:5px;margin-top:-4px}
.meds_info{margin-bottom:40px}
.meds_info .para{margin:-110px 0 35px;padding-top:110px}
.meds_info .para p{font-size:14px;line-height:2}
.promotion{text-align:center;margin:40px 0}
.meds_ranking{margin-bottom:40px}
.meds_ranking .heading_level2{margin-bottom:10px;border:0}
.meds_ranking dl{border:solid 1px #dbdbdb}
.meds_ranking dt{padding:13px 13px 13px 18px;font-size:16px;font-weight:bold;background-color:#f5f5f5;border-top:solid 1px #dbdbdb}
.meds_ranking dt.r4{padding-left:45px;background:18px 13px no-repeat url(/common/img/pc/mark_patient_g.png) #f5f5f5;background-size:20px}
.meds_ranking dt:first-child{border:0}
.meds_ranking dt span{display:inline-block;margin-right:8px;width:20px;height:20px;line-height:20px;font-weight:bold;text-align:center;color:#fff;background-color:#4eb3de;border-radius:10px}
.meds_ranking dd{padding:15px 20px}
.meds_ranking dd li{float:left;margin-right:30px}
.meds_ranking dd li a{font-size:14px;text-decoration:none;color:#0075cf}
.meds_ranking dd li a:hover{text-decoration:underline}
.meds_ranking dd li a .mark{margin-right:3px;color:#53b4dc}
.meds_list{margin-bottom:35px}
.meds_list .heading_level2{border:0}
.meds_list .item_list{
    padding: 0 10px;
    margin: 10px 0;
    width: 100%;height: auto;/*20210629*/
}
.meds_list .item_list .item{
    width: 48%;
    float: left;
    margin-right:2%;
    margin-bottom: 50px;
    overflow: hidden;
    margin-bottom: 10px;}
.meds_list .item_list .item:nth-child(5n+1){/*border:0*/}
/*.meds_list .item_list .item a{padding:10px 18px;width:auto;height:100%}*/
.meds_list .item_list .item a{padding:0;}/*20210629*/
.meds_list .item_list .item figure imgmax-height: 100%;}
.meds_list .item_list .item .name{font-size:13px;line-height:16px}
.meds_list .item_list .item .name em{margin-bottom:3px;font-size:13px;line-height:17px}
.meds_list .item_list .item .detail small{font-size:11px}
.meds_list .item_list .item .detail small span{display:block}
.meds_list .item_list .item .tags span{margin-bottom:3px}
.meds_list .item_list .item .box_figure{
    width: 220px;
    height: 220px;
    background-color: #fff;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    margin: 8px;}
.meds_list .item_list .item figure{width:100%;}
.item_list .item{margin:0 20px 20px 0;width:353px;min-height:147px;border:solid 1px #d6d6d6}
.item_list .item a{display:block;padding:10px;text-decoration:none;color:#000;height:100%;box-sizing:border-box}
.item_list .item a:hover{background:#f5f5f5}
.item_list .item .box_figure{display:table;margin:0 15px 0 10px;float:left}
.item_list .item figure{margin-right:10px;border-radius:100%;overflow:hidden;display:table-cell;display:block\9;width:130px;height:130px;vertical-align:middle;text-align:center;background-color:#fff}
.item_list .item figure a:hover{background:#f5f5f5}
.item_list .item figure img{width:100%;}
.item_list .item .box_text{padding-left:155px}
.item_list.item_list-vertical .item .box_text{margin: 8px;padding-left:0}
.item_list .item .name{font-size:12px;line-height:1.3;font-weight:normal}
.item_list .item .name em{display:block;font-weight:bold;font-size:14px;line-height:1.3;margin:5px 0}
.item_list .item .detail{margin:5px 0;color:#777}
.item_list .item .detail small{display:block;font-size:12px;line-height:16px}
.item_list .item .tags span{display:inline-block;margin-right:5px;padding:3px 5px;font-size:12px;color:#fff;font-weight:bold;line-height:1.2;background-color:#1d3156}

#page_top {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: #3f98ef;
    opacity: 0.6;
    border-radius: 50%;
    z-index: 10000;
}



####ed.css
@charset "UTF-8";
/* CSS Document */
.right_c {
  float:right;
  margin:0px 20px;
}

.clearRight {
  clear: right;
}

.clearLeft {
  clear: left;
}

ul.sample{
  margin:20px 10px;
  background-color: #d8e9f0;
  padding: 0.5em 0.5em 0.5em 2.5em;
}

ul.sample li{
  list-style-type: square;
  padding:6px 10px;
  font-weight:bold;
}

/* 比較表 */



/* 比較表SP */
table.sp{
 border: 1px solid;
}

tr.sp{
 border: 1px solid;
 padding: 1px;
}

th.sp{
 width: 50%;
 padding: 1px;
 border: 1px solid;
 float: left;
}

td.sp{
 width: 50%;
 padding: 1px;
 border: 1px solid;
 float: right;
}

.reset_style {
  table {
    width: initial;
    border-collapse: initial;
    border-spacing: initial;
    border-width: initial;
    border-color: initial;
  }
  tr {
    width: initial;
    border-bottom: initial;
  }
  td {
    width: initial;
    vertical-align: initial;
    padding: initial;
  }

}


#contents {
  /* .pickup .special共通 */
}
#contents #sidenav .category_menu {
  margin-top: 20px;
  padding-left: 10px;
  box-sizing: border-box;
}
#contents #sidenav .category_menu p {
  margin: 10px 0;
}
#contents #sidenav .category_menu ul li.current {
  background-color: #f1f9f8;
}
#contents #sidenav .category_menu ul li a {
  color: #25B5AA;
  display: inline-block;
  padding: 3px 0 3px 15px;
}
#contents #maincontents .head {
  background: ##2D76CC;
  box-sizing: border-box;
  padding: 12px 15px;
  margin-bottom: 20px;
  overflow: hidden;
}
#contents #maincontents .head h3 {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  float: left;
}
#contents #maincontents h4{
  font-size: 18px;
  font-weight: bold;
  float: left;
    width: 100%;
}
}
#contents #maincontents h5{
  font-weight: bold;

}

#contents #maincontents table tr td p span {

  margin-right: 15px;
  display: inline-block;
}
#contents #maincontents table tr td p span.last {
  margin-right: 41px;
}
#contents #maincontents table tr td a{
  color: #25B5AA;
}
.clear_B{
  clear:both;
}

/* コメント */

.comment_top{
  margin:10px 0 10px 0;
  padding:10px;
}

.comment_area h6{
  margin-bottom: 20px;/*　20210625　*/
}
/*　右寄せ　*/

.float_r{
  text-align:right;
}


.item_area{
  margin:10px 10px 0px;
}

.font_title{
  color:#7c7575;
  font-weight:bold;
}

.font_01{
  color:#cd5555;
  font-weight:bold;
}

.font_02{
  color:#87a8d0;
  font-weight:bold;
}

.font_b{
  font-weight:bold;
}

/*.title_h5{
  font-size:1.2em;
  padding-bottom: .25em;
  padding-left: .5em;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  margin:20px 0px 10px 0px;
}*/

.title_h5_No1{
  margin-top:20px;
  clear:float;
  background: #e6b422;
  padding: 0.5em;
  color: #ffffff;
  font-size: 18px;
}

.title_h5_No2{
  margin-top:20px;
  clear:float;
  background: #C0C0C0;
  padding: 0.5em;
  color: #ffffff;
  font-size: 18px;
}

.title_h5_No3{
  margin-top:20px;
  clear:float;
  background: #C9AE5D;
  padding: 0.5em;
  color: #ffffff;
  font-size: 18px;
}

.title_h6{
    padding-bottom: .5em;
    padding-left: .5em;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    vertical-align: middle;
}

#toc_container {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #aaa;
    display: table;
    font-size: 95%;
    margin-bottom: 1em;
    margin-left: 1em;
    padding: 10px;
    width: auto;
}
 
.toc_title {
    font-weight: 700;
    text-align: center;
    margin-bottom:.5em;
}
 
#toc_container li, #toc_container ul, #toc_container ul li{
    list-style-position: outside;
    margin-left: 1em;
    margin-right: 1em;
    padding-left: 0;
    /* リストの記号を付けない場合は   
     list-style: outside none none !important;
    */
}

h4 {
  position: relative;
  padding: .25em 0 .5em .75em;
  border-left: 6px solid #3498db;
  margin:30px 0 20px 0;
}
h4::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 0;
  border-bottom: 1px solid #ccc;
}

.item_right {
  margin:10px 20px;
  width:95%;
  background-color:#fff;
}

h6 {
  font-weight:bold;
  font-size:medium;
}

.media {
    background: #FFF;
    padding: 10px;
    overflow: hidden;
}
.media__image {
    float: left;
    margin-right: 10px;
}
.media__summary {
    overflow: hidden;
}
.media__heading {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  #contents #maincontents .head {
    margin-bottom: 10px;
  }
  #contents #maincontents h4,
  #contents #maincontents h5{
    margin: 30px 5px 15px;
     float: left;
  width: 100%;
  }
  #contents #maincontents p {
    margin: 10px 10px 15px;
  }


  #contents #maincontents table {
    width: 97%;
    margin-left: 5px;
  }
  #contents #maincontents table tr th, #contents #maincontents table tr td, 
  #contents #maincontents table.basic tr th, #contents #maincontents table.basic tr td {
    float: left;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid;
    padding: 3px;
 }
  #contents #maincontents table tr td p span {
    display: block;
  }
.media__image {
    float:none;
}

.media__summary {
    overflow: visible;
    float:left;
    margin-top:15px;
}
.right_c {
   float:none;
   margin-bottom:15px;
}

}

.price {
  color: #e30000;
  font-weight: bold;
  font-size: 16px;
}

/*.item_left_text {
  min-width: 164px;
  float: left;
  font-weight: bold;
}*/

.item_left_img {
  float: left;
  margin: 0 10px 0 10px;
}

/* 会員登録ボタンのマウスオーバー */

.imgover a {
    width: 580px;
    height: 85px;
    background: url("https://cache.triple-farm.com/tfsd/files/img/ED/member_touroku.png") no-repeat;
    display: block;
    text-indent: -9999px;
}
 
.imgover a:hover {
    background-image: url("https://cache.triple-farm.com/tfsd/files/img/ED/member_touroku_ov.png");
}


.imgover_s a {
    width: 380px;
    height: 72px;
    background: url("https://cache.triple-farm.com/tfsd/files/img/ED/member_touroku_s.png") no-repeat;
    display: block;
    text-indent: -9999px;
}
 
.imgover_s a:hover {
    background-image: url("https://cache.triple-farm.com/tfsd/files/img/ED/member_touroku_s_ov.png");
}



####pediatric_drugs.css
@charset "UTF-8";
/* CSS Document */

.clearLeft {
  clear: left;
}


ul.sample{
    width:100%;
    margin:10px 10px 0 20px;
}

ul.sample li{
    list-style-type: square;
    padding:3px 10px;
    margin-right:20px;
}
/*
section table { width: 100%; }
section th, section td  { padding: 10px; border: 1px solid #ddd; }
section th  { background: #ffffff; }
 */
/*----------------------------------------------------
  .demo01
----------------------------------------------------*/
.demo01 th  { width: 30%; text-align: left; }
 
@media only screen and (max-width:380px){
    .demo01 { margin: 0 -10px; }
    .demo01 th,
    .demo01 td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .demo01 tr:first-child th { border-top: 1px solid #ddd; }
}


#contents {
  /* .pickup .special���� */
}
#contents #sidenav .category_menu {
  margin-top: 20px;
  padding-left: 10px;
  box-sizing: border-box;
}
#contents #sidenav .category_menu p {
  margin: 10px 0;
}
#contents #sidenav .category_menu ul li.current {
  background-color: #f1f9f8;
}
#contents #sidenav .category_menu ul li a {
  color: #2D75CC;
  display: inline-block;
  padding: 3px 0 3px 15px;
}
#contents #maincontents .head {
  background: #2D75CC;
  box-sizing: border-box;
  padding: 2px 5px;
  margin-bottom: 20px;
  overflow: hidden;
}
#contents #maincontents .head h3 {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  float: left;
}
#contents #maincontents .head h5 {
  color: #fff;

}
}
#contents #maincontents h5{
  font-weight: bold;
  
}

#contents #maincontents p {
  margin:0;
}
#contents #maincontents p .top_ad{
  width: 49%;
  height: 100%;
  float: left;
  margin-left: 1%;
  margin-bottom: 1%;
}

#contents #maincontents table {
  width: 100%;
}
#contents #maincontents table tr th, #contents #maincontents table tr td {
  padding: 10px 0;
  vertical-align: top;
}
#contents #maincontents table.basic tr th, #contents #maincontents table.basic tr td {
  padding: 15px;
  border: 1px solid #ddd;
}
#contents #maincontents table tr th {
  text-align: left;
}
#contents #maincontents table.basic tr th {

  background: #eee;
}
#contents #maincontents table tr td {
}
#contents #maincontents table.basic tr td {

}
#contents #maincontents table tr td p {
  margin: 0;
}
#contents #maincontents table tr td p.last {
  margin: 0 0 10px;
}
#contents #maincontents table tr td p span {

  margin-right: 15px;
  display: inline-block;
}
#contents #maincontents table tr td p span.last {
  margin-right: 41px;
}
#contents #maincontents table tr td a{
  color: #2D75CC;
}

@media screen and (max-width: 767px) {
  #contents #maincontents .head {
    margin-bottom: 10px;
  }
  #contents #maincontents h4,
  #contents #maincontents h5{
    margin: 30px 10px 15px;
    float: left;
    width: 100%;
  }
  #contents #maincontents p {
    margin: 10px 10px 15px;
  }
  #contents #maincontents table {
    width: 100%;
  }
  #contents #maincontents table tr th, #contents #maincontents table tr td, 
  #contents #maincontents table.basic tr th, #contents #maincontents table.basic tr td {
    float: left;
    width: 100%;
    box-sizing: border-box;
  }
  #contents #maincontents table tr td p span {
    display: block;
  }
}


/* �R�����g */

.comment_top{
  width: auto;
  max-width: 100%;
  margin:10px 0 10px 0;
  padding:10px;
  float:left;
}


/* �E��ȉ摜 */
.woman_img{
  width:320px;
  height:250px;
  margin-right:20px;
  float:right;
}

.clear_R{
  clear:both;
}

/*�@�E�񂹁@*/

.float_r{
  text-align:right;
}

/* �����΂̔w�i */

.green_area{
  background-color:#E0F8E6;
  color:#000000;
  margin:10px;
  padding:20px;
}

/* ���i���X�g�̔w�i */

.item_area{
  margin: 10px;
  padding: 20px;
}

/* .item_list{
  margin: 10px 20px;
  width: 600px;
  height: 250px;
  float: left;
}*/
.item_img{
  width: 150px;
  height:150px;
}
p.item_title{
  width:150px;
  font-size: 12px;
  text-align: center;
  margin: 10px 0px;
}

/* �{�^�� */

.btn2 {
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	display: block;
	background: #EEE;
	border: 1px solid #DDD;
	color: #111;
	width: 150px;
	padding: 10px 0;
}

/*�ԕ�������*/

.font_red{
  color:#FF0000;
  font-weight:bold;
}

.font_b{
  font-weight:bold;
}
.title_h4{
margin: 0;
    font-size: 20px;
    border-bottom: solid;
    padding: 5px 15px;
    margin-bottom: 15px;
    margin-top: 20px;
}
/*.title_h4{
  /*margin:20px 10px 0px 10px;
  /*color: #3175CF;/*�����F*/
  /*border: solid 3px #094593;/*���F*/
  /*padding: 0.5em;/*��������̗]��*/
  /*border-radius: 0.5em;/*�p��*/
/*}*/
.title_h5{
font-size: 16px;
     font-weight: bold;
    margin-top: 20px;
    margin-left: 15px;
  /*margin-top:20px;
  clear:left;
  background: #c2edff;
  padding: 0.5em;*/
}


/* PC�ł͏����Ă����̈�*/
@media screen and (min-width: 767px) {
.Smart_view{
  display:none;
}
}
@media screen and (max-width: 767px) {
.PC_view{
  display:none;
}
.item_left_img {
  float: left;
  margin: 0 10px 0 10px;
}
}

.price {
  color: #e30000;
  font-weight: bold;
  font-size: 16px;
}

.item_box_basic {
  box-sizing: border-box;
  width: 100%;
}

.item_right_img {
  float: right;
  margin-left: 4px;
}

.item_left_text {
  width: 520px;
  max-width: 100%;
  float: left;
  font-weight: bold;
}

.item_left_img {
  float: left;
  margin: 0 10px 0 10px;
}

.pediatric_drugs_img {
  width: 250px;
}

/* 病名特辑  */
.feature_box{
  border-bottom: 1px solid #ddd;
  padding:15px ;

  width:280px;
  height:280px;
  float: left;


}

img.feature_img{
  border: 1px #999 solid;
  width:200px;
  height:116px;
  margin:15px;
}

.feature_memo{
  margin:5px;

}

p.feature_title{
  font-size:large;
  text-decoration: underline;
  margin-bottom:10px;

}

@media screen and (max-width: 767px) {
.feature_box{
  padding:10px;
  width:160px;
  height:250px;
}

img.feature_img{
  width:140px;
  height:81px;
  margin:5px;
}
.feature_memo{
  margin-top:5px;
  font-size:small;
}

p.feature_title{
  font-size:medium;
  text-decoration: underline;
  margin-bottom:10px;
}
}

/* 药品名特辑  */
.nav ul li{ 	
    display: none;
 } 

.item_wrap{
  display: flex;
  margin-top:15px;
}

.item_category{
  width:30%;
  margin-right:20px;
}

.item_category_title {
  position: relative;
  color: white;
  font-weight:bold;
  font-size:medium;
  background: #2D76CC;
  line-height: 1.4;
  padding: 0.5em 0.5em 0.5em 1.0em;
}

.item_category ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.item_category ul li a {
  position: relative;
  display: block;
  padding: .4em .8em .4em 2.4em;
  text-decoration: none;
  color: #333;
  text-align: left;
  margin: 0;
  border-bottom:1px solid #ccc;
}
.item_category ul li a:hover {
  background: #fce38a;
}
.item_category ul li a::before {
  position:absolute;
  content:'';
  top: 0.7em;
  left: 0.2em;
  height:0;
  width:0;
  border-style: solid;
  border-width: 6px 0 6px 9px;
  border-color: transparent transparent transparent #2D76CC;
}


@media screen and (max-width: 767px) {

.nav ul li{ 	
    display: none;
 } 

.item_wrap{
  display: inline;
  
}

.item_category{
  width:95%;
  margin-right:0px;
  margin:0 15px;
  
  }


.item_category ul {
  margin: 0 20px;
  padding: 0;
}

}
/*#contents .news ul li {
  border-bottom: 0px solid #eee;
  padding: 0px 0;
}*/

/*病状別特集*/
table.std {
  width: 95% !important;
  margin-left:20px;
}

table.std tr td {
  padding:10px 15px  !important;
  vertical-align: top;
  border: 1px solid #ddd;
}

table.std tr th {
  padding:10px 15px;
  vertical-align: top;
  background: #eee;
  border: 1px solid #ddd;
  white-space: nowrap;
}

h6 {
  position: relative;
  padding: 0.6em;
  background: #e0edff;
  font-weight:bold;
  font-size:medium;
}
h6:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #e0edff;
  width: 0;
  height: 0;
}
.box-text{
width: 75%;
margin: 20px 10px;
float: left;
}

img.box-img{
width: 150px;
height:150px;
margin: 8px 0px;
}


.item_list{
  margin:10px 20px;
  width:150px;
  height:200px;
  float: left;
}

p.item_title{
  width:150px;
  font-size: 12px;
  text-align: center;
  margin: 10px 0px;
}

.clearLeft {
  clear: left;
}

.clearRight{
  clear: right;
}
/*ピロリ菌*/

.pylori_cate{
		padding:30px 0 0 10px;
		clear:both;
		}

.pylori_goods_1{
		float:left;
		padding:20px 20px 20px 15px;	
		}
		
.pylori_goods_2{
		padding:20px 0 0 20px;
		float:left;
		}
								
.pylori_clear{
		clear:both;
		padding:0px 0 0 10px;
		}		
		
.pylori_1 { border: 4px #71D5E9 double;
		background-color:#ADD9E0;
		}

.cont_1{
		font-size:16px;
		color:#FB4A04;
		padding-top:20px;
		text-indent:1.5em;
		font-weight:bold;
		}

.cont_2{
		color:#3C3C3C;
		padding:0 20px 0 20px;
		}

.cont_3{
		clear:both;
		font-size:16px;
		color:#3C3C3C;
		padding-top:20px;
		text-indent:1.5em;
		font-weight:bold;
		}
		
.cont_4{
		color:#4B8605;
		font-weight:bold;
		padding:5px 0 0 20px;
		font-size:16px;
		}
		
.cont_5{
		color:#3C3C3C;
		padding:0 20px 20px 20px;
		}
		
/*ツムラ　漢方*/
.kanpo_sho{
		width:90%;
		margin:0 auto;
}
.kanpo_sho p{
		overflow:hidden;
		margin:0px;
		padding:10px;
}

.kanpo_or p{
		background-color:#FDEED3;
		}
		
.kanpo_bl p{
		background-color:#D0EBFE;
		}
		
.kanpo_gr p{
		background-color:#EDFFF1;
		}

.img_left{
		float:left;
		padding:0px;
		width:160px;
		height:160px;
		}

.img_clear{
		clear:both;
		}

@media screen and (max-width: 767px) {

.img_left{
		float:left;
		padding:0px;
		width:160px;
		height:160px;
		}

}
/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 9pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 9pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	border: 1px solid #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

/*関連ページのナビゲーション*/
#nav{
  list-style: none;
  overflow: hidden;
}

#nav_sp ul{
  padding: 0;
  position: relative;
}

#nav_sp li {
  color: #2d8fdd;
  border-left: solid 6px #2d8fdd;/*左側の線*/
  background: #f1f8ff;/*背景色*/
  margin-bottom: 3px;/*下のバーとの余白*/
  line-height: 1.5;
  padding: 1em;
  margin-right:0.5em;
  list-style-type: none!important;/*ポチ消す*/
  float: left;
}

.clearfix{
	clear: both;
}

/*漢方薬一覧*/
.kanpo_wrap{
	margin:10px 0px;
}

ul.kanpo_list{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	width:100%;
}



.kanpo_list li{
	position: relative;
	padding: 10px 7px 10px 10px;
}

.kanpo_list a {
	display: block;
	padding: 0 0 0 35px;
	font-weight: bold;
	font-size: 1.3em;
}
.kanpo_drug{
	width:31%;
	border: 1px solid #ccc;
}

.kanpo_num{
  position: absolute;;
  top:15px;
  width: 30px;
  height: 30px;
  background: #F6A38B;
  text-align: center;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.kanpo_num_2{
  position: absolute;;
  top:15px;
  width: 30px;
  height: 30px;
  background: #6eb6ff;
  text-align: center;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.kanpo_list .kanpo_kouka {
	padding: 5px 10px;
	font-size: 0.8em;
}
/* ステロイド */

.blue_area{
  background-color:#CCE3FD;
  margin:10px;
  padding:20px;
}

.title_h4{
  margin-top:20px;
}

.title_h5{
  margin-top:20px;
}

.font_red{
  color: #ff0000;
  font-weight:bold;
}
.marker_p {
    background: linear-gradient(transparent 30%, #fff799 30%);
    font-weight: bold;
}
/*点眼液*/
.ophthalmic{
		float:left;
		padding-right:20px;
		}

.ophthalmic_list{
		list-style-type: square;
		padding:10px 0 30px 30px;
		color:#E98107;
		}
		
.ophthalmic_use{
		float:left;
		background-color:#FBE2E5;
		border:dashed 2px #ED7E8C;
		width:65%;
		margin-bottom:20px;
		}
		
.use_1{
		font-weight:bold;
		font-size:16px;
		padding:15px 0 10px 20px;
		color:#C90968;
		}

.use_2{
		font-weight:bold;
		padding:5px 20px 0 20px;
		}
		
.use_3{
		font-weight:bold;
		color:#E98107;
		padding-bottom:15px;
		padding-left:20px;
		}
			
.goods{
		margin-top:10px;
		}

.jeneriku{
		background-color:#25B5AA;
		color:#fff;
		border:double 5px #fff;
		}

.ophthalmic_1{
		color:#fff;
		font-size:20px;
		letter-spacing:7px;
		background:linear-gradient(#2D6AD9, #2DBBD9);
		font-weight:bold;
		font-family:,sans-serif;
		text-align:center;
		padding:10px;
		clear:both;
		}
			
table .cont_1{
		text-indent:1.5em;
		font-weight:bold;
		font-size:16px;
		background-color:#BEE6FB;
		border:double 5px #fff;
		color:#2D6AD9;
		}

.name_1{
		text-align:center;
		}

.ophthalmic_2{
		color:#fff;
		font-size:20px;
		letter-spacing:7px;
		background:linear-gradient(#CC6633, #CC9966);
		font-weight:bold;
		font-family:,sans-serif;
		text-align:center;
		padding:10px;
		clear:both;
		}
			
table .cont_2{
		text-indent:1.5em;
		font-weight:bold;
		font-size:16px;
		background-color:#FCE8DD;
		border:double 5px #fff;
		color:#C04825;
		}
		
.ophthalmic_3{
		color:#fff;
		font-size:20px;
		letter-spacing:7px;
		background:linear-gradient(#04988D, #7DE578);
		font-weight:bold;
		font-family:,sans-serif;
		text-align:center;
		padding:10px;
		clear:both;
		}
			
table .cont_3{
		text-indent:1.5em;
		font-weight:bold;
		font-size:16px;
		background-color:#CCE8AB;
		border:double 5px #fff;
		color:#029A26;
		}
		
.ophthalmic_4{
		color:#fff;
		font-size:20px;
		letter-spacing:7px;
		background:linear-gradient(#F04BAC, #F9A2D6);
		font-weight:bold;
		font-family:,sans-serif;
		text-align:center;
		padding:10px;
		clear:both;
		}
			
table .cont_4{
		text-indent:1.5em;
		font-weight:bold;
		font-size:16px;
		background-color:#FECBE9;
		border:double 5px #fff;
		color:#E4008B;
		}
		
.ophthalmic_5{
		color:#fff;
		font-size:20px;
		letter-spacing:7px;
		background:linear-gradient(#BB9B01, #FCE88A);
		font-weight:bold;
		font-family:,sans-serif;
		text-align:center;
		padding:10px;
		clear:both;
		}
			
table .cont_5{
		text-indent:1.5em;
		font-weight:bold;
		font-size:16px;
		background-color:#FDEF90;
		border:double 5px #fff;
		color:#A48805;
		}		
		
.ophthalmic_6{
		color:#fff;
		font-size:20px;
		letter-spacing:7px;
		background:linear-gradient(#8B56CC, #B19CCC);
		font-weight:bold;
		font-family:,sans-serif;
		text-align:center;
		padding:10px;
		clear:both;
		}
			
table .cont_6{
		text-indent:1.5em;
		font-weight:bold;
		font-size:16px;
		background-color:#DAC0FB;
		border:double 5px #fff;
		color:#6602EF;
		}	
		
.ophthalmic_7{
		color:#fff;
		font-size:20px;
		letter-spacing:7px;
		background:linear-gradient(#8E8C8C, #B0AEAE);
		font-weight:bold;
		font-family:,sans-serif;
		text-align:center;
		padding:10px;
		clear:both;
		}
			
table .cont_7{
		text-indent:1.5em;
		font-weight:bold;
		font-size:16px;
		background-color:#C4C3C3;
		border:double 5px #fff;
		color:#545353;
		}

.op_hr{
		border-style: dashed;
		border-color:#474749;
		}
		
.ophthalmic_text{
		margin:20px 10px;
	}	
	
.text_op1{
		font-weight:bold;
		color:#B80336;
		font-size:16px;
	}
	
.text_op2{
		font-weight:bold;
		color:#F59307;
		font-size:16px;
	}
	
.text_op3{
		font-weight:bold;
		font-size:15px;
	}
	
.text_op4{
		font-weight:bold;
		color:#218B04;
		font-size:15px;
	}
	
.text_op5{
		font-weight:bold;
		color:#0211D5;
		font-size:15px;
	}
		
.caution_1{
		margin-top:20px;
		padding:20px;
		border:solid 1px #F4680B;
		background-color:#FCEEC7;
		}
	
.ophthalmic_1_img{
		display: inline-block;
		padding:10px;
		}
					
.dryeye_1{
		border:double 4px #F4680B;
		background-color:#FCEEC7;
		margin:0 25px;
		}
		
.dryeye_2{
		display: inline-block;
		width:300px;
		padding:20px 0px 0px 20px;
		font-weight:bold;
		}

.dryeye_3{
		display: inline-block;
		width:300px;
		padding:20px 0px 20px 20px;
		font-weight:bold;
		}

.item_box img{
		height:200px;
		width:200px;
}

@media screen and (max-width: 767px) {

  .ophthalmic_use{
		clear:both;
		background-color:#FBE2E5;
		border:dashed 2px #ED7E8C;
		width:100%;
		margin-bottom:20px;
		}
  .item_box{
		border-bottom: solid 1px #ccc;
		padding:10px;
  }
  .item_box a{
		text-align: center;
		display: flex;
		align-items: center;
  }
  .item_box p{
		display:inline-block;
		vertical-align:top; /*縦方向の揃え位置を指定*/
		margin:0 10px;
  }

  .item_box img{
		height:120px;
		width:120px;
		margin-right:5px;
  }
  .jeneriku{
		padding:0 20px;
		margin:5px;
		width:100%;
		}

}

/**details**/
 .cart-concert-btm{
 	 .cart-concert-btm{
 	width:750px/$ppr;
 	left:auto;
 }