@charset 'utf-8';
/* CSS Document */
.anc_list {
  width: 100%;
  max-width: 490px;
  text-align: center;
  font-size: 14px;
  margin: 0 auto;
}
.anc_list .text_ttl {
  background: url(https://www.lovecosmetic.jp/img/endinfo/2014_icon_ttl2.png) no-repeat 1em .4em #6B9ED2;
  border-radius: .3em;
  text-align: left;
  color: #FFF;
  font-weight: normal;
  font-size: 1em;
  text-indent: 2.5em;
  padding :.5em 0;
}
ul.teiban {
  width: 99%;
  margin: 0 auto;
  list-style: none;
  padding: 0;
}
ul.teiban li {
  display: inline-block;
  width: 30%;
  border-radius: .3em;
  border:1px solid #eee;
  vertical-align: top;
  text-align: left;
  margin-top:.5em;
}
ul.teiban li a {
  display: block !important;
  width: 100%;
  height: auto;
  color: #666 !important;
  font-size: 1em;
  padding:.8em 0;
  text-decoration: none;
  position: relative;
	left:.5em;
  background-image: url(https://www.lovecosmetic.jp/img/endinfo/arrow_anc.png);
  background-position: 92% 50%;
  background-repeat: no-repeat;
  background-size: 5px 8px;
  background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FCFCFC), color-stop(0.45, #FFFFFF));
  opacity: 1;
}
ul.teiban li a span {
  display: block;
  color: #6B9ED2;
  font-size: .8em;
}
ul.teiban li a::after {
  content: "";
  display: block;
  width: 38px;
  height: 38px;
  background: url(https://www.lovecosmetic.jp/img/endinfo/icon_items.png) no-repeat;
  background-size: auto 38px;
  position: absolute;
  top: .5em;
  right: 1.5em;
}
ul.teiban li a:hover {
  opacity: .8;
}
ul.teiban li a.item01:after { background-position:0 0;}
ul.teiban li a.item02:after { background-position:-38px 0;}
ul.teiban li a.item03:after { background-position:-76px 0;}
ul.teiban li a.item04:after { background-position:-114px 0;}
ul.teiban li a.item05:after { background-position:-152px 0;}
ul.teiban li a.item06:after { background-position:-190px 0;}
ul.teiban li a.item07:after { background-position:-228px 0;}
ul.teiban li a.item08:after { background-position:-266px 0;}
ul.teiban li a.item09:after { background-position:-304px 0;}
ul.teiban li a.item10:after { background-position:-342px 0;}
ul.teiban li a.item11:after { background-position:-380px 0;}
ul.teiban li a.item12:after { background-position:-418px 0;}
ul.teiban li a.item13:after { background-position:-456px 0;}
ul.teiban li a.item14:after { background-position:-494px 0;}
ul.teiban li a.item15:after { background-position:-532px 0;}
ul.teiban li a.item16:after { background-position:-570px 0;}
@media screen and (max-width: 767px){
  .anc_list .text_ttl {
    border-radius: 0;
    text-indent: 2.5em;
    padding :.3em 0;
  }
  ul.teiban li {
    display: inline-block;
    width: 48%;
    border-radius: .3em;
    border:1px solid #eee;
    vertical-align: top;
    text-align: left;
    margin-top:.5em;
  }
}