/**
Theme Name: diamond-shoji
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: diamond-shoji
Template: astra
*/
/* Contact Form7スマホ・タブレット用カスタマイズ */
@media (max-width: 850px) {
  /* テーブルの見出しとフォーム */
  table.inquiry th,
  table.inquiry td {
    display: block;
    padding: 1em 0 !important;
    width: 100%;
    border: 0;
  }

  /* 送信ボタン */
  input.wpcf7-submit {
    margin-bottom: 30px;
    width: 100%;
  }
}

/* 日付タグ上のテキストをPCとスマホで変更 */
@media (max-width: 900px) {
  .pcdate {
    display: none;
  }
}
@media (min-width: 1000px) {
  .spdate {
    display: none;
  }
  /* 日付タグの幅を調整 */
  .wpcf7-date.dateform {
    width: 25%;
  }
}

/* Contact Form7全体カスタマイズ */

/* 自動入力されるPタグを無効にする */
.inquiry p {
  display: inline;
}

/*テーブル下に余白.枠線・テキストの行間 */
table.inquiry {
  margin-bottom: 30px;
  border: solid 1px #d7d7d7;
  line-height: 1.2;
  vertical-align: middle;
}

/* テーブルの行 */
.inquiry tr {
  border: 0 !important;
}

/* テーブルの見出し側 */
.inquiry th {
  text-align: left;
  font-size: 14px;
  color: #444;
  padding: 1em 0.5em;
  width: 0;
  background: #efefef;
  border: solid 1px #d7d7d7;
  white-space: nowrap;
}

/* 必須と任意タグ */
.haveto,
.any {
  font-size: 13px;
  padding: 5px;
  background: #ee4546;
  color: #fff;
  border-radius: 2px;
  margin-right: 5px;
  font-weight: normal;
}

/* 任意タグの背景カラー */
.any {
  background: #93c9ff;
}

/* テーブルフォーム側 */
.inquiry td {
  font-size: 13px;
  border: solid 1px #d7d7d7;
}

/* 入力エリア幅最大 */
.wpcf7-form-control {
  width: 100%;
}

/* フォーム入力欄の余白・背景カラー・枠線消す指定 */
.inquiry input,
.inquiry select,
.inquiry textarea {
  margin: 5px 0;
  background: #eff1f5;
  border: none;
  padding: 0.7em;
}
.inquiry textarea {
  padding-bottom: 10em;
}

/* チェックボックスとラジオボタンの位置調整 */
.wpcf7-list-item-label,
.wpcf7-checkbox,
input[type="checkbox"],
input[type="radio"] {
  vertical-align: middle;
}
.wpcf7-list-item-label {
  padding: 0 5px 0 2px;
}
/*ラジオボタンを縦並び指定*/
.verticallist {
  display: inline-grid;
}

/* 送信ボタンのデザイン */
.wpcf7-submit {
  display: block;
  margin: 10px auto;
  padding: 1em 0;
  width: 80%;
  background: #09b555;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  border-radius: 4px;
  border: none;
}

/* 送信ボタンマウスホバー時 */
.wpcf7-submit:hover {
  opacity: 0.9;
  transition: 0.3s;
}

/* フォーム上部に表示されるエラーメッセージを非表示 */
.screen-reader-response {
  display: none;
}

/* フォーム内エラーメッセージを赤色に指定 */
.wpcf7-not-valid-tip {
  color: #e92323;
}