@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.5
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/************************************
** 見出しのスタイルカスタマイズ
************************************/
/*既存のスタイルをリセット*/
.article h2{
    padding: 0.6em;/*余白*/
    background: none;/*背景色をリセット*/
}

.article h3{
    border: none;/*線をリセット*/
}

/*カスタマイズここから*/
.article h2{
  background: #167bde; /*背景色*/
  padding: 0.6em;/*文字周りの余白*/
  color: white;/*文字を白に*/
  border-radius: 0.5em;/*角の丸み*/
}

.article h3{
   padding: 0.6em;/*文字周りの余白*/
  	color: #494949;/*文字色*/
  	background: #eaf6fd;/*背景色*/
  	border-left: solid 5px #7db4e6;/*左線（実線 太さ 色）*/
}

.sidebar h3{
  background: #167bde; /*背景色*/
  padding: 0.65em;/*文字周りの余白*/
  color: white;/*文字を白に*/
  border-radius: 0.5em;/*角の丸み*/
  font-size: 17px;/*文字の大きさ*/
}

/************************************
** ヘッダーカスタマイズ
************************************/
.header-in {
	display: block;
}

.logo {
text-align: left;
float:left;
}

/* ヘッダーコンタクト
----------------------------------*/
.c_box {
float:right;
}

.c_box .tel_contact{
margin-top:-5px;
padding:3px 0 0;
}

.c_box .contact{
margin:0px 5px 0 0;
}

@media screen and (max-width: 692px) {
.c_box {
display:none;
}
}

/* グローバルメニュー関連
----------------------------------*/
/*
nav#navi, .menu-header .sub-menu{
}
*/

/* マウスホバーの色変更*/
#navi .navi-in a:hover {
  background-color: #197fdf;
  color: #ffffff !important;
}

/************************************
** トップ用サービスリスト
************************************/
.service-list{
	background: #fff;
}

.service-listt p img{
	max-width: 100%;
	height: auto;
}
.service-list h3{
	text-align: center;
	margin-bottom: 10px;
}
.service-list .inner{
	display: table;
	table-layout: fixed;
	width: 100%;
	border-collapse: separate;
	border-spacing: 20px;
}
.service-list .inner ul{
	display: table-row;
}
.service-list .inner ul li{
	display: table-cell;
	padding: 1.5%;
	border: 2px solid #d2ebfb;
	border-radius: 10px;
	vertical-align: top;
}
.service-list .inner ul li a{
	display: block;
}
.service-list .inner ul li a:hover{
	text-decoration: none;
	opacity: 0.7;
}
.service-list .inner ul li h5{
	text-align: center;
   background: none;/*背景色をリセット*/
	color: #167bde;
	font-family: 'UD新ゴ R' , sans-serif;
	font-weight: normal;
	font-size: 24px;
	line-height: 1.2;
	padding: 0 0 5px;
}
.service-list .inner ul li p{
	font-size: 15px;
	text-align: left;
}
.service-list .inner ul li p.img{
	text-align: center;
	margin: 20px 0;
}
.service-list .inner ul li img{
	max-width: 100%;
	height: auto;
}
.service-list .more{
	text-align: center;
	margin: 20px 0 40px;
}
.service-list .more a{
	display: inline-block;
	border: 2px solid #000;
	padding: 10px 20px;
}

/************************************
** 固定ページ用カスタマイズ
************************************/

/*固定ページのタイトルを非表示*/
.home.page .entry-title{
display: none;
}
/*固定ページのシェアボタンを非表示*/
.page .sns-share{
display: none;
}
/*固定ページのフォローボタンを非表示*/
.page .sns-follow{
display: none;
}
/*固定ページの投稿日を非表示*/
.page .post-date{
display: none;
}
/*固定ページの更新日を非表示*/
.page .post-update{
display: none;
}
/*固定ページの投稿者名を非表示*/
.page .author-info{
display: none;
}
/*モバイルグローバルメニュー非表示*/
/*
.home.page #navi {
display: none
}
*/
/*Contact Form 7 カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:12px;
}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:16px;
 color:#444;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:16px;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:10px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:10px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:1em 0;
 margin-top:30px;
 width:100%;
 background:#2ca9e1;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 border: none;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#1a73e8;
}

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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/************************************
** 新着情報に日付を表示
************************************/

.new-entry-cards .display-none {
	display: block;
	padding-top: 0.2em;
	text-align: right;
}
.new-entry-card-update-date {
	display: none;
}
/* テーブル関連のスタイル */
.js-scrollable{
  white-space: nowrap;  /* 文字の折り返しはなくす */
}