@charset "utf-8";
@import url("../monad_tcd110/style.css");
/*
Theme Name: MONAD Child
Template: monad_tcd110
Version: 1.5.3
*/

/*-------------------------------------------------
　フロント＋固定ページ＋投稿ページ：共通
-------------------------------------------------*/

/* フロントページのグローバルメニューを非表示 */
body.home #header {
  display: none;
}
/* 固定ページのグローバルメニューを非表示 */
#header {
  display: none;
}
/*【1300px以下】追尾するモバイルヘッダーを非表示 */
@media screen and (max-width: 1300px) {
#header.mobile_logo_position_left {
  display: none;
  }
}
/* フッターボタン（フロントページの余分なCSSを処理） */
#footer_bottom {
  display: none;
}

/*-------------------------------------------------
　フォントスタイル
-------------------------------------------------*/

/* 文字の高さ */
:is(.post_content, .post_content .tcdce-body) p {
  line-height: 2.2;
}
/*【800px以下】文字の高さ */
@media screen and (max-width: 800px) {
:is(.post_content, .post_content .tcdce-body) p {
  line-height: 2;
  }
}

/*-------------------------------------------------
　フォントカラー
-------------------------------------------------*/

/* テーマ全体のテキスト */
body {
  color: #282828;
}

/*-------------------------------------------------
　横幅調整
-------------------------------------------------*/

/* 固定ページ */
body.page #page_contents .post_content {
  width: 800px;
}
/* FAQ Page：テーマ専用（FAQ Page） */
#faq_content_list {
  width: 800px;
}
/* FAQ Page：デザイン調整（上部の自動目次リンクを740pxに合わせる） */
.faq_category_sort_button {
  width: 800px;
}

/*-------------------------------------------------
　共通デザイン
-------------------------------------------------*/

/* コンテンツ */
#page_contents {
  padding: 100px 0 100px;
}

/*-------------------------------------------------
　FAQ PAGE
-------------------------------------------------*/

/* FAQグループ（自動追加されるボックスの位置を中央に指定） */
#category_sort_button ol {
  justify-content: center;
}
/* FAQグループ */
#category_sort_button ol li a {
  color: #282828;
}
/*【800px以下】FAQグループ
@media screen and (max-width: 800px) {
#category_sort_button ol li {
  font-size: 15px !important;
  }
} */
/* アコーディオン全体のデザイン調整 */
#faq_content_list .faq_content {
  border-radius: 0;
  padding: 50px 40px;
  margin-bottom: 60px;
}
/* プラスアイコンの縦軸 */
.faq_list .title:after {
  background: #282828;
}
/* プラスアイコンの横軸 */
.faq_list .title:before {
  background: #282828;
}
/* 見出し */
#faq_content_list .faq_content .headline {
  font-size: 22px;
  margin-bottom: 50px;
}
/*【1160px以下】見出し */
@media screen and (max-width: 1160px) {
#faq_content_list .faq_content .headline {
  font-size: 18px !important;
  }
}
/* アコーディオン説明文 */
.faq_list .desc {
  line-height: 2.2;
  background: #fafafa;
}
/*【800px以下】アコーディオン説明文 */
@media screen and (max-width: 800px) {
.faq_list .desc {
  padding: 20px;
  font-size: 15px;
  }
}

/*-------------------------------------------------
　囲み枠：ORIGINAL★完了
-------------------------------------------------*/

/* シンプル囲み枠 */
/*【備考】EDITORは細かな調整が効かないのでオリジナルで作成 */
.simple_box {
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 25px 28px;
  font-size: 16px;
  line-height: 2.1;
  border: 1px solid #ddd;
}
@media (max-width: 767px) {
.simple_box {
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 20px 18px;
  font-size: 15px;
  line-height: 1.9;
  }
}

/*---------------------------------------
　VFB フォーム｜事前調整
----------------------------------------*/

/* 余白と枠線の調整 */
.cyberhacks-visual-form-builder fieldset {
  padding: 40px 20px 25px !important;
  border: 1px solid #ddd;
}
/*【550px以下】全体のスタイル */
@media (max-width: 550px) {
.cyberhacks-visual-form-builder .cvfb-section {
  margin: 0 !important;
 }
}
/*【550px以下】余白と枠線の調整 */
@media (max-width: 550px) {
.cyberhacks-visual-form-builder fieldset {
  padding: 20px 0 0!important;
  border: none !important;
 }
}
/* 最上部の Fieldset を非表示 */
.cyberhacks-visual-form-builder .cvfb-legend {
  display: none;
}

/*---------------------------------------
　VFB フォーム｜確認画面
----------------------------------------*/

/* 見出しを調整 */
.post_content h3 {
  margin: 20px 0 2px 0 !important;
  font-size: 16px !important;
}
/*【767px以下】ボタン */
@media only screen and (max-width: 767px) {
.post_content h3 {
  font-size: 15px !important;
 }
}
/* ボタン上の余白 */
.cvfbSubmitCancel {
  margin-top: 40px;
}
/* ボタンデザイン調整 */
button {
  border: none;
}
/* この内容で送信する */
.cvfbSubmitNow {
  padding: 2px 20px 2px;
  min-width: 180px;
  height:50px;
  background: #de0000 !important;
  font-size: 15px !important;
}
/* 入力画面に戻る */
.cvfbCancelNow {
  margin-left: 10px;
  padding: 10px;
  background: #888 !important;
  font-size: 15px !important;
}

/*------------------------------------------------
　VFB フォーム｜デザイン
-------------------------------------------------*/

/* タイトル下の余白 */
.cyberhacks-visual-form-builder label, label.cvfb-desc {
  padding: 0 0 3px 0 !important;
}
/* 全体のテキスト色（タイトル＋説明文） */
.cyberhacks-visual-form-builder label, label.cvfb-desc {
  color: #333 !important;
}
/* 補助説明文 */
.form-description {
  font-size: .9em !important;
  color: #555 !important;
}
/* 必須マークを非表示 */
.cyberhacks-visual-form-builder label .cvfb-required-asterisk {
  display: none;
}
/* エラーメッセージ */
label.cvfb-error {
  font-weight: normal !important;
}

/*--------------------------------
　テキスト
---------------------------------*/

/* テキスト＋メール入力 */
input.cvfb-text, input[type="text"].cvfb-text {
  padding: 10px 10px !important;
  border-radius: 0 !important;
  background: none repeat scroll 0 0 #fcfcfc !important;
  box-shadow: none !important;
}

/*--------------------------------
　セレクト
---------------------------------*/

/* 枠線 */
.cyberhacks-visual-form-builder select {
  border: 1px solid #ddd !important;
}
/* セレクト小の横幅 */
.cvfb-select.cvfb-small {
  width: 30% !important;
}

/*--------------------------------
　ラジオボタン
---------------------------------*/

/* 選択のテキスト色 */
.cyberhacks-visual-form-builder [type="radio"]:not(:checked) + label {
  color: #333 !important;
}
/* テキストサイズ */
.cyberhacks-visual-form-builder li span {
  font-size: 15px !important;
}

/*--------------------------------
　テキストエリア
---------------------------------*/

/* テキストエリア内側（大）の余白 */
textarea.cvfb-medium {
  padding: 10px 10px !important;
  height: 12em !important;
}
textarea.cvfb-textarea {
  border-radius: 0px !important;
  background: none repeat scroll 0 0 #fcfcfc !important;
  box-shadow: none !important;
}

/*--------------------------------
　送信ボタン
---------------------------------*/

/* 送信ボタン */
input[type="submit"].cvfb-submit {
  margin: 40px 0 15px;
  padding: 0 20px !important;
  min-width: 240px;
  height:64px;
  background: #de0000;
  font-size: 15px !important;
  font-weight: normal;
  color: #fff;
  border-style: none;
}
/*【800px以下】送信ボタン */
@media screen and (max-width: 800px) {
input[type="submit"].cvfb-submit {
  margin: 25px 0 15px;
  min-width: 220px;
  height:54px;
  font-size: 15px !important;
  }
}