﻿

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

body{
	background: #fff;
	font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #262727;
}
.keni-container{
	padding-top: 0!important;
}
.keni-main_inner{
	padding: 0;
}
/*ヘッダー*/
.keni-header_wrap{
  background: url("../image/wagara.png") no-repeat center top!important;
  background-size: 100% auto!important;
	padding-top: 40px;
}
p.wagara{
	margin-bottom: 0;
}
.fixed{
	position: relative!important;
}
/*フッター*/
.keni-footer_outer{
	padding-top: 0;
}
.keni-copyright{
	text-align: center;
}
.f-cv{
	margin: 0;
	padding: 20px;
	background: url("../image/f-wagara.png") no-repeat center bottom #fff;
  background-size: 100% auto;
}
.phone-num{
	margin-bottom: 10px;
	text-align: center;
}
.phone-num a{
	display: inline-block;
	background: url("https://wafukubunka.com/wp-content/themes/keni8_child/images/phone.svg") no-repeat left center;
	background-size: 48px auto;
	padding-left: 60px;
	font-size: 3.6rem;
	color: #fff;
	text-decoration: none;
}
.gmap {
	margin: -20px -20px 20px;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}
.gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
p.f-logo{
	display: block;
	max-width: 80%;
	margin: 0 auto;
}
.keni-footer_outer{
	padding: 0;
}
.keni-copyright_wrap{
	text-align: center;
	border-top: 0;
}
.keni-footer_outer .footer-menu{
	display: none;
}
/*コンテンツ*/
ul.custom-flex{
	position: relative;
    display: flex;
    -webkit-justify-content:flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 90%;
    margin: 0 auto;
    padding: 0; 
}
ul.custom-flex.ui-post{text-align: left; margin-bottom: 40px;}
ul.custom-flex>li{
    width : 100% ; /* 未対応ブラウザ用フォールバック */
    width : -webkit-calc(100% /1) ;
    width : calc(100% / 1) ;
    margin: 0 0 20px;
	list-style: none;
	font-weight: 900;
}
ul.custom-flex>li:last-child{
	margin-bottom: 0;
}
ul.custom-flex>li img{
	display: block;
	border: 1px solid #d7d7d7;
	margin-bottom: 20px;
}
.all-parts{
	margin-bottom: 20px;
	padding-top: 20px;
}
tbody th{
	background: #fdfaf4;
}
.company-table{
	margin-bottom: 40px;
}
tbody th p{margin-bottom: 0;}
.entry_status .entry_category_item{text-align: center;}
p.custom-btn{margin-bottom: 60px;}
p.custom-btn a{background: #424242; padding: 1em 3.5em; color: #fff; text-decoration: none;}
.ently_read-more .btn{background: #262727;}
.archive .entry_thumb,.blog .entry_thumb{border: 1px solid #d7d7d7; margin-bottom: 20px;}
/*見出し*/
.keni-section h1{
  background-image: linear-gradient(
			-45deg,
			#fff 25%,
			#262727 25%, #262727 50%,
			#fff 50%, #fff 75%,
			#262727 75%, #262727
	)
}
.archive_title{
  background: #262727;
  color: #fff;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
h2{background: #262727;}
h2.custom-h2{
	position: relative;
	background: none;
	padding-bottom: 20px;
	color: #262727;
	text-align: center;
}
h2.custom-h2:after{
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	width: 30px;
	height: 4px;
	background: #262727;
	margin: 0 auto;
}
h3{border: 0; padding: 0;}
h3.entry_title a{color: #262727; text-decoration:none;}
h3.entry_title a:hover, h3.entry_title a:active, h3.entry_title a:focus{color: #262727; text-decoration: underline;}
[type=submit]{
	background: #424242;
	padding: 30px 20px;
	width: 100%;
	text-align: center;
	color: #fff;
	cursor: pointer;
	font-weight: 900;
}
[type=submit]:hover{
	background: #333333;
}
@media (min-width: 768px) {
	/*
	# 1カラムのレイアウト
	*/
	.col1 .keni-header_outer,
	.col1 .keni-gnav_outer,
	.col1 .keni-mv_outer,
	.col1 .catch-area,
	.col1 .archive_title_wrap,
	.col1 .keni-breadcrumb-list_outer,
	.col1 .keni-footer_outer,
	.col1 .keni-copyright,
	.col1 .keni-section_wrap,
	.col1 .keni-sep-conts_outer,
	.col1 .keni-footer-panel_outer{
		max-width: 1200px;
		margin-right: auto;
		margin-left: auto;
	}
	.col1 .keni-section_wrap{
		max-width: 1120px;
	}
	.keni-header .site-title, .keni-header_col1 .site-title{
		float: none;
		max-width: 100%;
		text-align: center;
		padding: 10px 20px;
	}
	.front-catch{
		text-align: center;
		font-size: 1.1em;
		font-weight: 900;
	}
	ul.custom-flex{
		width: 100%;
	}
	ul.custom-flex li{
		width : 100% ; /* 未対応ブラウザ用フォールバック */
		width : -webkit-calc(100% /3) ;
		width : calc(100% / 3) ;
		margin: 0;
		padding: 0 10px;
		font-size: 1.6rem;
	}
	th, td{
		padding: 1em;
	}
	.gmap {
		margin: 0;
	}
	.f-cv{
		padding: 0;
	}
	.f-list{
		display: flex;
		-webkit-justify-content:flex-start;
		-ms-flex-pack: flex-start;
		justify-content: flex-start;
		text-align: left;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		background-color: inherit;
		margin: 0;
		padding: 0;
		align-items: center;
	}
	.f-cell{
		margin: 0;
		width : 50% ; /* 未対応ブラウザ用フォールバック */
		width : -webkit-calc(100% /2) ;
		width : calc(100% /2) ;
	}
	.f-cell:last-child{
		padding: 20px 40px;
	}
	.f-cv .f-cell a{
		margin-bottom: 0;
	}
	.section-in, .area, .f-cv .f-list, .entry-list, .single article{
		max-width: 900px;
		margin-left: auto;
		margin-right: auto;
	}
	.company-table{
		margin-bottom: 60px;
	}
	[type=submit]{
		width: 50%;
		margin: 40px auto 0;
	}
}

@media (min-width: 1200px) {
.area, .f-cv .f-list{
		max-width: 100%;
	}
	.front-catch{
		margin-bottom: 60px;
		font-size: 2.2rem;
		line-height: 2;
	}
}