/* Googleフォント */
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');


html {
    
}

body {
    font-family: "Zen Maru Gothic", serif !important;
    font-style: normal !important;
    font-size: 14px !important;
    background-image: url("../img/gd-bg-body.jpg");
}

h1,h2,h3,h4,h5,h6 {
    font-weight: bold;
}

a {
    text-decoration: none;
}

.btn {
    font-size: 14px !important;
    font-weight: bold;
    padding: .75rem 1.2rem;
}
.btn-orange {
    background-color: #f57c00;
    border-color: #f57c00;
    color: #fff;
}
.btn-orange:hover {
    background-color: #ff9800;
    border-color: #ff9800;
    color: #fff;
}
.btn-orange:focus,
.btn-orange:active {
    background-color: #f57c00;
    border-color: #f57c00;
    color: #fff;
}
a.btn-orange {
    color: #fff;
}
.btn-lgreen {
    background-color: #689f38;
    border-color: #689f38;
    color: #fff;
}
.btn-lgreen:hover {
    background-color: #8bc34a;
    border-color: #8bc34a;
    color: #fff;
}
.btn-lgreen:focus,
.btn-lgreen:active {
    background-color: #689f38;
    border-color: #689f38;
    color: #fff;
}
a.btn-lgreen {
    color: #fff;
}



/* header */
.site-title {
    display: none;
}
.site-description {
    display: none;
}

.header-inner a {
    color:white !important;
}
.header-inner .icon {
    color:white !important;
}
.header-inner .toggle {
    color: white !important;
}
.header-inner .toggle-text {
    color: white !important;
}
.header-inner .toggle-wrapper::before {
    background-color: #c5e1a5 !important;
}

/* ヘッダー下層ホバーメニューの背景色 */
.primary-menu ul {
    background-color: #689f38 !important;
}
.primary-menu > li > ul::after {
    border-bottom-color: #689f38 !important;
}
.primary-menu > li > ul > li > ul::after {
    border-left-color: #689f38 !important;
}




#site-header {
    box-shadow: 0px 6px 8px rgb(51 105 30 / 50%) !important;
    /* 表示順をsmartslider3の上へ（ヘッダーの影をスマホで表示するため） */
    z-index: 10;
}

@media screen and (max-width: 768px) {
    /* スマホのとき検索ボタンを非表示 */
    .mobile-search-toggle {
        display: none !important;
    }
    .header-titles-wrapper {
        padding-left: 0;
        padding-right: 35px;
    }
}





/* footer */
.wrapper-footer-top {
    height: 120px;
    background-image: url("../img/gd-bg-footer.png");
    background-position: top center;
    background-repeat: repeat-x;
    padding: 0;
}

#page_top {
    display: none;
}






/* topページ */


.entryt-card-date {
    background-color: #689f38 !important;
}
.wrapper-3post h2 {
    color: #689f38;
    /* font-size: 22px !important; */
}


.wrapper-3post .row > div {
    display: flex; /* card の高さを揃える */
}
.card {
    border-radius: 20px !important;
}
.card-body {
    padding: 20px !important;
    display:flex; /* 子要素の高さを揃える */
    flex-direction:column; /*子要素の中を縦並びにする*/
}
.card-body ul {
    margin-bottom: 0;
}
.card-body > div {
    margin-top: auto; /*リンクボタンを下並びにする*/
}



.post-list {
    /* list-style-type: none; */
    padding: 0;
    margin-left: 0.5rem;
}
.post-item {
    /* font-size: .8rem; */
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
.post-item h3 {
    /* margin: 0 0 5px; */
    color: #689f38;
}


.wrapper-sns h3 {
    font-size: 24px !important;
}





/* 各ページ　H1タイトル文字サイズ調整 */
h1.entry-title {
    font-size: 30px;
    color: #558b2f;
}
h1.archive-title {
    font-size: 30px;
    color: #558b2f;
}

/* 投稿詳細ページ */
.post-author {
    display: none !important;
}


/* 投稿詳細ページ　関連記事部分　文字大きさ調整 */
.media a {
    font-size: 14px !important;
}
.media-date {
    font-size: 14px !important;
}


/* common */
/* 画像ロールオーバー aタグclassに記述すること */
.gd-hover:hover {
    opacity: 0.75;
}

/* 角丸　大きめの角丸 */
.gd-rounded-1rem {
    border-radius: 1rem !important;
}

/* hr */
.gd-hr-dot {
    margin: 1rem 0;
    border: 0;
    border-bottom: 1px dashed #fff;
    background: #333;
}
.gd-hr-dot2 {
    margin: 1rem 0;
    border-top: 2px dashed $gray-800;
	background-color: #fff;
	
}