@charset "utf-8";

/*--------------------------------------------------------------------------------------------------

   page

--------------------------------------------------------------------------------------------------*/
.box-blue {
 border-top: 1px solid #1C94FC;
 background-color: #E8F4FF;
 padding: 10px;
}

.box-yellow {
 border-top: 1px solid #ECE82D;
 background-color: #FCFCE0;
 padding: 10px;
}

.box-red {
 border-top: 1px solid #FC1C23;
 background-color: #FFE8E9;
 padding: 10px;
}

.box-cli {
 background-color: #000;
 color: #CCC;
 padding: 10px;
}

.text-code {
 font-family: Consolas,Monaco,andale mono,ubuntu mono,monospace;
}

#site-header #contactBtn {
 float: right;
}

#site-header #contactBtn a {
 display: block;
 margin: 12px 25px 0 0;
 padding: 10px 18px;
 background-color: #1C94FC;
 color: #FFF;
 border-radius: 100vh;
 transition-duration: unset !important;
 transition-timing-function: unset !important;
}

#site-header #contactBtn a .fa-envelope {
 margin: 0 4px 0 0;
}

#site-header #contactBtn a:hover {
 background-color: #4A4A4A;
}

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

 .ht-container #logo {
   max-width: 400px;
 }
 
 .ht-container #logo img {
   max-width: 100%;
 }
 
}

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

 #site-header #contactBtn {
  float: none;
  text-align: center;
 }

 #site-header #contactBtn a {
  width: 200px;
  margin: 20px auto 0;
 }


}



/*------------------------------------------------------------------------------------------------
  コンテンツ
--------------------------------------------------------------------------------------------------*/
#content .type-post .box {
 background: linear-gradient(0deg, #F6F6F6, #FFF 20%);
}

.entry-content h2 {
 padding: 6px;
 color: #FFF;
 background-color: #FD851B;
 border-radius: 8px;
}

.entry-content h3 {
 position: relative;
 padding: 6px;
 background-color: #FFEDDD;
}

.entry-content h3:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 24px;
  margin-left: -12px;
  border: 12px solid transparent;
  border-top: 12px solid #FFEDDD;
}

.entry-content h4 {
 position: relative;
 padding: 6px;
 border-bottom: 2px solid #CCC;
}

.entry-content h4:before {
 position: absolute;
 content: "";
 width: 120px;
 height: 2px;
 background-color: #FD851B;
 bottom: -2px;
 left: 0;
}

.entry-content img {
 border: 1px solid #7f7f7f;
}

.subSearch {
 width: 80%;
 background:#fff;
 border:1px solid #d1d1d1;
 color:#595959;
 font-size:16px;
 padding:20px 25px;
 box-shadow:none;
 position:relative;
 outline: 0;
 -moz-border-radius:99px;
 -webkit-border-radius:99px;
 border-radius:99px;
}



/*------------------------------------------------------------------------------------------------
  テーブル
--------------------------------------------------------------------------------------------------*/
.contactTb {
 border: none !important;
}

.contactTb th {
 white-space: nowrap;
 text-align: left;
 border: none !important;
 border-bottom: 1px solid #CCC !important;
 padding: 16px !important;
}

.contactTb td {
 border: none !important;
 border-bottom: 1px solid #CCC !important;
 vertical-align: middle !important;
 padding: 16px !important;
}

.formBtn {
 text-align: center;
}

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

 .entry-content table.contactTb tbody tr:nth-child(odd) {
  background-color: #FFF;
 }
 
 .contactTb th {
  display: block;
  width: 100%;
  background-color: #F6F6F6;
 }

 .contactTb td {
  display: block;
  width: 100%;
 }

}