@charset "utf-8";

/* 事例ポータル配下はパンくずの幅を既存レイアウトの幅に合わせる ---------- */
@media screen and (min-width: 769px) {
    .panList {
        max-width: 1100px;
        width: 100%;
        min-width: 1100px;
        margin: 70px auto 18px;
    }
}
/* 事例ポータル配下はパンくずの幅を既存レイアウトの幅に合わせる ここまで ---------- */

.sidebar .access-ranking .panel-group .panel li a:hover,
.sidebar .popular-content .panel-group .panel-popular li a:hover,
.free-register:hover {
    color: inherit;
    text-decoration: none;
}

/* メインコンテンツ　オススメの関連記事 ---------- */
#main-recommend #logly-lift-widget {
    width: auto !important;
}
#main-recommend .logly-lift-ad {
    margin: 0 0 20px !important;
    width: 360px !important;
}
#main-recommend .logly-lift-ad:nth-child(2n) {
    margin-left: 30px !important;
}
#main-recommend .logly-lift-ad-image,
#main-recommend .logly-lift-ad-image-inner {
    height: 120px !important;
}
#main-recommend .logly-lift-ad-image {
    padding-right: 18px !important;
}
#main-recommend .logly-lift-ad-image a {
    display: inline-block;
}
#main-recommend .logly-lift-ad-image img {
    height: auto !important;
    top: 0 !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
#main-recommend .logly-lift-ad-title a {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #000;
    line-height: 1.4;
}
#main-recommend .logly-lift-ad-title a:hover {
    color: #c42714;
}
#main-recommend .logly-lift-ad-body,
#main-recommend .logly-lift-ad-lead {
    font-size: 12px !important;
    font-size: 1.2rem !important;
    line-height: 1.6;
}


/* サイドコンテンツ　おすすめ記事 ---------- */
#side-recommend .logly-lift-ad {
    margin: 9px 0;
}

#side-recommend .logly-lift-ad-image {
    padding-right: 12px;
}

#side-recommend .logly-lift-ad-image,
#side-recommend .logly-lift-ad-image-inner {
    height: 120px !important;
}

#side-recommend .logly-lift-ad-image-inner a {
    height: 120px;
    display: block;
}

#side-recommend .logly-lift-ad-image-inner a:hover {
    opacity: 0.7;
}

#side-recommend .logly-lift-ad-title a {
    color: #000;
    font-size: 14px;
    font-size: 1.4rem;
}
#side-recommend .logly-lift-ad-title {
    margin-bottom: 0 !important;
    max-height: none !important;
    line-height: 1.2 !important;
}

#side-recommend .logly-lift-ad-title a:hover {
    color: #c42714;
}

#side-recommend .logly-lift-ad-lead {
    font-size: 12px !important;
    font-size: 1.2rem !important;
}

#side-recommend .logly-lift-ad-body {
    font-size: 12px !important;
    font-size: 1.2rem !important;
    line-height: 1.5 !important;
}

#side-recommend .logly-lift-ad-image-inner img {
    top: 0 !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

/* 記事詳細用：SNS・お気に入りボタン ---------- */
.sns-item .icon {
    display: table-cell;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    border-radius: 3px;
    background-color: #000;
}

.sns-item .icon__link{
    display: table;
    padding: 0px 8px 0px 6px;
    width: 100%;
    height: 100%;
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
    cursor:pointer;
}

.sns-item .icon--bookmark {
    background-color: #c42714;
}

.sns-item .icon--bookmark:hover {
    animation-duration: 0.001s;
    background-color: #af2312;
}

.sns-item .icon.-none{
    display: none;
    background-color: #999;
}

.sns-item .icon__link{
    display: block;
    padding: 0px 8px 0px 6px;
    height: 100%;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    cursor:pointer;
}

.sns-item .icon__link:hover{
    text-decoration: none;
}

.sns-item .icon .fa{
    display: inline-block;
    font-size: 14px;
    color: #fff;
    padding: 0 1px;
    text-rendering: auto;
    line-height: 20px;
}

.sns-item .icon__txt {
    font-family: Helvetica, Arial, "hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
    font-size: 11px;
    color: #fff;
    line-height: 20px;
    vertical-align: middle;
    margin: 0 auto;
}

.sns-item .icon.-none .fa,.icon.-none .icon__txt {
    color: #eee;
}

.sns-item .rcms_fav_btn.added .icon.-none{
    animation-duration: 0.1s;
    display: block;
}

.sns-item .rcms_fav_btn.added .icon{
    animation-duration: 0.1s;
    display: none;
}

.article .sns .sns-item:last-child {
    margin-left: 30px;
}

/* PR広告調整 */
.-news-ad-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.-news-ad-list .topicsList__news__title {
    display: inherit;
}

.-news-ad-list .topicsList__news__title li {
    line-height: 1.7;
    margin: 0 0 -5px 0px;
}

.-news-ad-list .topicsList__news__title li p {
    margin: 0;
}

.weeklyContents .-news-ad-list .topicsList__news__title li {
    line-height: 1;
	margin: 0;
}

.weeklyContents .topicsList__news__item:not(:first-child) {
    margin-top: 10px;
}

/* 汎用クラス ---------- */
.pc_mt01 { margin-top: 1px !important; }
.pc_mt02 { margin-top: 2px !important; }
.pc_mt03 { margin-top: 3px !important; }
.pc_mt04 { margin-top: 4px !important; }
.pc_mt05 { margin-top: 5px !important; }
.pc_mt10 { margin-top: 10px !important; }
.pc_mt15 { margin-top: 15px !important; }
.pc_mt20 { margin-top: 20px !important; }
.pc_mt25 { margin-top: 25px !important; }
.pc_mt30 { margin-top: 30px !important; }
.pc_mt35 { margin-top: 35px !important; }
.pc_mt40 { margin-top: 40px !important; }
.pc_mt45 { margin-top: 45px !important; }
.pc_mt50 { margin-top: 50px !important; }
.pc_mt55 { margin-top: 55px !important; }
.pc_mt60 { margin-top: 60px !important; }
.pc_mt65 { margin-top: 65px !important; }
.pc_mt70 { margin-top: 70px !important; }
.pc_mt75 { margin-top: 75px !important; }
.pc_mt80 { margin-top: 80px !important; }
.pc_mb01 { margin-bottom: 1px !important; }
.pc_mb02 { margin-bottom: 2px !important; }
.pc_mb03 { margin-bottom: 3px !important; }
.pc_mb04 { margin-bottom: 4px !important; }
.pc_mb05 { margin-bottom: 5px !important; }
.pc_mb10 { margin-bottom: 10px !important; }
.pc_mb15 { margin-bottom: 15px !important; }
.pc_mb20 { margin-bottom: 20px !important; }
.pc_mb25 { margin-bottom: 25px !important; }
.pc_mb30 { margin-bottom: 30px !important; }
.pc_mb35 { margin-bottom: 35px !important; }
.pc_mb40 { margin-bottom: 40px !important; }
.pc_mb45 { margin-bottom: 45px !important; }
.pc_mb50 { margin-bottom: 50px !important; }
.pc_mb55 { margin-bottom: 55px !important; }
.pc_mb60 { margin-bottom: 60px !important; }
.pc_mb65 { margin-bottom: 65px !important; }
.pc_mb70 { margin-bottom: 70px !important; }
.pc_mb75 { margin-bottom: 75px !important; }
.pc_mb80 { margin-bottom: 80px !important; }
@media screen and (max-width: 768px) {
    .sp_mt01 { margin-top: 1px !important; }
    .sp_mt02 { margin-top: 2px !important; }
    .sp_mt03 { margin-top: 3px !important; }
    .sp_mt04 { margin-top: 4px !important; }
    .sp_mt05 { margin-top: 5px !important; }
    .sp_mt10 { margin-top: 10px !important; }
    .sp_mt15 { margin-top: 15px !important; }
    .sp_mt20 { margin-top: 20px !important; }
    .sp_mt25 { margin-top: 25px !important; }
    .sp_mt30 { margin-top: 30px !important; }
    .sp_mt35 { margin-top: 35px !important; }
    .sp_mt40 { margin-top: 40px !important; }
    .sp_mt45 { margin-top: 45px !important; }
    .sp_mt50 { margin-top: 50px !important; }
    .sp_mt55 { margin-top: 55px !important; }
    .sp_mt60 { margin-top: 60px !important; }
    .sp_mt65 { margin-top: 65px !important; }
    .sp_mt70 { margin-top: 70px !important; }
    .sp_mt75 { margin-top: 75px !important; }
    .sp_mt80 { margin-top: 80px !important; }
    .sp_mb01 { margin-bottom: 1px !important; }
    .sp_mb02 { margin-bottom: 2px !important; }
    .sp_mb03 { margin-bottom: 3px !important; }
    .sp_mb04 { margin-bottom: 4px !important; }
    .sp_mb05 { margin-bottom: 5px !important; }
    .sp_mb10 { margin-bottom: 10px !important; }
    .sp_mb15 { margin-bottom: 15px !important; }
    .sp_mb20 { margin-bottom: 20px !important; }
    .sp_mb25 { margin-bottom: 25px !important; }
    .sp_mb30 { margin-bottom: 30px !important; }
    .sp_mb35 { margin-bottom: 35px !important; }
    .sp_mb40 { margin-bottom: 40px !important; }
    .sp_mb45 { margin-bottom: 45px !important; }
    .sp_mb50 { margin-bottom: 50px !important; }
    .sp_mb55 { margin-bottom: 55px !important; }
    .sp_mb60 { margin-bottom: 60px !important; }
    .sp_mb65 { margin-bottom: 65px !important; }
    .sp_mb70 { margin-bottom: 70px !important; }
    .sp_mb75 { margin-bottom: 75px !important; }
    .sp_mb80 { margin-bottom: 80px !important; }
}