/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/

/* 
    Created on : 2019/05/13, 10:11:03
    Author     : YYWork
*/

/* スマホ 767px以下 */

@media only screen and (max-width: 767px) {
    .main {
        width: 100%;
    }
    .side-menu {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .side-menu li a {
        display: block;
        height: 44px;
        line-height: 44px;
        border-bottom: 1px solid #333;
        text-decoration: none;
        color: #333;
    }
    .item {
        display: flex;
        justify-content: center;
        /*左右中央揃え*/
        align-items: center;
        /*上下中央揃え*/
    }
    .item2 {
        display: flex;
        justify-content: center;
        /*左右中央揃え*/
        align-items: center;
        /*上下中央揃え*/
    }
    .item3 {
        display: flex;
        justify-content: center;
        /*左右中央揃え*/
        align-items: center;
        /*上下中央揃え*/
    }
    /* ページタイトル画像用 */
    .flex {
        max-width: 767px;
        margin: 0 auto;
        margin-top: 12px;
        display: block;
    }
    .flex2 {
        display: flex;
        max-width: 767px;
        margin: 0 auto;
        margin-top: 12px;
        flex-direction: column;
    }
    /* 2019.07.06 tachi */
    div.scroll_div {
        overflow: auto;
    }
    .news-table {
        text-align: center;
        border: #000 solid 1px;
        border-collapse: collapse;
        table-layout: fixed;
    }
    .news-table td {
        border-collapse: collapse;
        background: white;    
        font-size: 15px;
        letter-spacing: 0.1em;
        padding: 10px 5px 5px 5px;
    }
    
    .blog-title {
        border: none !important;
        font-size: 20px !important;
        line-height: 1.2;
        font-weight: bold;
        color: #000;
        letter-spacing: -0.01em;
    }
    .blog-block-center3 {
        width: 100%;
    }
    .blog-block-center3 div,
    .blog-block-center3 p {
        color: #333 !important;
        font-size: 14px;
        padding: 0px 15px !important;
        margin: 0 !important;
        text-align: justify;
        text-justify: inter-ideograph;
        line-height: 1.6;
    }
    .bnewslist {
        margin-bottom: 20px;
        border-top: solid 1px #dcdcdc;
        overflow: hidden;
    }
    .bnewslist:first-of-type {
        border-top: none !important;
    }
    .bnews-date {
        margin-bottom: 10px !important;
    }
}

/* pc　768px以上 */

@media only screen and (min-width: 768px), print {
    .wrap {
        overflow: hidden;
        width: 1280px;
        margin-left: auto;
        margin-right: auto;
    }
    .contentsInner news {
        float: left;
    }
    .main {
        /* float: right;に変更 */
        float: left;
        width: 780px;
        padding-left: 40px;
    }
    .side-menu {
        /* float: left;に変更 */
        float: left;
        width: 200px;
    }
    .side-menu li a {
        display: block;
        height: 44px;
        line-height: 44px;
        border-bottom: 1px solid #333;
        text-decoration: none;
        color: #333;
    }
    /* PC時だけ画像を無理やりFloatに。 */
    figure.left {
        float: left;
        margin: 0 15px 15px 0;
    }
    figure.Right {
        float: Right;
        margin: 0 15px 15px 0;
    }
    .reformnews-img {
        width: 256px;
    }
    
    /* 2019.07.06 tachi */
    .news-table {
        margin: 0 20px 5px 20px;
        text-align: center;
        border: #000 solid 1px;
        border-collapse: separate;
        table-layout: fixed;
    }
    .news-table td {
        padding: 15px 5px 10px 5px;
        font-size: 14px;
    }
    .blog-title {
        border: none !important;
        font-size: 32px !important;
        font-weight: bold;
        color: #000;
        letter-spacing: -0.01em;
    }
    .blog-block-center3 div,
    .blog-block-center3 p {
        font-size: 14px;
        padding: 0 !important;
        text-align: justify;
        text-justify: inter-ideograph;
        margin: 0 15px 5px 15px;
        color: #666;
        line-height: 1.6;
    }
    .bnewslist {
        padding-top: 80px;
        margin-top: 80px;
        border-top: solid 1px #dcdcdc;
    }
    .bnewslist:first-of-type {
        padding-top: 0px;
        margin-top: 40px;
        border-top: none !important;
    }
    .bnewslist:last-of-type {
        margin-bottom: 80px;
    }
}

body {
    font-family: 'Hiragino Kaku Gothic Pro',Meiryo,Helvetica,Verdana,sans-serif !important;
}

.boxWrapper {
    margin: 0 auto;
    padding-top: 120px;
    width: 100% !important;
    position: relative;
    bottom: 31px;
}

/* サイドメニューと内容の位置調整*/

.wrap {
    display: flex;
    flex-direction: column-reverse;
}

@media screen and (min-width:767px) {
    .wrap {
        display: flex;
        flex-direction: row;
    }
}

/*--------------------------------------------------
 * PCとスマホの共通部分
 *--------------------------------------------------*/

/*URL用*/
h3 {
    line-height: initial !important;
}
div.news_url {
    text-align: right;
    margin-right: 10px;
    color: #337ab7;
    font-family: "Meiryo", "Hiragino Kaku Gothic Pro", "MSPGothic", Sans-Serif !important;
    font-size: 16px;
}

/*URL用*/

span.news_urltxt {
    text-align: right;
    margin-right: 10px;
    color: #337ab7;
    font-family: "Meiryo", "Hiragino Kaku Gothic Pro", "MSPGothic", Sans-Serif !important;
    font-size: 16px;
}

.item {
    margin-top: 20px;
}

.item2 {
    margin-top: 20px;
}

.item3 {
    margin-top: 20px;
}

/* float解除 */

.float_none {
    clear: both;
}

/* ページタイトル */

h2.news {
    padding: 0.4em 0.5em;
    /*文字の上下 左右の余白*/
    color: #494949;
    /*文字色*/
    /*background: #f4f4f4;*/
    /*背景色*/
    border-left: solid 5px #000;
    /*左線*/
    border-bottom: solid 3px #d7d7d7;
    /*下線*/
    font-family: "Meiryo", "Hiragino Kaku Gothic Pro", "MSPGothic", Sans-Serif !important;
    font-size: 22px;
    font-weight: bold;
    margin: 0px;
}

img.reformnews-img {
    max-width: 354px;
    max-height: 236px;
    display: block;
    margin-left: 20px;
    object-fit: cover;
    width: 100%;
}

.thumbnail2 {
    background-size: cover;
    background-position: center center;
    padding-top: 66%;
    width: 354px;
    margin-left: 20px;
}
/*　参考になったボタン tachi */
.heart-btn {
    display: table;
    text-align: right;
    width: 90%;
    margin: 0 auto;
    padding: 10px;
    cursor: pointer;
}
.heart-btn div {
    display: inline-block;
    padding: 2px 10px;
    background-color: #000;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
}
/* table */
.news-table td {
    border-right: #000 solid 1px;
    border-bottom: #000 solid 1px;
}
.news-table td:last-child {
    border-right: none !important;
}
.news-table tr:last-child td {
    border-right: #000 solid 1px;
    border-bottom: none !important;
}

/*PC版*/
@media screen and (min-width:767px) {
    .flex {
        flex-wrap: nowrap;
        justify-content: space-between;
        overflow : hidden;
    }
    .item+.item {
        margin-left: 1.0em;
    }
    .container {
        flex-direction: row-reverse;
        justify-content: space-between;
    }
    .flex2 {
        flex-wrap: nowrap;
        justify-content: space-between;
        flex-direction: row;
    }
    h3.news {
        margin-top: 20px;
    }
}

/* 本文(大と中用) */

.news-block-center p {
    font-size: 16px;
    padding-bottom: 1em !important;
    line-height: 2;
    font-family: "Meiryo", "Hiragino Kaku Gothic Pro", "MS PGothic", Sans-Serif !important;
    text-align: justify;
    /* 両端揃え */
    text-justify: inter-ideograph;
    /* 両端揃えの種類 */
    margin: 3px;
    /* 少しあける。 */
    margin-top: 20px;
}

/* 中タイトル */

h3.news {
    position: relative;
    padding-left: 25px;
    font-family: "Meiryo", "Hiragino Kaku Gothic Pro", "MS PGothic", Sans-Serif !important;
    font-size: 20px;
}

h3.news:before {
    position: absolute;
    content: '';
    bottom: -3px;
    left: 0;
    width: 0;
    height: 0;
    border: none;
    border-left: solid 15px transparent;
}

h3.news:after {
    position: absolute;
    content: '';
    bottom: -3px;
    left: 10px;
    width: 100%;
    border-bottom: solid 3px #000;
}

/* 小タイトル */

h4.news {
    /*線の種類（点線）2px 線色*/
    border-bottom: dashed 2px #000;
    font-family: "Meiryo", "Hiragino Kaku Gothic Pro", "MS PGothic", Sans-Serif !important;
    font-size: 18px;
    margin: 10px;
}

/* 本文(画像なし用) */

.news-block-center2 p {
    font-size: 16px;
    padding-bottom: 1em !important;
    line-height: 2;
    font-family: "Meiryo", "Hiragino Kaku Gothic Pro", "MS PGothic", Sans-Serif !important;
    text-align: justify;
    /* 両端揃え */
    text-justify: inter-ideograph;
    /* 両端揃えの種類 */
    margin: 15px;
    /* 少しあける。 */
    margin-top: 20px;
}

/* 本文(画像あり用) */

.news-block-center3 p {
    font-size: 16px;
    padding-bottom: 1em !important;
    line-height: 2;
    font-family: "Meiryo", "Hiragino Kaku Gothic Pro", "MS PGothic", Sans-Serif !important;
    text-align: justify;
    text-justify: inter-ideograph;
    margin-right: 15px;
    margin-left: 10px;
}

/* 小タイトル用 */

.news-block-center4 p {
    font-size: 16px;
    padding-bottom: 1em !important;
    line-height: 2;
    font-family: "Meiryo", "Hiragino Kaku Gothic Pro", "MS PGothic", Sans-Serif !important;
    text-align: justify;
    text-justify: inter-ideograph;
    margin-right: 15px;
    margin-left: 15px;
}

.not-design {
    border: none !important;
}
.blog-block-center3 {
    zoom: 1;
}
.bnews-date {
    padding: 0 1.8em;
    display: inline-block;
    color: #afafaf;
    font-size: 11px;
    margin-bottom: 30px;
}
.side_news_update a {
    font-size: 14px;
    line-height: 1.4;
    color: #b8b8b8 !important;
}
.side_news_update tr {
    border: none !important;
}
.side_news_update td {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
}