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


#contents {
  /* .pickup .special共通 */
}

a:hover img{
	opacity:0.6; /* opera firefox safari */
	filter: alpha(opacity=60); /* ie */
}


.sp_content{
  margin:5px 8px 10px;
}

.caution_box {
    position: relative;
    margin: 2.5em 1em 0.5em;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
}
.caution_box .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.caution_box p {
    margin: 0; 
    padding: 0;
}

.box1{
    padding: 0.5em 1em;
    margin: 1em;
    color: #5d627b;
    background: white;
    border-top: solid 5px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}



.title_01 {
    padding-left:10px;
    padding-bottom:5px;
    font-size:180%;
    font-weight: bold;
    color: #2D88B4;/*文字色*/
    border-bottom: dashed 2px #2D88B4;
}

.title_01:before {
    padding-right:10px;
    content: url(https://cache.natural-pharmacy.jp/npic/files/img/travel/drug_icon.png);
}

.title_02 {
    margin-top:15px;
    padding-left:10px;
    font-size:120%;
    font-weight: bold;
    color: #5d627b;/*文字色*/
}


#contents #maincontents .clearLeft { 
  clear:left; 
}

#contents #maincontents .contentspace {
   padding:10px;
}



ul .goods{
  float:left;
  font-size: 0;
		}
.goods_1{

  text-align:center;
  width:160px;
  padding:15px;
  font-size: 12px;

		}

.goods li{
  display: inline-block;
/display:inline; 
/zoom:1;
  vertical-align: top;

}
		
.goods_2{
  text-align:left;
  padding-top:5px;
  font-size: 12px;
		}		
		
.goods_color_1{
  background: #FB3689;
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  padding: 3px 5px;
  margin-right: 5px;
		}
		
.goods_color_2{
  background: #57B846;
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  padding: 3px 5px;
  margin-right: 5px;
		}			

.goods_color_3{
  background: #0207D2;
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  padding: 3px 5px;
  margin-right: 5px;
		}			

.goods_color_4{
  background: #D24C02;
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  padding: 3px 5px;
  margin-right: 5px;
		}		
		
.goods_color_5{
  background: #D4F5F5;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  padding: 3px 5px;
  margin-right: 5px;
  text-align:left;
  font-size:14px;
		}		

.goods_name{
  background-color:#1FAB89;
  padding:5px 10px;
  color:#fff;
  font-weight:bold;
  font-size:13px;
  margin-bottom:10px;
  margin-top:5px;
}

.stomach_nav {
  list-style: none;
  display: flex;
  margin:20px;
}

.stomach_nav li {
  text-align: center;
  width: 300px;
  height: 50px;
  background-color: #BBDED6;
  margin-right: 5px;
}

.stomach_nav li a {
  display: block;
  text-decoration: none;
  color: #355C7D;
  font-weight: bold;
  line-height: 50px;

}

.stomach_nav li a:hover {
  background-color: #355C7D;
  color: #fff;
}

/*　医薬品紹介 */

.kusuri{
  font-weight: bold;
  background:#01A9DB;
  color:#FFFFFF;
  margin:10px 0px;
  padding:5px;
}

.kusuri2{
  font-weight: bold;
  border-left: 6px solid #2ECCFA;
  background:#A9F5F2;
  padding:5px;
  margin:0px 5px;
}

/* 商品リスト */

.item_area{

  margin:10px;
  padding:20px;

}

.item_list{
  margin:10px 15px;
  width:125px;
  height:200px;
  float: left;
}
.item_img{
  width:120px;
  height:120px;
}

.item_list a:hover img{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

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

#contents #maincontents h6{
  margin:0px 15px;
  padding: 5px 15px;
  border: 1px solid #ccc;
  border-left: 10px solid #ccc;
  
}

.midashi3{
  background: rgba(44, 154, 219, 0.8);
  color:#FFFFFF;
  margin:10px 0px;
  padding:5px;
  width:200px;
}

.pagetop{
text-align: right;
}

.b{
  font-weight:bold;
}

.clearB{
  clear:both;
}

.underline{
  border-bottom: 1px solid #ccc;
}

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


}

@media screen and (min-width: 768px) {


}
		

.item_img2{
  width:150px;
  height:150px;
}