@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
*/

.d-none {
    display: none !important;
}
.wp-block-cover:after {
    content: "";
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: white;
    display: block;
    min-height: 0;
}
.wp-block-separator {
    border: 0;
    border-top: 1px solid #ccc;
}

.l-header { background: none;}

.header__inner { display: none !important;}


.fcs { display: flex; align-items: center; justify-content: start; }
.fcc { display: flex; align-items: center; justify-content: center; }
.fce { display: flex; justify-content: center; align-items: end;}
.fbc { display: flex; justify-content: space-between; align-items: center;}


.text-min { font-size:10px !important;}

/* ===================
ハンバーガーメニュー
====================== */
/* メニューアイコン（デフォルト時） */
.-menuBtn .c-iconBtn__icon {
	width: 24px;
	height: 2px;
	background-color: #333;
	display: grid;
	place-items: center;
	transition: transform .3s;
}
.-menuBtn .c-iconBtn__icon::before,
.-menuBtn .c-iconBtn__icon::after {
    grid-area: 1 / 1;
    content: '';
    display: block;
    inset: 0;
    width: 24px;
    height: 2px;
    background-color: #333;
    transition: transform .3s;
}
	
.-menuBtn .c-iconBtn__icon::before {
    transform: translateY(-8px);
}

.-menuBtn .c-iconBtn__icon::after {
    transform: translateY(8px);
}

/* メニューアイコン（オープン時） */	
[data-spmenu=opened] .-menuBtn .c-iconBtn__icon::before {
        transform: rotate(45deg);
}

[data-spmenu=opened] .-menuBtn .c-iconBtn__icon {
    background-color: transparent;
}

[data-spmenu=opened] .-menuBtn .c-iconBtn__icon::after {
    transform: rotate(-45deg);
}

/* ボタンラベル */
.l-header__menuBtn .c-iconBtn::after,
.p-spMenu__closeBtn .c-iconBtn::after {
	font-size: 10px;
	line-height: 10px;
	transform: translateY(12px);
}

/* ボタンラベル（開くボタン） */
.l-header__menuBtn .c-iconBtn::after {
/* 	content: 'MENU'; */
}

/* ボタンラベル（閉じるボタン） */
.p-spMenu__closeBtn .c-iconBtn::after {
/* 	content: 'CLOSE'; */
}

/* メニュー */
.p-spMenu__inner {
  width: 100%;
  height: 100%;
	transform: translateX(0)!important;
  opacity: 0;
  transition: opacity .5s ease-out!important;
}

/* メニュー（オープン時） */
[data-spmenu="opened"] .p-spMenu__inner {
  opacity: 1;
}

/* 背景色をぼかす */
.p-spMenu__inner::before {
	background: rgba(255, 255, 255, .8);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

/* メニューをフェードイン */
.p-spMenu__body {
	opacity: 0;
	transform: translateY(20px);
}

[data-spmenu="opened"] .p-spMenu__body {
	opacity: 1;
	transform: translateY(0);
	transition: opacity 1s ease-in, transform .7s ease-out;
}

/* 既存のメニューを削除 */
.c-widget__title.-spmenu{
  display:none;
}

/*  */
.c-listMenu a {
    padding: 1.4em 1em 1.4em 1.5em;
}


@media (max-width: 768px)  {
.__sp-block-col-reverse .swell-block-columns__inner{
flex-direction: column-reverse; 
}
}

@media screen and (max-width:576px) {
    /*  */
    .p-spMenu__nav {
        margin: 1em auto 0;
    }
    .c-listMenu a { 
        text-align: center;
        padding-top: 2em;
        padding-bottom: 2em;
        background: #ffffff8f;
    }
    .c-listMenu a:before {content: "";}
    /*  */
    .lp-content {
        padding: 0;
    }
    .lp-content__postContent{
        padding: 0 0 0 0.6em;
        margin: 2em auto 1em !important;
    }
    .wp-block-cover , .wp-block-cover video {
        height: 240px !important;
        min-height: 0;
    }
    .wp-block-cover {
        
    }

    .wp-block-cover video {
    }

    .__xs-text-left {
      text-align: left !important; /* 559px以下だと左寄せになる */
    }
}