/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 26 2023 | 08:15:41 */
/* メルマガフォーム */
.magform {
    display: flex;
    justify-content: center;
    gap: 20px;
	flex-direction: column;
}

.magformarea input {
    height: 60px;
}
.magformbtn input {
    background: orange;
    border: none;
	padding-left:20px;
	padding-right:20px;
	width: 100%;
    padding: 30px 25px;
    font-size: 1.8rem;
}

/*フォームカスタマイズ*/

.page-id-19 table {
  width: 100%;
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-all;
}

.page-id-19 .textbox01 {
  width: 100%;
}

.page-id-19 .telarea {
  width: 60%;
}

.page-id-19 .textbox02 {
  width: 100%;
}

label.file-up {
  background:
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
  background: rgb(255, 255, 255);
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
  /* IE6-9 */
}

label.file-up {
  display: flex;
  cursor: pointer;
  width: 60%;
  align-items: center;
  height: 1rem;
  padding: 1.2rem 1rem;
  margin: 1rem 0;
  justify-content: center;
  font-size: 1rem;
  border: double 4px #a9a9a9;
}

label.file-up:hover {
  background: #eee;
}

label.file-up input {
  display: none!important;
}

label.file-up::before {
  font-family: "Font Awesome 5 Free";
  content: '\f302';
  font-weight: 900;
  font-size: 1.5rem;
  margin-right: 0.4rem;
}

label.file-up::after {
  content: "ファイルを選択";
}

.page-id-19 .l-header[data-spfix="1"] {
  position: static!important;
}

.page-id-19 h3 {
  margin-bottom: 1rem;
  font-size: 1.2rem!important;
  border-bottom: solid 2px #ccc;
  border-left: solid 10px #959595;
  padding: 5px 0 5px 10px;
}

p.CF7_btn input {
  background: #ffc800;
  padding: 15px 80px;
  border-radius: 10px;
  font-weight: bold;
  color: #fff;
  font-size: 1.3rem;
  text-shadow: 0px 0px 3px #666;
}

p.CF7_btn input:hover {
  background: orange;
}

.grecaptcha-badge {
  visibility: hidden;
}

p.reCap {
  font-size: 0.8rem;
  margin-top: 2rem;
}

.CF7_table label, [type="checkbox"] {
  cursor: pointer;
}

table.CF7_table {
  width: 98%;
  margin: 0 auto;
  border: 3px solid #e5e5e5;
}

table.CF7_table tr {
  border-top: 1px solid #e5e5e5;
}

.single .entry-content table.CF7_table, .page .entry-content table.CF7_table {
  display: table;
}


/*入力欄*/

.CF7_table input, .CF7_table textarea {
  border: 1px solid #d8d8d8;
}

.CF7_table ::placeholder {
  color: #797979;
}


/*「必須」文字*/

.CF7_req {
  font-size: .9em;
  padding: 5px;
  background: #f79034;
  /*オレンジ*/
  color: #fff;
  border-radius: 3px;
  margin-right: 1em;
}


/*「任意」文字*/

.CF7_unreq {
  font-size: .9em;
  padding: 5px;
  background: #bdbdbd;
  /*グレー*/
  color: #fff;
  border-radius: 3px;
  margin-right: 1em;
}

  .CF7_table th {
    width: 30%;
    /*横幅*/
    background-color: #ebedf5;
    /*ブルーグレー*/
  }

p.CF7_btn {
    text-align: center;
    margin-top: 2rem;
}

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

	  .wideArea {
    margin: 0 calc(50% - 50vw);
  }
  table.CF7_table {
    width: 98%;
  }
  .CF7_table tr, .CF7_table td, .CF7_table th {
    display: block;
    width: 100%;
    line-height: 2.5em;
  }
  .CF7_table th {
    background-color: #ebedf5;
  }
  .mobiletbl {
    display: block;
    width: 100%;
  }
}