@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* お問い合わせフォーム（LW Simple Forms。2026-10-09） */
.knnr-form-item { margin-bottom: 1.4em; }
.knnr-form-item label { display: block; font-weight: bold; margin-bottom: .4em; }
.knnr-required { display: inline-block; margin-left: .5em; padding: 0 .5em; font-size: 75%; font-weight: normal; line-height: 1.7; color: #fff; background: #e53935; border-radius: 3px; vertical-align: middle; }
.knnr-form input[type="text"], .knnr-form input[type="email"], .knnr-form textarea { width: 100%; max-width: 100%; box-sizing: border-box; padding: .6em .8em; font-size: 16px; border: 1px solid #ccc; border-radius: 4px; }
.knnr-form input:focus, .knnr-form textarea:focus { border-color: #e53935; outline: none; }
.lwsf-form button[type="submit"], .lwsf-form input[type="submit"], .knnr-form-buttons button, .knnr-form-buttons input[type="submit"] { display: inline-block; min-width: 10em; margin: .3em; padding: .8em 2em; font-size: 16px; color: #fff; background: #e53935; border: none; border-radius: 4px; cursor: pointer; }
.knnr-form-buttons { text-align: center; }
.lwsf-form-back, .lwsf-form-back + .lwsf-form { text-align: center; margin: .3em 0; }
.lwsf-form-back button, .lwsf-form-back input[type="submit"] { display: inline-block; min-width: 10em; padding: .8em 2em; font-size: 16px; color: #fff; background: #888; border: none; border-radius: 4px; cursor: pointer; }
.knnr-form-buttons button[name*="back"], .knnr-form-buttons input[name*="back"], .knnr-form-buttons .lwsf-back, .knnr-form-buttons button[value*="back"] { background: #888; }
.lwsf-error-message { display: block; margin-top: .3em; color: #e53935; font-size: 90%; }
.lwsf-form p.error { margin: -1em 0 1.4em; color: #e53935; font-size: 90%; }
.lwsf-error-notice, .lwsf-error-summary { padding: .8em 1em; margin-bottom: 1.4em; color: #b71c1c; background: #fdecea; border-radius: 4px; }
.knnr-form-table { width: 100%; margin-bottom: 1.4em; }
.knnr-form-table th { width: 30%; white-space: nowrap; }
.knnr-form-table td { white-space: pre-wrap; word-break: break-word; }
@media screen and (max-width: 480px){
  .knnr-form-table th, .knnr-form-table td { display: block; width: 100%; }
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}