#table_bannar img {
	max-width: 100%;
	margin: 0 auto;
  	margin: 5 
}



#table_bannar table tr td {
	border: none;
}
#table_bannar td {
	height: 95px;
	text-align: center;
  	vertical-align: middle;
}

ul.ranking {
  display:table;
  width:100%;
  display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
ul.ranking li {
  font-size:13px;
  display:table-cell;
  position:relative;
  margin-right:-5px;
  border:5px solid #EFEFEF;
  /*border:5px solid #C7AD00;*/
  padding:0px;
}
ul.ranking li:last-child {
  margin-right:0px;
}
ul.ranking li:nth-child(1):before {
  z-index:10;
  text-align: center;
  position:absolute;
  top:-5px;
  left:-5px;
  line-height:50px;
  content:"No.1";
  color:#fff;
  font-weight: bold;
  display:block;
  width:50px;
  height:50px;
  border-radius:8px;
  background-image: -webkit-linear-gradient(270deg,rgba(187,158,61,1.00) 0%,rgba(202,184,100,1.00) 25.14%,rgba(169,140,65,1.00) 55.17%,rgba(203,176,78,1.00) 76.37%,rgba(132,115,5,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(187,158,61,1.00) 0%,rgba(202,184,100,1.00) 25.14%,rgba(169,140,65,1.00) 55.17%,rgba(203,176,78,1.00) 76.37%,rgba(132,115,5,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(187,158,61,1.00) 0%,rgba(202,184,100,1.00) 25.14%,rgba(169,140,65,1.00) 55.17%,rgba(203,176,78,1.00) 76.37%,rgba(132,115,5,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(187,158,61,1.00) 0%,rgba(202,184,100,1.00) 25.14%,rgba(169,140,65,1.00) 55.17%,rgba(203,176,78,1.00) 76.37%,rgba(132,115,5,1.00) 100%);
}
ul.ranking li:nth-child(2):before {
  z-index:10;
  text-align: center;
  position:absolute;
  top:-5px;
  left:-5px;
  line-height:50px;
  content:"No.2";
  color:#fff;
  font-weight: bold;
  display:block;
  width:50px;
  height:50px;
  border-radius:8px;
  background-image: -webkit-repeating-linear-gradient(270deg,rgba(188,188,188,1.00) 0%,rgba(190,190,190,1.00) 25.14%,rgba(154,154,154,1.00) 55.17%,rgba(184,184,184,1.00) 76.37%,rgba(149,149,149,1.00) 100%);
	background-image: -moz-repeating-linear-gradient(270deg,rgba(188,188,188,1.00) 0%,rgba(190,190,190,1.00) 25.14%,rgba(154,154,154,1.00) 55.17%,rgba(184,184,184,1.00) 76.37%,rgba(149,149,149,1.00) 100%);
	background-image: -o-repeating-linear-gradient(270deg,rgba(188,188,188,1.00) 0%,rgba(190,190,190,1.00) 25.14%,rgba(154,154,154,1.00) 55.17%,rgba(184,184,184,1.00) 76.37%,rgba(149,149,149,1.00) 100%);
	background-image: repeating-linear-gradient(180deg,rgba(188,188,188,1.00) 0%,rgba(190,190,190,1.00) 25.14%,rgba(154,154,154,1.00) 55.17%,rgba(184,184,184,1.00) 76.37%,rgba(149,149,149,1.00) 100%);
}
ul.ranking li:nth-child(3):before {
  z-index:10;
  text-align: center;
  position:absolute;
  top:-5px;
  left:-5px;
  line-height:50px;
  content:"No.3";
  color:#fff;
  font-weight: bold;
  display:block;
  width:50px;
  height:50px;
  border-radius:8px;
  background-image: -webkit-linear-gradient(270deg,rgba(155,115,88,1.00) 0%,rgba(185,152,120,1.00) 25.14%,rgba(159,124,87,1.00) 55.17%,rgba(167,141,102,1.00) 76.37%,rgba(157,106,64,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(155,115,88,1.00) 0%,rgba(185,152,120,1.00) 25.14%,rgba(159,124,87,1.00) 55.17%,rgba(167,141,102,1.00) 76.37%,rgba(157,106,64,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(155,115,88,1.00) 0%,rgba(185,152,120,1.00) 25.14%,rgba(159,124,87,1.00) 55.17%,rgba(167,141,102,1.00) 76.37%,rgba(157,106,64,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(155,115,88,1.00) 0%,rgba(185,152,120,1.00) 25.14%,rgba(159,124,87,1.00) 55.17%,rgba(167,141,102,1.00) 76.37%,rgba(157,106,64,1.00) 100%);
}
ul.ranking li:nth-child(4):before {
  z-index:10;
  text-align: center;
  position:absolute;
  top:-10px;
  left:-15px;
  line-height:50px;
  content:"No.4";
  color:#000;
  font-weight: bold;
  display:block;
  width:50px;
  height:50px;
  border-radius:25px;
  background-color: #E7C5C5;
}
ul.ranking li:nth-child(5):before {
  z-index:10;
  text-align: center;
  position:absolute;
  top:-10px;
  left:-15px;
  line-height:50px;
  content:"No.5";
  color:#000;
  font-weight: bold;
  display:block;
  width:50px;
  height:50px;
  border-radius:25px;
  background-color: #F2E5B4;
}
#month_wine {
  border:1px solid #EFEFEF;
  margin-right:10px;
  background-color: #F5ECCE;
}
#month_wine li h3.wine_title {
  font-size:180%;
  font-family: "Roboto Slab", Garamond, "Times New Roman", "ÞâÌÀÄ«", "Yu Mincho", "ÞâÌÀÄ«ÂÎ", "YuMincho", "¥Ò¥é¥®¥ÎÌÀÄ« Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGSÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", serif;
  text-align:center; 
  margin: auto;
}
.wine_item {
  background: #fff;
}
@media (min-width: 886px) {
  ul.ranking li {
    /*width:18%;*/
  }
}
@media (max-width: 480px) {
  ul.ranking li { 
  }
}
@media (max-width: 768px) {
  ul.ranking li:nth-child(4) {
    display:none;
  }
  ul.ranking li:nth-child(5) {
    display:none;
  }
}



.youtube {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 150;
}
.wrap img{
  width: 100%;
}
@media screen and (min-width: 600px) {
  .float-right{
    float: right;
    width: 49.5%;
  }
  .float-left{
    float:left;
    width: 49.5%;
  }
  .wrap:after{
    display: block;
    clear: both;
    content: "";
  }
}