@charset "UTF-8";
/* CSS Document */
#contents {
  /* .pickup .special共通 */
}

#contents .head {
  background: #2C88B4;
  box-sizing: border-box;
  padding: 12px 15px;
  margin-bottom: 20px;
  overflow: hidden;
}

.label_01 {
    display: inline-block;
    padding: 3px 5px;
    margin:3px 5px 0px 0px;
    font-size:small;
    text-decoration: none;
    color: #848484;
    background-color: #E0F8E0;
    border-radius: 3px;
    transition: .4s;
}
.label_02 {
    display: inline-block;
    padding: 3px 5px;
    margin:3px 5px 0px 0px;
    font-size:small;
    text-decoration: none;
    color: #848484;
    background-color: #F8E0E6;
    border-radius: 3px;
    transition: .4s;
}
.label_03 {
    display: inline-block;
    padding: 3px 5px;
    margin:3px 5px 0px 0px;
    font-size:small;
    text-decoration: none;
    color: #848484;
    background-color: #F7F2E0;
    border-radius: 3px;
    transition: .4s;
}
.label_04 {
    display: inline-block;
    padding: 3px 5px;
    margin:3px 5px 0px 0px;
    font-size:small;
    text-decoration: none;
    color: #848484;
    background-color: #CEECFC;
    border-radius: 3px;
    transition: .4s;
}


ul li,ol li {
	list-style: none;
}

.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;
}


@media screen and (max-width: 767px) {
	.kanpo_drug{
		width:100%;
	}

}

@-moz-document url-prefix(){
ul.kanpo_list{
	font-size: 0;
	display: inline-block;
}



.kanpo_list li{
	display: inline-block;
	font-size: 14px;
	width:30%;
	vertical-align:top; 

}
}

.position-over {
    ruby-position:over;
}