@charset "UTF-8";
/*!
Skin Name: ミニマム - ブルー
Skin URI: https://www.xserver.ne.jp/
Author: XSERVER Inc.
Author URI: https://www.xserver.ne.jp/
Description: 1カラムのミニマムなデザインスキンです。
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.txt
Text Domain: xwrite
*/
:root {
    --key-color: #0066cc;
    --txt-color: #333333;
    --link-color: #666666;
    --background-color: #ffffff;
    --headtxt-color: #333333;
    --headnav-color: #333333;
    --footbg-color: #e5f2ff;
    --foottxt-color: #666666;
    --block--border-radius: 5px;
}

.articleContainer {
    border-radius: 5px;
}

.adsArea .container {
    padding: 40px 0 20px;
}

.contentsHeader {
    padding: 0;
    border-top: none;
    background: none;
}

.headerImage {
    display: none;
}

.header {
    border-bottom: none;
}

.header .siteInfo__desc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0 0 20px;
    padding: 5px 0;
    font-size: 1.1rem;
}

.header .siteInfo__desc i {
    margin-right: 5px;
}

.headerInfo.no-desc {
    padding: 0;
}

.articleList .articleList__item .article-category .list-label {
    padding: 6px 6px 5px;
    border: 1px solid var(--key-color);
    border-radius: 5px;
    background: none;
    color: var(--key-color);
}

.articleList .articleList__item .article-category .list-label:before {
    display: none;
}

.articleList .articleList__item .article-category .list-label a {
    color: var(--key-color);
}

.articleList__item--fig img, .post-thumbnail img {
    border-radius: 5px;
}

.articleContainer .articleHeader {
    display: flex;
    flex-direction: column;
}

.articleContainer .articleHeader__title {
    border: none;
    order: 2;
}

.articleContainer .articleHeader__info {
    display: flex;
    flex-direction: column;
    order: 3;
}

.articleHeader__info .xw-article-media__body--extra {
    display: flex;
    flex-direction: column;
}

.articleHeader__info .xw-article-media__body--extra .article-meta {
    order: 2;
}

.articleHeader__info .xw-article-media__body--extra .article-category {
    order: 1;
}

.articleHeader__sns {
    order: 4;
}

.articleHeader__sns + .ads-label .ads-label__large {
    margin-top:0;
}

.articleContainer .articleHeader .post-thumbnail {
    order: 1;
    margin-bottom: 20px;
}

.articleHeader .ads-label:has(.ads-label__large) {
    order: 5;
}

.widget-area .widget {
    border-radius: 5px;
}

@media (max-width: 991.98px) {
    .header .headerInfo {
        align-items: flex-start;
    }

    .header .siteInfo {
        padding: 5px 0;
    }

    .headerInfo.no-desc {
        padding: 15px 0;
    }

    .widget-area .widget {
        padding: 0;
    }

	.page-top-breadcrumbs, .page-bottom-breadcrumbs{
		padding: 8px calc(2.5vw + 15px);
		max-width: 100%;
	}

}

@media (max-width: 767px) {
    .home .contents .container {
        padding-top: 20px;
    }

    .contents .container {
        padding-top: 10px;
    }

    .adsArea .container {
        padding: 20px 0 10px;
    }

    .articleList .articleList__item .article-category .list-label {
        padding: 4px;
    }
}