@charset "utf-8";

/*
 Theme Name: ver.1
 Description: きびる様　公式ページリニューアル（2024年）　CMS テーマ
 Version: ver.1
 Author:
 Author URI:
*/

/* ****************************************************************************************************
   * 画像
**************************************************************************************************** */

/* キャプション */
.wp-block-image .aligncenter > figcaption {
  text-align: center;
}

/* テーブル*/
.wp-block-table {}

.wp-block-table table {}

.wp-block-table table td {
  border-bottom: 1px solid #b3b3b3;
}

/* 青帯タイトル*/
.main-title {}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (max-width:736px) {

.main-title {
  font-size: 2.4rem !important;
}

}


.wp-caption {
  width: auto !important;
}

.wp-caption.aligncenter {
  text-align: center;
}

.wp-caption-text {
  margin-top: 0.5em;
  line-height: 1.5;
  color: #333;
  font-size: 93%;
  text-align: center;
}

/* 左寄せ */

.alignleft {
  margin: 0 2em 0.5em 0;
	float: left;
}

.alignleft + p {
  margin-top: 0;
}

/* 右寄せ */

.alignright {
  margin: 0 0 0.5em 2em;
	float: right;
}

.alignright + p {
  margin-top: 0;
}

/* 中央寄せ */

.aligncenter {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
	display: table;
}




/* 寄付フォーム　サンクスページ */
.lp_thanks{ width: 90%; max-width: 900px; margin: 60px auto 100px auto; }

.lp_thanks h1{ font-size: 3rem; color: #2a9646; font-weight: 700; letter-spacing: 0.1em; margin-bottom: 20px; line-height: 1.3; display: flex; align-items: center; justify-content: center; gap: 6px; }
.lp_thanks h1 img{ width: auto; height: 1em; vertical-align: middle; object-fit: contain; }


.thanks_tit01{ font-size: 1.8rem; font-weight: 500; text-align: center; margin-bottom: 30px; }


.thanks_sec01{ border: 2px solid #CEDDB5; background-color: #FBFBF3; border-radius: 10px; padding: 15px 15px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; flex-wrap: wrap; }
.thanks_sec01_ico01{ flex-basis: 100%; text-align: center; margin-bottom: 10px; }
.thanks_sec01_ico01 img{ width: 30%; height: auto; }
.thanks_sec01_txt01{ flex-basis: 100%; font-size: 1.9rem; font-weight: 500; color: #2a9646; line-height: 1.4; }

.thanks_sec01_p{ font-size: 1.5rem; line-height: 1.8; font-weight: 500; text-align: left; margin-bottom: 30px; letter-spacing: .5px; }

.thanks_sec02{ border: 2px solid #FDF2EB; background-color: #FEFAF6; border-radius: 10px; padding: 15px 25px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; flex-wrap: wrap;  }
.thanks_sec02_txt01{ flex-basis: 100%; font-size: 1.6rem; line-height: 1.5; font-weight: 500; text-align: center; margin-bottom: 10px; }
.thanks_sec02_tit01{ color: #F93B57; font-size: 1.8rem; font-weight: 700; border-bottom: 3px dotted #F93B57; padding-bottom: 10px; margin-bottom: 10px; text-align: center; }
.thanks_sec02_img01{ flex-basis: 100%; text-align: center; }
.thanks_sec02_img01 img{ width: 60%; height: auto; }

.thanks_flow01{ border: 3px solid #D8E7C0; background-color: #FEFEF4; border-radius: 10px; padding: 20px; }
.thanks_flo01_tit01{ font-size: 2.2rem; font-weight: 700; color: #3d7a35; text-align: center; margin-bottom: 20px; line-height: 1.3; }
.thanks_flow01_list{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; flex-wrap: wrap; }
.thanks_flow01_item{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; flex-basis: 100%; border: 2px solid #CEE1B4; border-radius: 10px; background-color: #fff; padding: 10px; min-height: 110px; margin-bottom: 20px; flex-flow: npwrap; }
.thanks_flow_num01{ flex-basis: 28px; width: 28px; height: 28px; border-radius: 50%; background-color: #3d7a35; color: #fff; font-size: 1.8rem; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.thanks_flow_txt01{ flex-basis: 65%; font-size: 1.8rem; font-weight: 500; line-height: 1.4; }
.thanks_flow_ico01{ flex-basis: 20%; text-align: center; margin-top: 10px; }
.thanks_flow_ico01 img{ width: auto; height: 100%; max-height: 30px; }
.thanks_flow01_item_arrow{ display: none; }
.thanks_flow01_item_arrow02{ display: none; }

.thanks_flow01_item:nth-child(1) .thanks_flow_ico01 img{ width: auto; height: 100%; max-height: 25px; }
.thanks_flow01_item:nth-child(5) .thanks_flow_ico01 img{ width: auto; height: 100%; max-height: 35px; }

.thanks_mailform{ border: 2px solid #A5C353; padding: 20px; border-radius: 10px; }

/*
.newsletter-form{ display: flex; gap: 12px; align-items: stretch; background-color: #e8f5e0; border-radius: 14px; padding: 15px; flex-wrap: wrap; }

.form-input-wrap{ flex: 1; display: flex; align-items: center; justify-content: center; gap: 12px; background-color: #fff; border: 2px solid #c8e0bc; border-radius: 10px; padding: 14px 18px; min-width: 200px; }

.form-icon{ flex-shrink: 0; }

.form-input{ flex: 1; border: none; outline: none; font-size: 1.6rem; color: #555; background: transparent; font-family: inherit; }

.form-input::placeholder{ color: #aaa; }

.form-submit{ cursor: pointer; transition: background-color 0.2s, transform 0.1s; flex-shrink: 0; width: 60%; margin: 0 auto; }
.form-submit img{ width: 100%; height: auto; margin: 0 auto; }
*/

.newsletter-form{ display: flex; gap: 12px; align-items: stretch; background-color: #e8f5e0; border-radius: 14px; padding: 15px; flex-wrap: wrap; box-sizing: border-box; }
.form-input-wrap{ flex: 1 1 100%; display: flex; align-items: center; justify-content: flex-start; gap: 5px; background-color: #fff; border: 2px solid #c8e0bc; border-radius: 10px; padding: 14px 10px; min-width: 0; box-sizing: border-box; overflow: hidden; }
.form-icon{ flex: 0 0 24px; width: 24px; height: 20px; }
.form-input{ flex: 1 1 auto; min-width: 0; width: 100%; border: none; outline: none; font-size: 1.2rem; color: #555; background: transparent; font-family: inherit; box-sizing: border-box; }
.form-submit{ cursor: pointer; transition: background-color 0.2s, transform 0.1s; flex-shrink: 0; width: 60%; margin: 0 auto; padding: 0; border: none; background: transparent; }
.form-submit img{ display: block; width: 100%; height: auto; margin: 0 auto; }


.form-submit:hover{}

.form-submit:active{ transform: scale(0.98); }

.submit-icon{ flex-shrink: 0; }



/* ----------------------------------------------------------
 TAB CSS
---------------------------------------------------------- */
@media screen and (min-width: 521px){


/* 寄付フォーム　サンクスページ */
.lp_thanks h1{ font-size: 3rem; color: #2a9646; font-weight: 700; letter-spacing: 0.1em; margin-bottom: 20px; line-height: 1.5; display: flex; align-items: center; justify-content: center; gap: 6px; }
.lp_thanks h1 img{ width: auto; height: 1em; vertical-align: middle; object-fit: contain; }


.thanks_tit01{ font-size: 1.8rem; font-weight: 500; text-align: center; margin-bottom: 30px; }


.thanks_sec01{ border: 2px solid #CEDDB5; background-color: #FBFBF3; border-radius: 10px; padding: 20px 30px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.thanks_sec01_ico01{ flex-basis: 10%; }
.thanks_sec01_ico01 img{ width: 100%; height: auto; }
.thanks_sec01_txt01{ flex-basis: 87%; font-size: 2rem; font-weight: 500; color: #2a9646; line-height: 1.4; }

.thanks_sec01_p{ font-size: 1.6rem; line-height: 1.8; font-weight: 500; text-align: center; margin-bottom: 30px; }

.thanks_sec02{ border: 2px solid #FDF2EB; background-color: #FEFAF6; border-radius: 10px; padding: 20px 30px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; flex-wrap: wrap;  }
.thanks_sec02_txt01{ flex-basis: 100%; font-size: 1.6rem; line-height: 1.5; font-weight: 500; text-align: center; margin-bottom: 10px; }
.thanks_sec02_tit01{ color: #F93B57; font-size: 2rem; font-weight: 700; border-bottom: 3px dotted #F93B57; padding-bottom: 10px; margin-bottom: 10px; text-align: center; }
.thanks_sec02_img01{ flex-basis: 100%; text-align: center; }
.thanks_sec02_img01 img{ width: 60%; height: auto; }

.thanks_flow01{ border: 3px solid #D8E7C0; background-color: #FEFEF4; border-radius: 10px; padding: 20px; }
.thanks_flo01_tit01{ font-size: 2.5rem; font-weight: 700; color: #3d7a35; text-align: center; margin-bottom: 20px; }
.thanks_flow01_list{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; flex-wrap: wrap; }
.thanks_flow01_item{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; flex-basis: 46%; border: 2px solid #CEE1B4; border-radius: 10px; background-color: #fff; padding: 15px; min-height: 160px; margin-bottom: 20px; }
.thanks_flow_num01{ flex-basis: 18%; width: 28px; height: 28px; border-radius: 50%; background-color: #3d7a35; color: #fff; font-size: 1.8rem; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.thanks_flow_txt01{ flex-basis: 78%; font-size: 1.5rem; font-weight: 500; line-height: 1.4; }
.thanks_flow_ico01{ flex-basis: 100%; text-align: center; margin-top: 10px; }
.thanks_flow_ico01 img{ width: auto; height: 100%; max-height: 50px; }
.thanks_flow01_item_arrow{}
.thanks_flow01_item_arrow02{ display: none; }

.thanks_mailform{ border: 2px solid #A5C353; padding: 20px; border-radius: 10px; }

.newsletter-form{ display: flex; gap: 12px; align-items: stretch; background-color: #e8f5e0; border-radius: 14px; padding: 15px; flex-wrap: wrap; }

.form-input-wrap{ flex: 1; display: flex; align-items: center; justify-content: center; gap: 12px; background-color: #fff; border: 2px solid #c8e0bc; border-radius: 10px; padding: 14px 18px; min-width: 200px; }

.form-icon{ flex-shrink: 0; }

.form-input{ flex: 1; border: none; outline: none; font-size: 2.3rem; color: #555; background: transparent; font-family: inherit; }

.form-input::placeholder{ color: #aaa; }

.form-submit{ cursor: pointer; transition: background-color 0.2s, transform 0.1s; flex-shrink: 0; width: 60%; margin: 0 auto; }
.form-submit img{ width: 100%; height: auto; margin: 0 auto; }

.form-submit:hover{}

.form-submit:active{ transform: scale(0.98); }

.submit-icon{ flex-shrink: 0; }



}
/* ----------------------------------------------------------
TAB CSS END
---------------------------------------------------------- */

/* ----------------------------------------------------------
PC CSS
---------------------------------------------------------- */
@media print, screen and (min-width: 1200px){



/* 寄付フォーム　サンクスページ */
.lp_thanks{ width: 90%; max-width: 900px; margin: 80px auto 100px auto; }

.lp_thanks h1{ font-size: 3.5rem; color: #2a9646; font-weight: 700; letter-spacing: 0.1em; margin-bottom: 20px; line-height: 1.5; display: flex; align-items: center; justify-content: center; gap: 6px; }
.lp_thanks h1 img{ width: auto; height: 1em; vertical-align: middle; object-fit: contain; }


.thanks_tit01{ font-size: 2.2rem; font-weight: 500; text-align: center; margin-bottom: 30px; }


.thanks_sec01{ border: 2px solid #CEDDB5; background-color: #FBFBF3; border-radius: 10px; padding: 20px 30px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.thanks_sec01_ico01{ flex-basis: 10%; }
.thanks_sec01_ico01 img{ width: 100%; height: auto; }
.thanks_sec01_txt01{ flex-basis: 87%; font-size: 2rem; font-weight: 500; color: #2a9646; line-height: 1.4; }

.thanks_sec01_p{ font-size: 1.8rem; line-height: 1.8; font-weight: 500; text-align: center; margin-bottom: 30px; }

.thanks_sec02{ border: 2px solid #FDF2EB; background-color: #FEFAF6; border-radius: 10px; padding: 20px 30px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;  }
.thanks_sec02_txt01{ flex-basis: 70%; font-size: 1.6rem; line-height: 1.5; font-weight: 500; }
.thanks_sec02_tit01{ color: #F93B57; font-size: 2rem; font-weight: 700; border-bottom: 3px dotted #F93B57; padding-bottom: 10px; margin-bottom: 10px; }
.thanks_sec02_img01{ flex-basis: 25%; }
.thanks_sec02_img01 img{ width: 100%; height: auto; }

.thanks_flow01{ border: 3px solid #D8E7C0; background-color: #FEFEF4; border-radius: 10px; padding: 20px; }
.thanks_flo01_tit01{ font-size: 2.5rem; font-weight: 700; color: #3d7a35; text-align: center; margin-bottom: 20px; }
.thanks_flow01_list{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.thanks_flow01_item{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; flex-basis: 22%; border: 2px solid #CEE1B4; border-radius: 10px; background-color: #fff; padding: 15px; min-height: 160px; }
.thanks_flow_num01{ flex-basis: 18%; width: 28px; height: 28px; border-radius: 50%; background-color: #3d7a35; color: #fff; font-size: 1.8rem; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.thanks_flow_txt01{ flex-basis: 78%; font-size: 1.5rem; font-weight: 500; line-height: 1.4; }
.thanks_flow_ico01{ flex-basis: 100%; text-align: center; margin-top: 10px; }
.thanks_flow_ico01 img{ width: auto; height: 100%; max-height: 50px; }
.thanks_flow01_item_arrow{}

.thanks_flow01_item:nth-child(1) .thanks_flow_ico01 img{ width: auto; height: 100%; max-height: 40px; }
.thanks_flow01_item:nth-child(5) .thanks_flow_ico01 img{ width: auto; height: 100%; max-height: 50px; }

.thanks_mailform{ border: 2px solid #A5C353; padding: 20px; border-radius: 10px; }

.newsletter-form{ display: flex; gap: 12px; align-items: stretch; background-color: #e8f5e0; border-radius: 14px; padding: 15px; flex-wrap: wrap; }

.form-input-wrap{ flex: 1; display: flex; align-items: center; gap: 12px; background-color: #fff; border: 2px solid #c8e0bc; border-radius: 10px; padding: 14px 18px; min-width: 200px; }

.form-icon{ flex-shrink: 0; }

.form-input{ flex: 1; border: none; outline: none; font-size: 2.3rem; color: #555; background: transparent; font-family: inherit; }

.form-input::placeholder{ color: #aaa; }

.form-submit{ width: 35%; cursor: pointer; transition: background-color 0.2s, transform 0.1s; flex-shrink: 0; }
.form-submit img{ width: 100%; height: auto; }

.form-submit:hover{}

.form-submit:active{ transform: scale(0.98); }

.submit-icon{ flex-shrink: 0; }


}
/* ----------------------------------------------------------
 PC CSS END
---------------------------------------------------------- */