@charset "utf-8";
img{ max-width:100%;}
h3{text-align:center;}

.pagemenu{}
.pagemenu ul{ margin:12px auto; display:flex; flex-wrap:wrap; justify-content:center; list-style:none;}
.pagemenu ul li{margin:12px 12px 12px 0;}
.pagemenu ul li a{
  display: inline-block; border-radius:22px;
  position: relative;
  padding: 10px 33px 10px 10px;
  background: #E2EFF1; color:#176FB7;
  text-decoration: none;
}
.pagemenu ul li a:hover{background-color:#C7DFEF;}
.pagemenu ul li a:after{
  content: "";
  position: absolute;
  transform: rotate(135deg);
  margin: auto;
  top:35%;
  right:13px;
  width:7px;
  height:7px;
  border-top: 2px solid #176FB7;
  border-right: 2px solid #176FB7;
}

/*値段*/
table.price_list{ padding:12px; width:65%; margin:0 auto;}
table.price_list th, table.price_list td{padding:12px; border:1px solid #999999;}
table.price_list th{text-align:left; vertical-align:top; background-color:#D9E9F4; color:#003366;}
table.price_list td.yen{ text-align:right; border:1px solid #999999; white-space:nowrap;}
table.price_list .tax{text-align:right; border:none; padding:0; font-size:0.9em;}

/*値段*/
table.prise_list{ padding:12px; margin:0 auto;}
table.prise_list th, table.prise_list td{padding:12px; border:1px solid #999999;}
table.prise_list th{text-align:left; vertical-align:top; background-color:#D9E9F4; color:#003366;}
table.prise_list th span{font-weight:normal; font-size:0.9em;}
table.prise_list tr.quantity th{text-align:center; background-color:#EEEEEE; color:#333333;}
table.prise_list td.yen{ text-align:right; border:1px solid #999999; white-space:nowrap;}
table.prise_list tr.sp_ttl th{display:none;}
table.prise_list .tax{text-align:right; border:none; padding:0; font-size:0.9em;}

div.frame .txt{ width:75%;}
div.frame .photo{float:right; width:25%;}

.photo{text-align:center;}

/*ED治療薬*/
table.drug_list{width:100%;}
table.drug_list th{background-color:#EEEEEE; color:#333333;}
table.drug_list th, table.drug_list td{padding:8px; border:1px solid #999999;}
table.drug_list span{display:block; font-size:0.9em;}
table.drug_list td{width:14%; text-align:center;}
table.drug_list td.cat{background-color:#D9E9F4; white-space:nowrap; font-weight:bold; color:#003366;}

/**/
table.list th, table.list td{padding:6px; vertical-align:top; border-top:8px solid #FFFFFF; border-bottom:8px solid #FFFFFF;}
table.list th{ white-space:nowrap; background-color:#5F5E5D; padding:6px 18px; font-weight:normal; color:#FFFFFF; }
table.list td ul{margin-left:24px;}

@media screen and (max-width:1000px) {
table.prise_list span{display:block;}

}

@media screen and (max-width:760px) {
table.price_list{width:98%;}
div.frame .txt{ width:auto;}
div.frame .photo{float:none; width:auto;}

table.drug_list{ width:98%; margin:12px auto;}
table.drug_list tr{display:block; float:left;}
table.drug_list	tr td,
table.drug_list tr th{display:block; width:auto; height:42px;}
table.drug_list .multiple{height:60px;}
table.drug_list	thead{display:block; float:left; width:23%;}
table.drug_list	thead tr{width:100%;}
table.drug_list tbody{display:block; float:left; width:77%;}
table.drug_list tbody tr{width:calc(100% / 3);}
}

@media screen and (max-width:680px) {
table.prise_list{width:98%; margin:12px 0;}
table.prise_list th{display:none;}
table.prise_list tr.quantity th{display:table-cell;}
table.prise_list tr.quantity th.pc_ttl{display:none;}
table.prise_list tr.sp_ttl th{display:table-cell; padding-bottom:4px; padding-left:6px;}
table.prise_list tr.sp_ttl th span{ display:inline-block;}

table.drug_list{font-size:0.9em;}

.pagemenu ul{display:block; margin:24px auto;}
.pagemenu ul li a{ width:auto; display:block;}
}

@media screen and (max-width:560px) {
table.prise_list{font-size:0.9em;}
table.drug_list .multiple{height:80px;}
}