@charset "UTF-8";

/*子テーマ用「base.css」*/

body{background: #f5f5f5;}
.keni-header{padding-right: 60px;}
.keni-header_wrap{background-image: none!important; padding: 0;}
.keni-header_inner{display: table; padding: 10px;}
.keni-header_col1 .keni-header_cont{display: table-cell; font-size: 1.2rem; margin: 0; padding: 0 0 0 10px; vertical-align: middle;}
.site-title{padding: 0; display: table-cell; width: 30%;}
.site-title > a{display: block;}
.site-title img{width: auto;}

.keni-gnav_btn{top: 0; background: #000000; color: #fff; width: 60px; height: 60px; line-height: 60px;}
.admin-bar .keni-gnav_btn{top: 46px;}
.keni-gnav_btn_icon-open{background: #fff; width: 24px; left: 18px;}
.keni-gnav_btn_icon-open::before, .keni-gnav_btn_icon-open::after{background: #fff; width: 24px;}
.keni-gnav_btn_icon-close{font-size: 2.4rem;}
.keni-gnav_btn_icon-close::before{color: #fff; width: 60px;}
.keni-gnav_inner{top: 60px;}
.keni-gnav_inner li.menu-search{display: none;}

/*メインビジュアル*/
.catch-area_inner{padding: 0; background-color: transparent!important;}
.hv-text{background-color: rgba(0,0,0,0.5); padding: 15px; margin: 0 0 20px;}
    
/*コンテンツ*/
.keni-section_wrap{background: transparent;}
.custom-section{padding: 40px 0;}
.custom-section.bg-white{background: #fff; margin: 0 -20px; padding: 40px 20px;}
.custom-section:first-child{padding-top: 0;}
ul.custom-flex{
	position: relative;
  display: flex;
  -webkit-justify-content:flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0; 
}
ul.custom-flex>li{
  width : 100% ; /* 未対応ブラウザ用フォールバック */
  width : -webkit-calc(100% /1) ;
  width : calc(100% / 1) ;
  margin: 0 0 40px;
  list-style: none;
  font-weight: 900;
}
ul.custom-flex li:last-child{
	margin-bottom: 0;
}
ul.custom-flex li img{
	display: block;
  margin: 0 auto 20px;
}
.qa-list dt{margin-bottom: 0; padding:4px 0 4px 40px; background: #222; color: #fff;}
.qa-list dt::before{background-color: transparent;}
.qa-list dd{background: #fff; padding: 10px 10px 20px 40px;}
.qa-list dd::before{top: 8px; background-color: transparent; color: #eb3b54;}
.table-block p{margin-bottom: 0;}
.entry_thumb img{width: 100%; height: auto;}

p.custom-btn a,input.wpcf7-submit{
  display: inline-block;
  border: 2px solid #000;
  border-radius: 0;
  background: #fff;
  padding: 10px 3.5em;
  text-decoration: none;
  color: #000;
}

p.custom-btn a:hover,input.wpcf7-submit:hover{
  color: #fff;
  background: #000;
}
.wpcf7-spinner{display: block;}
ul.custom-flex>li article{background: #fff; margin-bottom: 40px;}
ul.custom-flex>li article .entry_inner{padding: 0 20px 20px;}
.entry .entry_thumb{border: 2px solid #fff;}
.swiper-slide p{line-height: 1.5;}
/*アーカイブ*/
.keni-section_wrap_style02{margin: 0 20px;}
.keni-section_wrap_style02 .keni-section_wrap_style02{margin: 0;}
.entry-list .entry_thumb{border: 2px solid #fff;}
.entry-list .entry_thumb a{display: block;}
.entry_description{margin-bottom: 30px;}
.page-nav .current, .page-nav li a:hover, .page-nav li a:active, .page-nav li a:focus{background: #000!important;}

/*フッター*/
.keni-footer_outer{padding: 0;}
.gmap{ margin: -20px -20px 0; padding: 0 20px 30px;  background: #fff;}
.map{margin-bottom: 40px;}
.map iframe{width: 100%;}
.keni-footer-panel_wrap{background: #000;}
.keni-footer-panel li,.keni-footer-panel li a{color: #fff;}
.keni-breadcrumb-list_wrap{border-bottom: 0;}

/*見出し*/
.keni-section h1,.archive_title{background: #000; padding: 10px; color: #fff; background-image: none!important;}
.keni-section h2.sec-title{position: relative; background-color: transparent; text-align: center; color: #222; }
.keni-section h2 .wrapper{position: relative; display:inline-block; padding: 0 30px; background: #f5f5f5; z-index: 1;}
.keni-section .bg-white h2 .wrapper{background: #fff;}
.keni-section h2.sec-title:after{position: absolute; content: ''; width: 90%; height: 2px; background: #222; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 0;}
.keni-section h2 .hosoku{font-weight: normal;}
h2.keni-related-title{background: #000;}
ul.custom-flex h3,h3.party_title{ margin: 0 0 24px; padding: 0; border: 0; color: #222; text-decoration: underline;}

/*single*/
.single article>.article_wrap{background: #fff;}

@media screen and (min-width: 480px) {
  ul.custom-flex.ui-post{
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    margin-bottom: 60px;
  }
  ul.custom-flex.ui-post>li{ width: 48%; width: -webkit-calc(100% /2.08); width: calc(100% / 2.08);}
  ul.custom-flex.ui-post>li article{margin-bottom: 0;}
  ul.custom-flex.ui-post>li article figure{margin-top: 0;}
}
@media screen and (min-width: 767px) {
  
  .col1 .keni-section_wrap{max-width: 100%;}
  .col1 .keni-header_outer, .col1 .keni-gnav_outer, .col1 .keni-breadcrumb-list_outer, .col1 .keni-footer_outer, .col1 .keni-copyright, .col1 .keni-sep-conts_outer, .col1 .keni-footer-panel_outer{
    max-width: 1200px;
  }
  .keni-header{padding: 0;}
  .keni-header_inner{padding: 20px 20px 10px;}
  .keni-header .site-title, .keni-header_col1 .site-title{float: none;}
  .keni-header_col1 .keni-header_cont{float: none; font-size: 1.6rem; font-weight: 900;}
  .keni-gnav_inner > ul{width: 96%; margin: 0 auto; table-layout: fixed;}
  .keni-gnav_inner li a{text-align: center;}
  .keni-gnav_inner > ul > li{position: relative;}
  
  .keni-gnav_inner > ul > li:after{position: absolute; content: ''; width: 1px; height: 10px; top:0; bottom: 0; right: 0; margin: auto 0; background: #222;}
  .keni-gnav_inner > ul > li:first-child:before{position: absolute; content: ''; width: 1px; height: 10px; top:0; bottom: 0; left: 0; margin: auto 0; background: #222;}
  .keni-gnav_inner li a:hover, .keni-gnav_inner li a:active, .keni-gnav_inner li a:focus{border-color: #000;}
  
  .keni-mv_bg .keni-mv_outer{padding: 20px 0;}
  .catch-area_l .catch-area_inner{margin-right: 0;}
  .hv-flex{
    position: relative;
    display: flex;
    -webkit-justify-content:flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0; 
  }
  .hv-text,.hv-sample{
    width : 50% ; /* 未対応ブラウザ用フォールバック */
    width : -webkit-calc(100% /2) ;
    width : calc(100% / 2) ;
    margin: 0;
  }
  .hv-text{padding: 20px;}
  .hv-sample{padding-right: 10px;}
  .col1 .catch-area, .col2 .catch-area{max-width: 1600px;}
  .section-in{max-width: 1000px; margin: 0 auto;}
  #works .section-in{max-width: 100%;}
  .custom-section.bg-white{margin: 0 -40px; padding: 60px 40px;}
  ul.custom-flex{
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
  }
  ul.custom-flex>li,ul.custom-flex.ui-post>li{
    width : 32% ; /* 未対応ブラウザ用フォールバック */
    width : -webkit-calc(100% / 3.125) ;
    width : calc(100% / 3.125) ;
  }
  /*アーカイブ*/
  .archive-in{max-width: 1000px; margin: 0 auto; padding: 0 20px;}
  /*見出し*/
  .keni-section h1:first-child{margin: 0 -40px 40px; padding: 20px;}
  .single .keni-section h1:first-child{margin: -30px -40px 40px;}
  .keni-section h2.sec-title{margin-bottom: 60px; width: 100%;}
  .keni-section h2.sec-title:after{max-width: 1000px; width: 100%;}
}
@media screen and (min-width: 920px) {
  .custom-section {padding: 80px 0;}
  /*アーカイブ*/
  .archive-in{max-width: 1000px; margin: 0 auto; padding: 60px 20px;}
}
@media screen and (min-width: 1200px) {
  .hv-text{padding: 40px; font-size: 2rem;}
}