﻿html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}a{background-color:transparent}a:active,a:hover{outline:0}img{border:0}svg:not(:root){overflow:hidden}body{font-size:62.5%;font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;width:100%}.clearfix::after{content:"";display:block;clear:both}.blogParts__area{max-width:960px;margin:40px auto}.blogParts{border:1px solid #76c443;font-size:0;max-width:960px;min-width:180px;height:100%;box-sizing:border-box}.blogParts--height400{height:400px}.blogParts__profile{width:100%;height:100px;padding:10px;background:#ffffff;font-size:0;box-sizing:border-box}.blogParts__profilePhoto{display:inline-block;width:80px;height:80px;overflow:hidden}.blogParts__profilePhotoImg{width:100%;height:auto}.blogParts__profileText{display:inline-block;width:calc(100% - 80px);padding:0 0 0 10px;vertical-align:top;box-sizing:border-box}.blogParts__profileName{width:100%;font-size:16px;font-weight:bold;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.blogParts__profileDetail{width:100%;font-size:14px;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.blogParts__logo{text-align:right;margin-top:10px}.blogParts__logoImg{width:160px;height:auto}.blogParts__articleArea{overflow:scroll;height:calc(100% - 100px);background:#efefe4}.blogParts__article{width:100%;height:198px;padding:10px;background:#efefe4;box-sizing:border-box}.blogParts__article--2{display:inline-block;width:50%}.blogParts__article--2+.blogParts__article--2{padding-left:0}.blogParts__article--2:nth-child(2n+1){padding-left:10px}.blogParts__article--2:nth-child(n+3){padding-top:0px}.blogParts__articleInner{width:100%;height:100%;border:1px solid #cbe2bc;background:#FFFFFF;box-sizing:border-box}.blogParts__imgArea{width:100%;height:65%;box-sizing:border-box}.blogParts__img{width:100%;height:100%;display:block;background-size:cover;background-position:50%;background-repeat:no-repeat}.blogParts__txtArea{position:relative;width:100%;height:35%;padding:10px 20px;box-sizing:border-box}.blogParts__title{margin:0;overflow:hidden;width:100%}.blogParts__title a{display:block;font-size:16px;line-height:1.6;height:25.6px;color:#000000;text-decoration:none;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.blogParts__title a:hover{color:#3b7f0f;text-decoration:underline}.blogParts__txtAreaBottom{position:absolute;bottom:10px}.blogParts__date{font-size:14px;margin:0}.blogParts__articleHz{width:100%;height:138px;padding:10px;background:#efefe4;box-sizing:border-box}.blogParts__articleHz--2{display:inline-block;width:50%}.blogParts__articleHz--2+.blogParts__article--2{padding-left:0}.blogParts__articleHz--2:nth-child(2n+1){padding-left:10px}.blogParts__articleHz--2:nth-child(n+3){padding-top:0px}.blogParts__articleInnerHz{width:100%;height:100%;border:1px solid #cbe2bc;background:#FFFFFF;box-sizing:border-box;font-size:0}.blogParts__imgAreaHz{display:inline-block;width:15%;height:100%}.blogParts__articleHz--2 .blogParts__imgAreaHz{width:30%}.blogParts__txtAreaHz{display:inline-block;position:relative;width:85%;height:100%;padding:10px;vertical-align:top;box-sizing:border-box}.blogParts__articleHz--2 .blogParts__txtAreaHz{width:70%}.blogParts__titleHz{margin:0;width:100%;overflow:hidden}.blogParts__titleHz a{display:block;font-size:16px;line-height:1.6;height:76.8px;color:#000000;text-decoration:none;width:100%;position:relative}.blogParts__titleHz a:before,.blogParts__titleHz a:after{background:#ffffff;position:absolute}.blogParts__titleHz a:before{content:"...";top:51.2px;right:0}.blogParts__titleHz a:after{content:"";height:100%;width:100%}.blogParts__titleHz a:hover{color:#3b7f0f;text-decoration:underline}@media screen and (max-width: 480px){.blogParts__article--2{display:block;width:100%}.blogParts__article--2+.blogParts__article--2{padding:0 10px 10px 10px}}@media screen and (max-width: 320px){.blogParts__txtArea{width:100%;padding:10px}}@media screen and (max-width: 269px){.blogParts__logoImg{width:100px;height:auto}}@media screen and (max-width: 219px){.blogParts__profilePhoto{display:none}.blogParts__profileText{width:100%;padding:0}}@media screen and (max-width: 699px){.blogParts__articleHz--2{display:block;width:100%}.blogParts__articleHz--2+.blogParts__articleHz--2{padding:0 10px 10px 10px}}
