/*
Theme Name : ミキモト　スタッフコンテンツ
Author: xchange-creative
Version: 1.0
*/



/* common */
.canpaign h3{
  font-size: 20px;
  margin: 20px 0;
  text-align: center;


}

.add-heading__wrapper{
  padding-top: 48px;
  display: flex;
  width:832px;
  margin: 0 auto;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.add-article__title{
  font-size: 28px;
  width: 700px;
  line-height: 1.4;
}
.add-article__date{
  font-size: 14px;
}
@media screen and (max-width: 768px)
{
  .add-heading__wrapper{
    display: block;
    width:100%;
    justify-content: space-between;
    align-items: center;
    padding: 80px 0;
    margin-bottom: 48px;

  }
  .add-article__title{
    font-size: 24px;
    width: 100%;
    padding-bottom: 16px;
  }
}

.u-container__main
{
    width: 832px;
    line-height: 2.0;
    font-size: 16px;
    margin: 0 auto;
}
.u-container__main a:hover{
  opacity: .7;
}
.u-col__gold{
  color: #A0773A;
}

.u-container__main h2{
  font-size: 24px;
  font-family: '游明朝','Yu Mincho','游明朝体','YuMincho','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HiraMinProN-W3','HGS明朝E','ＭＳ Ｐ明朝','MS PMincho',serif;
}
.u-container__main h3{
  font-size: 20px;
  font-family: '游明朝','Yu Mincho','游明朝体','YuMincho','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HiraMinProN-W3','HGS明朝E','ＭＳ Ｐ明朝','MS PMincho',serif;
}
.u-container__main h4{
  font-size: 18px;
  font-family: '游明朝','Yu Mincho','游明朝体','YuMincho','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HiraMinProN-W3','HGS明朝E','ＭＳ Ｐ明朝','MS PMincho',serif;
}
.u-container__main h5{
  font-size: 16px;
  font-family: '游明朝','Yu Mincho','游明朝体','YuMincho','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HiraMinProN-W3','HGS明朝E','ＭＳ Ｐ明朝','MS PMincho',serif;
}
img{
  max-width: 100%;
}
@media screen and (max-width: 768px)
{
    .u-container__main
    {
        width: 100%;
    }
    .u-container__main.detail
    {
        margin-top: -128px;
    }
}
.u-container__side
{
    width: 256px;
}
@media screen and (max-width: 768px)
{
    .u-container__side
    {
        width: 100%;
    }
    .u-container__side.side-category
    {
        display: none;
    }
}

.u-fe
{
    display: flex;

    justify-content: flex-end;
}

.u-form__xs
{
    line-height: 32px;

    width: 56px;
    height: 32px;
    padding: 0 8px;

    border: solid rgba(0, 0, 0, .34) 1px;
    border-radius: 4px;
}

.u-img
{
    display: block;
}

.u-caption
{
    font-size: 12px;

    display: block;

    padding-top: 8px;

    color: rgba(0, 0, 0, .57);
}

.u-card__img
{
    overflow: hidden;
}
.u-card__img > img
{
    display: block;

    -o-object-fit: cover;

       object-fit: cover;
}
.u-card__title
{
    display: -webkit-box;
    overflow: hidden;

    margin-top: 16px;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
@media screen and (max-width: 768px)
{
    .u-card__title
    {
        margin-top: 3.738317757vw;
    }
}
.u-card__price
{
    padding: 8px 0;
}

.u-2col
{
    display: flex;

    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
@media screen and (max-width: 768px)
{
    .u-2col
    {
        display: block;
    }
}
.u-2col.ai-st
{
    align-items: flex-start;
}
.u-2col.rev
{
    flex-direction: row-reverse;
}
@media screen and (max-width: 768px)
{
    .u-2col.sp-rev
    {
        flex-direction: column-reverse;
    }
}
.u-2col > .inner
{
    position: relative;

    width: 588px;
}
@media screen and (max-width: 768px)
{
    .u-2col > .inner
    {
        width: 100%;
    }
}
.u-2col > .inner__sm
{
    position: relative;

    width: 400px;
}
@media screen and (max-width: 768px)
{
    .u-2col > .inner__sm
    {
        width: 100%;
    }
}
.u-2col__end
{
    display: flex;

    justify-content: end;
    align-items: center;
    flex-wrap: wrap;
}
.u-2col__end > .inner
{
    position: relative;

    display: block;

    width: 588px;
}
@media screen and (max-width: 768px)
{
    .u-2col__end > .inner
    {
        width: 100%;
    }
}

.u-3col
{
    display: flex;

    justify-content: space-between;
    flex-wrap: wrap;
}
.u-3col::after
{
    display: block;

    width: 352px;

    content: '';
}
.u-3col > .inner__sm
{
    position: relative;

    width: 264px;
}
@media screen and (max-width: 768px)
{
    .u-3col
    {
        display: block;
    }
    .u-3col > .inner__sm
    {
        position: relative;

        width: 100%;
        padding-top: 5.6074766355vw;
        padding-bottom: 5.6074766355vw;
    }
    .u-3col > .inner__sm:first-child
    {
        padding-top: 0;
    }
}
.u-3col .u-card__img img
{
    width: 100%;
    height: 240px;

    transition: .3s ease;
}
@media screen and (max-width: 768px)
{
    .u-3col .u-card__img img
    {
        height: 60.7476635514vw;
    }
    .u-3col .u-card__img img .slide
    {
        height: 56.0747663551vw;
    }
}

.u-4col
{
    display: flex;

    justify-content: space-between;
    flex-wrap: wrap;
}
.u-4col::before
{
    display: block;

    width: 256px;

    content: '';

    order: 1;
}
.u-4col::after
{
    display: block;

    width: 256px;

    content: '';
}
.u-4col > .inner
{
    position: relative;

    display: block;

    width: 256px;
    padding-bottom: 48px;
}
.u-4col .u-card__img img
{
    width: 100%;
    height: 192px;

    transition: .3s ease;
}
@media screen and (max-width: 768px)
{
    .u-4col .u-card__img
    {
        height: 32.0093457944vw;
    }
}
@media screen and (max-width: 768px)
{
    .u-4col
    {
        display: flex;
    }
    .u-4col > .inner
    {
        position: relative;

        width: 42.523364486vw;
        padding-top: 16px;
        padding-bottom: 16px;
    }
}

.u-4col__sm
{
    display: flex;

    justify-content: space-between;
    flex-wrap: wrap;
}
.u-4col__sm::before
{
    display: block;

    width: 190px;

    content: '';

    order: 1;
}
.u-4col__sm::after
{
    display: block;

    width: 190px;

    content: '';
}
.u-4col__sm > .inner
{
    position: relative;

    display: block;

    width: 190px;
    padding-bottom: 48px;
}
.u-4col__sm .u-card__img img
{
    width: 100%;
    height: 143px;

    transition: .3s ease;
}
@media screen and (max-width: 768px)
{
    .u-4col__sm .u-card__img img
    {
        height: 32.0093457944vw;
    }
}
@media screen and (max-width: 768px)
{
    .u-4col__sm
    {
        display: flex;
    }
    .u-4col__sm > .inner
    {
        position: relative;

        width: 42.523364486vw;
        padding-top: 16px;
        padding-bottom: 16px;
    }
}

.u-pt__xs
{
    padding-top: 8px;
}
@media screen and (max-width: 768px)
{
    .u-pt__xs
    {
        padding-top: 1.4018691589vw;
    }
}
.u-pt__sm
{
    padding-top: 16px;
}
@media screen and (max-width: 768px)
{
    .u-pt__sm
    {
        padding-top: 2.8037383178vw;
    }
}
.u-pt__base
{
    padding-top: 24px;
}
@media screen and (max-width: 768px)
{
    .u-pt__base
    {
        padding-top: 3.738317757vw;
    }
}
.u-pt__lg
{
    padding-top: 32px;
}
@media screen and (max-width: 768px)
{
    .u-pt__lg
    {
        padding-top: 5.6074766355vw;
    }
    .u-pt__lg-sp
    {
        padding-top: 5.6074766355vw;
    }
}
.u-pt__xl
{
    padding-top: 48px;
}
@media screen and (max-width: 768px)
{
    .u-pt__xl
    {
        padding-top: 7.476635514vw;
    }
    .u-pt__xl-sp
    {
        padding-top: 7.476635514vw;
    }
}
.u-pt__2xl
{
    padding-top: 64px;
}
@media screen and (max-width: 768px)
{
    .u-pt__2xl
    {
        padding-top: 11.214953271vw;
    }
    .u-pt__2xl-sp
    {
        padding-top: 11.214953271vw;
    }
}
.u-pt__3xl
{
    padding-top: 80px;
}
@media screen and (max-width: 768px)
{
    .u-pt__3xl
    {
        padding-top: 14.953271028vw;
    }
    .u-pt__3xl-sp
    {
        padding-top: 14.953271028vw;
    }
}
.u-pt__4xl
{
    padding-top: 96px;
}
@media screen and (max-width: 768px)
{
    .u-pt__4xl
    {
        padding-top: 14.953271028vw;
    }
    .u-pt__4xl-sp
    {
        padding-top: 14.953271028vw;
    }
}
.u-pt__5xl
{
    padding-top: 128px;
}
@media screen and (max-width: 768px)
{
    .u-pt__5xl
    {
        padding-top: 22.4299065421vw;
    }
    .u-pt__5xl-sp
    {
        padding-top: 22.4299065421vw;
    }
}

.u-pl__base
{
    padding-left: 24px;
}
.u-pl__lg
{
    padding-left: 64px;
}

@media screen and (max-width: 768px)
{
    .u-pt-sp__lg
    {
        padding: 0;
        padding-top: 11.214953271vw;
    }
}

@media screen and (max-width: 768px)
{
    .u-p-sp__defo
    {
        padding: 48px 20px 64px 20px !important;
    }
}
.u-bdbox{
  border: solid 1px #DDD;
  padding: 24px;
  font-size: 14px;
  margin-top: 24px;
}
@media screen and (max-width: 768px)
{
  .u-bdbox{
    border: solid 1px #DDD;
    padding: 16px;
    font-size: 12px;
    margin-top: 24px;
  }
}
.u-box__5
{
    width: 486px;
    margin: 0 auto;
}
@media screen and (max-width: 768px)
{
    .u-box__5
    {
        width: 100%;
    }
}
.u-box__6
{
    width: 588px;
    margin: 0 auto;
}
.u-box__md
{
    padding-top: 48px;
}
.u-box__wh
{
    margin-top: 24px;
    padding: 24px;

    background: #fff;
}
.u-box__bdt
{
    margin-top: 16px;
    padding-top: 16px;

    border-top: solid 1px rgba(0, 0, 0, .34);
}
.u-box__bdb
{
    padding-bottom: 24px;

    border-bottom: 1px solid rgba(0, 0, 0, .34);
}
@media screen and (max-width: 768px)
{
    .u-box__bdb
    {
        padding-bottom: 5.6074766355vw;
    }
}
.u-box__lg
{
    padding: 96px;
}
@media screen and (max-width: 768px)
{
    .u-box__lg
    {
        padding: 24px 0;
    }
}

.u-title__comp
{
    margin-top: 96px;
    margin-bottom: 24px;
    padding: 20px;

    color: #fff;
    background: #000;
}
.u-title__contents
{
    font-size: 14px;
    font-weight: bold;

    position: relative;

    padding-bottom: 48px;
    padding-left: 20px;

    color: rgba(0, 0, 0, .84);
}
.u-title__contents::after
{
    position: absolute;
    top: 11px;
    left: 0;

    width: 10px;
    height: 1px;

    content: '';

    background: url(../img/common/title_bar.svg) no-repeat;
}
.u-title__set
{
    display: flex;

    align-items: center;
    justify-content: space-between;
}
@media screen and (max-width: 768px)
{
    .u-title__set
    {
        align-items: flex-start;
    }
    .u-title__set > .u-title__lg-left
    {
        display: block;
    }
    .u-title__set > .u-title__lg-left > span
    {
        padding-top: 1.8691588785vw;
        padding-left: 0;
    }
}
.u-title__set > .u-link__arrow
{
    padding-right: 40px;

    color: rgba(0, 0, 0, .84);
}
.u-title__set > .u-link__arrow::after
{
    right: 0;
}
.u-title__set > .u-link__arrow:hover::after
{
    right: -6px;
}
.u-title__xs
{
    font-size: 12px;
    font-weight: bold;

    padding-bottom: 8px;
}
.u-title__lg
{
    font-size: 24px;
    font-weight: bold;

    padding-bottom: 16px;

    color: rgba(0, 0, 0, .84);
}
.u-title__lg > span
{
    font-size: 14px;
    font-weight: normal;

    display: block;
}
@media screen and (max-width: 768px)
{
    .u-title__lg
    {
        font-size: 4.2056074766vw;

        padding-bottom: 3.738317757vw;
    }
    .u-title__lg > span
    {
        font-size: 2.8037383178vw;

        padding-top: 1.8691588785vw;
    }
}
.u-title__lg-list
{
    font-size: 24px;
    font-weight: bold;

    color: rgba(0, 0, 0, .84);
}
.u-title__lg-list > span
{
    font-size: 14px;
    font-weight: normal;

    display: block;
}
@media screen and (max-width: 768px)
{
    .u-title__lg-list
    {
        font-size: 4.2056074766vw;
    }
}
.u-title__lg-center
{
    font-size: 24px;
    font-weight: bold;

    padding-bottom: 16px;

    text-align: center;

    color: rgba(0, 0, 0, .84);
}
.u-title__lg-center > span
{
    font-size: 14px;
    font-weight: normal;

    display: block;
}
@media screen and (max-width: 768px)
{
    .u-title__lg-center
    {
        font-size: 4.2056074766vw;

        padding-bottom: 3.738317757vw;
    }
    .u-title__lg-center > span
    {
        font-size: 2.8037383178vw;

        padding-top: 1.8691588785vw;
    }
}
.u-title__lg-left
{
    font-size: 24px;
    font-weight: bold;

    display: flex;

    padding-bottom: 16px;

    color: rgba(0, 0, 0, .84);

    flex: flex-wrap;
    align-items: center;
}
.u-title__lg-left > span
{
    font-size: 14px;
    font-weight: normal;

    display: block;

    padding-left: 24px;
}
@media screen and (max-width: 768px)
{
    .u-title__lg-left
    {
        font-size: 4.2056074766vw;

        padding-bottom: 3.738317757vw;
    }
    .u-title__lg-left > span
    {
        font-size: 2.8037383178vw;
    }
}
.u-title__lg-defo
{
    font-size: 24px;
    font-weight: bold;

    padding-bottom: 24px;

    color: rgba(0, 0, 0, .84);
}
@media screen and (max-width: 768px)
{
    .u-title__lg-defo
    {
        font-size: 4.2056074766vw;

        padding-bottom: 3.738317757vw;
    }
}
.u-title__md
{
    font-size: 20px;
    font-weight: bold;

    display: flex;

    align-items: center;
}
.u-title__md > span
{
    font-size: 14px;
    font-weight: normal;

    padding-left: 16px;
}
@media screen and (max-width: 768px)
{
    .u-title__md
    {
        font-size: 3.738317757vw;
    }
}
.u-title__base
{
    font-size: 16px;
    font-weight: bold;
}
@media screen and (max-width: 768px)
{
    .u-title__base
    {
        font-size: 3.2710280374vw;
    }
}
.u-title__sub2
{
    font-size: 12px;
    font-weight: bold;

    padding: 8px 16px;

    color: #fff;
    background: #333;
}
@media screen and (max-width: 768px)
{
    .u-title__sub2
    {
        font-size: 3.2710280374vw;

        width: 100%;

        text-align: center;
    }
}

.u-list__disc
{
    padding-top: 24px;
}
.u-list__disc > li
{
    line-height: 1.4;

    position: relative;

    padding-bottom: 8px;
    padding-left: 16px;
}
.u-list__disc > li::before
{
    position: absolute;
    left: 0;

    content: '・';
}

.u-link__wrapper
{
    padding-top: 24px;
}
.u-link__arrow
{
    position: relative;

    display: inline-block;

    color: rgba(0, 0, 0, .84);
}
.u-link__arrow:link
{
    color: rgba(0, 0, 0, .84);
}
.u-link__arrow::after
{
    position: absolute;
    top: 50%;
    right: -46px;

    width: 30px;
    height: 30px;

    content: '';
    transition: ease 300ms;
    transform: translateY(-50%);

    background: url(../img/common/icn_link_arrow.svg) no-repeat;
}
.u-link__arrow:hover::after
{
    position: absolute;
    right: -52px;

    content: '';
}
@media screen and (max-width: 768px)
{
    .u-link__arrow
    {
        font-size: 2.8037383178vw;
    }
    .u-link__arrow::after
    {
        top: 1.8691588785vw;
        right: -40px;
    }
    .u-link__arrow:hover::after
    {
        right: -46px;
    }
}
.u-link__arrow--fe
{
    position: relative;

    padding-right: 40px;

    color: rgba(0, 0, 0, .84);
}
.u-link__arrow--fe::after
{
    position: absolute;
    top: 50%;
    right: 0;

    width: 30px;
    height: 30px;

    content: '';
    transition: ease 300ms;
    transform: translateY(-50%);

    background: url(../img/common/icn_link_arrow.svg) no-repeat;
}
.u-link__arrow--fe:hover::after
{
    position: absolute;
    right: -6px;

    content: '';
}
.u-link__arrow--wh
{
    position: relative;

    display: inline-block;

    color: #fff;
}
.u-link__arrow--wh:link
{
    color: #fff;
}
.u-link__arrow--wh::after
{
    position: absolute;
    top: 50%;
    right: -46px;

    width: 30px;
    height: 30px;

    content: '';
    transition: ease 300ms;
    transform: translateY(-50%);

    background: url(../img/common/icn_link_arrow.svg) no-repeat;
}
.u-link__arrow--wh:hover::after
{
    position: absolute;
    right: -52px;

    content: '';
}
@media screen and (max-width: 768px)
{
    .u-link__arrow--wh
    {
        font-size: 2.8037383178vw;
    }
    .u-link__arrow--wh::after
    {
        top: 1.8691588785vw;
        right: -40px;
    }
    .u-link__arrow--wh:hover::after
    {
        right: -46px;
    }
}
.u-link__acc
{
    position: relative;

    display: block;
}
.u-link__acc::before
{
    position: absolute;
    top: 50%;
    right: 0;

    width: 14px;
    height: 2px;

    content: '';
    transform: translateY(-50%);

    background-color: #757575;
}
.u-link__acc::after
{
    position: absolute;
    top: 50%;
    right: 0;

    width: 14px;
    height: 2px;

    content: '';
    transition: .3s ease;
    transform: translateY(-50%) rotate(90deg);

    opacity: 1;
    background-color: #757575;
}
.u-link__acc.on::after
{
    position: absolute;
    top: 50%;
    right: 0;

    width: 14px;
    height: 2px;

    content: '';
    transform: rotate(0);

    opacity: 0;
    background-color: #757575;
}
.u-link__txt
{
    display: inline-block;

    padding-bottom: 4px;

    border-bottom: solid rgba(0, 0, 0, .34) 1px;
}
.u-link__acc-read
{
    position: relative;

    display: inline-block;

    padding-right: 24px;
}
.u-link__acc-read::before
{
    position: absolute;
    top: 50%;
    right: 0;

    width: 14px;
    height: 2px;

    content: '';
    transform: translateY(-50%);

    background-color: #757575;
}
.u-link__acc-read::after
{
    position: absolute;
    top: 50%;
    right: 0;

    width: 14px;
    height: 2px;

    content: '';
    transition: .3s ease;
    transform: rotate(90deg);
            transform: translateY(-50%) rotate(90deg);

    opacity: 1;
    background-color: #757575;
}
.u-link__acc-read.on
{
    display: none;
}
.u-link__card
{
    position: relative;

    display: block;
}
.u-link__card:hover .u-card__img > img
{
    transform: scale(1.05);
}

.u-icn
{
    display: inline-flex;

    vertical-align: middle;

    align-items: center;
    flex-wrap: wrap;
}
.u-icn__detail
{
    display: inline-flex;

    vertical-align: middle;

    align-items: center;
    flex-wrap: wrap;
}
.u-icn__detail > img
{
    display: block;

    width: auto;
    height: 24px;
    margin-right: 8px;
    margin-bottom: 8px;
}
@media screen and (max-width: 768px)
{
    .u-icn__detail > img
    {
        margin-right: 1.8691588785vw;
        margin-bottom: 1.8691588785vw;
    }
}
.u-icn__list
{
    display: inline-flex;

    vertical-align: middle;

    align-items: center;
    flex-wrap: wrap;
}
.u-icn__list > img
{
    display: block;

    width: auto;
    height: 20px;
    margin-right: 8px;
    margin-bottom: 8px;
}
@media screen and (max-width: 768px)
{
    .u-icn__list > img
    {
        margin-right: 1.8691588785vw;
        margin-bottom: 1.8691588785vw;
    }
}
.u-icn > li
{
    margin-right: 8px;
    margin-bottom: 8px;
}
@media screen and (max-width: 768px)
{
    .u-icn > li
    {
        margin-right: 1.8691588785vw;
        margin-bottom: 1.8691588785vw;
    }
}
.u-icn__new
{
    position: absolute;
    z-index: 1;
    top: -12px;
    left: -12px;
}
.u-icn__new > img
{
    width: 48px;
    height: 48px;
}
@media screen and (max-width: 768px)
{
    .u-icn__new > img
    {
        width: 32px;
        height: 32px;
    }
}
.u-icn__01
{
    font-size: 10px;
    line-height: 20px;

    padding: 0 8px;

    color: #fff;
    border-radius: 10px;
    background: #008dd8;
}
.u-icn__02
{
    font-size: 10px;
    line-height: 20px;

    padding: 0 8px;

    color: #fff;
    border-radius: 10px;
    background: #757575;
}
.u-icn__03
{
    font-size: 10px;
    line-height: 20px;

    padding: 0 8px;

    color: #fff;
    border-radius: 10px;
    background: #9a7e94;
}
.u-icn__04
{
    font-size: 10px;
    line-height: 20px;

    padding: 0 8px;

    color: #fff;
    border-radius: 10px;
    background: #20b677;
}
.u-icn__05
{
    font-size: 10px;
    line-height: 20px;

    padding: 0 8px;

    color: rgba(0, 0, 0, .84);
    border-radius: 10px;
    background: #eee;
}
.u-icn__06
{
    font-size: 10px;
    line-height: 20px;

    padding: 0 8px;

    color: #fff;
    border-radius: 10px;
    background: #3b3b3b;
}
.u-icn__07
{
    font-size: 10px;
    line-height: 20px;

    padding: 0 8px;

    color: #fff;
    border-radius: 10px;
    background: #7c2a12;
}

.u-btn__wrap{
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 24px;
  flex-wrap: wrap;
}
.u-btn__wrap>a{
  margin: 0 12px;
}
.u-btn__defo
{
    line-height: 48px;

    display: inline-block;

    min-width: 225px;

    transition: .3s ease;
    text-align: center;

    color: #fff;
    background: #373737;
}
.u-btn__defo:link
{
    color: #fff;
}
@media screen and (max-width: 768px)
{
    .u-btn__defo
    {
        line-height: 11.214953271vw;

        width: 100%;

    }
    .u-btn__wrap>a{
      margin: 12px 0;
    }
}
.u-btn__defo.inactive
{
    cursor: initial;

    color: rgba(0, 0, 0, .57);
    background: rgba(0, 0, 0, .34);
}
.u-btn__defo.inactive:hover
{
    opacity: inherit;
}
.u-btn__defo-sm
{
    line-height: 40px;

    display: inline-block;

    width: 200px;

    transition: .3s ease;
    text-align: center;

    color: #fff;
    border-radius: 8px;
    background: rgba(0, 0, 0, .84);
}
.u-btn__defo-sm:link
{
    color: #fff;
}
@media screen and (max-width: 768px)
{
    .u-btn__defo-sm
    {
        line-height: 9.3457943925vw;

        width: 100%;

    }
}
.u-btn__cta
{
    line-height: 48px;

    display: inline-block;

    min-width: 225px;

    transition: .3s ease;
    text-align: center;

    color: #fff;
    background: #A0773A;
}
.u-btn__cta:link
{
    color: #fff;
}
.u-btn__cta:visited
{
    color: #fff;
}
@media screen and (max-width: 768px)
{
    .u-btn__cta
    {
        line-height: 11.214953271vw;

        width: 100%;

    }
}
.u-btn__cta.inactive
{
    cursor: initial;

    color: rgba(0, 0, 0, .57);
    background: rgba(0, 0, 0, .34);
}
.u-btn__cta.inactive:hover
{
    opacity: inherit;
}
.u-btn__cta-sm
{
    line-height: 40px;

    display: inline-block;

    width: 100%;

    transition: .3s ease;
    text-align: center;

    color: #fff;
    border-radius: 8px;
    background: #c1490a;
}
.u-btn__cta-sm:link
{
    color: #fff;
}
@media screen and (max-width: 768px)
{
    .u-btn__cta-sm
    {
        line-height: 9.3457943925vw;

        width: 100%;

        border-radius: 1.8691588785vw;
    }
}
.u-btn__cta-sm.inactive
{
    cursor: initial;

    color: rgba(0, 0, 0, .57);
    background: rgba(0, 0, 0, .34);
}
.u-btn__cta-sm.inactive:hover
{
    opacity: inherit;
}
.u-btn__ghost
{
    line-height: 48px;

    display: inline-block;

    min-width: 225px;

    transition: .3s ease;
    text-align: center;

    color: #373737;
    border: solid 1px #373737;
}
.u-btn__ghost:link
{
    color: rgba(0, 0, 0, .84);
}
.u-btn__ghost:hover
{
    background: rgba(0, 0, 0, .1);
}
@media screen and (max-width: 768px)
{
    .u-btn__ghost
    {
        line-height: 11.214953271vw;

        width: 100%;

    }
}
.u-btn__ghost-sm
{
    line-height: 40px;

    display: inline-block;

    width: 200px;

    transition: .3s ease;
    text-align: center;

    color: rgba(0, 0, 0, .84);
    border: solid 1px rgba(0, 0, 0, .84);
    border-radius: 8px;
}
.u-btn__ghost-sm:link
{
    color: rgba(0, 0, 0, .84);
}
@media screen and (max-width: 768px)
{
    .u-btn__ghost-sm
    {
        line-height: 9.3457943925vw;

        width: 100%;

        border-radius: 1.8691588785vw;
    }
}
.u-btn__ghost--wh
{
    line-height: 56px;

    display: inline-block;

    min-width: 288px;

    transition: .3s ease;
    text-align: center;

    color: #fff;
    border: solid 1px #fff;
    border-radius: 8px;
}
.u-btn__ghost--wh:link
{
    color: #fff;
}
.u-btn__ghost--wh:hover
{
    background: rgba(255, 255, 255, .1);
}
@media screen and (max-width: 768px)
{
    .u-btn__ghost--wh
    {
        line-height: 11.214953271vw;

        width: 100%;

        border-radius: 1.8691588785vw;
    }
}
.u-btn__2col-wrapper
{
    display: flex;

    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 768px)
{
    .u-btn__2col-wrapper
    {
        display: block;
    }
}
.u-btn__2col-wrapper > *
{
    display: block;

    margin: 0 16px;
}
@media screen and (max-width: 768px)
{
    .u-btn__2col-wrapper > *
    {
        margin: 3.738317757vw 0;
    }
}

.u-fs__b
{
    font-weight: bold;
}
.u-fs__base
{
    font-size: 16px;
}
@media screen and (max-width: 768px)
{
    .u-fs__base
    {
        font-size: 3.738317757vw;
    }
}
.u-fs__sm
{
    font-size: 14px;
}
@media screen and (max-width: 768px)
{
    .u-fs__sm
    {
        font-size: 2.8037383178vw;
    }
}
.u-fs__xs
{
    font-size: 12px;
}
@media screen and (max-width: 768px)
{
    .u-fs__xs
    {
        font-size: 2.3364485981vw;
    }
}
.u-fs__sub
{
    color: rgba(0, 0, 0, .57);
}
.u-fs__price
{
    font-size: 24px;
    font-weight: bold;

    color: #c1490a;
}
.u-fs__price-sub
{
    font-size: 18px;

    color: #c1490a;
}
.u-fs__price-del
{
    font-size: 24px;
    font-weight: bold;

    text-decoration: line-through;

    color: rgba(0, 0, 0, .57);
}
.u-fs__price-del-sub
{
    font-size: 18px;

    text-decoration: line-through;

    color: rgba(0, 0, 0, .57);
}

.u-txt
{
    line-height: 2;

    color: rgba(0, 0, 0, .57);
}
@media screen and (max-width: 768px)
{
    .u-txt
    {
        font-size: 3.738317757vw;
    }
}
.u-txt__marker
{
    font-size: 18px;
    font-weight: bold;

    color: rgba(0, 0, 0, .84);
    background: linear-gradient(transparent 60%, #ff6 60%);
}
@media screen and (max-width: 768px)
{
    .u-txt__marker
    {
        font-size: 4.2056074766vw;
    }
}
.u-txt__emp
{
    font-size: 40px;
    font-weight: bold;
    line-height: 1;
}
.u-txt__emp-sm
{
    font-size: 20px;
    font-weight: bold;
}
@media screen and (max-width: 768px)
{
    .u-txt__emp
    {
        font-size: 7.0093457944vw;
    }
    .u-txt__emp-sm
    {
        font-size: 4.2056074766vw;
    }
}
.u-txt__super
{
    font-size: .6em;

    vertical-align: top;
}
.u-txt__sm
{
    font-size: 12px;

    color: rgba(0, 0, 0, .84);
}
.u-txt__lg
{
    font-size: 16px;
    line-height: 2;

    color: rgba(0, 0, 0, .84);
}
.u-txt__lg p
{
    padding-top: 24px;
}
.u-txt__lg p:first-child
{
    padding-top: 0;
}
@media screen and (max-width: 768px)
{
    .u-txt__lg__lg
    {
        font-size: 3.738317757vw;
    }
    .u-txt__lg__lg p
    {
        padding-top: 5.6074766355vw;
    }
}
.u-txt p
{
    padding-top: 24px;
}
.u-txt p:first-child
{
    padding-top: 0;
}
@media screen and (max-width: 768px)
{
    .u-txt p
    {
        padding-top: 5.6074766355vw;
    }
}

.u-tac
{
    text-align: center;
}

.u-table > dt
{
    font-size: 14px;
    font-weight: bold;
}
.u-table > dd
{
    margin-bottom: 16px;
    padding-top: 8px;
    padding-bottom: 16px;

    border-bottom: solid 1px rgba(0, 0, 0, .34);
}

.u-tal
{
    text-align: left;
}

.u-ispc
{
    display: block !important;
}
@media screen and (max-width: 768px)
{
    .u-ispc
    {
        display: none !important;
    }
}

.u-issp
{
    display: none !important;
}
@media screen and (max-width: 768px)
{
    .u-issp
    {
        display: block !important;
    }
}

.u-del
{
    text-decoration: line-through;

    color: rgba(0, 0, 0, .57);
}

.u-dn
{
    display: none;
}

.u-anc
{
    margin-top: -128px;
    padding-top: 128px;
}
@media screen and (max-width: 768px)
{
    .u-anc
    {
        margin-top: -64px;
        padding: 64px;
    }
}