.addquicktag_yuzu_flex_spacebetween{
	display:flex;
	justify-content: space-between;
}
.kakomi-box12 {
	position: relative;
	margin: 2em auto 4rem;
	padding: 1.2em;
	width: 87%;
	color: #555555;
	background-color: #fff;
	border: 2px solid #044;
	box-shadow: 2px 2px 1px #ccc;
}
.title-box12 {
	position: absolute;
	padding: 0 .5em;
	left: 20px;
	top: -15px;
	font-size: 1.1rem;
	font-weight: bold;
	background-color: #fff;
	color: #000044;
}

.kakomi-box12 {
 position: relative;
 margin: 2em auto;
 padding: 1.2em;
 width: 90%;
 color: #555555;
 background-color: #fff;
 border: 2px solid #8FBC8F;
 box-shadow: 2px 2px 1px #ccc;
}
.title-box12 {
 position: absolute;
 padding: 0 .5em;
 left: 20px;
 top: -15px;
 font-weight: bold;
 background-color: #fff;
 color: #8FBC8F;
}

.cardlink { padding: 20px; margin: 10px 0; border: 1px solid #ddd; word-wrap: break-word; max-width: 100%; background: #fafafa; }
.cardlink_thumbnail { float: left; margin-right: 25px; }
.cardlink_thumbnail img { width: 130px; height: 130px; -o-object-fit: cover; object-fit: cover; }

/* for IE11 */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
	.cardlink_thumbnail img { height: auto; }
}

.cardlink_content { line-height: 1.6; }
.cardlink_timestamp { display: inline; margin: 0; padding: 0; vertical-align: top; color: #222; line-height: 1; font-size: 12px; }
.cardlink_title { font-size: 16px; margin: -3px 0 5px; }
.cardlink_title a { font-weight: bold; color: #000; text-decoration: none; }
.cardlink_title a:hover { text-decoration: underline; }
.cardlink_excerpt { color: #000; font-size: 14px; overflow: hidden; line-height: 1.9; }
.cardlink_footer { clear: both; }
.clear { clear: both; }

@media screen and (max-width: 767px) {
	.cardlink_timestamp { display: none; }
}

@media screen and (max-width: 567px) { .cardlink { padding: 15px 11px 12px 13px; }
  .cardlink_thumbnail { float: left; margin-bottom: 10px; margin-right: 12px; }
  .cardlink_thumbnail img { width: 100px; height: 100px; }
  .cardlink_title { font-size: 14px; margin-top: -5px; }
  .cardlink_excerpt { clear: both; }
}
/* headline - 見出しのスタイル */
.style3a, .style3b, .style4a, .style4b, .style5a, .style5b, .style6 { 
	line-height: 1.6; 
}
.style3a {
	border-top: 1px solid #222;
	border-bottom: 1px solid #222;
	font-size: 22px;
	font-weight: 400;
	margin: 3em 0 1.5em;
	padding: 1.1em .2em 1em;
}
.style3b {
	background: #fafafa; 
	border-top: 2px solid #222; 
	border-bottom: 1px solid #ddd; 
	box-shadow: 0px 1px 2px #f7f7f7; 
	font-size: 22px; 
	font-weight: 400; 
	margin: 3em 0 1.5em; 
	padding: 1.1em .9em 1em;
}
.style4a { 
	border-bottom: 1px dotted #aaa; 
	font-size: 18px; 
	font-weight: 400; 
	margin: 2.5em 0 1.2em; 
	padding: .9em 0 .8em; 
}
.style4b { 
	border-bottom: none; 
	border-left: 3px solid #222 !important; 
	font-size: 18px; 
	font-weight: 400; 
	margin: 2.5em 2px 1.2em; 
	padding: 0.5rem 1rem !important;
}
.style5a { 
	background: #f5f5f5; box-shadow: 0px 2px 0px 0px #f2f2f2; 
	font-size: 18px; 
	font-weight: 700; 
	margin: 2em 0 1em; 
	padding: .5em .8em .3em 1em;
}
.style5b { 
	background: #222; border-radius: 4px; box-shadow: 0px 2px 0px 0px #f2f2f2; 
	color: #fff; 
	font-size: 18px; 
	font-weight: 400; 
	margin: 2em 0 1em; 
	padding: .5em .8em .4em 1em;
}
.style6 { 
	color: #222; 
	font-size: 16px; 
	font-weight: bold; 
	margin: 2em 0 1em; 
	padding: .5em .8em .8em 1.3em; 
	position: relative;
}
.style6:before { 
	background: #222; 
	content: ""; 
	position: absolute; 
	top: .5em; 
	left: .2em; 
	width: 12px; 
	height: 12px;
}
.style6a{
	border-bottom:1px dotted #ccc !important;
}
.style6a:before {
	content: "■" !important;
}
.style6b{
	border-bottom:1px solid #ccc !important;
}
.style6b:before {
	content: "・" !important;
}