@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* 背景白で透過 */
.bg_white50 {
  background-color: rgba(255, 255, 255, 0.5); /* 白＋透過50% */
	border:none !important;
}
.bg_white70 {
  background-color: rgba(255, 255, 255, 0.7); /* 白＋透過50% */
	border:none !important;
}
.bg_white80 {
  background-color: rgba(255, 255, 255, 0.8); /* 白＋透過50% */
	border:none !important;
}
.bg_white100 {
  background-color: #fff; /* 背景白 */
	border:none !important;
}
/* メールフォーム *******************************/
.custom-contact-form {
/*   background-color: #c7e9f5; /* 水色背景 */ 
/*   padding: 20px; */
}

/* ラベルと入力欄の距離を詰める */
div.wpcf7 form label {
  display: block;
  font-weight: bold;
  margin-bottom: 0 !important;
  line-height: 1.2;
}

.custom-contact-form input[type="text"],
.custom-contact-form input[type="email"],
.custom-contact-form textarea {
  width: 100%;
  background-color: #fff;
  border: 1px solid #ccc; /* 囲み線をグレーに */
  padding: 8px;
  box-sizing: border-box;
}

.custom-contact-form textarea {
  min-height: 150px;
  resize: vertical;
}

.custom-contact-form .form-row {
  margin-bottom: 15px;
}

.custom-contact-form .two-columns {
  display: flex;
  gap: 10px;
}

.custom-contact-form .two-columns .form-field {
  flex: 1;
}

/* 送信ボタン中央寄せ */
/* .custom-contact-form .form-row:last-child {
  display: flex;
  justify-content: center; /* 完全に中央寄せ 
} */

.custom-contact-form input[type="submit"] {
  background-color: #491600;
  color: #fff;
  padding: 12px 0;
  border: none;
  cursor: pointer;
  width: 200px;
  font-size: 16px;
}

.custom-contact-form input[type="submit"]:hover {
  background-color: #555;
}

/* スマホ対応 */
@media (max-width: 600px) {
  .custom-contact-form .two-columns {
    flex-direction: column;
  }
}

/* メニュー */
.menu01 {
/*   height: 283px; */
}
/* スマホ表示時に .menu01 内の文字を中央揃え */
@media screen and (max-width: 768px) {
  .menu01 {
    text-align: center !important;
	margin:0 auto;
	width:100%;
  }
}
/* ----------------------------------------------------
 
   sp横幅
 
---------------------------------------------------- */

@media screen and (max-width: 640px) {
	.sp90 {
		max-width:90%;
		margin: 0 auto;
}
	.sp100 {
		max-width:100%;
		margin: 0 auto;
}
	.sp70 {
		max-width:70%;
		margin: 0 auto;
}
	.sp80 {
		max-width:80%;
		margin: 0 auto;
}
	.sp50 {
		max-width:50%;
		margin: 0 auto;
}
	.sp60 {
		max-width:60%;
		margin: 0 auto;
}
	.sp40 {
		max-width:40%;
		margin: 0 auto;
}
}