@charset "utf-8";

@font-face {
    font-family: "Glyphicons Halflings";
    src: url("../_module/font/glyphicons-halflings-regular.eot");
}

#blog{ padding: 25px 30px 58px; background-color: #fff; }
.blog--wrap{ max-width: 1430px; margin: 0 auto; }
.blog--title{ font-size: 36px; font-family: Helvetica Neue,Helvetica,YuGothic,Yu Gothic,'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,sans-serif; color:#000; line-height: calc(48 / 36); }
.blog--title.mt-25{ margin-bottom: 22px; }
.blog--list{ margin-top: 18px; }
.blog--list a{ display: block; font-size: 16px; color:#000; }
.blog--list li span{ display: block; line-height: normal; }
.blog--list p{ position: relative; display: table; padding-right: 50px; margin-top: 22px; font-weight: bold; line-height: calc(21 / 16); }
.blog--thumb{ width: 100%; height: 209px; overflow: hidden; background-color: gray; }
.blog--thumb img{ width: 100%; height: 100%; object-fit: cover; object-position: center; }

.blog--view-all{ transition: .2s ease; display: block; padding: 15px 5px; max-width: 267px; margin-top: 47px; font-size: 18px; text-align: center; color:#fff; border:1px solid #000; background-color: #000; border-radius: 13px; line-height: calc(24 / 18); }
.blog--view-all:hover{ background: #fff; color:#000; opacity: 1; }
.blog--decs p{ font-size: 16px; line-height: calc(24 / 16); color:#000; }
/* .blog--decs p{ font-size: 85%; } */
.blog--decs p+p{ margin-top: 25px; }
.blog--row{ margin-top: 65px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.blog--aside iframe{ width: 100%; height: 258px; }

@media print,screen and (max-width: 1430px) and (min-width: 641px) {
    .blog--thumb{ height: 14.61vmax; }
    .blog--aside iframe{ height: 18.041958042vmax; }
}

@media print,screen and (min-width: 641px) {
    .blog--list{ display: flex; flex-wrap: wrap; }
    .blog--list li{ width: 29.7%; }
    .blog--list li:nth-child(3n+2){ margin: 0 5.45%; }
    .blog--list p:after{
        position: absolute;
        right: 15px;
        top:7px;
        content:'';
        display: block;
        width: 7px;
        height: 7px;
        border-top: 1px solid #000;
        border-left: 1px solid #000;
        transform: rotate(135deg);
    }
    .blog--seemore{ display: none; }

    .blog--decs{ width: 58.8%; }
    .blog--aside{ padding-top: 26px; width: 29%; }
    .sp{ display: none; }
}

@media print,screen and (max-width: 640px) {
    #blog{ padding: 25px 40px 124px; }
    .blog--title{ font-size: 22px; }
    .blog--thumb{ height: 38.4vmin; }
    .blog--list{ margin-top: 8px; }
    .blog--list p{ padding: 0; margin-top: 8px; }
    .blog--list li+li{ margin-top: 17px; }
    .blog--list li:not(:nth-child(-n+2)){ display: none; }
    .blog--seemore{ font-size: 16px; }
    .blog--seemore a{ display: block; width: 178px; padding: 7px 0; margin: 20px auto 0; font-weight: bold; text-align: center; color:#fff; border-radius: 13px; background-color: #000; }
    .blog--row{ margin-top: 42px; flex-direction: column-reverse; }
    .blog--decs{ margin-top: 6px; }
    .blog--decs p+p{ margin-top: 24px; }
    .sp-txt-center{ text-align: center; }
    .blog--title.mt-25{ margin-bottom: 10px; }
    .pc{ display: none; }
    .blog--aside iframe{ height: 49.3333333333vmin; }
    .blog--view-all{ padding: 9px 5px; margin: 19px auto 0; font-size: 16px; }
}

.slider{ background: #fff; }