@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* 固定フッターカスタマイズ */

#fix_bottom_menu ul.menu_list {
	padding:0!important;
}
#fix_bottom_menu ul.menu_list li.menu-item.pagetop_btn {
	background: #029d00;
	height: 50px;
    display: grid;
    align-content: center;
}

/* 固定フッターカスタマイズここまで */



/* 固定ページのタイトル背景 */
.l-topTitleArea {
                align-items: center;
                display: flex;
                margin: 0;
                min-height: 11em;
                overflow: hidden;
                padding: 1.5em 0;
                position: relative;
                width: 100%
            }

            .l-topTitleArea .u-thin {
                opacity: 1
            }

            .l-topTitleArea .c-postTitle__date {
                border-color: #fff
            }

            .l-topTitleArea .c-categoryList,.l-topTitleArea .c-tagList {
                color: #fff
            }

            .l-topTitleArea .c-categoryList__link,.l-topTitleArea .c-tagList__link {
                background: none;
                color: #fff
            }

            .l-topTitleArea .c-categoryList__link {
                border: 1px solid #fff
            }

            .l-topTitleArea .c-tagList__link {
                border-bottom: 1px solid #fff;
                border-radius: 0;
                padding: 4px .25em
            }

            .l-topTitleArea__body {
                color: #fff;
                position: relative;
                text-shadow: 1px 1px 0 rgba(0,0,0,.1);
                width: 100%;
                z-index: 3
            }

            @media (min-width: 600px) {
                .l-topTitleArea {
                    min-height:240px;
                    padding: 1em 0
                }
            }

.c-pageTitle {
    font-size: 1.3em;
    line-height: 1.4;
	font-weight:700;
    position: relative;
}

@media (min-width: 600px) {
    .c-pageTitle {
        font-size: 1.8em;
		letter-spacing: 0.2em;
    }
}



.c-pageTitle__subTitle {
	font-style:normal;
	display:block;
	letter-spacing: .1em;
	margin-left: 1em;
    opacity: .8;
    position: relative;
    top: -2px;
}
/* 固定ページのタイトル背景ここまで */