@charset "UTF-8";

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

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

/*メインとサイド背景とうめい*/
.main, 
.sidebar {background-color:rgba(255,255,255,0.8);
}

.main{
	top: 20px;margin-bottom:50px;}
.sidebar{
	margin-top: 200px;}

a { text-decoration: none;color: #000;}
a:hover { color: #DF3A01;}

/*フッターのリンク*/
.c_1 a { text-decoration: none;color: #000;}
.c_1 a:hover { color: #6AB071; }
.c_1 a:active { color: #6AB071; }

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.article h2{
	font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	margin: 0 0 1em 0;
	text-align:center;
	padding: 0 0;
	vertical-align: middle;
	color:#000;
	font-size:200%;
	letter-spacing: 5px;
	position: relative;
	border-bottom: 0px solid #FAF3D2;
	background-color: transparent;}

.article h3 {
	text-align:center;
	padding: 0.5em 0;
	margin: 0 0;
	vertical-align: middle;
	color:#000;
	font-size:120%;
	letter-spacing: 5px;
	border-top: none;border-right: none;border-left: none;
	border-bottom: 1px dashed #000;
	background-color: transparent;}

.article h4 {
	margin-bottom: 1em;
	text-align:center;
	padding: 0.5em 0;
	vertical-align: middle;
	border-top: solid 0px;
	border: none;
}

.article h5, .article h6 {
	margin: 0 0;
	text-align:center;
	padding:0 0;
	vertical-align: middle;
}

/*家づくりh3*/


/*トップページだけ投稿のサムネイル表示を小さく*/
.widget-entry-cards figure {width:110px;}

/*トップページの投稿の下線*/
.widget-entry-cards .widget-entry-card{
border-bottom: dashed 1px #000;}

/*h2の前につく目次を消す*/
.toc {
display: none;}




/*カテゴリタイトル*/
.fa-folder-open{display:none;}
.archive-title{
	text-align:center;
	margin-bottom:1em;
	font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;}

/*投稿のタイトル*/
h1.entry-title{
	margin-left:0.5em;
	padding:20px 0;
	text-align:left;}

/*サイドバーのタイトル*/
.sidebar h3{
	font-size: 16px;
	letter-spacing: 2px;
	border-bottom: solid 3px #E6C35B;
	padding: 15px 10px 2px 10px;
    margin: 16px 0;
	background-color: transparent;
}
/*投稿者*/
.author-info{
	display:none;}


/*ヘッダー右上に電話番号*/
#pc_tel{
	float:right!important;
    display: block;
    margin: 5px 0 5px 0;
}
#sp_tel{
    display: none;
}

/*フッター*/
.footer {
	margin-top: 200px;
    padding-top: 10px;
	background-color: #F7F2E0;
}

.column-left,.column-center,.column-right {
	font-size: 90%;
	padding: 1em 1.2%;
	margin:0em 1em 1em 1em;
}
/*フッター詳細*/
.footer-title{
	text-align:center;
	padding: 0.5em;
	vertical-align: middle;
	color:#000;
	font-size:120%;
	letter-spacing: 5px;
	border-top: none;border-right: none;border-left: none;
	border-bottom: 2px solid #000;
	background-color: transparent;
}
.textwidget{
	font-size:15px;
	padding: 0.5em 0.5em;
    margin: 0;
    box-sizing: border-box;
    word-wrap: break-word;
}


/*カルーセルの文字など*/
.carousel-entry-card-title {
	font-size: 14px;
    margin-top: 4px;
    max-height: 2em;
    overflow: hidden;
}

/*アピール部分の高さ*/
.appeal .appeal-in {
	min-height: 400px;
}

/*カルーセルの文字など*/
.carousel-entry-card-title {
	font-size: 14px;
    margin-top: 4px;
    max-height: 2em;
    overflow: hidden;
}
/*メニューの一番外の背景*/
#header-container .navi, #navi .navi-in>.menu-header .sub-menu {
	padding-top:0px;
	background-color: #000;
}

/*下層メニューの背景*/
#navi .navi-in>.menu-header .sub-menu {
	background-color: #000;
	border-bottom: solid 1px #fff;
}

/*メニューの背景*/
.navi-in > ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

/*メニューの文字色*/
#navi .navi-in a, #navi .navi-in a:hover {
	color: #fff;
}
/*左右区切り#F6E8CE*/
.navi-in > ul li {
    display: block;
    width: 176px;
	height: 52px;
	line-height: 50px;
	border-left: 0.5px solid #666;
	border-right: 0.5px solid #666;
}

/*固定ページ記事タイトル非表示*/
.page 
.entry-title {
  display: none;
}
/*投稿画像の左上のカテゴリ名を消す
.cat-label {
display: none;
}*/

/*投稿日・更新日を消す場合*/
.page .date-tags {
    display: none;
}

/*著者情報を消す場合*/
.page .author-info {
    display: none;
}
/*アピールのボタン背景*/
.appeal-content .appeal-button {
    background-color: #dece3d;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 7px 7px;
	color:#000000c7;
}
/*アピールのボタン削除*/
.appeal-content {
    display: none;
    max-width: 800px;
    background-color: rgba(255, 255, 255, 0.85);
    margin: auto;
    padding: 1em;
    text-align: center;
    border-radius: 4px;
}

/*トップページの投稿タイトル*/
.new-entry-card-title {
	padding: 0;
    margin: 0;
    box-sizing: border-box;
    word-wrap: break-word;
	font-size: 14px;
	color:#1c1c1c;
}
/*テーブル*/

.nomal_3 {
	border-spacing: 5px;
	background-color:#fff;}

.nomal_3 td{
	font-size:14px;
	width:250px;
	border:none;
	padding:1em 1em;
	vertical-align:top;}

.nomal_4 td{
	width:200px;
	padding:0em 1em;
	border:none;}

.work {
	font-size:14px;
	background-color: transparent;}

.w_1{
	width:25%;
	border:none;
	padding:0.3em 1em;
	background-color:#fff;
	border-bottom:2px solid #B0C6E4;}
.w_2{
	width:65%;
	border:none;
	padding:0.3em 1em;
	background-color:#fff;
	border-bottom:2px solid #CCD0D5;}

.company {
	font-size:14px;
	background-color: transparent;}

.c_1{
	width:25%;
	border:none;
	font-size:16px;
	padding:1.2em 1em 0.3em 1em;
	background-color:#fff;
	border-bottom:1px solid #000;}

.c_3{
	width:25%;
	border:none;
	padding:1em 1em 0.3em 1em;
	background-color:#fff;}

.c_2{
	width:60%;
	border:none;
	padding:1.2em 1em 0.3em 1em;
	background-color:#fff;
	border-bottom:1px solid #000;}

/*テーブル詳細３つの*/
.t_1{height:280px;}
.t_2{height:80px;vertical-align:top;}

/*テーブル詳細３つの下層*/
.t_3{
	background-color:#F9F2C1;
	border-radius: 30px 30px 30px 30px;}
.t_4{
	background-color:#FAF5D9;
	border-radius: 30px 30px 30px 30px;}
.t_5{
	background-color:#FBF1F1;
	border-radius: 30px 30px 30px 30px;}
.t_6{
	background-color:#FCE3E3;
	border-radius: 30px 30px 30px 30px;}
.t_7{
	height:320px;vertical-align:top;}
.t_8{
	background-color:#EFF8FD;
	border-radius: 30px 30px 30px 30px;}
.t_9{
	background-color:#E4F4FC;
	border-radius: 30px 30px 30px 30px;}

/*詳細デザイン*/

.left{
	float:left;
	padding: 0 1em 0 0;}
.right{
	float:right;
	padding: 0 0 0 1em;}

.t_center_sp_left{text-align:center;}
.t_center{text-align:center;}
.t_small{font-size:16px;}
.t_ssmall{font-size:14px;}
.t_left{text-align:left;
	font-size:16px;}
.t_right{text-align:right;
	font-size:20px;}

.dai{font-size:125%;}
.tokudai{font-size:140%;}
.t_s{font-size:90%;}
.t_ss{font-size:85%;}
.t_rinen{font-size:200%;
	line-height:2;
	text-align:center;
	font-weight:700;}
.red1{
	color:#DC5759;border-bottom:solid 3px yellow; }
.red2{
	color:#DC5759;}
.orange{
	color:#F4900D;}
.per{
	color:#A28BB1;}

.back_white{
	background-color:#fff;
}
.back_gray{
	background-color:#F9F9F9;
}
.back_red{
	color:#fff;
	background-color:#DF9898;
	font-size:14px;}
.back_black{
	color:#fff;
	background-color:rgba(0,0,0,0.8);
}


.sub_gra1:after { content: "."; line-height: 0; display: block; overflow: hidden; position: absolute; bottom: -10px; width: 50%; border-bottom: 10px solid #F2E29C; }

.waku_gray{border:solid 1px #666;}

.waku_1{
	background-color:#fff;
	border:solid 0px #666;
	padding: 0.5em 0.5em;}

.waku_2{
	border:none;
	padding: 0 0;}

.waku_bokashi{
	border-top: solid 1px #ccc;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

.compact{
	width:750px;
	margin:2em auto 0 auto;}
.compact_1{
	width:920px;
	padding:0 0;
	margin:0 auto;}
.compact_2{
	width:200px;
	padding:20px 0 20px 0;
	margin:0 auto;}

/*col_9_mainとcol_3_mainセットで使用。トップページ*/	
.col_3_main{
	float:left;
	width: 36%;
	margin: 0% 1%;
	padding: 0% 1.5%;}
.col_9_main{
	float:left;
	width: 60%;
	margin: 0% 1% 0% 1%;
	padding: 0% 1.5%;
	vertical-align:top;}

.header.headercenter #logo {
    float: left!important;
	display: block;
    margin: 15px 0 5px 0;
}
.header.headercenter #pc_tel{
    float:right!important;
    display: block;
    margin: 5px 0 5px 0;
}
.header.headercenter #sp_tel{
	display: none;
}


/*送信ボタン*/
.wpcf7 input[type="submit"] {
	font-size: 100%;
	padding: 0.2em 0.4em;
	background: #fff;
	color: #000;
	border-radius: 4px;
	cursor: pointer;
	box-shadow: 0 0 1px rgba(0,0,0,.2);
	border: 1px solid #FAEED8;
}
/*フォーム記入漏れの注意書き*/
.wpcf7 span.wpcf7-not-valid-tip {
	font-size: 80%;
}
/*電話番号表示*/
#sp_tel{
    display: none;
}

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

}

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

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

	
	/*3列枠*/
.col_3_main, .col_9_main{
	float:left;
	width: 95%;
	height:auto;
	margin: 2px 5px 3px 5px;
	padding:0% 1%;
	vertical-align:top;}
	

.box3{
	width:90%;
	float:left;
	padding: 0.5em 1em;
	margin: 1em 1em;
    color: #5d627b;
    background: white;
	border-top: solid 1px #ccc;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.column-left,.column-center,.column-right{
	width:90%;
	margin:1% 3% 1% 1%;
	padding:10px 10px 10px 10px;}
	
	.header.headercenter #logo {
    float:left!important;
    display: block;
    margin: .2em 0 .2em 60px;
　　width:60%!important;
}
.header.headercenter #pc_tel{
    display:none!important;
}
.header.headercenter #sp_tel{
    float:right;
    display: block;
    margin: 8px 10px .2em 0;
}
.nomal_4 td{
	float:left;
	width:48%;
	padding:1% 1%;}	
.nomal_3 td{
	float:left;
	width:98%;
	padding:1% 1%;}
	
.compact{
	width:auto;
	margin:0 0.5em;
	padding: 0 0.5em;}
.compact_1{
	width:auto;
	margin:0 0.5em;
	padding: 0 0.5em;}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
.waku3{
	overflow:hidden;
	width:90%;
	margin:1em 4em;
	padding:1em 1em;
	background-color: #F9F7D9;
    border: 2px solid #DCDBDB;}
	
.t_small{font-size:12px;}
.t_left{text-align:left;font-size:12px;}

.left{
	float:none;
	padding: 0.5em 0.5em;}
.right{
	float:none;
	padding: 0.5em 0.5em;}
	
/*ヘッダー右上に電話番号*/
	
#pc_tel{
    display:none!important;
}
#sp_tel{
    float:right;
	display: block;
	margin:5px 70px 0 0;
}
	
}