.b_footer_title{
    position: relative;
    font-family: 'Cormorant Upright',serif;
    font-size: 1.8rem;
    line-height: 1.1;
    color: #808085;
    z-index: 10;
    text-align: left;
    margin: 0 0 20px;
}

.footer_blog{
    padding: 20px 0 20px 0;
    text-align: center;
    background: #fff;
    margin: 0;
}

.blog_footer{
    max-width: 80%;
    margin: 2.5rem auto 6em;
}

.cate_list_all {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    max-width: 100%;
    font-size: 0.9rem;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0;
}

.cate_list_all li{
    margin: 0 1.8rem 1rem 0;
}

.cate_list_all a li{
    color: #666;
}

.cate_list_all a{
    text-decoration: none;
}

.cate_list_child {
    margin: 20px 0;
}

.cate_list_child:not(:last-child):after {
    content: '/';
    padding: 0 .7rem;
}

.cate_list_child a {
    color: #6d5c5a;
}

.b_footer_body {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.b_footer_main {
    margin: 30px 0 30px;
    text-align: left;
    width: 33%;
}

.b_footer_sub {
    margin: 30px 0;
    text-align: left;
    width: 33%;
}

.blog_page {
    text-align: center;
    font-size: 1.2em;
    color: #000;
}

.blog_page a{
    color: #6b6b6b;
}

.copyright_txt{
   font-size: 0.6rem;
}

.footer_contents{
   display: flex;
   flex-flow: row wrap;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
}

.footer_contents li{
   margin: 0 1.8rem 1rem 0;
}

.footer_contents li span{
   font-size: 0.9rem;
}

/* ulタグの内側余白を０にする */
ul.footer_sns{
padding:0!important;
}
/* アイコン全体の位置 */
.footer_sns {
    display: flex;
    /* flex-flow: row wrap; */
}
/* アイコン同士の余白 */
.footer_sns li {
    /* flex: 0 0 20%; */
    text-align: center!important;
    margin: 0 30px 0 0;
}



@media print, screen and (max-width: 768px){

.b_footer_title {
    font-size: 2.3rem;
    margin: 0 0 30px;
}

.cate_list_all {
    font-size: 1rem;
}

.footer_contents li span{
    font-size: 1rem;
}
    
.b_footer_body {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.blog_footer {
    max-width: 85%;
    margin: 2.5rem auto 6em;
    zoom: 0.8;
}

.b_footer_main {
    margin: 30px 0 30px;
    text-align: left;
    width: 100%;
}

.b_footer_sub {
    margin: 30px 0;
    text-align: left;
    width: 100%;
}

}