@charset "UTF-8";

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

.main-body .ranking-list li{
	margin-bottom: 0px;
}

table{
	width: 100%;
	margin: 1em 0;
	padding: 0;
	border-top: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
}

th,
td{
	color: #4b3a24;
	padding: 0.5em;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	font-size: 12px;
}

th{
	background-color: #ffd1d8;
	font-weight: bold;
	text-align: left;
}

thead th{
	background-color: #e05c55;
	color: #fff;
	text-align: center;
}

dd{
	margin-left: 0;
	padding-left: 1em;
}

figure{
	margin: 1em 0;
}



/*フォントの色設定*/
.red{ color: #e00000!important; }/*赤*/
.blue{ color: #0329ce!important; }/*青*/
.green{ color: #01995e!important; }/*緑*/
.yellow{ color: #ffe400!important; }/*黄*/
.navy{ color: #133d94!important; }/*紺*/
.orange{ color: #eca100!important; }/*橙*/
.pink{ color: #eb67b5!important; }/*ピンク*/
.purple{ color: #9940d2!important; }/*紫*/
.olive{ color: #9bb814!important; }/*オリーブ*/
.lime{ color: #2abe0d!important; }/*黄緑*/
.aqua{ color: #0baedd!important; }/*水色*/
.black{ color: #000!important; }/*黒*/
.gray{ color: #999!important; }/*灰*/
.white{ color: #fff!important; }/*白*/
.brown{ color: #4b1c1c!important; }/*茶*/


/*マーカー表示
背景に着色、「box-xx」から変更*/
.line-blue{ background: linear-gradient(transparent 50%, #9ddff1 50%); }/*青*/
.line-yellow{ background: linear-gradient(transparent 50%, #fff499 50%); }/*黄*/
.line-orange{ background: linear-gradient(transparent 50%, #f7d999 50%); }/*橙*/
.line-pink{ background: linear-gradient(transparent 50%, #f7c2e1 50%); }/*ピンク*/
.line-lime{ background: linear-gradient(transparent 50%, #aae59e 50%); }/*黄緑*/
.line-gray{ background: linear-gradient(transparent 50%, #d6d6d6 50%); }/*灰*/



.main-body h3 {margin: 10px 0 30px;}

/*Q&Aリスト*/
.qa-list{
	padding-top: 3px;
}

.qa-list-02 dt{
	position: relative;
	display: block;
	margin-bottom: 30px;
	padding: 4px 0 10px 40px;
	font-weight: bold;
}

.qa-list-02 dd{
	position: relative;
	margin-bottom: 20px;
	margin-left: 0;
	padding: 4px 0 20px 40px;
	border-bottom: 1px solid #f0f0f0;
}

.qa-list-02 dt::before,
.qa-list-02 dd::before{
	position: absolute;
	top: 0;
	left: 0;
	width: 35px;
	height: 35px;
	margin-right: 1em;
	font-weight: bold;
	font-size: 14px;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', serif;
	color: #fff;
	line-height: 35px;
	text-indent: 0;
	text-align: center;
	vertical-align: middle;
}

.qa-list-02 dt::before{
	background: #05a5ab;
	content: 'Q';
}

.qa-list-02 dd::before{
	background: #eb3b54;
	content: 'A';
}


.info-box2{
	padding: 30px 20px;
	background-color: #eefaf6;
}

/*------------------------------------------------------------
文字列の前にアイコン
-------------------------------------------------------------*/

/*口コミアイコン-普通*/
.icon-kuchikomi-imaichi{
	padding: 15px 20px 20px 60px;
	background: url(/wp-content/uploads/2018/11/kuchikomi-futuu.png) left top no-repeat;
}

/*口コミアイコン-良い*/
.icon-kuchikomi-good{
	padding: 15px 20px 20px 60px;
	background: url(/wp-content/uploads/2018/11/kuchikomi-up.png) left top no-repeat;
}

/*口コミアイコン-悪い*/
.icon-kuchikomi-bad{
	padding: 15px 20px 20px 60px;
	background: url(/wp-content/uploads/2018/11/kuchikomi-down.png) left top no-repeat;
}

#toc_container ul.toc_list li::before {

    content: "\f0da";
    font-family: FontAwesome, sans-serif;
    color: #bbbbbb;
    display: inline-flex;
    margin-right: 7px;
    margin-left: 3px;

}

/*QAアイコン*/
.icon-qa-q{
	padding: 10px 1px 20px 45px;
	background: url(/wp-content/themes/keni71_wp_pretty_red_201901091015/images/icon/icon-q.png) left top no-repeat;
}

.icon-qa-a{
	padding: 10px 10px 30px 50px;
	background: url(/wp-content/themes/keni71_wp_pretty_red_201901091015/images/icon/icon-a.png) left 3px no-repeat;
}

/*マーカー表示
背景に着色、「box-xx」から変更*/
.line-blue{ background: linear-gradient(transparent 50%, #9ddff1 50%); }/*青*/
.line-yellow{ background: linear-gradient(transparent 50%, #fff499 50%); }/*黄*/
.line-orange{ background: linear-gradient(transparent 50%, #f7d999 50%); }/*橙*/
.line-pink{ background: linear-gradient(transparent 50%, #f7c2e1 50%); }/*ピンク*/
.line-lime{ background: linear-gradient(transparent 50%, #aae59e 50%); }/*黄緑*/
.line-gray{ background: linear-gradient(transparent 50%, #d6d6d6 50%); }/*灰*/

/*記述リスト 縦並び*/
.dl-style03{
border: 1px dashed #999999;
}

.dl-style03 dt{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 20px;
	padding-top: 10px;
	font-weight: bold;
	color: green;
}

.dl-style03 dd{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 20px;
	border-bottom-width : 1px;
	border-bottom-style : dashed;
	border-bottom-color : #999999;
	padding-bottom: 10px;
}

.dl-style03 dd.end{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 20px;
	border-bottom: none;
	padding-bottom: 10px;

}


.dl-style03 dt{
	display: block;
}

/*記述リスト 縦並び*/
.dl-style04{
border: 1px dashed #999999;
}

.dl-style04 dt{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 20px;
	padding-top: 10px;
	font-weight: bold;
}

.dl-style04 dd{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 20px;
	border-bottom-width : 1px;
	border-bottom-style : dashed;
	border-bottom-color : #999999;
	padding-bottom: 10px;
}

.dl-style04 dd.end{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 20px;
	border-bottom: none;
	padding-bottom: 10px;

}


.dl-style04 dt{
	display: block;
}


/*アイテムボックス*/
.item-box{
	margin: 40px 0;
	padding: 10px;
	background-color: #f0f0f0;
}

.item-box .item-box_title{
	margin-top: 15px;
	margin-bottom: 15px;
	color: #00858a;
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 1.0;
}

.item-box .item-box_desc{
	overflow: hidden;
}

.item-box .item-box_thumb{
	display: block;
	margin-bottom: 10px;
	text-align: center;
}

.relepot {
  display: flex;
  flex-direction: column;
}
.relepot .site {
  display: flex;
  flex-wrap: wrap;
  padding: 1rem;
  border: 1px dotted #ccc;
  background-color: #fff;
}
.relepot .trim {
  margin-right: 1rem;
  max-width: 150px;
  height: 150px;
  overflow: hidden;
}
.relepot .site img {
  height: 150px;
  max-width: none;
}

/*装飾ボックス*/
.box_style{
	margin: 0 0 30px;
	font-size: 1.8rem;
}

.box_style p:last-child{
	margin-bottom: 0;
}


/*ストライプの枠線*/
.box_style01{
	padding: 6px;
	background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#05a5ab 25%, #05a5ab 50%,
		#fff 50%, #fff 75%,
		#05a5ab 75%, #05a5ab
	);
	background-size: 4px 4px;
	background-repeat: repeat;
}

.box_style01 .box_inner{
	padding: 10px;
	background-color: #e8f7f7;
}

.box_style02{
	padding: 6px;
	background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#999999 25%, #999999 50%,
		#fff 50%, #fff 75%,
		#999999 75%, #999999
	);
	background-size: 4px 4px;
	background-repeat: repeat;
}

.box_style02 .box_inner{
	padding: 10px;
	background-color: #fff;
}

.box_style02 li{
	line-height: 2em;
}

.box_style03{
	padding: 16px;
	background: #e8f7f7;
}

.box_style04{
	padding: 16px;
	background: #f0f0f0;
}

.box_style05{
	padding: 16px;
	background: #333333;
	color: #fff;
}


/*ストライプの背景*/
.box_style06{
	padding: 16px;
	background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#eff9f9 25%, #eff9f9 50%,
		#fff 50%, #fff 75%,
		#eff9f9 75%, #eff9f9
	);
	background-size: 4px 4px;
	background-repeat: repeat;
	background-color: #e8f7f7;
}


/*画像背景*/
.box_style07{
	padding: 10px;
	background-size: cover;
}

.box_style07 .box_inner{
	padding: 10px;
	background-color: rgba(255,255,255,0.7);
}


/*カラーボックス*/
.box_style_blue,
.box_style_green,
.box_style_orange,
.box_style_red,
.box_style_pink,
.box_style_yellow,
.box_style_gray{
	margin-bottom: 30px;
	padding: 6px;
	background-size: 4px 4px;
	background-repeat: repeat;
	font-size: 1.0rem;
}

.box_style_blue .box_inner,
.box_style_green .box_inner,
.box_style_orange .box_inner,
.box_style_red .box_inner,
.box_style_pink .box_inner,
.box_style_yellow .box_inner,
.box_style_gray .box_inner{ padding: 15px; }

.box_style_blue .box_style_title,
.box_style_green .box_style_title,
.box_style_orange .box_style_title,
.box_style_red .box_style_title,
.box_style_pink .box_style_title,
.box_style_yellow .box_style_title,
.box_style_gray .box_style_title{
	margin: -8px 0 5px -27px;
	color: #fff;
	line-height: 1.4;
}

.box_style_title span{
	position: relative;
	display: inline-block;
	padding: 5px 10px;
}

.box_style_title span::before{
	position: absolute;
	top: 100%;
	left: 0;
	height: 0;
	width: 0;
	border: 3px solid transparent;
	border-top-color: #d6d6d6;
	border-right-color: #d6d6d6;
	content: "";
}


/*カラーボックス（青）*/
.box_style_blue{
	background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#0baedd 25%, #0baedd 50%,
		#fff 50%, #fff 75%,
		#0baedd 75%, #0baedd
	);
}
.box_style_blue .box_inner{ background-color: #f8fdff; }
.box_style_blue .list_style02 li::before,
.box_style_blue .box_style_title span{ background-color: #0baedd;}


/*カラーボックス（緑）*/
.box_style_green{
	background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#5bc130 25%, #5bc130 50%,
		#fff 50%, #fff 75%,
		#5bc130 75%, #5bc130
	);
}
.box_style_green .box_inner{ background-color: #f9fff3; }
.box_style_green .list_style02 li::before,
.box_style_green .box_style_title span{ background-color: #5bc130;}


/*カラーボックス（橙）*/
.box_style_orange{
	background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#fca60d 25%, #fca60d 50%,
		#fff 50%, #fff 75%,
		#fca60d 75%, #fca60d
	);
}
.box_style_orange .box_inner{ background-color: #fdf9f1; }
.box_style_orange .list_style02 li::before,
.box_style_orange .box_style_title span{ background-color: #fca60d; }


/*カラーボックス（赤）*/
.box_style_red{
	background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#d94b59 25%, #d94b59 50%,
		#fff 50%, #fff 75%,
		#d94b59 75%, #d94b59
	);
}
.box_style_red .box_inner{ background-color: #fff8f9; }
.box_style_red .list_style02 li::before,
.box_style_red .box_style_title span{ background-color: #d94b59; }


/*カラーボックス（ピンク）*/
.box_style_pink{
	background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#f48cc0 25%, #f48cc0 50%,
		#fff 50%, #fff 75%,
		#f48cc0 75%, #f48cc0
	);
}
.box_style_pink .box_inner{ background-color: #fffafd; }
.box_style_pink .list_style02 li::before,
.box_style_pink .box_style_title span{ background-color: #f48cc0; }


/*カラーボックス（黄）*/
.box_style_yellow{
	background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#f2cb0c 25%, #f2cb0c 50%,
		#fff 50%, #fff 75%,
		#f2cb0c 75%, #f2cb0c
	);
}
.box_style_yellow .box_inner{ background-color: #fffdf3; }
.box_style_yellow .list_style02 li::before,
.box_style_yellow .box_style_title span{ background-color: #f2cb0c; }


/*カラーボックス（灰色）*/
.box_style_gray{
	background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#999999 25%, #999999 50%,
		#fff 50%, #fff 75%,
		#999999 75%, #999999
	);
}
.box_style_gray .box_inner{ background-color: #fafafa; }
.box_style_gray .list_style02 li::before,
.box_style_gray .box_style_title span{ background-color: #999999; }

/*リンクカード*/

/*引用*/
blockquote.keni-link-card{
	position: relative;
	margin: 0 0;
	padding: 115px 45px 80px;
	background: #eefaf6;
}

.keni-link-card_wrap{
	min-height: 75px;
	margin-bottom: 2.5em;
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 6px;
}

.keni-link-card_wrap .keni-link-card{
	position: relative;
	line-height: 1.4;
	margin-bottom: 0;
	padding: 0;
	color: #505050;
	font-style: normal;
	background: transparent;
}

.keni-link-card_wrap .keni-link-card::before,
.keni-link-card_wrap .keni-link-card::after{
	display: none;
}

.keni-link-card_thumb{
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	width: 75px;
	height: 75px;
}

.keni-link-card_thumb img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: 100%;
	max-width: none;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}

.keni-link-card_title{
	margin-right: 85px;
	margin-bottom: 5px;
	font-size: 1.0rem;
}

.keni-link-card_title a{
	color: #505050;
	font-weight: bold;
	text-decoration: none;
}

.keni-link-card_title a:hover,
.keni-link-card_title a:active,
.keni-link-card_title a:focus{
	color: #00858a;
	text-decoration: underline;
}

.keni-link-card_url{
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 10px;
	font-size: 0.8rem;
	white-space: nowrap;
}

.keni-link-card_url a{
	color: #999;
	text-decoration: none;
}

.keni-link-card_desc{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	max-height: 65px;
	margin-right: 85px;
	font-size: 0.8rem;
}

.gsc-search-box table{
	margin: 0;
}

.gsc-search-box table th,
.gsc-search-box table thead th,
.gsc-search-box table tbody th,
.gsc-search-box table td{
	padding: 0;
	border: 0;
}

.gsc-search-box table td a{
	padding: 0;
}

.gsc-input{
	height: 23px!important;
}

.gsc-results-wrapper-visible table{
	width: 100%;
	margin: initial;
	padding: initial;
}

.gsc-results-wrapper-visible th,
.gsc-results-wrapper-visible td{
	padding: initial;
	font-size: inherit;
	border: 0;
}


/*回り込みの解除*/
.keni-main_outer::after,
.keni-header_inner::after,
.keni-gnav_inner::after,
.nav-links::after,
.page-nav-bf::after,
.btn-area::after,
.item-box::after,
.item-box02::after,
.item-box03_col_wrap::after,
.btn-detail_wrap::after,
.clearfix::after{
	display: block;
	content: " ";
	clear: both;
}


@media (min-width : 480px){

	/*
	# 記事一覧
	*/

	/*記事一覧 デザイン01*/

	.entry-list_style01{
		margin-bottom: 40px;
	}

	.entry-list_style01 > .entry-list_item{
		padding-bottom: 0;
		border-top: 0;
		border-radius: 0;
	}

	.entry-list_style01 .entry_title{
		margin-top: 0;
		margin-bottom: 5px;
	}

	.entry-list_style01 .entry_status > ul{
		display: inline-block;
		margin: 0 10px 5px 0;
	}

	.entry-list_style01 .entry_status > ul > li{
		display: inline-block;
	}

	.entry-list_style01 .entry_status .entry_date_item{
		font-size: 1.4rem;
	}

	.entry-list_style01 .entry_thumb{
		float: left;
		max-width: 35%;
		min-width: 200px;
		margin: 0 20px 15px 0;
		overflow: hidden;
	}

	.entry-list_style01 .ently_read-more{
		float: right;
		width: 210px;
		margin-bottom: 0;
	}