@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
*/

/*カテゴリーのフォントに関する調整*/
.c-postThumb__cat {
	 font-family: "游ゴシック体" !important;
	 font-weight: 900 !important;
}

@media screen and (min-width:320px) and (max-width:400px) {
	.post_content .p-postList__title {
		font-size: 0.5em !important;
		line-height: 1.2 !important;
	}
}

@media screen and (min-width:401px) and (max-width:599px) {
	.post_content .p-postList__title {
		font-size: 0.8em !important;
	}
}

/* contact_area
   ========================================================================== */

/*Contact Form 7カスタマイズ*/

.post_content tbody th::before {
	display: none;
}

/*項目の下線*/
.inquiry th {
  width: 30%;
}

.inquiry input, .inquiry textarea {
  width: 100%;
  background-color: #fff;
}

.inquiry th, .inquiry td {
 border: none;
 background-color: rgba(150,150,150,.05);
 border-bottom: 3px dotted silver !important;
 padding: 10px 5px;
}

/*必須・任意のラベルの形状*/
.formlabel  {
 padding:5px;
 font-size: 0.8em;
 border-radius:5px;
 margin-right:10px;
 position:relative;
}

/*必須のカラー*/
.must {
 background: #94262A;
 color:#fff;
}

/*任意のカラー*/
.may {
 background: #269443;
 color:#fff;
}

/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:15px;
 width:20%;
 background:#94262A;
 color:#fff;
 font-size: 1.2em;
 font-weight:bold;   
 border-radius:5px;
 margin:25px auto 0;
}
/*送信ボタンマウスホバー*/
#formbtn:hover{
 background:#ff8f57;
 color:#fff;
}

/*ラジオボタンのデザイン変更*/
.inquiry .wpcf7-radio input[type=radio]{
 display: none;
 vertical-align: middle;
}
.inquiry .wpcf7-radio > .wpcf7-list-item {
  margin-left: 0;
}
.inquiry .wpcf7-radio input[type=radio] + span{
  padding-left: 25px;
  position:relative;
  margin-right: 25px;
  vertical-align: middle;
}
.inquiry .wpcf7-radio input[type=radio] + span::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  border: 1px solid gray;
  border-radius: 50%;
}
.inquiry .wpcf7-radio input[type=radio]:checked + span{
  color: #d01137;
}
.inquiry .wpcf7-radio input[type=radio]:checked + span::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #d01137;
  border-radius: 50%;
}

.wpcf7 form.sent .wpcf7-response-output {
  font-size: 1rem;
}

#contact .privacy-check-area {
  text-align: center;
  background-color: #75A9FF25;
  width: 100%;
  padding: 15px 10px;
  font-size: 1rem;
  border-radius: 5px;
}

#contact .spam-check input {
  margin: 10px 0;
  transform: scale(1.4);
}

.cont-btn-com {
  margin: 10px 0 20px;
  text-align: left;
}

.cont-btn .submit {
  display: block;
  width: 300px;
  height: 60px;
  overflow: hidden;
  background-color: #269443;
  color: #ffffff;
  border: none;
  border-style: none;
  cursor: pointer;
  margin: 0 auto;
  font-size: 16px;
}

.cont-btn-com .cont-back {
  width: 170px;
  height: 60px;
  overflow: hidden;
  background-color: #269443;
  color: #ffffff;
  border: none;
  border-style: none;
  cursor: pointer;
  margin: 0;
  font-size: 16px;
  border-radius: 5px;
}

.cont-back:hover {
  background-color: #269443ad;
}


@media screen and (max-width: 787px) {
  .inquiry th, .inquiry td {
    display: block;
    width: 100%;
    padding: 5px;
  }
  .inquiry th {
    border-bottom: none !important;
	margin-top: 10px;
  }
  .inquiry td {
    padding-top: 10px;
    padding-bottom: 15px;
  }
}