@charset "UTF-8";

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

/* ----------------------------------------------------
 ベースカスタマイズ
-----------------------------------------------------*/
/*ヘッダーロゴ*/
.site-title{
	display: table-cell;
	margin: 0;
	font-size: 2.25em;
	text-align: center;
}

.site-title a{
	color: #EFEFEF;
	text-decoration: none;
}

.site-title a:hover,
.site-title a:active,
.site-title a:focus{
	text-decoration: underline;
}

.normal-screen .site-title{
	font-size: 3em;
}

.normal-screen .lp-catch{
	font-size: 1.5em;
}

/*ヘッダー背景色の変更*/
.site-header{
	background:#333;
}

.main-image {
    background: #efefef ;
}

/* 背景画像＆フォントカラー変更 */
body {
	background: #efefef;
}

/*コンテンツの基本単位（「section-wrap」＋「section-in」でコンテンツを覆う）*/
.section-wrap{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 30px;
	border: 1px solid #ccc;
	background:#fff;
}

/*上の続き、サイドバーのみ背景色を消す*/
.sub-conts .section-wrap{
	margin: 0 auto;
	padding: 0;
	border: none;
	background: none;
}

/*ソーシャルボタン*/
.sns-list ul{
	margin: 0 0 1em;
	padding: 0;
}

/*透明パネル ※IE8等古いブラウザを除く*/
.transparent-panel-wrap{
	padding: 1em;
	background: url(./images/sample09.jpg) center center;
	-webkit-background-size: cover;
	background-size: cover;
}


/*関連記事2カラム*/

.keni-relatedposts-list:after{
    content: '';
    display: block;
    clear: both;
    height: 0;
}
.keni-relatedposts-list li {
   width: 48%;
   height: 110px;
   float: left;
   margin-right: 2%;
}


/* ----------------------------------------------------
 追加タグ
-----------------------------------------------------*/

.hosoku{
	position: relative;
	margin: 2em 0;
	padding: 20px 25px 20px;
	background: #E8F5E9;
	font-size: 0.9em;
}

.matome{
	position: relative;
	margin: 2em 0;
	padding: 20px 25px 20px;
	background: #EFEFEF;
}


/*YouTubeレスポンシブサイズ*/
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


/* ----------------------------------------------------
 ブログカードスタイル
-----------------------------------------------------*/
.blog-card{
	position: relative;
	margin: 2em 0;
  padding: 12px;
  border: 1px solid #ddd;
  word-wrap: break-word;

}

.blog-card-thumbnail{
  float:left;
}

.blog-card-content{
  margin-left:110px;
  line-height:120%;
}
.blog-card-title{
  margin-bottom:5px;
}

.blog-card-title a{
  font-weight:bold;
  text-decoration:none;
  color:#111;
}

.blog-card-excerpt{
  color:#333;
  font-size:90%;
}

.blog-card-footer{
  font-size:70%;
  color:#777;
  margin-top:5px;
}

.clear{
  clear:both;
}


/* ----------------------------------------------------
 ページナビ
-----------------------------------------------------*/
.pagination {
	clear: both;
	padding: 20px 0;
	position: relative;
	font-size: 14px;
	line-height: 14px;
        text-align: center;
}
.pagination-box {
	display: inline-block;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 10px 15px 10px 15px;
	text-decoration: none;
	width: auto;
	color: #fff; /* 文字色 */
	background: #8F8F8F; /* 背景色 */
}
.pagination a:hover{
	color: #fff; /* マウスホバー時の文字色 */
	background: #333; /* マウスホバー時の背景色 */
}
.pagination .current{
	padding: 10px 15px 10px 15px;
	background: #333; /* 現在のページの文字色 */
	color: #fff; /* 現在のページの背景色 */
}
@media only screen and (max-width: 413px) {
.pagination {
	font-size: 12px;
	line-height: 12px;
}
.pagination span, .pagination a {
	padding: 8px 10px 8px 10px;
}
.pagination .current{
	padding: 8px 10px 8px 10px;
}
}


/* ----------------------------------------------------
 contact7フォーム
-----------------------------------------------------*/
/*contact7フォーム*/
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 textarea {
width: 100%;
padding: 10px;
border-radius: 4px;
border: 1px solid #ddd;
}
/*contact7送信ボタン*/
.wpcf7-submit {
width: 100%;
padding: 15px;
border-radius:10px;
-webkit-border-radius: 10px;  
-moz-border-radius: 10px;
border: none;
box-shadow: 0 3px 0 #ddd;
background: #eee;
transition: 0.3s;
}
.wpcf7-submit:hover {
background: #ddd;
transform: translate3d(0px, 3px, 1px);
-webkit-transform: translate3d(0px, 3px, 1px);
-moz-transform: translate3d(0px, 3px, 1px);
}


/* ----------------------------------------------------
SNSボタン
-----------------------------------------------------*/
.sns-wrap {
width: 100%;
margin-top: 1em;
margin-bottom: 1%;
}

.sns {
margin: 0 auto;
list-style: none;
}

.sns a {
text-decoration: none;
font-size: 13px;
font-weight:bold;
}

.sns {
text-align: center;
}

.sns li {
float: left;
width: 15.6%;
margin: 0 .5% 2%;
}

.sns a {
position: relative;
display: block;
padding: 10px 5px;
color: #fff;
border-radius: 2px;
text-align: center;
}

.sns span,
.sns .fa {
margin-right: .4em;
color: #fff;
}

.sns .twitter a {
background: #55acee;
}

.sns .facebook a {
background: #315096;
}

.sns .googleplus a {
background: #dd4b39;
}

.sns .hatebu a {
background: #008fde;
}

.sns .pocket a {
background: #f03e51;
}

.sns .feedly a {
background: #87c040;
}

/* hover */
.sns li a:hover {
background: #333;
}

@media only screen and ( max-width: 736px ) {
.sns li {
width: 32.3%;
margin: 0 .5% 4%;
}
.sns a {
font-size: 13px;
padding: 6px 3px;
}
}