@charset "utf-8";

/*=============================*/
/*　　　　　　　医療ページ
/*=============================*/

.iryoo_top_msg_zone {
width: 100%;
margin: 0 auto;
padding: 10px 0px 15px 0px;
text-align: left;
}

.iryoo_top_msg_zone p {
padding: 0px 0px 3px 0px;
text-align: left;
}

.iryoo_top_msg_zone ol {
padding: 0px 5px 0px 25px;
}

.iryoo_top_msg_zone ol li {
padding: 0px 0px 3px 0px;
}

.iryoo_top_msg_zone ol li ol {
padding: 0px 0px 0px 20px;
}

.iryoo_top_msg_zone ol li ol li {
padding: 0px 0px 3px 0px;
}

.iryoo_top_msg_zone ul {
list-style-type: square;
padding: 0px 5px 0px 15px;
}

.iryoo_top_msg_zone ul li {
padding: 0px 0px 3px 0px;
}

.iryoo_top_msg_zone ul li ul {
list-style-type: disc;
padding: 0px 5px 0px 15px;
}

.iryoo_top_msg_zone ul li ul li {
padding: 0px 0px 3px 0px;
}

.tel_box {
display: inline-block;
font-size: 18px;
font-weight: bold;
color:#ff3300;
margin: 5px 0px 5px 30px;
padding: 2px 15px 2px 15px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border:1px solid #ff9900;
background-color:#ffffff;
text-align: center;
vertical-align: middle;
}

.tel_box img{
margin-right:15px;
}

.search_form-zone {
width: 100%;
margin: 0 auto;
padding: 0px 10px 10px 10px;
text-align: center;
}

.search_form-box {
display: inline-block;
font-size: 15px;
color:#000000;
vertical-align:bottom;
padding: 10px;
text-align: center;
}

.search_form-box .type_150 {
font-size: 15px;
line-height: 160%;
outline: none;
width: 150px;
height: 30px;
}

.search_form-box .dropdown {
font-size: 15px;
line-height: 160%;
outline: none;
width: 150px;
height: 30px;
}

.search_result-table {
margin-left: auto;
margin-right: auto;
margin-top: 20px;
background-color: #ffffff;
border-collapse: collapse;
border: 1px solid #666666;
}

.search_result-table thead th {
color: #000099;
background: #ffffcc;
padding: 3px 10px;
white-space: nowrap;
text-align: center;
border: 1px solid #666666;
}

.search_result-table thead .data {
color: #000000;
font-family: Lato;
font-weight: 400;
font-style: normal;
font-size: 15px;
padding: 3px 10px;
text-align: left;
border: 1px solid #666666;
}

.search_result-table thead .zone {
font-size: 13px;
padding: 3px 10px;
text-align: left;
border: 1px solid #666666;
}

.search_result-table thead td br{
display: none;
}

.search_result-box {
display: none;
}

.logo_apotheke {
display: inline-block;
margin: 5px 0px 15px 10px;
vertical-align: middle;
}

.logo_apotheke img{
margin-right: 10px;
}

/*****************************************************/
/*****************************************************/
@media screen and (max-width:768px)
{

.search_result-table {
display: none;
}

.search_result-table thead td br {
display: block;
}

.search_result-box {
display: block;
width: 100%;
margin: 0px auto;
padding: 10px 10px;
text-align: center;
}

.search_result-box ul {
width: 100%;
list-style-type: none;
}

.search_result-box ul li{
width: 300px;
margin: 10px 10px;
display:inline-block;
list-style-type: none;
vertical-align:top;
}

.search_result-box ul li table {
width: 300px;
background: #ffffff;
border-collapse: collapse;
border: 1px solid #999999;
}

.search_result-box ul li table tbody th {
font-size: 16px;
font-weight: normal;
color: #000099;
background: #ffffcc;
padding: 5px 10px;
white-space: nowrap;
text-align: center;
border: 1px solid #999999;
}

.search_result-box ul li table tbody .zone {
font-size: 15px;
padding: 5px 10px;
text-align: center;
border: 1px solid #666666;
}

.search_result-box ul li table tbody .data {
color: #000000;
font-family: Lato;
font-weight: 400;
font-style: normal;
font-size: 16px;
padding: 5px 10px;
text-align: center;
border: 1px solid #999999;
}


}

/***************************************/
/***************************************/
@media only screen and (max-width:640px) {

.iryoo_top_msg_zone {
width: 100%;
margin: 0 auto;
padding: 10px 0px 15px 0px;
text-align: left;
}

.iryoo_top_msg_zone ol {
padding: 0px 5px 0px 20px;
}

.iryoo_top_msg_zone ol li ol {
padding: 0px 0px 0px 15px;
}

.iryoo_top_msg_zone ul {
list-style-type: square;
padding: 0px 5px 0px 10px;
}


}

/*****************************************************/
/*****************************************************/
@media screen and (max-width:480px)
{

.search_result-box ul li{
width: 100%;
margin: 10px auto;
list-style-type: none;
vertical-align:top;
}

.search_result-box ul li table {
width: 100%;
background: #ffffff;
border-collapse: collapse;
border: 1px solid #999999;
}


}