@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
a {color: unset; text-decoration: none;}
a :hover {color:unset; text-decoration: none;}
/*ロゴ関係*/
.header-container-in.hlt-top-menu .logo-header img {
    height: auto;
}
.header-container-in.hlt-top-menu.hlt-tm-small .site-name-text {
    font-size: 22px;
}
.logo {
    width: 300px;
    margin: auto;
}
.header-container-in.hlt-top-menu.hlt-tm-small .site-name-text {
    font-size: 18px;
}
.header-container-in.hlt-top-menu.hlt-tm-small .logo-header {
    padding-top: 10px;
}
.footer-bottom-logo .logo-image {
    max-width: 200px;
}
.footer-bottom-logo img {
    height: auto;
}
/*ヘッダーイメージ*/
.headerArea {
	display:none;
	width:100%;
	height:600px;
	background-image: url(https://gyousei-shigenaga.com//wp-content/uploads/site-parts/header-bg.jpg);
	background-position: left 5% top 10px;
	background-repeat: no-repeat;
	background-size: 900px;
}
.header-cc {
	position:absolute;
	top:110px;
	left:55%;
	text-align:right;
	line-height: 1.4em;
	font-size:50px;
	font-weight: 600;
	color:#006939;
}
.header-subtext {
	position:absolute;
	top:270px;
	left:55%;
	width: 490px;
	height: 320px;
	background:#006939;
	padding: 15px 25px;
   font-size: 18px;
   color: #fff;
	box-shadow: 1px 2px 10px 0px rgba(0, 0, 0, 0.7);
}
.hdSubtxt-list {
	font-size:14px;
	padding: 1em;
}
.appeal-content {
	visibility: hidden;
}

/*フロート解除*/
.clear01 {
    clear:both;
    height:80px;
}
.clear02 {
    clear:both;
    height:140px;
}
/*フェードイン*/
.inviewfadeIn-img {
        opacity: 0;
        transition: 0.8s 0.25s;
    }
.inviewfadeIn-txt {
        opacity: 0;
        transition: 0.8s 0.7s;
        transform: translateY(30px);
    }
.fadeIn {
        opacity: 1.0;
        transform: translateY(0px);
    }
/*事務所概要*/
.office-overview {
	width:75%;
	margin:auto;
	padding:15px 20px;
	background:#e6ece8;
}

/*記事エリア*/
.main {
	text-align: center;
}
.main p, table, ul ,ol {
	text-align: left;
}
.small {
	font-size: 0.85em;
}
.post-date, .post-update, .post-author, .amp-back {
    color: #aaa;
}
.author-info {
	display: none;
}
.entry-content {
	padding:0 8%;
}
.new-entry-cards {
    display: flex;
	flex-flow: wrap;
}
a.new-entry-card-link.widget-entry-card-link.a-wrap {
    width: 33%;
}
.no-br {
	display: inline-block;
}
.compensation {
	width:100%;
	margin:auto;
	font-family:'Yu Gothic';
}
.w80percent {
	width:80%;
	margin: auto;
}
blockquote  {
    font-size: 0.9em;
    width: 80%;
    border: 1px solid #e8e8e8;
    margin: 1em auto;
}
.bizCont-image {
	margin:60px auto;
	width:550px;
}
/*記事見出し*/
.article h2{
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	padding: 0 25px;
	margin-bottom: 2em;
	background-color: unset;
	color:#4c5850;
}
.article h2:before {
	content: '';
	position: absolute;
	bottom: -12px;
	display: inline-block;
	width: 80px;
	height: 3px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #4c5850;
	border-radius: 2px;
}
.article h3 {
	position: relative;
	display: inline-block;
	padding: 0 45px;
}
.article h3 :before,.article h3 :after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 44px;
	height: 2px;
	background-color: black;
	-moz-transform: rotate(-60deg);
	-webkit-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
}
.article h3 :before {left:0;}
.article h3 :after {right: 0;}
.buzCont-inner {
	position: relative;
}
.buzContStop {
	font-size: 0;
}
.buzContStop :before {
	position: absolute;
	content: '現在受付停止中';
	bottom: 10;
	right: 10;
	font-size: 0.6em;
	color: red;
	padding: 0px 10px;
	border: solid 1px red;
	background: #fff;
}
/*吹き出し*/
.sbp-l {
    margin: 0 10%;
}
.sbs-flat .speech-balloon {
    background-color: #dcede5;
    border-color: #dcede5;
}
.sbs-flat .speech-balloon::before, .sbs-flat .speech-balloon::after {
    border-right-color: #dcede5;
    border-left-color: #dcede5;
}
.speech-balloon-btn {
   margin:20px auto;
	width:300px;
	padding: 7px;
	color: #006939;
	background:#fff;
	border-radius:4px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.speech-balloon-btn:hover {
	background: #006939 !important;
	color: #fff !important;
}
/*ウィジェット周り*/
.sidebar h3 {
	background: none;
	padding:0;
	margin: 8px 0;
}
.search-edit, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {
    padding: 2px 10px;
    border: 1px solid #ccc;
    border-radius: 14px;
    font-size: 14px;
    width: 85%;
}
.search-submit {
    right: 15%;
    font-size: 16px;
	 line-height: 25px;
    color: #777;
}
.widget-entry-cards.not-default .a-wrap {
    max-width: 33.3%;
    float: left;
}
.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a {
	 padding: 2px 0;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
	.header-cc {right: 5%; left: unset;}
	.header-subtext {right: 5%; left: unset; width: 38%;} 
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
	.headerArea {background-image: url(https://gyousei-shigenaga.com/wp-content/uploads/site-parts/header-bg-1000x675.jpg); background-size: 700px;}
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
	.headerArea {background-size: 600px; height:540px;}
	.header-cc {top: 140px; font-size: 40px;}
	.header-subtext {width: 48%; height: 300px; font-size: 17px;}
	.hdSubtxt-list {font-size:12px;}
	.office-overview {width:100%; 	padding:15px 10px;}
	.office-overview .item-name {width:22%;}
	.entry-content {padding: 0;}
	.w80percent,.compensation {width:100%;}
	.bizCont-image{margin:60px auto; width:75%;}
	.sbp-l {margin: 0;}
	.speech-balloon-btn {width:220px;}
	.widget-entry-cards.not-default .a-wrap {max-width: 100%; float: none;}
}

/*684px以下*/
@media screen and (max-width: 684px){
  /*必要ならばここにコードを書く*/
	.headerArea {background-image: url(https://gyousei-shigenaga.com//wp-content/uploads/site-parts/header-bg.jpg); background-position: left 0 top 0; background-size: 100%; height: 480px;}
	.header-cc {top:120px; font-size:33px; color:#fff;}
   .header-subtext {top:210px; height: 270px; width: 90%; right: 5%; left: 5%; font-size: 15px;}
	.clear01 {height:50px;}
   .clear02 {height:80px;}
}

/*480px以下*/
@media screen and (max-width: 480px){
	a.new-entry-card-link.widget-entry-card-link.a-wrap {
    width: 100%;
}
}