@charset  "utf-8";

/* 新生活お役立ち情報
-----------------
created 2020.08.04
-----------------
up date
-----------------
table of contents
-----------------
01.main
*/


/**
01.blog_base
  ---------------------------------------------------------------------------------------*/
#blogWrap #blogLeft article .btmShare{
    clear: both;
}

#blogWrap #blogLeft #pastBlog p{
    font-size: 1.4rem;
    line-height: 250%;
    margin-top: 20px;
    padding: 0 0 20px;
}

#blogWrap #blogLeft #pastBlog h2,h3,h4,h5{
    color: rgb(115,179,162);
    font-size: 2rem;
    font-weight: bold;
    margin-top: 20px;
}

#blogWrap #blogLeft #pastBlog img{
    max-width: 695px;
    height: auto;
}

#blogWrap #blogLeft #pastBlog ul li{
    list-style: disc;
    list-style-position: outside;
    margin-left: 20px;
}

#blogWrap #blogLeft #pastBlog ol li{
    list-style: decimal;
    list-style-position: outside;
    margin-left: 20px;
}

#blogWrap #blogLeft #pastBlog dl dt{
    font-weight: bold;
}

#blogWrap #blogLeft #pastBlog dl dd{
    text-indent: 1rem;
}

#blogWrap #blogLeft #pastBlog table{
    max-width: 695px;
    width: auto;
}

#blogWrap #blogLeft #pastBlog thead {
    background: #6dc7a7;
    color: #fff;
}

#blogWrap #blogLeft #pastBlog table th,
#blogWrap #blogLeft #pastBlog table td{
    border: solid 1px #acacac;
    padding: 10px;
}

#blogWrap #blogLeft #pastBlog strong{
    font-weight: bold;
}

/*-------------広報ブログ移植--------------*/
#blogWrap #blogLeft article #pastBlog div p {
    margin: 20px 0;
}
#blogWrap #blogLeft article #pastBlog .fukidashi01:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #e0edff;
}
#blogWrap #blogLeft article #pastBlog .fukidashi02:before{
    content: "";
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-bottom: 15px solid #e0edff;
}
#blogWrap #blogLeft article #pastBlog .fukidashi03:before{
    content: "";
    position: absolute;
    top: 50%;
    left: -30px;
    margin-top: -15px;
    border: 15px solid transparent;
    border-right: 15px solid #e0edff;
}
#blogWrap #blogLeft article #pastBlog .fukidashi04:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -15px;
    border: 15px solid transparent;
    border-left: 15px solid #e0edff;
}
#blogWrap #blogLeft article #pastBlog img{
    max-width: 695px;
    height: auto;
}

/*
01.main
---------------------------------------------------------------------------------------*/
#blogWrap #blogLeft article #pastBlog {
    float: left;
    text-align: left;
    padding: 30px;
    background-color: rgb(255,255,255);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin: 0 0 25px;
    font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
    width: 100%;
    box-sizing: border-box;
}
#blogWrap #blogLeft article #pastBlog img{
    max-width: 100%;
}
#blogWrap #blogLeft article #pastBlog h1 {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 0 0 10px;
    border-bottom: solid 1px rgb(204,204,204);
    margin: 0 0 30px;
}
#blogWrap #blogLeft article #pastBlog h2,
#blogWrap #blogLeft article #pastBlog h3,
#blogWrap #blogLeft article #pastBlog h4 {
    font-size: 17px;
    letter-spacing: 2px;
    border-left: solid 3px rgb(204,204,204);
    padding: 0 0 0 10px;
    margin: 0 0 20px;
    background-color: rgb(237,237,237);
    clear: both;
    color: rgb(0,0,0);
    font-weight: normal;
}
#blogWrap #blogLeft article #pastBlog p {
    font-size: 15px;
    letter-spacing: 0.5px;
    padding: 0 0 20px;
    line-height: 1.5;
    margin-top: 0;
}
#blogWrap #blogLeft article #pastBlog p.tc {
    text-align: center;
}
#blogWrap #blogLeft article #pastBlog p.tr {
    text-align: right;
}

#blogWrap #blogLeft article #pastBlog ul,
#blogWrap #blogLeft article #pastBlog ol {
    padding: 0 0 15px 10px;
    margin-top: 0;
}
#blogWrap #blogLeft article #pastBlog ul li,
#blogWrap #blogLeft article #pastBlog ol li {
    font-size: 15px;
    padding: 0 0 5px;
    line-height: 1.5;
}
#blogWrap #blogLeft article #pastBlog ul li {
    list-style: disc outside;
}
#blogWrap #blogLeft article #pastBlog ol li {
    list-style: decimal outside;
}
#blogWrap #blogLeft article #pastBlog figure {
    float: right;
    width: auto;
    padding: 0 0 25px 25px;
}

#blogWrap #blogLeft article #pastBlog dl dt {
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 5px;
    line-height: 1.5;
}
#blogWrap #blogLeft article #pastBlog dl dd {
    font-size: 16px;
    padding: 0 0 20px;
    line-height: 1.5;
    text-indent: 0;
}
#blogWrap #blogLeft article #pastBlog dl dd.img {
    text-align: center;
}
#blogWrap #blogLeft article #pastBlog dl dd.img ul li {
    list-style: none;
    display: inline-block;
    width: 120px;
    font-size: 1em;
    margin: 0 5px 0 0;
}

#blogWrap #blogLeft article #pastBlog dl dd.img ul li img {
    max-width: 100%;
    width: 100%;
    padding: 0;
    display: block;
}