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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

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

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


/*---------------------------------
基本、マージン
--------------------------------*/
.clear{clear:both;}
.ND{display:none;}

.FL{float:left;}
.FR{float:right}

.mR10{margin-right:10px;}
.mR12{margin-right:12px;}
.mL30{margin-left:30px;}
.mL12{margin-left:12px;}
.mL200{margin-left:200px;}

.mb12{margin-bottom:12px;}
.mT12{margin-top:12px;}

.w100{width:100px;}	
.w140{width:140px;}	
.w162{width:162px;}	
.w200{width:200px;}
.w300{width:300px;}
.w400{width:400px;}
.w500{width:500px;}
.w600{width:600px;}

.capt02{
	font-size:x-small;
	color: #04822B;
}

.TA-R{text-align:right;}

/*---------------------------------
固定ページの日付を非表示にする
--------------------------------*/
.post-2 .date-tags {
  display: none;
}

.post-51 .date-tags {
  display: none;
}
.post-204 .date-tags {
  display: none;
}
.post-240 .date-tags {
  display: none;
}
.post-251 .date-tags {
  display: none;
}
/*---------------------------------
見出し
--------------------------------*/
.article h1 {
 color: #5c6b80;
 font-weight: 800;
 font-size: 1.5rem;
 line-height: 1.3;
}

.article h2 {
 border-bottom: solid 1px #666666; /*下線（実線 太さ 色）*/
 padding: 0.5em;/*文字周りの余白*/
 color: #666666;/*文字色*/
 background: #FFFFFF;/*背景色*/
 border-left: solid 4px #999999;/*左線（実線 太さ 色）*/
font-size: 16px;
}

.article h3 {
	margin-top:0;
	font-size:14px;
	font-weight: bold;
	padding: 4px 12px;
	border: none;
	border-left: solid 1px #002c00;
   border-bottom: solid 1px #002c00;
}


.article h4{
border: none; 
font-size:14px;
font-weight: bold;
}


/*サイドバー見出しカスタマイズ*/
.sidebar h3 {
color:black;
background: none; /*背景色を解除*/
padding: 0; /*余白をなしに*/
font-size: 16px; /*文字サイズを小さく*/
letter-spacing: 2px; /*文字の間隔を少し広く*/
 border-bottom: solid 1px #666666; /*下線（実線 太さ 色）*/
 padding: 0.2em;/*文字周りの余白*/
}

.search-edit,
.search-box input[type="text"] {
	border-radius: 8px; /* 3px位ならナチュラルかも */
  	font-size:12px;
}

/*---------------------------------
グローバルメニューカスタマイズ
--------------------------------*/
.navi {
border-top: 1px solid #dddddd;  /*点線を追加*/
border-bottom: 1px solid #dddddd;  /*点線を追加*/
}

.sub-menu .caption-wrap {
border-top: 1px dotted #dddddd;  /*点線を追加*/
}

/*---------------------------------
 カラムスタイル
--------------------------------*/
.case{width:100%;} /*カラムまとめ*/

.case2{width:48%; float:left;} /*２列左*/
.case2R{width:48%; float:right;}/*２列右*/

.case3{width:100%;}/*カラムまとめ*/
.left1-3{width:36%; float:left;}/*1:2左*/
.right2-3{width:60%; float:right;}/*1:2右*/

.left2-3{width:60%; float:left;}/*2:1左*/
.right1-3{width:36%; float:right;}/*2:1右*/

.caseR{float:right;}

/************************************
** お問い合わせフォームの入力
************************************/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
  display: block;
  width: 100%;
  height: 45px;
  margin-bottom: 0;
  padding: 0 12px;
  border: 0;
  border-radius: 3px;
  background-color: #eff1f5;
  box-shadow: none;
  color: #5c6b80;
  font-size: 1em;
  vertical-align: middle;
  line-height: 45px;
  transition: background-color 0.24s ease-in-out;
}
textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em;
  padding: 0.5em;
  overflow: auto;
}
@media(max-width:500px) {
    .inquiry td,
    .inquiry th {
        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 .any,
    .inquiry .haveto {
        font-size: 10px
    }
}
.inquiry th {
    text-align: left;
    font-size: 14px;
    color: #444;
    padding-right: 5px;
    width: 30%;
    background: #f7f7f7;
    border: solid 1px #d7d7d7
}
.inquiry td {
    font-size: 13px;
    border: solid 1px #d7d7d7
}
.entry-content .inquiry tr,
.entry-content table {
    border: solid 1px #d7d7d7
}
.haveto {
    font-size: 7px;
    padding: 5px;
    background: #ff9393;
    color: #fff;
    border-radius: 2px;
    margin-right: 5px;
    position: relative;
    bottom: 1px
}
.any {
    font-size: 7px;
    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: 15px;
    width: 350px;
    background: #ffaa56;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 2px;
    margin: 25px auto 0
}
#formbtn:hover {
    background: #fff;
    color: #ffaa56;
    border: 2px solid #ffaa56
}
th {
    font-weight: 700;
    text-transform: uppercase;
    padding: 13px
}
td {
    border-top: 1px solid #ededed;
    padding: 12px
}
input,
select,
textarea {
    border: 1px solid #dfdfdf;
    letter-spacing: 1px;
    margin: 0;
    max-width: 100%;
    resize: none
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
.left1-3{
float:left;
width:100%;
}
.right2-3{
clear:both;
float:left;
width:100%;	
}

.case .case2{
	width:90%;
	float:left;
	} /*２列左*/
	
.case .case2R{
	clear:both;
	width:90%;
	float:left;
	}/*２列右*/

.case .left2-3{
	clear:both;
	width:100%;
	float:left;
	}/*2:1左*/
	
.case .right1-3{
	display: none;
	}/*2:1右*/

.case .right1-3B{
	width:86%;
	margin-left:8%;
	height:200px;
	float:left;
	background-image:url("http://nosfilles-test.site/wp-content/uploads/2020/06/imageY03.jpg") 
	}/*2:1右*/
	
.item-label{
		font-size: 12px;
	}
}