@charset "UTF-8";
/* =====================
  reset
===================== */
.footer{
    padding-top: 15vw;
}

/* =====================
  single-link
===================== */
.single-link{
    text-decoration: underline;
}
.single-link:hover{
    text-decoration: none;
}
.single-link[data-color="darkBrown"]{
    color: var(--darkBrown);

}
.single-link[target="_blank"]::after{
    content: '';
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAYAAAA/mJfHAAAAWElEQVQ4jWP8//8/AwxEWcmCWAgBEgETuRqxgRFiGAseOUYSzAFHGmOkpQxWCXIMY4IyyE4OyGA0NkkPR5q7jJQkQdAwosCyY4/xGkZKGGF1PfXCjIGBAQDC/g7SxvtHpQAAAABJRU5ErkJggg==");
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 2.53333333vw;
    height: 2.26666666vw;
    margin-left: 0.5em;
}

/* =====================
  second head
===================== */
.second-head{
    display: flex;
    flex-direction: column-reverse;
    background: #f9f9f9;
    border-bottom: 1px solid #ebebeb;
    padding: 0vw 2vw 2vw;
    position: relative;
}
.second-head .head{
    font-size: 6vw;
    padding: 3.6vw 2vw;
    color: var(--mostblack);
}
.second-head .head::before{
    content: attr(data-name);
    display: block;
    font-size: 2.93333333vw;
    color: var(--brown);
    font-family: var(--trajan);
    font-weight: 400;
    padding-left: 0.25em;
    margin-bottom: 0.9vw;
}

/* =====================
  breadcrumb
===================== */
.breadcrumb li {
    font-size: 2.4vw;
    display: inline;
    word-break: break-all;
}
.breadcrumb li a{
    color:var(--brown);
}
.breadcrumb li + li::before{
    content: '/';
    display: inline-block;
    margin-left: 0.25em;
    margin-right: 0.85em;
}

/* =====================
  secondbox
===================== */
.secondbox .inner{
    text-align: center;
}
.secondbox .head{
    position: relative;
    text-align: center;
    display: inline-block;
    width: 100%;
}
.secondbox .head::before,
.secondbox .head::after{
    content: '';
    width: 23.33333333vw;
    height: 1px;
    display: block;
    position: absolute;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background: #060606;
    opacity: 0.5;
}
.secondbox .head::before{
    left: 0;
}
.secondbox .head::after{
    right: 0;
}
.secondbox .head h3{
    color: var(--mostblack);
    display: inline-block;
    font-size: 9.86666666vw;
    line-height: 1;
    text-align: center;
}
.secondbox .head h3::after{
    content: attr(data-name);
    display: block;
    text-align: justify;
    font-family: var(--tenmin);
    font-weight: 40;
    line-height: 1;
    font-size: 3.86666666vw;
    font-style: normal;
    margin-top: 0.5em;
}
.secondbox .unit{
    margin-top: 8vw;
    padding-left: 1.46666666vw;
    padding-right: 1.46666666vw;
}
.secondbox .anchor{
    padding-left: 4.66666666vw;
    padding-right: 4.66666666vw;
    margin-top: 9vw;
    text-align: center;
}
.secondbox .anchor .e-btn{
    border-radius: 5px;
    border-color: #1a364e;
}
.secondbox .anchor a{
    font-size: 3.6vw;
    font-weight: normal;
    color: #fff;
}
.secondbox .anchor a::before{
    display: none;
}
.secondbox + .secondbox{
    margin-top: 5vw;
}
.secondbox .unit .itemloop-unit,
.secondbox .unit .itemloop-unit a,
.secondbox .unit .itemloop-unit a .img,
.secondbox .unit .itemloop-unit a .img span{
    width: 30.66666666vw;
}
.secondbox .unit .itemloop-unit a .img,
.secondbox .unit .itemloop-unit a .img span{
    height: 30.66666666vw;
}
.secondbox .unit .itemloop-unit.new::before{
    display: none;
}
.secondbox .unit .itemloop-unit:nth-child(n + 3){
    margin-top:0em;
}
.secondbox .unit .itemloop-unit:nth-child(n + 4){
    margin-top: 8vw;
}
.secondbox .unit::before{
    display: none;
}
.secondbox  .itemloop::before, .itemloop::after{
    width: 30.66666666vw!important;
}

/* =====================
  並べるボックス
===================== */
.link-item {
    margin-top: 8vw;
}
.link-item .inner{
    padding-left: 8vw;
    padding-right: 8vw;
    padding-bottom: 10vw;
}
.link-item .item-box{
    cursor: pointer;
}
.link-item .item-box + .item-box{
    margin-top: 6vw;
}
.link-item .item-box .img{
    width: 100%;
    height: 37.33333333vw;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.link-item .item-box h4{
    font-size: 4.66666666vw;
    padding-top: 0.6em;
    position: relative;
}
.link-item .item-box p{
    display: none;
}
.link-item .item-box .anchor{
    display: none;
}
.link-item .item-box h4::after{
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAYCAYAAAAh8HdUAAABT0lEQVQ4jY3TvUscQRgH4OdO8cAiB0JIijQKCgETsAgWgRQaQRFBIYWSRrsrY+N/IQdGrOyEkMIioILiB0QICIJFUqSxOrgqIAQxoCQoA7OwhL3d/TU7sDy777zzTqXZbD7HOubxS4lU8RFjOEJfWbSAn3iJfdTLoFDSBC7xCnvoLUIhbYyjhdfYyYPV1LoVYTvucRs9RUgscSKWPIXP6C5CYlPe4gpz2EJXEQr5jkn8jue3iUoRCjnHNP5gERsJzEMh3zATYQOrsjaZkRO8wxcs46boT0n+4j6ua2XQm/iXGtawUoRGU9MROvhBQSNGcIBH8awaSYmd0IsI6nGclvAveZmFhnCIx9jF+zTIQgM4xpMIQ6vv/v9qGj2Ltzc8v2IWt1m1J+hpPMR+nKWmIDMBhdpDKYO4iIN63Qkk6BOG8SM12bkJKMzTaery5QcPfoRDEG+4FlgAAAAASUVORK5CYII=");
    width: 1.73333333vw;
    height: 3.2vw;
    display: block;
    position:absolute;
    top:64%;
    transform:translateY(-50%);
    right: 3vw;
}

/* =====================
  テキストunit
===================== */
.single-unit{
    padding-top: 4vw;
}
.single-unit + .single-unit{
    padding-top: 0;
}
.single-unit .item{
    padding-top: 5vw;
    padding-bottom: 5vw;
}
.single-unit p{
    padding-left: 4vw;
    padding-right: 4vw;
    font-family: var(--hirakaku);
    font-size: 3.2vw;
    line-height: var(--lhL);
}
.single-unit .img{
    padding-left: 4vw;
    padding-right: 4vw;
    margin-top: 4vw;
    margin-bottom: 6vw;
}
.single-unit .list{
    padding-left: 4vw;
    padding-right: 4vw;
    font-size: 3.2vw;
}
.single-unit .list .head{
    font-family: var(--hirakaku);
}
.single-unit .list .head + ul{
    margin-top: 1vw;
}
.single-unit .list ul li{
    line-height: var(--lhL2);
    text-indent: -1em;
    padding-left: 1em;
    font-family: var(--hirakaku);
    word-break: break-all;
}
.single-unit .list ul li::before{
    content: '・';
    color: var(--purple);
}
.single-unit .attention{
    width: 92vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5vw;
    font-size: 3.06666666vw;
    font-family: var(--hirakaku);
    line-height: var(--lh);
    text-indent: -1em;
    padding-left: 1em;
}
.single-unit .attention + .attention{
    margin-top: 1vw;
}
.single-unit .in-anchor{
    display: block;
    padding: 1.75em 1em 1.75em;
}
.single-unit .u-table{
    margin-top: 2em;
}

/* =====================
  table style
===================== */
.u-table:not([data-type="table"]) table,
.u-table:not([data-type="table"]) tbody,
.u-table:not([data-type="table"]) tr,
.u-table:not([data-type="table"]) th,
.u-table:not([data-type="table"]) td{
    display: block;
}
.u-table:not([data-type="table"]) table{
    font-size: 3.06666666vw;
    font-family: var(--hirakaku);
    border: 1px solid #dcdcdc;
}
.u-table:not([data-type="table"]) th{
    background: #f2f2f2;
}
.u-table:not([data-type="table"]) th + td{
    border-top: 1px solid #dcdcdc;
}
.u-table:not([data-type="table"]) tr + tr{
    border-top: 1px solid #dcdcdc;
}
.u-table:not([data-type="table"]) th,
.u-table:not([data-type="table"]) td{
    position: relative;
    padding: 0.65em 1.5em;
}
.u-table:not([data-type="table"]) td span + span{
    padding-left: 1.5vw;
}
.u-table:not([data-type="table"]) tr.must th{
    padding-right: 73px;
}
.u-table:not([data-type="table"]) tr.must th::after{
    content: '必須';
    font-size: 2.4vw;
    color: var(--purple);
    display: inline-block;
    border-radius: 2px;
    background: #fff;
    border: 1px solid var(--purple);
    transform: translateY(-50%);
    padding: 1vw 1.5vw;
    vertical-align: middle;
    margin-left: 1em;
    line-height: 1;
    position: relative;
    top: 2.5vw;
}
/* style2 */
.u-table:not([data-type="table"])[data-style="2"] table{
    font-size: 3.06666666vw;
}
.u-table:not([data-type="table"])[data-style="2"] table th{
    padding: 2.05vw 4vw;
}
.u-table:not([data-type="table"])[data-style="2"] tr.active th{
    color: var(--purple);
}
.u-table:not([data-type="table"])[data-style="2"] th,
.u-table:not([data-type="table"])[data-style="2"] td{
    padding: 4vw 4vw;
    vertical-align: middle;
}

/* =====================
  table style
===================== */
.u-table[data-type="table"] table{
    font-size: 2.66666666vw;
    min-width: 100vh;
}
.u-table[data-type="table"] th{
    background: #f2f2f2;
}
.u-table[data-type="table"] th,
.u-table[data-type="table"] td{
    white-space: nowrap;
    position: relative;
    padding: 0.65em 1.5em;
    border: 1px solid #dcdcdc;
}

/* =====================
  e-table
===================== */
.e-table{
    font-size: 2.8vw;
    margin-bottom: 10vw;
}
.e-table[data-col="2"] .e-table-item + .e-table-item thead{
    display: none;
}
.e-table[data-col="2"] .e-table-item + .e-table-item{
    position: relative;
    top: -0.25vw;
}
.e-table[data-col="2"] table{
    width: 100%;
}
.e-table[data-col="2"] th,
.e-table[data-col="2"] td{
    width: 33%;
    text-align: center;
    border: 1px solid #dcdcdc;
    padding: 5px 3px;
    word-break: break-all;
}
.e-table[data-col="2"] thead th{
    background: #565656;
    color: #fff;
}
.e-table[data-col="2"] tbody tr:nth-child(even) td{
    background: #f7f6f4;
}

/* =====================
  フォーム部品
===================== */
.form-table input[type="text"],
.form-table input[type="tel"],
.form-table input[type="email"],
.form-table textarea,
.form-table select{
    transition: border 250ms ease 0s;
    border-radius: 2px;
    border: 1px solid #a9a9a9;
    padding: 3.5vw 4vw;
    word-break: break-all;
}
.form-table select{
    width: 100%;
    background-repeat: no-repeat;
    background-position: 97% center;
    background-image: var(--arrowSelect);
    background-size: 2.4vw 1.33333333vw;
    padding-right: 30px;
    padding: 15.25px 30px 15.25px 1.25em;
}
.form-table input[type="text"],
.form-table input[type="tel"],
.form-table input[type="email"],
.form-table textarea{
    width: 100%;
    font-size: 16px;
}
.form-table input[type="text"]:focus,
.form-table input[type="tel"]:focus,
.form-table input[type="email"]:focus,
.form-table textarea:focus,
.form-table select:focus{
    border: 1px solid var(--purple);
}
.form-table select:focus{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAA10lEQVQYlW3PPUoDURQF4C9GUli6haQVOxECYzUwVlpoGrUUcQ/TZQoXYGMpiEWwUYQ887roBizsQnANFjaKkQdRyOiBW9x7fjjXbDb7M6P+sBj1h63/uCU1xCrs4x6DWIVmnV8wxCps4wpJuIPLWIUFze8Sq7CFG7RwjTcc4DxWobFgiFXYwC1WcIFD7OIdpzj7MTS7y5treMDqPPk4L4uvdtZ5nY4nz9hDNh1PPttZ57Ex6g+f0MVdIvOy+Kj91ZsHJaynSumQavTq4oS8LAY4wVFeFi/fz8xaWDTDhy4AAAAASUVORK5CYII=');
}
.form-table textarea{
    min-height: 46.66666666vw;
}
.form-table .postalcode{
    display: flex;
    align-items: center;
}
.form-table .postalcode input{
    width: 28.8vw;
}
.form-table .postalcode span{
    display: inline-block;
    padding-left: 1em;
    font-size: 2.8vw;
}
.form-table .postalcode span::before{
    content: '※';
    color: var(--salmon);
}

/* =====================
  エラー表示
===================== */
.form-error{
    display: block;
    font-size: 3vw;
    color: var(--salmon);
    padding-top: 0.5em;
}
.form-error:empty{
    display: none;
}

/* =====================
  フォームボタン
===================== */
.form-agree{
    margin-top: 8vw;
    font-size: 3.33333333vw;
    font-family: var(--hirakaku);
}
.form-agree .agree span{
    font-weight: bold;
    font-size: 3.33333333vw;
}
.form-agree input[type="checkbox"]{
    display: none;
}
.form-agree label{
    cursor: pointer;
    width: 4.26666666vw;
    height: 4.26666666vw;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    border: 1px solid #a9a9a9;
    margin-right: 0.8vw;
    -webkit-transition: all 250ms ease 0s;
    -moz-transition: all 250ms ease 0s;
    -ms-transition: all 250ms ease 0s;
    -o-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
    position: relative;
    top: 0.5vw;
}
.form-agree input[type="checkbox"]:checked + label{
    border: 2px solid var(--purple);
    background: var(--purple);
}
.form-agree input[type="checkbox"] + label i{
    background-repeat: no-repeat;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    background-position: center;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fas%22%20data-icon%3D%22check%22%20class%3D%22svg-inline--fa%20fa-check%20fa-w-16%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M173.898%20439.404l-166.4-166.4c-9.997-9.997-9.997-26.206%200-36.204l36.203-36.204c9.997-9.998%2026.207-9.998%2036.204%200L192%20312.69%20432.095%2072.596c9.997-9.997%2026.207-9.997%2036.204%200l36.203%2036.204c9.997%209.997%209.997%2026.206%200%2036.204l-294.4%20294.401c-9.998%209.997-26.207%209.997-36.204-.001z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
    width: 2.66666666vw;
    height: 2.66666666vw;
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.1);
    -moz-transform: translate(-50%, -50%) scale(0.1);
    -ms-transform: translate(-50%, -50%) scale(0.1);
    -o-transform: translate(-50%, -50%) scale(0.1);
    transform: translate(-50%, -50%) scale(0.1);
    -webkit-transition: all 250ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
    -moz-transition: all 250ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
    -ms-transition: all 250ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
    -o-transition: all 250ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
    transition: all 250ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
    line-height: 1;
}
.form-agree input[type="checkbox"]:checked + label i{
    color: var(--purple);
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

/* =====================
  送信ボタン
===================== */
.form-submit{
    margin-top: 8vw;
}
.form-submit .submit{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.form-submit .submit + .submit{
    margin-top: 3vw;
}

/* =====================
  アイテムループ
===================== */
.itemloop{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-family: var(--hirakaku);
    font-weight: normal;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
}
.itemloop .itemloop-unit{
    width: 46vw;
}
.itemloop::before,
.itemloop::after{
    content: '';
    display: block;
    width: 46vw;
}
.itemloop::before{
    order: 1;
}
.itemloop .itemloop-unit{
    position: relative;
}
.itemloop .itemloop-unit.new::before{
    z-index: 2;
    position: absolute;
    content: 'new';
    font-family: serif;
    font-size: 2.93333333vw;
    font-weight: bold;
    display: inline-flex;
    pointer-events: none;
    align-items: center;
    justify-content: center;
    line-height: 0;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    background: var(--gold);
    font-family: var(--mincho);
    font-weight: 500;
    width: 8.4vw;
    height: 8.4vw;
    top: -4vw;
    left: -1.9vw;
}
.itemloop .itemloop-unit a{
    display: block;
    position: relative;
}
.itemloop .itemloop-unit a span{
    display: block;
}
.itemloop .itemloop-unit a .img{
    width: 46vw;
    height: 46vw;
    position: relative;
    overflow: hidden;
}
.itemloop .itemloop-unit a .img span{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #fafafa;
    background-color: #000;
    width: 46vw;
    height: 46vw;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%) scale(1);
    transition: all 1000ms ease 0s;
}
.itemloop .itemloop-unit a:active .img span{
    transform:translate(-50%,-50%) scale(1.1);
}
.itemloop .itemloop-unit a .title{
    font-size: 2.93333333vw;
    margin-top: 1em;
    word-break: break-all;
}
.itemloop .itemloop-unit a .price{
    word-break: break-all;
    font-size: 3.06666666vw;
    margin-top: 0.5em;
    color: #262626;
}
.itemloop .itemloop-unit:nth-child(n + 3){
    margin-top: 2.5em;
}

/* =====================
 .head-style
===================== */
.head-style{
    background: #f3f3f3;
    font-size: 3.73333333vw;
    padding: 9px 4vw;
}

/* =====================
 recent-check
===================== */
.recent-check{
}
.mt-reset .recent-check{
    margin-top: 0em;
}
.recent-check .unit{
    margin-top: 12vw;
    padding-bottom: 0vw;
}

/* =====================
  narrow
===================== */
.u-narrow-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

/* =====================
narrow item
===================== */
.narrow-item{
    flex-wrap: wrap;
    display: flex;
    font-size: 3.066667vw;
    align-items: center;
    padding-left: 4vw;
    padding-right: 4vw;
    font-family: var(--hirakaku);
}
.narrow-item select{
    border: 2px solid #a9a9a9;
    font-family: var(--hirakaku);
    font-size: 16px;
    transform: scale(0.8);
    border-radius: 4px;
    background-color: #fff;
    min-width: 35.33333333vw;
    padding: 2.9vw 8vw 2.9vw 4.7vw;
    background-repeat: no-repeat;
    background-position: 93% center;
    background-image: var(--arrowSelect);
    background-size: 2.4vw 1.6vw;
    transition: all 250ms ease 0s;
}
.narrow-item select:focus{
    border: 2px solid var(--purple);
}

.narrow-item .anchor{
    width: 100%;
    display: block;
    transition: all 250ms ease 0s;
    position: relative;
    background: var(--sky);
    color: #fff;
    font-family: var(--hirakaku);
    font-weight: normal;
    font-size: 3.46666666vw;
    padding: 4vw 2vw;
    justify-content: center;
    border-radius: 5px;
    text-align: center;
}
.narrow-item .anchor:active{
    background: var(--skyHover);
}
.narrow-item .anchor::before{
    content: '';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: var(--searchIcon);
    width: 3.2vw;
    height: 3.2vw;
    vertical-align: -0.4vw;
    margin-right: 0.8em;
}
.narrow-item .item + .item{
    margin-left: 1.1vw;
}
.narrow-item .item[data-id="3"]{
    width: 100%;
    margin-left: 0;
    margin-top: 6vw;
    margin-bottom: 6vw;
    text-align: center;
}

/* =====================
  narrow pager
===================== */
.u-narrow .pager{
    margin-left: auto;
    margin-right: auto;
}
.u-narrow .pager ul{
    display: flex;
    justify-content: center;
    font-size: 3.6vw;
}
.u-narrow .pager .prev.disable,
.u-narrow .pager .next.disable{
    pointer-events: none;
    opacity: 0.5;
}
.u-narrow .pager a,
.u-narrow .pager span{
    position: relative;
    display: block;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #a8a7a5;
    border-bottom: 1px solid #a8a7a5;
    line-height: 1;
    width: 8.66666666vw;
    height: 8.66666666vw;
    transition: all 250ms ease 0s;
    text-align: center;
    align-items: center;
    display: inline-flex;
}
.u-narrow .pager .prev a::before,
.u-narrow .pager .next a::before{
    content: '';
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: var(--arrowNP);
    width: 1.6vw;
    height: 2.4vw;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.u-narrow .pager .prev a::before{
    transform:translate(-50%,-50%) scale(-1,1);
}
.u-narrow .pager .prev a:hover::before,
.u-narrow .pager .next a:hover::before{
    background-image: var(--arrowNPWhite);
}
.u-narrow .pager li.active a{
    background: var(--black);
    color: #fff;
    border-top: 1px solid var(--black);
    border-bottom: 1px solid var(--black);
}
.u-narrow .pager li + li a,
.u-narrow .pager li + li span{
    border-left: 1px solid #a8a7a5;
}
.u-narrow .pager ul li:first-child a,
.u-narrow .pager ul li:first-child span{
    border-left: 1px solid #a8a7a5;
}
.u-narrow .pager ul li:last-child a,
.u-narrow .pager ul li:last-child span{
    border-right: 1px solid #a8a7a5;
}
.u-narrow .pager li + li a:hover{
    background: var(--black);
    color: #fff;
    border-top: 1px solid var(--black);
    border-bottom: 1px solid var(--black);
}
.u-narrow .pager .dots{
    pointer-events: none;
}
.u-narrow .pager .dots span{
    position: relative;
}
.u-narrow .pager .dots span::before{
    line-height: 1;
    content: '...';
    display: inline-block;
    position: absolute;
    top: 0.4em;
}

/* =====================
  boxloop
===================== */
.boxloop{
    font-family: var(--hirakaku);
}
.boxloop .boxloop-unit{
    position: relative;
    padding: 3.73333333vw 0;
    border-bottom: 1px solid #ededed;
}
.boxloop .boxloop-unit:first-child{
    padding-top: 0;
}
.boxloop .boxloop-unit a{
    display: grid;
    grid-template :
        "img type"  auto
        "img time"  auto
        "img title" 1fr
        / auto 1fr;
    position: relative;
    width: 100%;
}
.boxloop .boxloop-unit a .img{
    grid-area : img;
    display: block;
    width: 37.06666666vw;
    height: 24.53333333vw;
    position: relative;
    overflow: hidden;
    margin-right: 6vw;
}
.boxloop .boxloop-unit a .img span{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #fafafa;
    background-image: url(../../img/top/01.png);
    width: 37.06666666vw;
    height: 24.53333333vw;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%) scale(1);
    transition: all 1000ms ease 0s;
}
.boxloop .boxloop-unit a:active .img span{
    transform:translate(-50%,-50%) scale(1.1);
}
.boxloop .boxloop-unit a .news-type-text{
    grid-area : type;
    margin-top: 0.8vw;
    max-width: 15.466666666666667vw;
}
.boxloop .boxloop-unit a .time{
    margin-top: 4vw;
    grid-area : time;
    font-size: 2.53333333vw;
    color: #a2a2a2;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
}
.boxloop .boxloop-unit a .title{
    grid-area : title;
    font-size: 2.66666666vw;
    margin-top: 0.5em;
    font-weight: bold;
    display: block;
    line-height: 1.55;
    word-break: break-all;
    line-break: anywhere;
}

/* =====================
  ポリシー
===================== */
.policy-p{
    font-size: 3.2vw;
    font-family: var(--hirakaku);
    padding-left: 4vw;
    padding-right: 4vw;
    line-height: 1.875;
}
.policy-unit{
    line-height: 1.875;
    margin-top: 8vw;
}
.policy-ol{
    padding-left: 4vw;
    padding-right: 4vw;
    font-size: 3.2vw;
    margin-top: 2vw;
}
.policy-ol .policy-ol{
    padding-left: 0;
    padding-right: 0;
}
.policy-ol li{
    font-family: var(--hirakaku);
    display: flex;
}
.policy-ol li > span:first-child{
    line-height: 1.875;
}
.policy-ol li > span:last-child{
    flex: 1;
    line-height: 1.875;
}
.policy-ol li + li{
    margin-top: 4vw;
}
.policy-ol li + li li + li{
    margin-top: 1vw;
}
.policy-head2{
    font-size: 3.73333333vw;
    font-weight: bold;
    background: #f3f3f3;
    padding: 3.5vw 4vw;
}
.policy-body{
    padding-top: 7vw;
    padding-bottom: 2vw;
}
.policy .u-table{
    padding-left: 4vw;
    padding-right: 4vw;
}
.policy-table{
    margin-top: 4vw;
}
.policy-table th,
.policy-table td{
    padding: 3vw 4vw;
    line-height: 1.875;
}

/* =====================
  single ※ランキング周り
===================== */
.singleloop .singleloop-unit + .singleloop-unit{
    margin-top: 16vw;
}
.singleloop[data-option="ranking"] {
    counter-reset: ranking;
}
.singleloop[data-option="ranking"] .singleloop-unit .img::before{
    counter-increment: ranking;
    content: counter(ranking);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    position: absolute;
    top: -6.8vw;
    left: -3.86666666vw;
    background: var(--black);
    color: #fff;
    font-size: 4.93333333vw;
    line-height: 1;
    text-align: center;
    width: 11.3333333vw;
    height: 11.3333333vw;
    border-radius: 50%;
}
.singleloop[data-option="ranking"] .singleloop-unit:nth-child(1) .img::before{background-color: #bba87c;}
.singleloop[data-option="ranking"] .singleloop-unit:nth-child(2) .img::before{background-color: #bcbcbc;}
.singleloop[data-option="ranking"] .singleloop-unit:nth-child(3) .img::before{background-color: #a08777;}
/* img */
.singleloop .singleloop-unit .img{
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #fafafa;
    width: 84vw;
    height: 85.33333333vw;
    margin-left: auto;
    margin-right: auto;
}
/* title */
.singleloop .singleloop-unit .title{
    padding-left: 4vw;
    padding-right: 4vw;
    font-size: 4.66666666vw;
    word-break: break-all;
    margin-top: 5vw;
    font-weight: bold;
}
/* price */
.singleloop .singleloop-unit .price{
    word-break: break-all;
    font-family: var(--hirakaku);
    font-weight: bold;
    font-size: 3.73333333vw;
    text-align: right;
    padding-left: 4vw;
    padding-right: 4vw;
    margin-top: 2vw;
}
/* tag */
.singleloop .singleloop-unit .tag{
    padding-left: 4vw;
    padding-right: 4vw;
    margin-top: 5vw;
    word-break: break-all;
}
/* text */
.singleloop .singleloop-unit .text{
    word-break: break-all;
    font-family: var(--hirakaku);
    font-size: 3.2vw;
    color: #878787;
    margin-top: 2vw;
    line-height: 1.769;
    padding-left: 4vw;
    padding-right: 4vw;
    line-height: 2;
}
/* anchor */
.singleloop .singleloop-unit .anchor{
    display: block;
    margin-top: 6vw;
    width: 90.53333333vw;
    margin-left: auto;
    margin-right: auto;
    font-size: 2.8vw;
    color: var(--mostblack);
    background: #fff;
    font-family: var(--tenmin);
    font-size: 3.6vw;
    transition: var(--allAnimation);
}
.singleloop .singleloop-unit .anchor a{
    display: block;
    text-align: center;
    border: 2px solid #c4c4c4;
    border-radius: 5px;
    color: inherit;
    outline: none;
    position: relative;
    display: block;
    padding: 2.2vw 1em;
}