@charset "utf-8";

main {
    font-size: 14px;
}

.cf:after {
    content: "";
    clear: both;
    display: block;
}

#content_wrap h2{
    margin: 50px 0 30px;
}

main a {
    /*color: #2672C0;*/
    /*text-decoration: underline;*/
}

main a:visited {
    /*color: #067DB7;*/
}

main a:hover {
    text-decoration: none;
}

main a:hover img {
    opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-filter: "alpha( opacity=90 )";
}


#content_wrap a[target="_blank"] {
    /*background: url(../images/popup.svg) 0 center no-repeat;*/
    /*padding-left: 15px;*/
}

#content_wrap a.back_non[target="_blank"] {
    background: none;
    padding-left: 0;
}

#content_wrap a[href$=".pdf"] {
    /*background: url(../images/icon_pdf.svg) 0 center no-repeat;*/
    /*padding-left: 18px !important;*/
}

#content_wrap a[href$=".doc"],
#content_wrap a[href$=".docx"] {
    /*background: url(../images/icon_word.svg) 0 center no-repeat;*/
    /*padding-left: 18px !important;*/
}

#content_wrap a[href$=".xls"],
#content_wrap a[href$=".xlsx"] {
    /*background: url(../images/icon_excel.svg) 0 center no-repeat;*/
    /*padding-left: 18px !important;*/
}

/*------------ カテゴリー一覧 ------------*/


/*------------ ブログ一覧 ------------*/
.blog_list {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    padding: 0;
    margin: 0 -7px;
}

.blog_list li {
    list-style: none;
    width: calc((100% - 14px * 4) / 4);
    padding: 0;
    margin: 20px 7px 0;
}

.blog_list li a {
    display: block;
    color: #333;
    text-decoration: none;
}

.blog_list li a .blog_item .scale img {
    margin: auto;
    width: 100%;
}

.blog_list li a .blog_date {
    display: block;
    margin-top: 15px;
}

.blog_list li a p {
    font-size: 128.57%;
    font-weight: bold;
    line-height: 1.5rem;
    margin: 16px 0 0;
}


.blog_list li a p {
    margin-top: 0 !important;
}


/* #koneta_all_list {
	margin-top: -20px !important;
} */

/*------------ 人気記事ランキング ------------*/

.blog_item .scale {
    overflow: hidden;
    padding: 69.747% 0 0 !important;
    margin: 0 !important;
    background: none !important;
    position: relative;
}

.blog_item .scale img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 !important;
    -moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear;
}

/* hover */
main a:hover {
    text-decoration: none;
}

main a:hover img {
    opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-filter: "alpha( opacity=90 )";
}

a:hover .scale img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

/*--- メインコンテンツ ---*/

.contents {
    background: #f5f7f6;
    padding: 3px 15px;
}

.contents li {
    padding: 3px;
    font: bold italic large sans-serif;
}

.contents li a {
    display: inline;
}

#content_wrap .button {
    /*display: block;*/
    /*border: 1px solid #DADEDC;*/
    /*background: #fff url(../images/arrow_right_red_1.svg) right center no-repeat;*/
    /*padding: 15px 40px 15px 10px;*/
    /*color: #333;*/
    /*text-decoration: none;*/
    /*border-radius: 5px;*/
    /*margin-bottom: 20px;*/
}

#content_wrap .button:hover,
#content_wrap .button.open_store:hover,
#content_wrap .button.close_store:hover,
#content_wrap .button.sell_store:hover {
    /*background-color: #DADEDC;*/
}

#content_wrap .button[target="_blank"] {
    /*background: #fff url(../images/popup.svg) right center no-repeat;*/
}

#content_wrap .button[target="_blank"]:hover {
    /*background: #DADEDC url(../images/popup.svg) right center no-repeat;*/
}

#content_wrap .button[href$=".pdf"] {
    /*background: url(../images/icon_pdf.svg) right center no-repeat;*/
}

#content_wrap .button[href$=".pdf"]:hover {
    /*background: #DADEDC url(../images/icon_pdf.svg) right center no-repeat;*/
}

@media screen and (max-width: 767px) {
    /*------------ ページナビ ------------*/

    /*------------ ブログ一覧 ------------*/
    .blog_list {
        overflow: hidden;
        margin-top: -20px !important;
    }

    .blog_list li {
        width: 100%;
    }

    .blog_list li a {
        display: flex;
        font-size: 80%;
    }

    .blog_list li a .blog_thumb {
        width: 20%;
    }
    .blog_list li a .blog_text {
        padding-left: 7px;
        width: calc(100% - 20%);
    }
    .blog_list li a .blog_date {
        margin-top: 0 !important;
    }

    .blog_list li a p {
        font-size: 128.57%;
        font-weight: bold;
        margin: 16px 0 0;
    }

    .blog_list li a p {
        margin-top: 0 !important;
    }
}