@charset "utf-8";

/* CSS Document */

/* ------------------------------------------
  common
--------------------------------------------- */

a:hover {
    opacity: inherit !important;
}

/* ------------------------------------------
  mv01
--------------------------------------------- */
.mv01 {
    height: 600px;
    background: url(../images/mv.webp) no-repeat center center;
}

/* ------------------------------------------
  loading
--------------------------------------------- */
/*fadein*/
.fadein {
    opacity: 0;
    transform: translate(0, 50px);
    transition: all 1500ms;
}

.fadein-active {
    opacity: 1;
    transform: translate(0, 0);
}

/* ------------------------------------------
  ribbon
--------------------------------------------- */
.ribbon {
    display: inline-block;
    position: relative;
    height: 26px;
    line-height: 26px;
    text-align: center;
    padding: 0 20px;
    font-size: 13px;
    background: #b19e61;
    color: #FFF;
    box-sizing: border-box;
    font-weight: 500;
}

.ribbon:before,
.ribbon:after {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
}

.ribbon:before {
    top: 0;
    left: 0;
    border-width: 13px 0px 14px 10px;
    border-style: solid;
}

.ribon01:before {
    border-color: transparent transparent transparent #f5f5f5;
}

.ribon02:before {
    border-color: transparent transparent transparent #fff;
}

.ribbon:after {
    top: 0;
    right: 0;
    border-width: 13px 10px 14px 0px;
    border-style: solid;
}

.ribon01:after {
    border-color: transparent #f5f5f5 transparent transparent;
}

.ribon02:after {
    border-color: transparent #fff transparent transparent;
}

/* ========================================================
   for SP
===========================================================*/

@media screen and (max-width: 768px) {

    .ribbon {
        height: 22px;
        line-height: 22px;
        padding: 0 16px;
        font-size: 11px;
    }

    .ribbon:before {
        border-width: 11px 0px 12px 8px;
    }

    .ribbon:after {
        top: 0;
        right: 0;
        border-width: 11px 8px 12px 0px;
    }

}