@charset "utf-8";
/* CSS Document */

/*---------------------------------------------
 highlight
---------------------------------------------*/
.highlight li a,
.recommend li a {
    border-bottom: none !important;
    text-indent: 0!important;
    padding-left: 0!important;
    display: flow-root!important;
}

.highlight_left {
    width: 33.3%;
    float: left;
    padding: 5px!important;
}

.recommend_left {
    width: 25%;
    float: left;
    padding: 5px!important;
}

.highlight_right {
    width: 100%;
}

.recommend_right {
    width: 100%;
}

.unit_document .highlight div,
.unit_document .recommend div {
    position: relative;
    border: none;
    border-top: none;
    padding: 0 5px;
}

.highlight_right h2,
.recommend_right h3 {
    color: #0046AD;
}

.highlight_right p,
.recommend_right p {
    color: #000;
}

.highlight_right h2,
.highlight_right p,
.recommend_right h3,
.recommend_right p {
    text-indent: 0;
    padding: 0;
}

.more {
    text-align: right;
    padding-right: 10px;
}

.unit_document_area .unit_document h4.highlight_title {
    color: #fff;
    background: #a86;
    padding: 5px;
    margin-top: -10px;
}

.rec li {
    margin: 10px 0;
    clear: both;
}

.highlight li a:hover .js-shave-char,
.recommend li a:hover .js-shave-char {
    display: none;
}

.highlight p.open{font-size: 0;}
.highlight p.open::before{white-space: pre-wrap; content: '\0bb  close'; font-size: 13px;}

.recommend_box {
    max-width: 1180px;
    margin: 20px auto;
}
@media screen and (max-width: 1000px){
    div.recommend_box {
        padding: 0 20px;
    }
}
.rec_title {
    font-size: 1.9rem;
    color: #5F5F5F;
}
.recommend_box .rec_title {
    padding-top: 5px;
    border-top: solid 2px #ccc;
}
div.recommend_right, div.recommend_left {
    display:table-cell;
    vertical-align:top;
    text-align: left;
}
div.recommend_left {
    float: none;
}

li.swiper-slide {
    font-size: 1.3rem;
}

.auto_recommend .description {
    /* 削除 */
    /*word-break:break-all*/
}
.auto_recommend img {
    width:88px;
    height: auto;
}

/* レコメンドのprev、nextボタンのスタイル */
div.swiper-button-next, div.swiper-button-prev {
    white-space: nowrap;
    cursor: pointer;
    margin-top: 0;
    height: auto;
    width: auto;

    background: #FFF;
    border-color: #D5D9D9;
    border-style: solid;
    border-width: 1px;
    border-radius: 8px;
    box-shadow: 0 2px 5px 0 rgb(213 217 217 / 50%);
    padding: 10px 15px;

    font-size: 2rem;
    color: #bcbdbd;

    /* 操作ボタンの位置 */
    top: 65%;
}
div.swiper-button-next:after, div.swiper-button-prev:after {
    content: none;
}
div.swiper-button-next:hover, div.swiper-button-prev:hover {
    background-color: #e7e9ee;
}
@media all and (-ms-high-contrast: none){
    /*IEの場合に画像が大きく表示されてしまうのでwidthを指定する*/
    .recommend_box img {
        width: 100px;
    }
}