@charset "UTF-8";
/***SIDE***/
 /*common shadow*/
.effect
{
  position: relative;
  border: 1px solid #ddd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
/* padding:0.3em; */
  background-color: #fff;
}
.effect::after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}

div#topic hr {
  border-top: 1px solid #222;
  height: 1em;
  text-align: center;
  overflow: visible;
  width: 60%;
}
div#topic hr::after {
  content: "Topic";
  background: white;
  color: #111;
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  top: -1em;
  padding: 0 1em;
        }

div#topic ul {list-style: circle;}
#topic li.last {border-bottom: 1px solid #ccc;padding-bottom: .8rem; width: 59%;}
@media (max-width: 768px) { div#topic hr,div#topic li.last {width: 100%;} }/*以下*/
div#topic .sale {color:#f66;font-size:200%;}

 /*cosme1-3, wigs1-3*/
.shop-side h2 {color:#db7093;}
.shop-side ul {list-style: none; padding: 1rem .5rem;}

/***MAIN***/
 /*1stvisit*/
.first-v h1 {color:#db7093;}
.first-v h2 {color: darkgreen;}

/*cosme1-3*/
.tcs-main h2.first {font-size:130%;color:#db7093;margin: 0 0 1.5rem;}
.tcs-main h2 {font-size:130%;color:#db7093;margin: 1.5rem 0;}
.tcs-main h3 {font-size:115%;padding-left: .2rem;color:#444;}
.tcs-main h3::before {font-size:97%; content:"> ";margin-left:.2rem;}
.tcs-main ul {list-style-type: none;padding-left:0;}
.tcs-main li a {padding-left:.1rem }

/*+wigs1-3*/
div.wig-main h1,div.wig-main h2 {font-size: 145%;color:#db7093;margin: 2rem 0;}

.wig-main ol.breadcrumb {background-color: transparent;padding:0;font-size: 110%;}
.wig-main ol.breadcrumb li.active {font-weight:bold;}

div.catalogue .hand-o-right {font-size:1.5rem;color: orange;}p.out, span.out {color:#f66;}

/*item pages*/
.sold::after { font-style: italic;color:#f66;font-size:97%; content:"...Sold Out";margin-left:8px;}