﻿/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:block;
    overflow:hidden;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/*********************************
 * ITEM
 *********************************/

.list#sleeping_bag .title {
   background:url(/common/images/sleeping_bag.png) no-repeat top 30px right 0 #a1b2c2;
   background-size:auto 100%
 }
   @media screen and (max-width: 920px) {
       .list#sleeping_bag .title{
         background-position:top 20px right 0
       }
     }
.list#sleeping_bag .title h2 {
  color:#fff
}

.list#sleeping_bag .title p {
  color:#fff;opacity:.5
}

.top .category.cat007{
  background:url(/common/images/sleeping_bag.png) no-repeat top 0 right 0 #a1b2c2;
  background-size:auto 100%
}
.top .category.cat007 h3{
  color:#fff
}
.top .category.cat007 p{
  color:#fff;
  opacity:.5
}
.top .category.cat007 a{
  border-color:#fff;
  color:#fff;
  display:inline-block;
  vertical-align:middle;
  *vertical-align:auto;
  *zoom:1;
  *display:inline
}
.top .category.cat007 a:hover{
  border-color:#054e3c
}
.top .category.cat007 a.inline{
  display:inline-block;
  vertical-align:middle;
  *vertical-align:auto;
  *zoom:1;
  *display:inline
}
.top .category.cat007 a.tiny{
  padding:.75em 2em
}
.top .category.cat007 a.slim{
  padding:.5em 2em
}
.top .category.cat007 a.disable{
  opacity:.25
}
.concept .products a.cat007 {
  background:rgba(161,178,194,0.85);
  color:rgba(255,255,255,0.75)
}

.concept .products a.cat007:hover {
  background:rgba(161,178,194,0.75);
}

.list#chair .title {
   background:url(/common/images/chair.png) no-repeat top 30px right 0 #a29a96;
   background-size:auto 100%
 }
   @media screen and (max-width: 920px) {
       .list#chair .title{
         background-position:top 20px right 0
       }
     }
.list#chair .title h2 {
  color:#fff
}

.list#chair .title p {
  color:#fff;opacity:.5
}

.top .category.cat006{
  background:url(/common/images/others.png) no-repeat top 0 right 0 #acaca2;
  background-size:auto 100%
}

.concept .products a.cat006 {
  background: rgba(172,172,162,0.9);
  color:rgba(255,255,255,0.75)
}
.concept .products a.cat006:hover {
  background: rgba(172,172,162,0.75);
}

.list#others .title {
   background:url(/common/images/others.png) no-repeat top 30px right 0 #acaca2;
   background-size:auto 100%
 }


.top .category.cat008{
  background:url(/common/images/chair.png) no-repeat top 0 right 0 #a29a96;
  background-size:auto 100%
}
.top .category.cat008 h3{
  color:#fff
}
.top .category.cat008 p{
  color:#fff;
  opacity:.5
}
.top .category.cat008 a{
  border-color:#fff;
  color:#fff;
  display:inline-block;
  vertical-align:middle;
  *vertical-align:auto;
  *zoom:1;
  *display:inline
}
.top .category.cat008 a:hover{
  border-color:#054e3c
}
.top .category.cat008 a.inline{
  display:inline-block;
  vertical-align:middle;
  *vertical-align:auto;
  *zoom:1;
  *display:inline
}
.top .category.cat008 a.tiny{
  padding:.75em 2em
}
.top .category.cat008 a.slim{
  padding:.5em 2em
}
.top .category.cat008 a.disable{
  opacity:.25
}
.concept .products a.cat008 {
  background:rgba(162, 154, 150, 0.85);
  color:rgba(255,255,255,0.75)
}
.concept .products a.cat008:hover {
  background:rgba(162, 154, 150, 0.75);
}

.list#table .title {
   background:url(/common/images/table.png) no-repeat top 30px right 0 #bdbdbd;
   background-size:auto 100%
 }
   @media screen and (max-width: 920px) {
       .list#table .title{
         background-position:top 20px right 0
       }
     }
.list#table .title h2 {
  color:#292929
}

.list#table .title p {
  color:#292929;opacity:.5
}

.top .categorise {
  margin-top: 60px ;
}

.top .category.cat009{
  background:url(/common/images/table.png) no-repeat top 0 right 0 #bdbdbd;
  background-size:auto 100%
}
.top .category.cat009 h3{
  color:#292929
}
.top .category.cat008 p{
  color:#292929;
  opacity:.5
}
.top .category.cat009 a{
  border-color:#054e3c;
  color:#054e3c;
  display:inline-block;
  vertical-align:middle;
  *vertical-align:auto;
  *zoom:1;
  *display:inline
}
.top .category.cat009 a:hover{
  border-color:#054e3c;
  color: #fff;
}
.top .category.cat009 a.inline{
  display:inline-block;
  vertical-align:middle;
  *vertical-align:auto;
  *zoom:1;
  *display:inline
}
.top .category.cat009 a.tiny{
  padding:.75em 2em
}
.top .category.cat009 a.slim{
  padding:.5em 2em
}
.top .category.cat009 a.disable{
  opacity:.25
}
.concept .products a.cat009 {
  background:rgba(220,220,220,0.85);
  color:rgba(41,41,41,0.75)
}
.concept .products a.cat009:hover {
  background:rgba(220,220,220,0.75);
}

.list#tarp .title {
   background:url(/common/images/tarp.png) no-repeat top 30px right 0 #968679;
   background-size:auto 100%
 }
   @media screen and (max-width: 920px) {
       .list#tarp .title{
         background-position:top 20px right 0
       }
     }
.list#tarp .title h2 {
  color:#fff
}

.list#tarp .title p {
  color:#fff;opacity:.5
}

.top .category.cat010{
  background:url(/common/images/tarp.png) no-repeat top 0 right 0 #968679;
  background-size:auto 100%
}
.top .category.cat010 h3{
  color:#fff
}
.top .category.cat010 p{
  color:#fff;
  opacity:.5
}
.top .category.cat010 a{
  border-color:#fff;
  color:#fff;
  display:inline-block;
  vertical-align:middle;
  *vertical-align:auto;
  *zoom:1;
  *display:inline
}
.top .category.cat010 a:hover{
  border-color:#054e3c
}
.top .category.cat010 a.inline{
  display:inline-block;
  vertical-align:middle;
  *vertical-align:auto;
  *zoom:1;
  *display:inline
}
.top .category.cat010 a.tiny{
  padding:.75em 2em
}
.top .category.cat010 a.slim{
  padding:.5em 2em
}
.top .category.cat010 a.disable{
  opacity:.25
}
.concept .products a.cat010 {
  background:rgba(150,134,121,0.85);
  color:rgba(255,255,255,0.75)
}
.concept .products a.cat010:hover {
  background:rgba(150,134,121,0.75);
}

.list#bench .title {
   background:url(/common/images/bench.png) no-repeat top 30px right 0 #a4a4a1;
   background-size:auto 100%
 }
   @media screen and (max-width: 920px) {
       .list#bench .title{
         background-position:top 20px right 0
       }
     }
.list#bench .title h2 {
  color:#fff
}

.list#bench .title p {
  color:#fff;opacity:.5
}

.top .category.cat011{
  background:url(/common/images/bench.png) no-repeat top 0 right 0  #a4a4a1;
  background-size:auto 100%
}
.top .category.cat011 h3{
  color:#fff
}
.top .category.cat011 p{
  color:#fff;
  opacity:.5
}
.top .category.cat011 a{
  border-color:#fff;
  color:#fff;
  display:inline-block;
  vertical-align:middle;
  *vertical-align:auto;
  *zoom:1;
  *display:inline
}
.top .category.cat011 a:hover{
  border-color:#054e3c
}
.top .category.cat011 a.inline{
  display:inline-block;
  vertical-align:middle;
  *vertical-align:auto;
  *zoom:1;
  *display:inline
}
.top .category.cat011 a.tiny{
  padding:.75em 2em
}
.top .category.cat011 a.slim{
  padding:.5em 2em
}
.top .category.cat011 a.disable{
  opacity:.25
}
.concept .products a.cat011 {
  background:rgba(167, 165, 165, 0.85);
  color:rgba(255,255,255,0.75)
}
.concept .products a.cat011:hover {
  background:rgba(167, 165, 165, 0.75);
}

.list#bed .title {
   background:url(/common/images/bed.png) no-repeat top 30px right 0 #777777;
   background-size:auto 100%
 }
   @media screen and (max-width: 920px) {
       .list#bed .title{
         background-position:top 20px right 0
       }
     }
.list#bed .title h2 {
  color:#fff
}

.list#bed .title p {
  color:#fff;opacity:.5
}

.top .category.cat012{
  background:url(/common/images/bed.png) no-repeat top 0 right 0  #777777;
  background-size:auto 100%
}
.top .category.cat012 h3{
  color:#fff
}
.top .category.cat012 p{
  color:#fff;
  opacity:.5
}
.top .category.cat012 a{
  border-color:#fff;
  color:#fff;
  display:inline-block;
  vertical-align:middle;
  *vertical-align:auto;
  *zoom:1;
  *display:inline
}
.top .category.cat012 a:hover{
  border-color:#054e3c
}
.top .category.cat012 a.inline{
  display:inline-block;
  vertical-align:middle;
  *vertical-align:auto;
  *zoom:1;
  *display:inline
}
.top .category.cat012 a.tiny{
  padding:.75em 2em
}
.top .category.cat012 a.slim{
  padding:.5em 2em
}
.top .category.cat012 a.disable{
  opacity:.25
}
.concept .products a.cat012 {
  background:rgba(124, 124, 124, 0.85);
  color:rgba(255,255,255,0.75)
}
.concept .products a.cat012:hover {
  background:rgba(124, 124, 124, 0.75);
}

.list#mat .title {
   background:url(/common/images/mat.png) no-repeat top 30px right 0 #acb3aa;
   background-size:auto 100%
 }
   @media screen and (max-width: 920px) {
       .list#mat .title{
         background-position:top 20px right 0
       }
     }
.list#mat .title h2 {
  color:#292929
}

.list#mat .title p {
  color:#292929;opacity:.5
}

.top .category.cat013{
  background:url(/common/images/mat.png) no-repeat top 0 right 0 #acb3aa;
  background-size:auto 100%
}
.top .category.cat013 h3{
  color:#292929
}
.top .category.cat013 p{
  color:#292929;
  opacity:.5
}
.top .category.cat013 a{
  border-color:#054e3c;
  color:#054e3c;
  display:inline-block;
  vertical-align:middle;
  *vertical-align:auto;
  *zoom:1;
  *display:inline
}
.top .category.cat013 a:hover{
  border-color:#054e3c;
  color: #fff;
}
.top .category.cat013 a.inline{
  display:inline-block;
  vertical-align:middle;
  *vertical-align:auto;
  *zoom:1;
  *display:inline
}
.top .category.cat013 a.tiny{
  padding:.75em 2em
}
.top .category.cat013 a.slim{
  padding:.5em 2em
}
.top .category.cat013 a.disable{
  opacity:.25
}
.concept .products a.cat013 {
  background:rgba(172, 179, 170, 0.85);
  color:rgba(41,41,41,0.75)
}
.concept .products a.cat013:hover {
  background:rgba(172, 179, 170, 0.75);
}

.list#bon_fire .title {
  background:url(/common/images/bon_fire.png) no-repeat top 70px right 0 #2c2c2c;
  background-size:auto 100%;
}
  @media screen and (max-width: 920px) {
      .list#bon_fire .title{
        background-position: top 48.33333px right 0;
      }
    }
.list#bon_fire .title h2 {
 color:#ffffff;
}

.list#bon_fire .title p {
 color:#ffffff;opacity:.5;
}

.top .category.cat014{
 background:url(/common/images/bon_fire.png) no-repeat top 0 right 0 #2c2c2c;
 background-size:auto 100%;
}
.top .category.cat014 h3{
 color:#ffffff;
}
.top .category.cat014 p{
 color:#ffffff;
 opacity:.5;
}
.top .category.cat014 a{
 border-color:#ffffff;
 color:#ffffff;
 display:inline-block;
 vertical-align:middle;
 *vertical-align:auto;
 *zoom:1;
 *display:inline;
}
.top .category.cat014 a:hover{
 border-color:#ffffff;
 color: #fff;
}
.top .category.cat014 a.inline{
 display:inline-block;
 vertical-align:middle;
 *vertical-align:auto;
 *zoom:1;
 *display:inline;
}
.top .category.cat014 a.tiny{
 padding:.75em 2em;
}
.top .category.cat014 a.slim{
 padding:.5em 2em;
}
.top .category.cat014 a.disable{
 opacity:.25;
}
.concept .products a.cat014 {
 background:rgba(172, 179, 170, 0.85);
 color:rgba(41,41,41,0.75);
}
.concept .products a.cat014:hover {
 background:rgba(170, 201, 190, 0.75);
}

/*** リンクアイコン ***/
.desc .words .linkIcon a:before {
    content: '';
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    white-space: nowrap;
    width: 3px;
    height: 6px;
    background-image: url('/common/images/sprite.png');
    background-position: -7px -64px;
    background-repeat: no-repeat;
    -moz-background-size: 171px auto;
    -o-background-size: 171px auto;
    -webkit-background-size: 171px auto;
    background-size: 171px auto;
    display: inline-block;
    vertical-align: middle;
    margin: 0 .5em 0 0;
}


.item .desc .btn p:nth-child(2),
.item .desc .btn p.sub {
  margin-top: 15px;
}


.item .desc .btn p:nth-child(2) a:before,
.item .desc .btn p.sub a:before {
    content: '';
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    white-space: nowrap;
    width: 3px;
    height: 6px;
    background-image: url('/common/images/sprite.png');
    background-position: -7px -64px;
    background-repeat: no-repeat;
    -moz-background-size: 171px auto;
    -o-background-size: 171px auto;
    -webkit-background-size: 171px auto;
    background-size: 171px auto;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0 .5em 0 0;

}

.item .desc .btn p.sub {
  display:inline-block;
}

.item .desc .btn p.sub + .sub {
  margin-left: 10px;
}

/*** 販売補足 ***/
.item .desc .advertise {
    line-height: 1.4;
}

/*** 販売終了のカラー ***/
.item .desc #item-colors {float: left;}
.item .desc #item-colors-none {overflow:hidden;*zoom:1;margin:0 0 0 -20px}
.item .desc #item-colors-none li{float:left;margin:0 0 0 20px;text-align:center;font-size:1rem;font-weight:bold}
.item .desc #item-colors-none span{display:block;width:42px;height:42px;-moz-border-radius:21px;-webkit-border-radius:21px;border-radius:21px;margin:0 auto 2px;background:#b5b5b5}

/*** 商品説明文内　オプション品 ***/
.desc .words dl.option {
  margin-top: 1em;
  font-size: 1.4rem;
/*  border: 1px solid #dcdcda;
  padding: 1em;*/
}
.desc .words dl.option dt{
  font-weight: bold;
}
.desc .words dl.option dd:before {
  position: relative;
  padding: 0 0 0 1em;
}
.desc .words dl.option dd:before {
  content: '';
}

/*** スペック内 ***/
.item .desc table td .attention li:before {
  content: "※";
}

.item .desc table td .attention li {
  font-size: 1.2rem;
  line-height: 1.8;
  text-indent: -1em;
  margin-left: 1em;
}

/*** スペック下 ***/
.item .desc .attention li:before {
  content: "※";
}

.item .desc .attention li {
  line-height: 2;
  text-indent: -1em;
  margin-left: 1em;
}

.item .desc .attention + .btn {
  margin-top: 50px;
}

/*********************************
 * 一覧にお知らせ
 *********************************/
.list .notice {
    background-color: #f5f5f5;
    padding: 20px;
    margin: 0 -20px 20px;
}

@media screen and (max-width: 920px) {
    .list .notice {
                padding: 16px;
                margin: 10px 0;
    }
}

/*********************************
 * topics
 *********************************/
.topics .title {
    background-color: #f5f5f5;
}

.topics .title h2 {
    margin-top: 90px;
 }

.topics article h3.pagetitle {
    font-size: 3.2rem;
    font-weight: normal;
    margin: 58px 0 62px;
}

.topics article p {
    margin-bottom: 45px;
    line-height: 1.8;
  }

.topics article .advertise {
    margin: 40px 0 0;
    background: rgba(250,99,116,0.1);
    color: #fa6374;
    padding: 15px 10px;
    font-weight: bold;
    text-align: center;
}

.topics article .advertise p {
    margin-bottom: 0;
}

.topics .related {
    border-top: 1px solid #dcdcda;
}

@media screen and (max-width: 920px) {
        .topics .title h2 {
                margin-top: 25px;
        }
        .topics article h3 {
        font-size: 2.4rem;
        margin: 24px 0;
        }
}

/*********************************
 * notfound
 *********************************/
.not_found #global-container {
  padding-top: 100px;
  line-height: 1.8;
}

.not_found #global-container h2 {
    font-family: "proxima-nova","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
    font-size: 2.4rem;
    margin: 5px 0 10px;
  }

@media screen and (max-width: 920px) {
  .not_found #global-container {
    padding-top: 60px;
  }
}

/*********************************
 * NEWマーク
 *********************************/
.list .elm-item-block.new a:after,
.item .related .elm-item-block.new a:after,
.top .products .items ul li.new a:after,
.list .elm-item-block.sale a:after,
.item .related .elm-item-block.sale a:after,
.top .products .items ul li.sale a:after {
	content: "NEW!";
	color: #fff;
	font-weight: bold;
	font-size: 80%;
	padding: 3px 8px;
	background-color: #ef9a22;
	position: absolute;
	left: 20px;
	top: 20px;
}

.list .elm-item-block.sale a:after,
.item .related .elm-item-block.sale a:after,
.top .products .items ul li.sale a:after {
  content: 'SALE';
  background-color: #c70010;
}

@media screen and (max-width: 920px) {
	.list .elm-item-block.new a:after,
	.item .related .elm-item-block.new a:after,
	.top .products .items ul li.new a:after,
  .list .elm-item-block.sale a:after,
  .item .related .elm-item-block.sale a:after,
  .top .products .items ul li.sale a:after {
		left: 10px;
		top: 10px;
	  }
}

/*********************************
 * メニューサイズ変更
 *********************************/
#global-header>.inner {
	padding: 0 0 0 160px;
}

@media screen and (max-width: 1099px) {
  #global-header {
    padding: 0 15px;
  }

	#global-header nav ul:first-child a {
		padding: .65em .50em .55em;
		letter-spacing: -0.01em;
	}
}

@media screen and (min-width: 1200px) {
    #global-header nav ul a, #global-header nav ul span {
        font-family: "proxima-nova","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
    }
}

#global-header nav ul:last-child a {
	letter-spacing: -0.01em;
}

@media screen and (min-width: 921px) {
	#global-header nav ul:last-child li:not(:first-child) a:hover {
		opacity: 0.6;
		text-decoration: none;
		border-color: transparent;
	}
}

/*********************************
 * 価格表記変更
 *********************************/
@media screen and (max-width: 920px) {
  .item .desc .price>p {
    font-size: 1.4rem;
  }
}

.list .elm-item-block a, .item .related .elm-item-block a {
  padding: 20px 20px 60px;
}

.list .elm-item-block p+p, .item .related .elm-item-block p+p {
  line-height: 1.3;
}

.top .products .items ul li a h3 {
	margin-top: 3px;
}

/*********************************
 * CONTACTメニュー
 *********************************/
#global-header nav ul:last-child li:nth-of-type(2) a:before,
#global-header nav ul:last-child li:nth-of-type(3) a:before {
  content: '';
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
  width: 16px;
  height: 17px;
  background-image: url(/common/images/sprite.png);
  background-position: -39px -64px;
  background-repeat: no-repeat;
  -moz-background-size: 171px auto;
  -o-background-size: 171px auto;
  -webkit-background-size: 171px auto;
  background-size: 171px auto;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 0 .5em 0 0;
}

#global-header nav ul:last-child li:nth-of-type(3) a:before {
  background-image: url(/common/images/contact.png);
  background-position: 0;
  width: 18px;
  height: 16px;
  background-size: 18px;
}

#global-header nav ul:last-child li:last-child a:before {
  background-image: url(/common/images/instagram.png);
  background-position: 0;
  width: 18px;
  height: 18px;
  background-size: 18px;
}

#global-header nav ul:last-child li:nth-of-type(2),
#global-header nav ul:last-child li:nth-of-type(3),
#global-header nav ul:last-child li:last-child {
    margin-left: 18px;
}

@media screen and (min-width: 1300px) {
  #global-header nav ul:first-child a {
    padding: .65em 1em .55em;
  }
}

#global-header nav ul:last-child li:nth-of-type(2) span,
#global-header nav ul:last-child li:nth-of-type(3) span ,
#global-header nav ul:last-child li:last-child span {
    display: none;
}

@media screen and (max-width: 1010px) {
    #global-header nav ul li {
      margin-left: 2px;
    }

  #global-header nav ul:last-child li:nth-of-type(2),
  #global-header nav ul:last-child li:nth-of-type(3),
  #global-header nav ul:last-child li:last-child {
    margin-left: 10px;
  }
}

@media screen and (min-width: 1500px) {
  #global-header nav ul:last-child li:nth-of-type(2) span,
  #global-header nav ul:last-child li:nth-of-type(3) span,
  #global-header nav ul:last-child li:last-child span {
    display: inline;
  }
}


/*********************************
 * SNSアイコン
 *********************************/
#global-footer .sitemap .sns {
  display: none;
}

@media screen and (max-width: 920px) {
    #sp-menu .sns {
      display: block;
      margin: 0 auto;
      text-align: center;
      border-top: 1px solid rgba(255,255,255,0.1);
      padding-top: 10px;
    }

    #sp-menu .sns li a {
      display: inline-block;
      background: url(/common/images/instagram.png) left top no-repeat;
      padding-left: 26px;
      height: 22px;
      background-size: 20px;
    }
}


/*********************************
 * 値下げ価格
 *********************************/
/*トップ一覧*/
.top .products .items ul li p.special {
  color: #c70010;
}

.top .products .items ul li p.special + p {
  display: none;
}


/*一覧*/
.list .elm-item-block p.special {
  color: #c70010;
}

.list .elm-item-block p.special + p {
  display: none;
}

/*詳細*/
.item .desc .price .special {
  font-size: 1.2rem;
}

.item .desc .price .special span,
.item .desc .price span.special {
  display: block;
  color: #c70010;
  font-size: 1.6rem;
  margin-top: 10px;
}

.item .desc .price span.special {
  margin: 10px 0 0;
}

@media screen and (max-width: 920px) {
  .item .desc .price .special {
    font-size: 1.2rem;
  }

  .item .desc .price .special span,
  .item .desc .price span.special {
    font-size: 1.4rem;
    margin-top: 6px;
  }

  .item .desc .price span.special {
    margin: 6px 0 0;
  }
  
}

/*********************************
 * 廃盤価格コメント
 *********************************/
/*詳細*/
.item .desc .price .last span {
  display: block;
  color: #c70010;
  font-size: 1.2rem;
  margin-top: 10px;
  line-height: 1.2;
}

@media screen and (max-width: 920px) {
  .item .desc .price .last span {
    font-size: 1.2rem;
    margin-top: 6px;
  line-height: 1.2;
  }
 }

/*********************************
 * 訂正お詫び
 *********************************/
.item .desc .note.correct {
  background-color: #f5f5f5;
  padding: 15px;
}

.item .desc .note.correct h3 {
  font-size: 14px;
  margin-bottom: 10px;
}

.item .desc .note.correct ul {
  border-top: 1px solid #ccc;
  margin-top: 15px;
  padding-top: 15px;
}

/*********************************
 * Twitter => X
 *********************************/
#sns-btns ul li a.xx span {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
  width: 32px;
  height: 32px;
  background-image: url(/common/images/sprite/x.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px auto;
}

#sns-btns ul li a.xx {
  background-color: #000;
}