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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*　ソースコードのfontを変更　*/
pre  {
	font-family: monospace;
	font-size: 13px;
}

/* 見出しカスタマイズ */
/* H2 */
.article h2{
  padding: 1rem 2rem;
  border-left: 5px solid #036c91;
  background: #036c91;
}
 
/* H3 */
.article h3{
  border-top:none;
  border-bottom:none;
  border-left:none;
  border-right:none;
  padding: 0;
  border-bottom: 3px solid #036c91;
  color: black;/*文字色*/
}
 
/* H4 */
.article h4{
border-top:none;
border-bottom:none;
padding: 0;
}
 
/* H5 */
.article h5{
border-bottom:none;
padding: 0;
}
 
/* H6 */
.article h6{
border-bottom:none;
padding: 0;
}

/*個別投稿下部タームリストの調整*/
.termlist a{
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 12px;
  text-decoration: none;
  color: #FFF;
  background: #036c91;/*色*/
  border: 0px none;/*線色*/
  border-radius: 2px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
}
.termlist a:hover {
  opacity: 0.7;
}

/* ▼contact form ▼*/
.inquiry th{
text-align:left;
font-size:14px;
padding-right:5px;
width:30%;
border:solid 1px #ffffff;
}
.inquiry td{
font-size:13px;
border:solid 1px #ffffff;
}

.inquiry2 th{
text-align:left;
font-size:14px;
padding-right:5px;
width:30%;
background:#eee8aa;
border:solid 1px #ffffff;
}
.inquiry2 td{
font-size:13px;
background:#eee8aa;
border:solid 1px #ffffff;
}


.must{
font-size:7px;
padding:5px;
background:#bb5548;
color:#fff;
border-radius:2px;
margin-right:5px;
}
.may{
font-size:7px;
padding:5px;
background:#68699b;
color:#fff;
border-radius:2px;
margin-right:5px;
}
.inquiry input[type="text"],.inquiry input[type="password"],.inquiry input[type="datetime"],.inquiry input[type="datetime-local"],.inquiry input[type="date"],.inquiry input[type="month"],.inquiry input[type="time"],.inquiry input[type="week"],.inquiry input[type="number"],.inquiry input[type="email"],.inquiry input[type="url"],.inquiry input[type="search"],.inquiry input[type="tel"],.inquiry input[type="color"],.inquiry select,.inquiry textarea,.inquiry .field{
margin-bottom: 0;
}
.inquiry textarea{padding: 12px;}

.wpcf7-submit{text-align: center;}
  #submit-btn{
      height: 50px;
	  font-size:1.2em;
      width:50%;
      border-radius: 8px;  
	  background-color: #3587b5;
      color: #ffffff;
      border: 0px none;
      margin-bottom: 10px;
  }
  #submit-btn:hover{
      opacity: 0.7;
  }


@media (max-width: 414px) {
.entry-content .inquiry th,.entry-content .inquiry td {
display: block;
width: 100%;
border-top: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.entry-content .inquiry tr:first-child th{
border-top: 1px solid #554738;
}
.entry-content .inquiry tr td{
border-right: 1px solid #554738;
}
}
/* ▲contact form ▲*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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