@charset "utf-8";
/* 縦並び */
.blogRayout01 .blogRecentList ul {margin: 0 !important; padding: 0 !important;}
.blogRayout01 .blogRecentList li { background-image: none !important; list-style: none !important; margin: 0 !important; padding: 0 !important; text-indent: 0 !important;}
.blogRayout01 .blogRecentList li::before, .entryRayout01 .blogRecentList li::after { display: none !important;}
.blogRayout01 .blogRecentList { margin-top: 1.5rem;}
.blogRayout01 .blogRecentList a {text-decoration: none !important;}
.blogRayout01 .blogRecentList a::after { display: none;}
.blogRayout01 .blogRecentList ul  li { border-top: none !important; border-bottom-style: solid; border-bottom-width: 1px; border-color: #eee; padding-bottom: 10px !important; margin-bottom: 15px !important; display:flex !important; align-items: center; justify-content: space-between;}
#blogRayout01.blogRayout01 ul li:before { content: none; }
.blogRayout01 .blogEntryInfo { display: flex; align-items: center; flex-wrap: wrap;}
.blogRayout01 .topicDate { border: none; margin: 0 10px 0 0;}
.blogRayout01 .blogEntryCategory a { background-image: none; border: none; border: none; font-size: 85.7%; padding: 2px 5px; display: inline-block; margin: 0 5px;}
.blogRayout01 .blogEntryTtl {padding: 5px 0; width: 100%;}
.blogRayout01 .blogEntryTtl a::after { display: none;} 
.blogRayout01 .blogEntryIcon-dis { display: none;}
.blogRayout01 .blogEntryIcon-act { margin-right: 15px; width: 100px; min-width: 100px;}
.blogRayout01 .blogEntryIcon-act a { border: none; display: block; padding: 0; height: 100%; width: 100%;}
.blogRayout01 .blogEntryIcon-act img { width: 100%; max-width: 100%;}

/* 横並び */
.blogRayout02 .blogRecentList ul { padding: 0 !important; margin: 0 !important;}
.blogRayout02 .blogRecentList ul li { background-image: none !important; border: none; list-style: none !important; margin: 0 !important; padding: 0 !important; text-indent: 0 !important;}
.blogRayout02 .blogRecentList li::before, .entryRayout01 .blogRecentList li::after { display: none !important;}
.blogRayout02 .blogRecentList a {text-decoration: none !important;}
.blogRayout02 .blogRecentList { margin-top: 1.5rem;}
#blogRayout02.blogRayout02 li:before { content: none; }
.blogRayout02 .blogEntryBlock { display: flex; flex-direction: column; position: relative; }
.blogRayout02 .blogEntryBlock:after { content: ""; display: block; position: absolute; top: 15px; left: 15px; bottom: 15px; right: 15px;}
.blogRayout02 .blogEntryInfo { display: flex; flex-wrap: wrap; justify-content: space-between; order: 2; padding: 15px 15px 30px; z-index: 1;}
.blogRayout02 .blogEntryTtl { background-image: none !important; background-color: transparent !important; border: none !important; box-shadow: none !important; margin: 0 0 10px !important; order: 2; padding: 0 !important; text-align: left !important; width: 100%; word-break: break-all;}
.blogRayout02 .blogEntryTtl::before, .blogRayout02 .blogEntryTtl::after { display: none !important;}
.blogRayout02 .blogEntryTtl a { padding: 0;}
.blogRayout02 .blogEntryTtl a::before, .blogRayout02 .blogEntryTtl a::after { display: none;}
.blogRayout02 .blogEntrySmm { order: 3; width: 100%;}
.blogRayout02 .blogEntryInfo p { margin-bottom: 10px;}
.blogRayout02 .blogEntryInfo .topicDate { border: none; order: 1; margin: 0 0 10px !important; text-align: left;}
.blogRayout02 ul.blogEntryCategory { background-color: transparent; border: none; order: 4; margin: 0 -5px !important; padding: 0 !important;}
.blogRayout02 ul.blogEntryCategory li { background-color: transparent !important; display: inline-block !important; border: none !important; padding: 0 5px !important; margin: 0 !important;}
.blogRayout02 ul.blogEntryCategory li a { background-image: none; border: none; padding: 0;}
.blogRayout02 ul.blogEntryCategory li a::before, .blogRayout02 ul.blogEntryCategory li a::after { display: none;}
.blogRayout02 .blogEntryIcon { background-color: #ddd; order: 1; overflow: hidden; position: relative; width: 100%; z-index: 1;}
.blogRayout02 .blogEntryIcon::before { content:""; display: block; padding-top: 61.8%;}
.blogRayout02 .blogEntryIcon a { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0;}
.blogRayout02 .blogEntryIcon a::before, .blogRayout02 .blogEntryIcon a::after { display: none;}
.blogRayout02 .blogEntryIcon img { height: 100%; object-fit: cover; width: 100%;}