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

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

/*全体調整*/
.article-header{
  display:none;
}

.wrap{
  width: 100%;
}

.main{
 padding: 0;
 border: 0;
 
}

/*ヘッダー*/
.item-label{
  font-size:15px;
}

.navi-in > ul{
  justify-content: flex-end;
}

.navi-in > ul li{
  width:max-content;
  margin:0 20px;
}

.header-container-in.hlt-top-menu{
  padding:0 25px;
}

/*フッター全体調整*/
.footer{
  margin-top:0;
  padding-top:0;
}
#footer-in{
  width:100%;
  margin:0;
}
.footer-left{
  display:none;
}
.footer-right{
  display:none;
}
.footer-center{
  width:100%;
  padding:0;
}
.footer-widgets{
  margin-top: 0;
}

/*サブフッター*/
.footer-request{
  width:100%;
  height:max-content;
  background-color:#2B3540;
}
.footer-company{
  width:100%;
  height:max-content;
  background-color:#fff;
}
.footer-request-cont,.footer-company-cont{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding:50px 0;
  max-width: 980px;
  margin: 0 auto;
}
.footer-request-cont{
  color:#fff;
  
}
.footer-company-cont{
  color:#000;
}

.footer-request-left,.footer-company-left{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -ms-flex-direction: row;
         flex-direction: row;
  width:50%;
  margin-right:25px;
}

.footer-request-right,.footer-company-right{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -ms-flex-direction: row;
         flex-direction: row;
  width:50%;
  margin-left:25px;
}
.footer-request-button{
color:#fff;
width:max-content;
margin-top:50px;
}
.footer-request-cont a{
  border: none;
  display: block;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  outline: none;
  overflow: hidden;
  position: relative;
  color: #fff!important;
  font-weight: 700;
  font-size: 15px;
  background-color: #575757;
  padding: 17px 60px;
  margin: 0 auto;
  text-decoration: none;
  z-index:0!important;
}

.footer-request-cont a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 490%;
  width: 140%;
  background: #78c7d2;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-98%) translateY(-10%) rotate(45deg);
  transform: translateX(-98%) translateY(-10%) rotate(45deg);
  z-index:-100!important;
}

.footer-request-cont a:hover:after {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
  transform: translateX(-9%) translateY(-25%) rotate(45deg);
  z-index:-100!important;
}

.footer-company-button{
  color:#fff;
  width:max-content;
  margin-top:50px;
}
.footer-company-cont a{
    border: none;
    display: block;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    outline: none;
    overflow: hidden;
    position: relative;
    color: #fff!important;
    font-weight: 700;
    font-size: 15px;
    background-color: #575757;
    padding: 17px 60px;
    margin: 0 auto;
    text-decoration: none;
    z-index:0!important;
}
  
.footer-company-cont a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 490%;
    width: 140%;
    background: #9ea035;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: translateX(-98%) translateY(-17%) rotate(45deg);
    transform: translateX(-98%) translateY(-17%) rotate(45deg);
    z-index:-100!important;
}
  
.footer-company-cont a:hover:after {
    -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
    transform: translateX(-9%) translateY(-25%) rotate(45deg);
    z-index:-100!important;
}

/*フッター*/
.footer-bottom-line{
  width: auto;
  border-top: 1px solid #000;
}

.footer-bottom{
  padding:50px 0;
  max-width: 980px;
  margin: 0 auto;
}
.footer-bottom-logo{
  position:relative;
}
.footer-bottom-logo .logo-image{
  max-width:1000px;
}

.footer-bottom-content{
  float:none;
}

.footer-bottom-info{
  clear: both;
  float:left;
  line-height: 2;
}

.footer-bottom-info a{
  border:2px solid #000;
  padding:8px 40px;
  text-decoration: none;
  font-weight: 700;
}

.navi-footer{
  margin-top:40px;
}

.navi-footer-in > .menu-footer{
  padding-left:25%;
}

.navi-footer-in > .menu-footer ul{
  width:100%;
}
.navi-footer-in > .menu-footer li{
  width:50%;
  border:none;
  margin-top:30px;
}

.navi-footer-in > .menu-footer li a{
  width:max-content;
}

.navi-footer-in > .menu-footer li:last-child{
  border:none;
}

.source-org.copyright{
  clear: both;
  text-align:center;
  margin-top:100px;
}



/*TOPページ*/
.content{
  margin-top:0;
}


.entry-content{
  margin-top:0;
}

.entry-content.cf{
  margin-bottom:0;
}

.entry-content>*, .demo .entry-content p{
  margin-top:0;
}

.top-lead{
  background-color: #2B3540;
}

.top-lead-inner{
  max-width: 980px;
  padding: 40px 0;
  margin: 0 auto;
}

.top-lead-content{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

.top-lead-left{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -ms-flex-direction: row;
         flex-direction: row;
}

.top-lead-left h1{
  color:#fff;
}

.top-lead-right{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -ms-flex-direction: row;
         flex-direction: row;
  max-width:442px;
}

.top-lead-right p{
  color: #fff;
  margin-bottom: 30px;
}

.top-lead-right a{
  color:#fff;
  padding:10px 35px;
  border: 1px solid #fff;
  border-radius: 5px;
}

.top-latest{
  max-width: 980px;
  margin: 50px auto;
}

.top-latest-content{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

.top-latest-left{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -ms-flex-direction: row;
         flex-direction: row;
}

.top-latest-title{
  margin:50px auto 70px;
}

.top-latest-button{
  margin-top:70px;
}

.top-latest a{
  text-decoration: none;
  color: #000;
  padding: 20px 35px;
  border: 1px solid #000;
  border-radius: 5px;
}

.top-latest-right{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -ms-flex-direction: row;
         flex-direction: row;
 max-width:376px;
}

.top-backnumber{
  width: auto;
  background-color: #E2E2E2;
}

.top-backnumber-inner{
  max-width: 980px;
  margin: 0 auto;
}

.top-backnumber-title{
  margin-bottom:50px;
  padding-top: 50px;
}

.top-backnumber-table{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.top-backnumber-content{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -ms-flex-direction: row;
         flex-direction: row;
  width: max-content;
  margin-right: 50px;
}

.top-backnumber-content:last-child{
  margin-right: 0;
}
.top-backnumber-img{
  max-width: 271px;
}

.top-backnumber-text{
  width:271px;
  padding-right: 50px;
}

.top-backnumber-content h1{
 width: auto;
 font-size: 18px;
 word-wrap: normal;
}

.top-backnumber-content h2{

}

.top-backnumber-content h3{
 width: auto;
 font-size: 15px;
}

.top-backnumber-button{
  text-align: center;
  margin-top: 50px;
  padding-bottom: 70px;
}

.top-backnumber-button a{
  text-decoration: none;
  color: #000;
  border: 1px solid #000;
  border-radius: 5px;
  padding: 20px 35px;
}
/*バックナンバー個別ページ*/
.single-backnumber #content-in{
  margin:0;
}

.single-backnumber .wrap{
  width:100%;
}

.single-backnumber .main{
  padding:0;
  border:none;
}

.backnumber-top-content{
  background-color: #2B3540;
  width:100%;
  height:max-content;
  padding: 70px 10%;
}

.backnumber-top-inner{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin:40px auto;
  justify-content: center;
}

.backnumber-top-title{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -ms-flex-direction: row;
         flex-direction: row;
  width:max-content;
  color:#fff;
  margin-top: 80px;
  margin-right: 10%;
}

.backnumber-top-title h1{
  font-size: 60px;
}
.backnumber-top-title h3{
  padding-bottom: 50px;
  width:max-content;
  border-bottom: 1px solid #fff;
}


.backnumber-request-button{
  margin-top:70px;
}

.backnumber-request-button a{
  width:max-content;
  color:#fff;
  text-decoration: none;
  padding:15px 25px;
  border:1px solid #fff;
  border-radius: 10px;
}

.backnumber-top-cover{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -ms-flex-direction: row;
         flex-direction: row;
  width:50%;
  max-width: 366px;
}

.backnumber-main-content{
  margin-top: 70px;
}

.content-title{
  text-align: center;
  background-image: url(https://ckviews.dev-gingrich.com/wp-content/uploads/2020/08/content-title-bg.png);
  background-repeat: no-repeat;
  background-size: 110px;
  background-position: center;
}

.content-title h2{
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  font-size: 35px;
}

.content-title p{
  margin:0;
}

/*バックナンバーアーカイブページ*/

.bn-archive-content{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width:980px;
}

.bn-archive-title h1{
  font-size: 30px;
  margin:70px auto 100px;
}

.bn-archive-list-cont{
  width:1000px;
  height: max-content;
  clear: both;
  padding-top:60px;
  border-top: 1px solid #000;

}

.bn-archive-list-cont-left{
  float:left;
  max-width:300px;
}

.bn-archive-list-cont-right{
  float: left;
  width: auto;
  margin-left: 122px;
  max-width: 530px;
}

.bn-archive-img{
  max-width:300px;
}

.bn-archive-text{
  word-wrap: break-word;

}

.bn-archive-text h1{
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  font-size:30px;
}

.bn-archive-text h2{
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  font-size:20px;
}

.bn-archive-text h3{
  font-weight: 500;
}

.bn-archive-text-cont{
  margin:36px auto 50px;
}


.bn-archive-text-cont h4{
  margin-bottom:5px;
  font-family: 'Lato', sans-serif;
}

.bn-archive-text-cont p{
  margin:0;
}

.bn-archive-button{
  margin-bottom: 100px;
  clear: both;
}

.bn-archive-button a{
  font-size:18px;
  text-decoration: none;
  color: #000;
  font-weight: 500;
  padding:22px 90px;
  border: 2px solid #000;
  border-radius: 5px;
}

/*事例紹介個別ページ*/
.case{
  margin: 35px auto 70px;
  max-width:980px;
}

.case-text h2{
  font-size: 16px;
  line-height: 2em;
}

.case-img{
  margin: 35px 0;
}

.case-detail{
  border-left: 2px solid #000;
  margin: 0 auto;
  padding-left: 20px;
  width:max-content;
}


.case-detail table{
  max-width: 900px;
}


.case-detail td{
  max-width: 350px;
  word-wrap: normal;
  padding-right: 30px;
}

/*事例紹介一覧ページ*/
.case-archive{
  width: 1180px;
  margin: 70px auto 140px;
}


.case-archive-main{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin:100px auto 0;
}

.case-archive-menu{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -ms-flex-direction: row;
         flex-direction: row;
  padding-right: 30px;
}

.searchandfilter ul{
  padding-left:0;
}

.case-archive-result{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -ms-flex-direction: row;
         flex-direction: row;
  width: 980px;
  border-left:1px solid #000; 
}

.search-filter-results{
  display:flex;
}

.search-result-cont{
  width:250px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -ms-flex-direction: row;
         flex-direction: row;
  margin: auto 20px;
}

.search-result-cont a{
  text-decoration: none;
}

.search-result-cont-tn img{
  width:250ox;
  height:250px;
  max-width: 250px;
  object-fit: cover;
}

.search-result-cont h2{
  font-size: 16px;
  text-decoration: none;
  color: #000;
  
}

.search-result-cont h3{
  font-size: 15px;
  text-decoration: none;
  color: #000;

}

input[type="checkbox"] {
  display: none;
}

.sf-field-taxonomy-case_cats li ::before{
	display: inline-block;
  content: '';
  width: 0.7rem;
  height: 0.7rem;
  border: 1px solid #000;
  margin-right: .5rem;
}

.sf-field-taxonomy-case_cats li :checked + ::before{
	display: inline-block;
  content: '';
  width: 0.7rem;
  height: 0.7rem;
  border: 1px solid #000;
  margin-right: .5rem;
	background:#000;
}

input.sf-input-text[type="text"] {
  border:1px solid #000;
  border-radius:0;
  outline: none;
  font-size:16px;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
}

input.sf-input-text[type="text"] :active{
  border:1px solid #000;
  border-radius:20px;
}

/*会社概要*/
.article.post-31{
  
}
.company-content{
  width:700px;
  margin: 0 auto;
}

.company-content h2{
  text-align: left;
  padding-left: 0;
}

.company-content table{
  margin: 50px 0;
}

.company-content tr{
  vertical-align: top;
  padding-right: 10px;
  border-bottom: 10px solid #fff;
}

.company-content td{
  padding-right: 30px;
}

.company-content h4{
  font-size: 16px;
}

.company-content a{
  text-decoration: none;
  color: #000;
}
.company-subfooter{
  background-color: #2B3540;
  padding:60px 15%;
}

.company-subfooter h2{
  color: #fff;
  background-color: #2B3540;
  padding:0;
  margin-top: 0;
  font-size: 40px;
}

.company-subfooter h3{
  color: #fff;
  border:0;
  padding:0;
  font-size: 20px;
}

.company-subfooter p{
  color: #fff;
  padding:0;
  max-width: 450px;
}

.company-subfooter .wp-block-column:not(:first-child) img{
  vertical-align: middle;
}

/*ABOUTページ*/
.article.post-134{
  height: 730px;
}

.post-134 .entry-content.cf{
  height: 730px;
}

.about{
  background-image: url("https://ckviews.dev-gingrich.com/wp-content/uploads/2020/08/danjuro_055.jpg");
  background-size:cover;
  height: 730px;
  padding-top: 50px;
}

.about-content{
  max-width: 980px;
  margin: 115px 20%;
  background-color: rgba(0,0,0,0.8);
  padding: 70px 60px;
 
}

.about-content h2{
  color: #fff;
  background:none;
  margin: 0;
  text-align: center;
}

.about-content p{
  color: #fff;
}

/*バックナンバー詳細*/
.elementor-heading-title h2{
  margin:0;
  padding: 0;
}
.elementor-heading-title h3{
  margin:0;
  padding: 0;
}
.elementor-heading-title h4{
  margin:0;
  padding: 0;
}

.contents_heading_focus{
  width: max-content!important;
}

.contents_heading_focus h2{
  background-color: #000;
  margin: 0;
  padding: 5px 15px!important;
}

.article h2{
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 2;
  background-color:rgba(0,0,0,0); 
}

.article h3{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 30px;
  line-height: 2;
}

.article h6{
  font-size: 16px;
  border: 0;
  line-height: 2.5;
  margin: 0;
  padding: 0;
}

.backnumber-back-button{
  text-align: center;
  margin-bottom: 100px!important;
}

.backnumber-back-button a{
  margin: 0 auto;
  text-decoration: none;
  color: #000;
  border:2px solid #000;
  padding:15px 20px;
  border-radius: 10px;
  font-weight: 500;
}
  
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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