@charset "UTF-8";
/* for cuffs.co.jp */

.site-bg {
    pointer-events: none;
    position: fixed;
    width: calc(100% + 100px);
    height: calc(100% + 100px);
    left: 0;
    top: 0;
    background-color: #fff;
    background-image: linear-gradient(45deg,#f5f5f5 0,#f5f5f5 25%,transparent 25%,transparent 75%,#f5f5f5 75%,#f5f5f5 100%),linear-gradient(45deg,#f5f5f5 25%,transparent 25%,transparent 75%,#f5f5f5 75%,#f5f5f5);
    background-position: 0 0,25px 25px;
    background-size: 50px 50px;
    animation: body-bg 2s linear 0s infinite normal;
    z-index: -1;
}
@keyframes body-bg{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(-50px,-50px);transform:translate(-50px,-50px)}}

footer {
    color: white;
    background: url(img/bg_footer.png) repeat-x top;
}

.content > h2 {
    background: #F9A332;
    color: #FFF;
    border: solid 1px #C38B00;
    text-shadow: 0 0 2px rgba(0,0,0,0.3);
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.item-thumbnail,
.item-detail {
    background-color: #f8b100a0;
}
.item-detail {
    padding: 12px;
    box-shadow: 3px 3px 3px rgba(192,139,0,0.2);
    border-radius: 6px;
}


.item-thumbnail .title,
.item-detail .title
 {
    color: #FFF;
    background: #757DBC;
}
.item-thumbnail .item-name {
    border-left: solid 3px #b8d200;
}

.item-thumbnail .price .strong,
.item-detail .price .strong {
    color: #DC1414;
}

.item-thumbnail .thumbnail-image {
    /* background-color: #EA5E34; */
}

.item-detail > h1 {
    border-color: #EA5E34;
    /* background-color: white; */
}

.item-detail .top-image img {
    box-shadow: none;
}

.detail-body h1 {
    border-bottom: solid 1px #D79C0A;
}

.detail-body h2:before {
    color: #F08300;
}

.detail-body .note {
    background: #FFF;
    border: solid 1px #D79C0A;
}