@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
*/

/*
タイトルを非表示
*/
.c-pageTitle__inner {
  display: none;
}
 .c-pageTitle {
  display: none;
}


/* スマホ画面を固定 */
.container {
  width: 1024px;
  max-width: 100%;
  margin: 0 auto;
}


/* カード型はここから */
.p-postList.-type-card .p-postList__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
/* カード型ここまで */

/* リスト型はここから */
.p-postList.-type-list .p-postList__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
/* リスト型ここまで */

/* テキスト型はここから */
.p-postList.-type-simple .p-postList__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
/* テキスト型ここまで */

/* 投稿リストブロックのカード型とサムネイル型を4列表示にする */
@media (min-width: 960px) {
  .-col4 .-type-card.-pc-col3 .p-postList__item, .-col4 .-type-thumb.-pc-col3 .p-postList__item{
    width: calc(100% / 4);
  }
}


/* スマホ固定フッターを常時表示する */
[data-scrolled=false] #fix_bottom_menu{bottom:0}

/*画像に枠 */
.add_border_target img {
    border: 1px solid #ddd;
	font-style: thin;
}


/* SWELLの区切り線を上品で見やすいフェードラインに */
.wp-block-separator.has-alpha-channel-opacity {
border: none !important;
height: 1px !important;
margin: 2.5em 0 !important;
width: 100% !important;
max-width: 100% !important;
opacity: 1 !important;
background: linear-gradient(
to right,
transparent,
rgba(0, 0, 0, 0.45),
transparent
) !important;
}


/* コンタクトフォーム横幅調節 */
.wpcf7 input[name="your-name"] { /* 名前入力欄 */
 width: 100%;
}
.wpcf7 input[name="your-email"] { /* メール入力欄 */
 width: 100%;
}
.wpcf7 input[name="your-tel"] { /* 電話入力欄 */
 width: 100%;
}
.wpcf7 textarea[name="your-message"] { /* 本文入力欄 */
 width: 100%;
	height: 100px !important;
}

/* reCAPTCHAバッジ（ロゴマーク）を消す */
.grecaptcha-badge { visibility: hidden; }


input{ font-size:16px; } /*フォームのフォーカスOFF*/