@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

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

/* お問い合わせ 確認 修正 送信ボタン start */
/* 確認ボタン */
.pagination-next-link, .comment-btn, .container input[type=submit] {
    border: 2px ridge rgba(0, 134, 171, 0.4);
    border-radius: 4px;
    background: none;
    width: 40%;
    margin: 24px 0 24px 10px;
    transition: all .4s;
    font-size: 18px;
	  cursor: pointer!important;
}
.pagination-next-link, .comment-btn, .container input[type=submit]:hover {
    border: 2px ridge rgba(0, 134, 171, 0.4);
    border-radius: 4px;
    background: none;
    width: 40%;
    margin: 24px 0 24px 10px;
    transition: all .4s;
    font-size: 18px;
	  background-color: #247fc7;
    transition: all 0.3s ease-in-out;
    color: #fff;
	  cursor: pointer!important;
}
/* テーブル start */
table th, .scrollable-table th {
    background-color: rgb(216 226 243 / 40%);
    color: #043e0d;
}
/* 修正ボタン start */
button.wpcf7cp-cfm-edit-btn {
border: 2px ridge rgba(0, 134, 171, 0.4);
    border-radius: 4px;
    background: none;
    width: 25%;
    margin: 24px 0;
    transition: all .4s;
    font-size: 18px;
    padding:10px;
	cursor: pointer;
}
button.wpcf7cp-cfm-edit-btn:hover {
border: 2px ridge rgba(0, 134, 171, 0.4);
    border-radius: 4px;
    width: 25%;
    margin: 24px 0;
    transition: all .4s;
    font-size: 18px;
    padding:10px;
	background-color: #f75141;
    transition: all 0.3s ease-in-out;
    color: #fff;
    cursor: pointer;
}
/* 送信ボタン start */
button.wpcf7cp-cfm-submit-btn {
border: 2px ridge rgba(0, 134, 171, 0.4);
    border-radius: 4px;
    background: none;
    width: 60%;
    margin: 24px 0 24px 10px;
    transition: all .4s;
    font-size: 18px;
	padding:10px;
	cursor: pointer;
}
button.wpcf7cp-cfm-submit-btn:hover {
border: 2px ridge rgba(0, 134, 171, 0.4);
    border-radius: 4px;
    background: none;
    width: 60%;
    margin: 24px 0 24px 10px;
    transition: all .4s;
    font-size: 18px;
	padding:10px;
	background-color: #247fc7;
    transition: all 0.3s ease-in-out;
    color: #fff;
    cursor: pointer;
}
/* 送信完了メッセージ start */
.wpcf7 form.sent .wpcf7-response-output {
    border: solid 5px #f34646;
    border-radius: 8px;
}
.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 10em;
    padding: 1em;
    border: 2px solid #00a0d2;
}
/* お問い合わせ 確認 修正 送信ボタン end */

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

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

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