@charset "UTF-8";
/******************************************************************
Theme Name: stork19
Theme URI: https://open-cage.com/stork19/
Description: ストークの最新モデル。誰が使っても美しいデザインのサイトがつくれます。使い方は<a href="https://www.stork19.com/document" target="_blank">ドキュメント</a>をご覧ください。
Version: 2.5.0
Author: opencage
Author URI: https://open-cage.com/
Requires PHP: 5.6
License: GNU General Public License
License URI: licence.txt
******************************************************************/
.related_box {
    width: 100%;
    margin: 20px 0;
    padding: 0;
    border:1px solid #bac6d3;
    font-size: 14px;
    border-radius: 3px;
}
.related_box a {
    color: #333;
    text-decoration: none;
    padding: 30px 15px 10px 15px;
    display: block;
    position: relative;
}
.related_box_contents {
    margin: 0;
    padding: 0;
    display: flex;
}

.related_box_contents .img {
    width: 30%;
    margin: 0 20px 0 0;
}
@media(max-width: 600px) {
    .related_box_contents .img {
        margin: 0 10px 0 0;
    }
}
.related_box_contents .img img{
    width: 100%;
}
.related_box_contents .text {
    width: calc(83% - 30px);
}

.related_box_contents .text .title {
    margin: 0;
    padding: 0 0 5px 0;
    font-weight: bold;
    font-size: 16px;
}
.related_box_contents .text .discription {
    margin: 0;
    padding: 0;
    color: #7d8389;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media(max-width: 600px) {
    .related_box_contents .text .discription {
        display: none;
    }
}
.related_box a .point {
    margin: 0;
    padding: 0px 10px;
    background-color: #349CF4;
    color: #fff;
    position: absolute;
    font-size: 12px;
    font-weight: bold;
    left: 0;
    top: 0;
    border-radius: 0 0 4px 0;
}