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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*記事ページのh1要素の装飾*/
.article h1 {
background-color:#c6efff;
border-radius:10px;
}

/*案件一覧*/
.toirolife_list_item{
  color :black;
  border:solid 1px;
  border-color: #5a5a5a;
  margin-bottom: 2px;
  background-color:#f0f8fb;
  line-height:1.4;
}
.toirolife_list_item a{
  color: rgb(4, 4, 185);
  font-weight: bold;
  margin: 2px;
  font-size: medium;
}
.toirolife_list_item_content{
  font-size:small;
  margin: 2px;
  padding: 0px;
}
.toirolife_list_item table{
  font-size:small;
  box-sizing: border-box;
  margin: 0px;
  padding: 2px;
  border: 0px;
}
.toirolife_list_item tr, .toirolife_list_item td{
  background-color: #f0f8fb;
  font-size: small;
  border-bottom:dashed 1px;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-color: #b3b3b3;
  margin: 0px;
  padding: 0px 5px;
}
.toirolife_list_item_td_first{
  width:4rem;
}
.toirolife_list_page {
  margin: 1rem;
  padding: 0%
}
.toirolife_list_page .current{
  background-color:#f0f8fb;
  font-weight: bold;
  margin: 0%;
  padding: 0%
}
.toirolife_list_page .prev,.toirolife_list_page .next{
	border-radius: 50%;
  margin: 0%;
  padding: 0%
}
.cft_format0{
  font-size:middle;
  box-sizing: border-box;
  margin: 0px;
  padding: 2px;
  border: 0px;
}
.cft_format0 tr, .cft_format0 td{
  background-color: #fbfbf0;
  border-bottom:dashed 1px;
  border-top: dashed 1px;
  border-left: dashed 1px;
  border-right: dashed 1px;
  border-color: #b3b3b3;
  margin: 0px;
  padding: 0px 5px;
}
.cft_format0 td:first-child{
  width:6em;
  font-weight: bold;
}

/*FAQのデザイン開始*/
details.wp-block-details{
  width: 864px;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.15);
  border-radius: 16px;
  background: url(/wp-content/uploads/2024/06/FAQ_Q.png) no-repeat 15px 10px;
  background-size:40px;
  background-color: #ebf6fa;;
  margin: 20px auto;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
  details.wp-block-details{
    width: 700px;
  }
}

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

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

details.wp-block-details summary{
  line-height: 160%;
  padding: 16px 66px 19px 54px;
  background: url(/wp-content/uploads/2024/06/faq_plus.png) no-repeat 96% center;
  background-size:20px;
  margin: 0 auto;
  font-size: 20px;
}
details[open].wp-block-details summary{
  line-height: 160%;
  padding: 16px 66px 19px 54px;
  background: url(/wp-content/uploads/2024/06/faq_minus.png) no-repeat 96% center;
  background-size:20px;
  margin: 0 auto;
  font-size: 20px;
}

details.wp-block-details summary {
  display: block;
  list-style: none;
}
details.wp-block-details summary::-webkit-details-marker {
  display:none;
}

details.wp-block-details p{
  border-top: 1px solid #aaaaaa;
  margin-left: auto;
  margin-right: auto;
  padding: 16px 20px !important;
  font-size: 20px;
}
/*FAQのデザイン終了*/

/*使わない
.toirolife-form-time{
  display:block;
}

.toirolife-form-time select{
	width:5rem;
    padding:0.5rem;
}*/


/*Contact Form 7用のデザイン開始*/
  .cf7__list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
  }

  .cf7__list dt:nth-of-type(n + 2),
  .cf7__list dd:nth-of-type(n + 2) {
    margin-top: 5px;
  }
  
  .cf7__list dt {
    width: 100%;
    padding-top: 5px;
    margin: 5px;
  }
  .cf7__list dt p{
    padding: 0px;
    margin: 0px;
  }
  .cf7__list dt p:before{
    content:"■";
  }
  .cf7__list_text_small{
    font-size:80%;
    line-height:1em;
  }
  .cf7__list dd {
    width: 80%;
    margin: 5px;
  }
  
  /* input・textarea */
  .cf7__list dd input[type="text"],
  .cf7__list dd input[type="tel"],
  .cf7__list dd input[type="email"],
  .cf7__list dd input[type="date"],
  .cf7__list dd textarea,
  .cf7 select  {
    width: 100%;
    padding: 5px 5px;
    background: #F8F8F8;
    border: solid 1px  #808080;
    color: #000;
  }
  .cf7__list dd input[type="date"] {
    -webkit-appearance: none;
    height:1.8em;
  }
  .cf7__list input[type="date"]::-webkit-date-and-time-value {
    text-align: left;
  }
  
  /* ドロップダウンメニュー */
  .cf7__select {
    position: relative;
  }
  
  .cf7__select:before {
    position: absolute;
    top: 30%;
    right: 20px;
    z-index: 10;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 8px solid #000;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    pointer-events: none;
    content: '';
  }
  
  .cf7__list select {
    width: 100%;
    padding: 5px 5px;
    background: #f4f4f4;
    color: #000;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  
  /* チェックボックス・ラジオボタン */
  .cf7__list dd .wpcf7-checkbox,
  .cf7__list dd .wpcf7-radio {
    display: block;
    padding: 5px 0 10px;
  }
  
  /* 縦並び（チェックボックス・ラジオボタン） */
  .cf7__list dd .wpcf7-list-item {
    display: block;
    margin: 0;
  }
  
  .cf7__list dd .wpcf7-list-item:nth-child(n + 2) {
    margin-top: 5px;
  }
  
  /* マウスカーソル（チェックボックス・ラジオボタン） */
  .cf7__list dd .wpcf7-list-item label {
    cursor: pointer;
  }
  .cf7__date{
    display:block;
    position: relative;
  }

  .cf7__date .wpcf7-not-valid-tip{
    width:20rem;
    position:absolute;
  }

  .cf7__date select{
      width:5rem;
      padding:0.5rem;
  }
  .cf7__date_year select{
      width:10rem;
  }

  /* チェックボックス・ラジオボタン */
  .cf7__list dd input[type="checkbox"],
  .cf7__list dd input[type="radio"] {
    position: relative;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    border: 1px solid #bcbcbc;
    vertical-align: -3px;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  
  /* チェックボックス */
  .cf7__list dd input[type="checkbox"]:checked {
    border: 1px solid #000;
    background: #0AA;
  }
  
  .cf7__list dd input[type="checkbox"]:checked:before {
    position: absolute;
    top: 2px;
    left: 5px;
    transform: rotate(50deg);
    width: 6px;
    height: 10px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    content: '';
  }
  
  /* ラジオボタン */
  .cf7__list dd input[type="radio"] {
    border-radius: 50%;
  }
  
  .cf7__list dd input[type="radio"]:checked:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #0AA;
    content: '';
  }

  .cf7__list dd input[type="file"]{
    width: 100%;
    padding: 5px 5px;
    color: #000;
    font-size:medium;
  }

  /* プレースホルダー */
  /* Google Chrome / Safari / Mozilla Firefox / Opera */
  .cf7__list dd input[type="text"]::placeholder,
  .cf7__list dd input[type="tel"]::placeholder,
  .cf7__list dd input[type="email"]::placeholder,
  .cf7__list dd textarea::placeholder {
    color: #a5a5a5;
  }
  
  /* Microsoft Edge */
  .cf7__list dd input[type="text"]::-ms-input-placeholder,
  .cf7__list dd input[type="tel"]::-ms-input-placeholder,
  .cf7__list dd input[type="email"]::-ms-input-placeholder,
  .cf7__list dd textarea::-ms-input-placeholder {
    color: #a5a5a5;
  }
  
  /* Internet Explorer */
  .cf7__list dd input[type="text"]:-ms-input-placeholder,
  .cf7__list dd input[type="tel"]:-ms-input-placeholder,
  .cf7__list dd input[type="email"]:-ms-input-placeholder,
  .cf7__list dd textarea:-ms-input-placeholder {
    color: #a5a5a5;
  }
  
  /* 送信ボタン */
  .cf7__button {
    padding-left: 72px;
    text-align: center;
  }
  
  .cf7__button input[type="submit"] {
    width: 260px;
    height: 60px;
    background: #bde5f4;
    color: #000000;
    font-weight: bold;
    transition: opacity .6s;
    font-size:150%;
  }
  
  .cf7__button input[type="submit"]:hover {
    opacity: .6;
  }
  
  /* ajax-loader */
  .wpcf7-spinner {
    vertical-align: middle;
  }
  
  @media screen and (max-width: 767px) {
  
    .cf7__list dt {
      width: 100%;
      margin-bottom: 5px;
      padding-top: 0;
      font-size:130%;
    }
  
    .cf7__list dd {
      width: 100%;
      margin: 5px;
      font-size:130%;
    }
  
    .cf7__list dd:nth-of-type(n + 2) {
      margin-top: 0;
    }
  
    .cf7__list dd .wpcf7-checkbox,
    .cf7__list dd .wpcf7-radio {
      padding: 5px 0 0;
    }
  
    /* 送信ボタン */
    .cf7__button input[type="submit"] {
      width: 180px;
      height: 56px;
      font-size:150%;
    }
  
  }
/*Contact Form 7用のデザイン終了*/

/*Front End PMのデザイン*/
.fep-message .fep-message-title-heading, .fep-per-message .fep-message-title {
  border-radius: 0px;
  border-bottom: 1px solid grey;
  padding: 3px;
  font-weight:normal;
  font-size:medium;
  width: 100%; 
  background-color:#e7e7e7;
}

.fep-per-message {
  background:#F2F7FC;
  border: 1px solid black;
  margin: 0px;
  padding: 0px;
}
.fep-per-message .fep-message-title {
  display: block;
}
.fep-per-message .fep-message-title .date {
  font-size: 12px;
  font-weight: normal;
  padding-left: 0px;
  text-align: left;
}
.fep-per-message p {
  font-size: inherit;
  font-weight: normal;
  background-color: white;
  padding: 5px 11px;
  margin:0 5px !important;
  border:none;
  border-right: 1px solid var(--cocoon-basic-border-color);
  border-left: 1px solid var(--cocoon-basic-border-color);
}

.fep-per-message p:first-child {
  padding-top: 11px;
  margin-top: 5px
  border-top: 1px solid var(--cocoon-basic-border-color);
  border-radius: var(--cocoon-basic-border-radius);
}

.fep-per-message p:last-child {
  padding-bottom: 11px;
  margin-bottom: 5px
  border-bottom: 1px solid var(--cocoon-basic-border-color);
  border-radius: var(--cocoon-basic-border-radius);
}


.fep-header-box-size{
  font-size:x-small;
}
.fep-message-title-heading::before{
content:"件名　：";
font-size: 12px;
}
.author::before{
  content:"送信者： ";
  font-size: 12px;
}

.destination::before{
 content:"宛先　：";
 font-size: 12px;
}
.fep-form-reply{
  border:1px solid black;
  background-color:rgb(255, 247, 237);
}
.fep-form-reply .fep-label, .fep-form-reply .fep-field{
padding:5px;
}
.fep-form-reply .fep-label::before{
  display: block;
  margin: auto;
  content:"メッセージ返信";
  font-size: 20px;
  text-align:center;
  font-weight: bold;
}
.fep-form-reply textarea{
  width: 98%;
  margin: 5px;
  background-color:white;
}
.fep-button {
  display: block;
  margin: auto;
  margin-top: 1em;
  padding: 10px 10px;

}

.fep-filter, .fep-directory-table .fep-action-table,
.fep-directory-table .fep-cb-check-uncheck-all-div,
.fep-directory-table .fep-table > div >div.fep-column-fep-cb,
.fep-directory-table .fep-table > div >div.fp-column-avatar,
.fep-table > div >div.fep-bulk-action
 {
  display: none;
}

.fep-table-row{
  border-bottom: 1px dashed black;
}

.fep-message-author, .fep-messege-destination{
  display:block;
  font-size: 12px;
  line-height:1.2em;
}
.fep-column-title{
  line-height:1.2em;
}
.fep-message-author::before{
  content:"送信者： ";
  font-size: 12px;
}

.fep-messege-destination::before{
 content:"宛先　：";
 font-size: 12px;
}

#fep-content{
  padding-left: 0px;
  padding-right:0px;
}

.fep-table > div > div.fep-column-author, .fep-table > div > div.fep-column-title{
  display: block;
}


@media screen and (max-width: 480px) {
	.fep-menu-toggle{
		display: block;
	}
}
/*Front End PMのデザイン終了*/