/*************************************
 縦横比固定レスポンシブ
**************************************/
*[class*='ss-aspect-raito'] {
    position: relative;
    height: auto;
}
.ss-aspect-raito-1_1 {
    padding-top: 100%;
}
.ss-aspect-raito-4_3 {
    padding-top: 75%;
}
.ss-aspect-raito-3_4 {
    padding-top: 133.33%;
}
.ss-aspect-raito-2_1 {
    padding-top: 50%;
}
.ss-aspect-raito-1_2 {
    padding-top: 200%;
}
.ss-aspect-raito-16_9 {
    padding-top: 56.25%;
}

*[class*='ss-aspect-raito']:before {
    content: "";
    display: block;
}
*[class*='ss-aspect-raito'] .ss-aspect-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.slider-thumbnail {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}


/*************************************
 etc
**************************************/
.text-right {
  text-align: right;
}

/*************************************
 topcontents
**************************************/
.topcontents {
  margin-bottom: 30px;
  text-align: center;
}

.topcontents img {
  max-width: 100%;
}