.entry-content h3 { padding: 4px 10px; color: #fff; background-color: #ffc268; border-left: 8px solid #ff7f50; border-bottom: 1px solid #ff7f50;
}
.entry-content h2 { position: relative; color: #fff; padding: 8px 12px; background-color: #ffc268; border-radius: 6px; border-color: transparent; border-top-color: #ff7f50;
}
.entry-content h2::before{ position: absolute; top: 100%; left: 32px; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: transparent; border-top-color: #ff7f50; content: '';
}
.hatena-module-category .hatena-urllist { display: table; width: 100%;
}
.hatena-module-category .hatena-urllist li { display: table-cell; margin-right: 12px; float: left;
}
.entry-content .emphasize-link { position: relative; margin: 36px 0 16px; padding: 16px 10px; border: 2px solid #ee7917; background-color: #fffbf5;
}
.entry-content .emphasize-link p:last-child { margin-bottom: 0;
}
.entry-content .emphasize-link::before { position: absolute; top: -12px; left: 10px; padding: 0 10px 0 26px; content: "pick up!"; background-color: #ee7917; border-radius: 10px; color: #fff; font-size: 14px; font-weight: bold; line-height: 20px;
}
.entry-content .emphasize-link::after { position: absolute; top: -16px; left: 4px; width: 28px; height: 28px; background-color: #ee7917; border-radius: 14px; line-height: 25px; text-align: center; content: "\f029"; font-size: 18px; font-family: "blogicon"; color: #fff;
}
.entry-content h4{ position: relative; padding: 12px 12px 12px 28px; color: #333; border-bottom: 1px solid; border-color: #ffc268;
}
.entry-content h4::after { content: ''; position: absolute; top: 20px; left: 8px; z-index: 5; width: 10px; height: 10px; background-color: #ffc268; transform: rotate(45deg);
}
/* CTAボックス用CSS*/
.ycta-box {
display: block;
width: 100%;
background: #eaedf2;
padding: 10px;
}
.ycta-box-li {
display: table;
width: 100%;
padding: 10px;
margin: 0 0 10px 0;
background: #fff;
}
.ycta-box-img {
width: 40%;
max-width: 400px;
display: table-cell;
padding: 10px;
vertical-align: middle;
}
.ycta-box-desc {
width: 60%;
display: table-cell;
font-size: 0.9em;
padding-left: 20px;
}
@media (max-width: 767px){
/*モバイル定義*/
.ycta-box-img {
display: block;
width:100%;
}
.ycta-box-desc {
display: block;
font-size: 0.9em;
padding: 10px;
width:100%;
}
}